Skip to content

Commit 8cffe63

Browse files
dglazkovdglazkov
authored
More progress on listification
- **Teach "Make Image" about listification.** - **Teach "Combine Outputs" to fan out instruction.** - **First cut at "Make Text" listification.** - **Teach "Combine Outputs" to flatten the listts.** - **docs(changeset): More progress on listification.** Fixes #4939 Fixes #4902 Fixes #4940 Fixes #4901 Fixes #4904
1 parent 63486b1 commit 8cffe63

9 files changed

+380
-82
lines changed

‎.changeset/few-geese-bet.md

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
"@breadboard-ai/shared-ui": minor
3+
"@breadboard-ai/jsandbox": minor
4+
"@breadboard-ai/types": minor
5+
"@breadboard-ai/a2": minor
6+
---
7+
8+
More progress on listification.

‎packages/a2/bgl/a2.bgl.json

+10-10
Large diffs are not rendered by default.

‎packages/a2/bgl/listification-flatten-workbench.bgl.json

+179
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,179 @@
1+
{
2+
"title": "Listification Workspace",
3+
"description": "",
4+
"version": "0.0.1",
5+
"nodes": [
6+
{
7+
"id": "a2-ec8b61ad",
8+
"type": "file://bgl/a2.bgl.json#daf082ca-c1aa-4aff-b2c8-abeb984ab66c",
9+
"metadata": {
10+
"title": "Make Post",
11+
"visual": {
12+
"x": 320,
13+
"y": 459.9999999999998,
14+
"collapsed": "expanded",
15+
"outputHeight": 88
16+
},
17+
"userModified": false
18+
},
19+
"configuration": {
20+
"description": {
21+
"parts": [
22+
{
23+
"text": "Write the text and the hashtags for three instagram posts on the topic.\n\nTopic: \n\nSeasonal Special: Chocolate Bunny Mocha"
24+
}
25+
],
26+
"role": "user"
27+
},
28+
"p-list": true
29+
}
30+
},
31+
{
32+
"id": "a2-8d2c99d6",
33+
"type": "file://bgl/a2.bgl.json#module:image-generator",
34+
"metadata": {
35+
"title": "Make Image",
36+
"visual": {
37+
"x": 640,
38+
"y": 520,
39+
"collapsed": "expanded",
40+
"outputHeight": 88
41+
},
42+
"userModified": false
43+
},
44+
"configuration": {
45+
"instruction": {
46+
"role": "user",
47+
"parts": [
48+
{
49+
"text": "using the post provided, generate an image that would be perfect for a instagram post"
50+
}
51+
]
52+
}
53+
}
54+
},
55+
{
56+
"id": "a2-eefb6f99",
57+
"type": "file://bgl/a2.bgl.json#module:combine-outputs",
58+
"metadata": {
59+
"title": "Combine Outputs",
60+
"visual": {
61+
"x": 959.9999999999991,
62+
"y": 459.99999999999943,
63+
"collapsed": "expanded",
64+
"outputHeight": 88
65+
},
66+
"userModified": false
67+
},
68+
"configuration": {
69+
"text": {
70+
"parts": [
71+
{
72+
"text": "{{\"type\":\"in\",\"path\":\"a2-8d2c99d6\",\"title\":\"Make Image\"}}\n{{\"type\":\"in\",\"path\":\"a2-ec8b61ad\",\"title\":\"Make Post\"}}\n{{\"type\":\"in\",\"path\":\"a2-791cd89b\",\"title\":\"Make Comments\"}}"
73+
}
74+
],
75+
"role": "user"
76+
},
77+
"z-flatten-list": true
78+
}
79+
},
80+
{
81+
"id": "a2-791cd89b",
82+
"type": "file://bgl/a2.bgl.json#daf082ca-c1aa-4aff-b2c8-abeb984ab66c",
83+
"metadata": {
84+
"title": "Make Comments",
85+
"visual": {
86+
"x": 640,
87+
"y": 700,
88+
"collapsed": "expanded",
89+
"outputHeight": 88
90+
},
91+
"userModified": false
92+
},
93+
"configuration": {
94+
"description": {
95+
"parts": [
96+
{
97+
"text": "Create a list of sample instagram comments for the post. Make them 30% positive, 30% negative, and the rest just spam junk. List them all together intermixed, as if in the real comment feed."
98+
}
99+
],
100+
"role": "user"
101+
}
102+
}
103+
}
104+
],
105+
"edges": [
106+
{
107+
"from": "a2-ec8b61ad",
108+
"to": "a2-8d2c99d6",
109+
"out": "context",
110+
"in": "context"
111+
},
112+
{
113+
"from": "a2-8d2c99d6",
114+
"to": "a2-eefb6f99",
115+
"out": "context",
116+
"in": "p-z-a2-8d2c99d6"
117+
},
118+
{
119+
"from": "a2-ec8b61ad",
120+
"to": "a2-eefb6f99",
121+
"out": "context",
122+
"in": "p-z-a2-ec8b61ad"
123+
},
124+
{
125+
"from": "a2-ec8b61ad",
126+
"to": "a2-791cd89b",
127+
"out": "context",
128+
"in": "context"
129+
},
130+
{
131+
"from": "a2-791cd89b",
132+
"to": "a2-eefb6f99",
133+
"out": "context",
134+
"in": "p-z-a2-791cd89b"
135+
}
136+
],
137+
"metadata": {
138+
"visual": {
139+
"presentation": {
140+
"themes": {
141+
"05a8046c-3027-4947-b708-808151f12d2c": {
142+
"themeColors": {
143+
"primaryColor": "#246db5",
144+
"secondaryColor": "#5cadff",
145+
"backgroundColor": "#ffffff",
146+
"textColor": "#1a1a1a",
147+
"primaryTextColor": "#ffffff"
148+
},
149+
"template": "basic",
150+
"splashScreen": {
151+
"storedData": {
152+
"handle": "/images/app/generic-flow.jpg",
153+
"mimeType": "image/jpeg"
154+
}
155+
}
156+
}
157+
},
158+
"theme": "05a8046c-3027-4947-b708-808151f12d2c"
159+
}
160+
},
161+
"userModified": true,
162+
"tags": [],
163+
"parameters": {
164+
"style": {
165+
"title": "Style",
166+
"usedIn": []
167+
}
168+
}
169+
},
170+
"assets": {
171+
"@@thumbnail": {
172+
"metadata": {
173+
"title": "Thumbnail",
174+
"type": "file"
175+
},
176+
"data": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDI1MCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB4PSIxMC4wMCIKICAgICAgICAgICAgICAgICAgICB5PSI0NS4zMSIKICAgICAgICAgICAgICAgICAgICB3aWR0aD0iNjYuNDQiCiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PSI0OC4wNCIKICAgICAgICAgICAgICAgICAgICByeD0iMy41IgogICAgICAgICAgICAgICAgICAgIGZpbGw9IndoaXRlIgogICAgICAgICAgICAgICAgICAgIHN0cm9rZT0iIzc3NTdkOSIgLz4KPHJlY3QgeD0iOTEuNzgiCiAgICAgICAgICAgICAgICAgICAgeT0iNjAuNjQiCiAgICAgICAgICAgICAgICAgICAgd2lkdGg9IjY2LjQ0IgogICAgICAgICAgICAgICAgICAgIGhlaWdodD0iNDguMDQiCiAgICAgICAgICAgICAgICAgICAgcng9IjMuNSIKICAgICAgICAgICAgICAgICAgICBmaWxsPSJ3aGl0ZSIKICAgICAgICAgICAgICAgICAgICBzdHJva2U9IiM3NzU3ZDkiIC8+CjxyZWN0IHg9IjE3My41NiIKICAgICAgICAgICAgICAgICAgICB5PSI0NS4zMSIKICAgICAgICAgICAgICAgICAgICB3aWR0aD0iNjYuNDQiCiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PSI0OC4wNCIKICAgICAgICAgICAgICAgICAgICByeD0iMy41IgogICAgICAgICAgICAgICAgICAgIGZpbGw9IndoaXRlIgogICAgICAgICAgICAgICAgICAgIHN0cm9rZT0iIzIwYTIwMiIgLz4KPHJlY3QgeD0iOTEuNzgiCiAgICAgICAgICAgICAgICAgICAgeT0iMTA2LjY0IgogICAgICAgICAgICAgICAgICAgIHdpZHRoPSI2Ni40NCIKICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9IjQ4LjA0IgogICAgICAgICAgICAgICAgICAgIHJ4PSIzLjUiCiAgICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPSIjNzc1N2Q5IiAvPgogICAgICAKICAgIDwvc3ZnPg=="
177+
}
178+
}
179+
}

‎packages/a2/bgl/listification-workbench.bgl.json

+178
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
{
2+
"title": "Listification Workspace",
3+
"description": "",
4+
"version": "0.0.1",
5+
"nodes": [
6+
{
7+
"id": "a2-ec8b61ad",
8+
"type": "file://bgl/a2.bgl.json#daf082ca-c1aa-4aff-b2c8-abeb984ab66c",
9+
"metadata": {
10+
"title": "Make Post",
11+
"visual": {
12+
"x": 320,
13+
"y": 459.9999999999998,
14+
"collapsed": "expanded",
15+
"outputHeight": 88
16+
},
17+
"userModified": false
18+
},
19+
"configuration": {
20+
"description": {
21+
"parts": [
22+
{
23+
"text": "Write the text and the hashtags for three instagram posts on the topic.\n\nTopic: \n\nSeasonal Special: Chocolate Bunny Mocha"
24+
}
25+
],
26+
"role": "user"
27+
},
28+
"p-list": true
29+
}
30+
},
31+
{
32+
"id": "a2-8d2c99d6",
33+
"type": "file://bgl/a2.bgl.json#module:image-generator",
34+
"metadata": {
35+
"title": "Make Image",
36+
"visual": {
37+
"x": 640,
38+
"y": 520,
39+
"collapsed": "expanded",
40+
"outputHeight": 88
41+
},
42+
"userModified": false
43+
},
44+
"configuration": {
45+
"instruction": {
46+
"role": "user",
47+
"parts": [
48+
{
49+
"text": "using the post provided, generate an image that would be perfect for a instagram post"
50+
}
51+
]
52+
}
53+
}
54+
},
55+
{
56+
"id": "a2-eefb6f99",
57+
"type": "file://bgl/a2.bgl.json#module:combine-outputs",
58+
"metadata": {
59+
"title": "Combine Outputs",
60+
"visual": {
61+
"x": 959.9999999999991,
62+
"y": 459.99999999999943,
63+
"collapsed": "expanded",
64+
"outputHeight": 88
65+
},
66+
"userModified": false
67+
},
68+
"configuration": {
69+
"text": {
70+
"parts": [
71+
{
72+
"text": "{{\"type\":\"in\",\"path\":\"a2-8d2c99d6\",\"title\":\"Make Image\"}}\n{{\"type\":\"in\",\"path\":\"a2-ec8b61ad\",\"title\":\"Make Post\"}}\n{{\"type\":\"in\",\"path\":\"a2-791cd89b\",\"title\":\"Make Comments\"}}"
73+
}
74+
],
75+
"role": "user"
76+
}
77+
}
78+
},
79+
{
80+
"id": "a2-791cd89b",
81+
"type": "file://bgl/a2.bgl.json#daf082ca-c1aa-4aff-b2c8-abeb984ab66c",
82+
"metadata": {
83+
"title": "Make Comments",
84+
"visual": {
85+
"x": 640,
86+
"y": 700,
87+
"collapsed": "expanded",
88+
"outputHeight": 88
89+
},
90+
"userModified": false
91+
},
92+
"configuration": {
93+
"description": {
94+
"parts": [
95+
{
96+
"text": "Create a list of sample instagram comments for the post. Make them 30% positive, 30% negative, and the rest just spam junk. List them all together intermixed, as if in the real comment feed."
97+
}
98+
],
99+
"role": "user"
100+
}
101+
}
102+
}
103+
],
104+
"edges": [
105+
{
106+
"from": "a2-ec8b61ad",
107+
"to": "a2-8d2c99d6",
108+
"out": "context",
109+
"in": "context"
110+
},
111+
{
112+
"from": "a2-8d2c99d6",
113+
"to": "a2-eefb6f99",
114+
"out": "context",
115+
"in": "p-z-a2-8d2c99d6"
116+
},
117+
{
118+
"from": "a2-ec8b61ad",
119+
"to": "a2-eefb6f99",
120+
"out": "context",
121+
"in": "p-z-a2-ec8b61ad"
122+
},
123+
{
124+
"from": "a2-ec8b61ad",
125+
"to": "a2-791cd89b",
126+
"out": "context",
127+
"in": "context"
128+
},
129+
{
130+
"from": "a2-791cd89b",
131+
"to": "a2-eefb6f99",
132+
"out": "context",
133+
"in": "p-z-a2-791cd89b"
134+
}
135+
],
136+
"metadata": {
137+
"visual": {
138+
"presentation": {
139+
"themes": {
140+
"05a8046c-3027-4947-b708-808151f12d2c": {
141+
"themeColors": {
142+
"primaryColor": "#246db5",
143+
"secondaryColor": "#5cadff",
144+
"backgroundColor": "#ffffff",
145+
"textColor": "#1a1a1a",
146+
"primaryTextColor": "#ffffff"
147+
},
148+
"template": "basic",
149+
"splashScreen": {
150+
"storedData": {
151+
"handle": "/images/app/generic-flow.jpg",
152+
"mimeType": "image/jpeg"
153+
}
154+
}
155+
}
156+
},
157+
"theme": "05a8046c-3027-4947-b708-808151f12d2c"
158+
}
159+
},
160+
"userModified": true,
161+
"tags": [],
162+
"parameters": {
163+
"style": {
164+
"title": "Style",
165+
"usedIn": []
166+
}
167+
}
168+
},
169+
"assets": {
170+
"@@thumbnail": {
171+
"metadata": {
172+
"title": "Thumbnail",
173+
"type": "file"
174+
},
175+
"data": "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDI1MCAyMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB4PSIxMC4wMCIKICAgICAgICAgICAgICAgICAgICB5PSI0NS4zMSIKICAgICAgICAgICAgICAgICAgICB3aWR0aD0iNjYuNDQiCiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PSI0OC4wNCIKICAgICAgICAgICAgICAgICAgICByeD0iMy41IgogICAgICAgICAgICAgICAgICAgIGZpbGw9IndoaXRlIgogICAgICAgICAgICAgICAgICAgIHN0cm9rZT0iIzc3NTdkOSIgLz4KPHJlY3QgeD0iOTEuNzgiCiAgICAgICAgICAgICAgICAgICAgeT0iNjAuNjQiCiAgICAgICAgICAgICAgICAgICAgd2lkdGg9IjY2LjQ0IgogICAgICAgICAgICAgICAgICAgIGhlaWdodD0iNDguMDQiCiAgICAgICAgICAgICAgICAgICAgcng9IjMuNSIKICAgICAgICAgICAgICAgICAgICBmaWxsPSJ3aGl0ZSIKICAgICAgICAgICAgICAgICAgICBzdHJva2U9IiM3NzU3ZDkiIC8+CjxyZWN0IHg9IjE3My41NiIKICAgICAgICAgICAgICAgICAgICB5PSI0NS4zMSIKICAgICAgICAgICAgICAgICAgICB3aWR0aD0iNjYuNDQiCiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PSI0OC4wNCIKICAgICAgICAgICAgICAgICAgICByeD0iMy41IgogICAgICAgICAgICAgICAgICAgIGZpbGw9IndoaXRlIgogICAgICAgICAgICAgICAgICAgIHN0cm9rZT0iIzIwYTIwMiIgLz4KPHJlY3QgeD0iOTEuNzgiCiAgICAgICAgICAgICAgICAgICAgeT0iMTA2LjY0IgogICAgICAgICAgICAgICAgICAgIHdpZHRoPSI2Ni40NCIKICAgICAgICAgICAgICAgICAgICBoZWlnaHQ9IjQ4LjA0IgogICAgICAgICAgICAgICAgICAgIHJ4PSIzLjUiCiAgICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPSIjNzc1N2Q5IiAvPgogICAgICAKICAgIDwvc3ZnPg=="
176+
}
177+
}
178+
}

0 commit comments

Comments
 (0)