synthos 0.10.1 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (311) hide show
  1. package/README.md +5 -5
  2. package/default-pages/elevenlabs_effects_studio/chat-history.json +1 -0
  3. package/default-pages/elevenlabs_effects_studio/page.html +1345 -1363
  4. package/default-pages/elevenlabs_effects_studio/page.json +13 -11
  5. package/default-pages/elevenlabs_voice_studio/chat-history.json +1 -0
  6. package/default-pages/elevenlabs_voice_studio/page.html +782 -801
  7. package/default-pages/elevenlabs_voice_studio/page.json +13 -11
  8. package/default-pages/json_tools/chat-history.json +1 -0
  9. package/default-pages/json_tools/page.html +70 -90
  10. package/default-pages/json_tools/page.json +12 -10
  11. package/default-pages/my_notes/chat-history.json +1 -0
  12. package/default-pages/my_notes/page.html +115 -131
  13. package/default-pages/my_notes/page.json +14 -12
  14. package/default-pages/neon_asteroids/chat-history.json +1 -0
  15. package/default-pages/neon_asteroids/page.html +1777 -1803
  16. package/default-pages/neon_asteroids/page.json +14 -12
  17. package/default-pages/oregon_trail/chat-history.json +1 -0
  18. package/default-pages/oregon_trail/page.html +290 -307
  19. package/default-pages/oregon_trail/page.json +14 -12
  20. package/default-pages/solar_explorer/chat-history.json +1 -0
  21. package/default-pages/solar_explorer/page.html +1929 -1951
  22. package/default-pages/solar_explorer/page.json +14 -12
  23. package/default-pages/solar_tutorial/chat-history.json +1 -0
  24. package/default-pages/solar_tutorial/page.html +464 -478
  25. package/default-pages/solar_tutorial/page.json +12 -10
  26. package/default-pages/us_map/chat-history.json +1 -0
  27. package/default-pages/us_map/page.html +170 -193
  28. package/default-pages/us_map/page.json +14 -12
  29. package/default-pages/us_map/page.light.png +0 -0
  30. package/default-pages/us_map_1850/chat-history.json +1 -0
  31. package/default-pages/us_map_1850/page.html +302 -326
  32. package/default-pages/us_map_1850/page.json +14 -12
  33. package/default-pages/western_cities_1850/chat-history.json +1 -0
  34. package/default-pages/western_cities_1850/page.html +503 -527
  35. package/default-pages/western_cities_1850/page.json +14 -12
  36. package/default-themes/aurora-dawn.v3.css +15 -14
  37. package/default-themes/aurora-dusk.v3.css +26 -26
  38. package/default-themes/cosmos-dawn.v3.css +15 -14
  39. package/default-themes/cosmos-dusk.v3.css +26 -26
  40. package/default-themes/elemental-dawn.v3.css +200 -0
  41. package/default-themes/nebula-dawn.v3.css +15 -14
  42. package/default-themes/nebula-dusk.v3.css +24 -24
  43. package/default-themes/solar-flare-dawn.v3.css +15 -14
  44. package/default-themes/solar-flare-dusk.v3.css +26 -26
  45. package/dist/builders/anthropic.d.ts +26 -2
  46. package/dist/builders/anthropic.d.ts.map +1 -1
  47. package/dist/builders/anthropic.js +132 -31
  48. package/dist/builders/anthropic.js.map +1 -1
  49. package/dist/builders/claudecode.d.ts +13 -0
  50. package/dist/builders/claudecode.d.ts.map +1 -0
  51. package/dist/builders/claudecode.js +253 -0
  52. package/dist/builders/claudecode.js.map +1 -0
  53. package/dist/builders/index.d.ts +2 -1
  54. package/dist/builders/index.d.ts.map +1 -1
  55. package/dist/builders/index.js +8 -1
  56. package/dist/builders/index.js.map +1 -1
  57. package/dist/builders/openai.js +2 -1
  58. package/dist/builders/openai.js.map +1 -1
  59. package/dist/builders/types.d.ts +31 -7
  60. package/dist/builders/types.d.ts.map +1 -1
  61. package/dist/builders/types.js +60 -28
  62. package/dist/builders/types.js.map +1 -1
  63. package/dist/connectors/types.d.ts +8 -0
  64. package/dist/connectors/types.d.ts.map +1 -1
  65. package/dist/init.d.ts.map +1 -1
  66. package/dist/init.js +13 -6
  67. package/dist/init.js.map +1 -1
  68. package/dist/migrations.d.ts.map +1 -1
  69. package/dist/migrations.js +161 -14
  70. package/dist/migrations.js.map +1 -1
  71. package/dist/models/anthropic.d.ts +1 -0
  72. package/dist/models/anthropic.d.ts.map +1 -1
  73. package/dist/models/anthropic.js +129 -29
  74. package/dist/models/anthropic.js.map +1 -1
  75. package/dist/models/chainOfThought.d.ts.map +1 -1
  76. package/dist/models/chainOfThought.js +32 -19
  77. package/dist/models/chainOfThought.js.map +1 -1
  78. package/dist/models/index.d.ts +2 -2
  79. package/dist/models/index.d.ts.map +1 -1
  80. package/dist/models/index.js +2 -1
  81. package/dist/models/index.js.map +1 -1
  82. package/dist/models/providers.d.ts +1 -0
  83. package/dist/models/providers.d.ts.map +1 -1
  84. package/dist/models/providers.js +12 -4
  85. package/dist/models/providers.js.map +1 -1
  86. package/dist/models/types.d.ts +15 -1
  87. package/dist/models/types.d.ts.map +1 -1
  88. package/dist/models/types.js.map +1 -1
  89. package/dist/pages.d.ts +57 -8
  90. package/dist/pages.d.ts.map +1 -1
  91. package/dist/pages.js +258 -45
  92. package/dist/pages.js.map +1 -1
  93. package/dist/service/createCompletePrompt.d.ts.map +1 -1
  94. package/dist/service/createCompletePrompt.js +5 -0
  95. package/dist/service/createCompletePrompt.js.map +1 -1
  96. package/dist/service/mediaCache.d.ts +36 -0
  97. package/dist/service/mediaCache.d.ts.map +1 -0
  98. package/dist/service/mediaCache.js +182 -0
  99. package/dist/service/mediaCache.js.map +1 -0
  100. package/dist/service/pageValidator.d.ts +25 -0
  101. package/dist/service/pageValidator.d.ts.map +1 -0
  102. package/dist/service/pageValidator.js +315 -0
  103. package/dist/service/pageValidator.js.map +1 -0
  104. package/dist/service/server.d.ts.map +1 -1
  105. package/dist/service/server.js +4 -0
  106. package/dist/service/server.js.map +1 -1
  107. package/dist/service/sharedTableSchema.d.ts +73 -0
  108. package/dist/service/sharedTableSchema.d.ts.map +1 -0
  109. package/dist/service/sharedTableSchema.js +206 -0
  110. package/dist/service/sharedTableSchema.js.map +1 -0
  111. package/dist/service/transformPage.d.ts +49 -11
  112. package/dist/service/transformPage.d.ts.map +1 -1
  113. package/dist/service/transformPage.js +354 -241
  114. package/dist/service/transformPage.js.map +1 -1
  115. package/dist/service/useApiRoutes.d.ts.map +1 -1
  116. package/dist/service/useApiRoutes.js +285 -34
  117. package/dist/service/useApiRoutes.js.map +1 -1
  118. package/dist/service/useConnectorRoutes.d.ts.map +1 -1
  119. package/dist/service/useConnectorRoutes.js +170 -32
  120. package/dist/service/useConnectorRoutes.js.map +1 -1
  121. package/dist/service/useDataRoutes.d.ts.map +1 -1
  122. package/dist/service/useDataRoutes.js +59 -2
  123. package/dist/service/useDataRoutes.js.map +1 -1
  124. package/dist/service/useExtractRoutes.d.ts +4 -0
  125. package/dist/service/useExtractRoutes.d.ts.map +1 -0
  126. package/dist/service/useExtractRoutes.js +304 -0
  127. package/dist/service/useExtractRoutes.js.map +1 -0
  128. package/dist/service/usePageRoutes.d.ts +17 -0
  129. package/dist/service/usePageRoutes.d.ts.map +1 -1
  130. package/dist/service/usePageRoutes.js +1388 -483
  131. package/dist/service/usePageRoutes.js.map +1 -1
  132. package/dist/service/useSharedDataRoutes.d.ts.map +1 -1
  133. package/dist/service/useSharedDataRoutes.js +54 -2
  134. package/dist/service/useSharedDataRoutes.js.map +1 -1
  135. package/dist/settings.d.ts +27 -0
  136. package/dist/settings.d.ts.map +1 -1
  137. package/dist/settings.js +40 -1
  138. package/dist/settings.js.map +1 -1
  139. package/dist/themes.d.ts +0 -5
  140. package/dist/themes.d.ts.map +1 -1
  141. package/dist/themes.js +3 -95
  142. package/dist/themes.js.map +1 -1
  143. package/migration-rules/v2-to-v3.md +277 -119
  144. package/package.json +5 -1
  145. package/{default-pages/application → required-pages/_shell}/page.html +56 -42
  146. package/required-pages/_shell/page.json +14 -0
  147. package/required-pages/_starters/page.html +534 -0
  148. package/required-pages/_starters/page.json +12 -0
  149. package/required-pages/builder/page.html +353 -43
  150. package/required-pages/builder/page.json +12 -10
  151. package/required-pages/pages/page.html +697 -924
  152. package/required-pages/pages/page.json +12 -10
  153. package/required-pages/settings/page.html +1888 -1753
  154. package/required-pages/settings/page.json +12 -10
  155. package/required-pages/synthos_apis/page.html +834 -845
  156. package/required-pages/synthos_apis/page.json +12 -10
  157. package/required-pages/synthos_scripts/page.html +74 -88
  158. package/required-pages/synthos_scripts/page.json +12 -10
  159. package/scripts/append-instructions.py +90 -0
  160. package/scripts/audit-instructions.py +76 -0
  161. package/scripts/cleanup-shell-markup.mjs +112 -0
  162. package/service-connectors/buffer/connector.json +46 -0
  163. package/service-connectors/canva/connector.json +67 -0
  164. package/service-connectors/elevenlabs/connector.json +1 -1
  165. package/src/builders/anthropic.ts +150 -25
  166. package/src/builders/claudecode.ts +310 -0
  167. package/src/builders/index.ts +7 -1
  168. package/src/builders/openai.ts +2 -1
  169. package/src/builders/types.ts +93 -32
  170. package/src/connectors/types.ts +8 -0
  171. package/src/init.ts +13 -7
  172. package/src/migrations.ts +187 -16
  173. package/src/models/anthropic.ts +140 -30
  174. package/src/models/chainOfThought.ts +33 -18
  175. package/src/models/index.ts +2 -2
  176. package/src/models/providers.ts +10 -1
  177. package/src/models/types.ts +21 -1
  178. package/src/pages.ts +271 -35
  179. package/src/service/createCompletePrompt.ts +6 -0
  180. package/src/service/mediaCache.ts +206 -0
  181. package/src/service/pageValidator.ts +337 -0
  182. package/src/service/server.ts +4 -0
  183. package/src/service/sharedTableSchema.ts +236 -0
  184. package/src/service/transformPage.ts +370 -260
  185. package/src/service/useApiRoutes.ts +283 -32
  186. package/src/service/useConnectorRoutes.ts +189 -34
  187. package/src/service/useDataRoutes.ts +198 -116
  188. package/src/service/useExtractRoutes.ts +331 -0
  189. package/src/service/usePageRoutes.ts +1414 -394
  190. package/src/service/useSharedDataRoutes.ts +184 -109
  191. package/src/settings.ts +65 -0
  192. package/src/themes.ts +78 -180
  193. package/starters/blank_starter/chat-history.json +1 -0
  194. package/starters/blank_starter/page.dark.png +0 -0
  195. package/starters/blank_starter/page.html +47 -0
  196. package/starters/blank_starter/page.json +13 -0
  197. package/starters/blank_starter/page.light.png +0 -0
  198. package/starters/calculator_starter/chat-history.json +1 -0
  199. package/starters/calculator_starter/page.dark.png +0 -0
  200. package/starters/calculator_starter/page.html +232 -0
  201. package/starters/calculator_starter/page.json +13 -0
  202. package/starters/calculator_starter/page.light.png +0 -0
  203. package/starters/calendar_starter/chat-history.json +1 -0
  204. package/starters/calendar_starter/page.dark.png +0 -0
  205. package/starters/calendar_starter/page.html +495 -0
  206. package/starters/calendar_starter/page.json +13 -0
  207. package/starters/calendar_starter/page.light.png +0 -0
  208. package/starters/chat_starter/chat-history.json +1 -0
  209. package/starters/chat_starter/page.dark.png +0 -0
  210. package/starters/chat_starter/page.html +351 -0
  211. package/starters/chat_starter/page.json +13 -0
  212. package/starters/chat_starter/page.light.png +0 -0
  213. package/starters/checklist_starter/chat-history.json +1 -0
  214. package/starters/checklist_starter/page.dark.png +0 -0
  215. package/starters/checklist_starter/page.html +437 -0
  216. package/starters/checklist_starter/page.json +13 -0
  217. package/starters/checklist_starter/page.light.png +0 -0
  218. package/starters/dashboard_starter/chat-history.json +1 -0
  219. package/starters/dashboard_starter/page.dark.png +0 -0
  220. package/starters/dashboard_starter/page.html +195 -0
  221. package/starters/dashboard_starter/page.json +13 -0
  222. package/starters/dashboard_starter/page.light.png +0 -0
  223. package/starters/form_starter/chat-history.json +1 -0
  224. package/starters/form_starter/page.dark.png +0 -0
  225. package/starters/form_starter/page.html +313 -0
  226. package/starters/form_starter/page.json +13 -0
  227. package/starters/form_starter/page.light.png +0 -0
  228. package/starters/gallery_starter/chat-history.json +1 -0
  229. package/starters/gallery_starter/page.dark.png +0 -0
  230. package/starters/gallery_starter/page.html +418 -0
  231. package/starters/gallery_starter/page.json +13 -0
  232. package/starters/gallery_starter/page.light.png +0 -0
  233. package/starters/generator_starter/chat-history.json +1 -0
  234. package/starters/generator_starter/page.dark.png +0 -0
  235. package/starters/generator_starter/page.html +261 -0
  236. package/starters/generator_starter/page.json +13 -0
  237. package/starters/generator_starter/page.light.png +0 -0
  238. package/starters/index.html +538 -0
  239. package/starters/kanban_starter/chat-history.json +1 -0
  240. package/starters/kanban_starter/page.dark.png +0 -0
  241. package/starters/kanban_starter/page.html +432 -0
  242. package/starters/kanban_starter/page.json +13 -0
  243. package/starters/kanban_starter/page.light.png +0 -0
  244. package/starters/presentation_builder/chat-history.json +1 -0
  245. package/starters/presentation_builder/page.dark.png +0 -0
  246. package/starters/presentation_builder/page.html +970 -0
  247. package/starters/presentation_builder/page.json +15 -0
  248. package/starters/presentation_builder/page.light.png +0 -0
  249. package/starters/presentation_builder/presentation_voice/voice_config.json +9 -0
  250. package/starters/pulse_starter/chat-history.json +1 -0
  251. package/starters/pulse_starter/page.dark.png +0 -0
  252. package/starters/pulse_starter/page.html +698 -0
  253. package/starters/pulse_starter/page.json +13 -0
  254. package/starters/pulse_starter/page.light.png +0 -0
  255. package/starters/quiz_starter/chat-history.json +1 -0
  256. package/starters/quiz_starter/page.dark.png +0 -0
  257. package/starters/quiz_starter/page.html +292 -0
  258. package/starters/quiz_starter/page.json +13 -0
  259. package/starters/quiz_starter/page.light.png +0 -0
  260. package/starters/reference_starter/chat-history.json +1 -0
  261. package/starters/reference_starter/page.dark.png +0 -0
  262. package/starters/reference_starter/page.html +250 -0
  263. package/starters/reference_starter/page.json +13 -0
  264. package/starters/reference_starter/page.light.png +0 -0
  265. package/starters/retro_game_starter/chat-history.json +1 -0
  266. package/starters/retro_game_starter/page.dark.png +0 -0
  267. package/{default-pages → starters}/retro_game_starter/page.html +1281 -1308
  268. package/starters/retro_game_starter/page.json +15 -0
  269. package/starters/retro_game_starter/page.light.png +0 -0
  270. package/starters/roster_starter/chat-history.json +1 -0
  271. package/starters/roster_starter/page.dark.png +0 -0
  272. package/starters/roster_starter/page.html +600 -0
  273. package/starters/roster_starter/page.json +13 -0
  274. package/starters/roster_starter/page.light.png +0 -0
  275. package/starters/server.js +182 -0
  276. package/starters/start.cmd +1 -0
  277. package/starters/timeline_starter/chat-history.json +1 -0
  278. package/starters/timeline_starter/page.dark.png +0 -0
  279. package/starters/timeline_starter/page.html +446 -0
  280. package/starters/timeline_starter/page.json +13 -0
  281. package/starters/timeline_starter/page.light.png +0 -0
  282. package/starters/tutorial_starter/chat-history.json +1 -0
  283. package/starters/tutorial_starter/page.dark.png +0 -0
  284. package/starters/tutorial_starter/page.html +283 -0
  285. package/starters/tutorial_starter/page.json +13 -0
  286. package/starters/tutorial_starter/page.light.png +0 -0
  287. package/static-files/agent.v3.js +122 -0
  288. package/static-files/connector.v3.js +48 -0
  289. package/static-files/extract.v3.js +188 -0
  290. package/static-files/helpers.v3.js +50 -6
  291. package/static-files/page-bridge.js +114 -0
  292. package/static-files/page.v3.js +1292 -1290
  293. package/static-files/script.v3.js +32 -0
  294. package/static-files/server.v3.js +89 -0
  295. package/static-files/shell-bridge.v3.js +174 -0
  296. package/static-files/shell-modals.v3.js +521 -0
  297. package/static-files/{shell.css → shell.v3.css} +271 -22
  298. package/static-files/shell.v3.js +1865 -0
  299. package/static-files/storage.v3.js +176 -0
  300. package/tests/anthropic.spec.ts +42 -7
  301. package/tests/builders.spec.ts +70 -2
  302. package/tests/pageValidator.spec.ts +548 -0
  303. package/tests/profiles.spec.ts +122 -0
  304. package/tests/sharedTableSchema.spec.ts +242 -0
  305. package/tests/transformPage.spec.ts +62 -81
  306. package/default-pages/application/page.json +0 -10
  307. package/default-pages/retro_game_starter/page.json +0 -12
  308. package/default-pages/sidebar_page/page.html +0 -51
  309. package/default-pages/sidebar_page/page.json +0 -10
  310. package/default-pages/two-panel_page/page.html +0 -68
  311. package/default-pages/two-panel_page/page.json +0 -10
package/starters/generator_starter/page.html ADDED
@@ -0,0 +1,261 @@
1
+ <!DOCTYPE html><html lang="en"><head>
2
+ <meta charset="UTF-8">
3
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
4
+ <title>SynthOS - Generator Starter</title>
5
+ <script id="theme-info" src="/api/theme-info.js" data-locked="true"></script>
6
+ <link id="theme-css" rel="stylesheet" href="/api/theme.css" data-locked="true">
7
+ <style>
8
+ .gen-app {
9
+ max-width: 900px;
10
+ margin: 0 auto;
11
+ padding: 24px;
12
+ display: flex;
13
+ flex-direction: column;
14
+ gap: 20px;
15
+ }
16
+ .gen-header h1 {
17
+ margin: 0 0 4px;
18
+ font-size: 24px;
19
+ font-weight: 700;
20
+ color: var(--bodyText, #333333);
21
+ }
22
+ .gen-header p {
23
+ margin: 0;
24
+ color: var(--bodySubtext, #605e5c);
25
+ font-size: 14px;
26
+ }
27
+ .gen-section {
28
+ background: var(--defaultStateBackground, #faf9f8);
29
+ border: 1px solid var(--bodyDivider, #edebe9);
30
+ border-radius: 10px;
31
+ padding: 20px;
32
+ }
33
+ .gen-section .section-title {
34
+ font-size: 14px;
35
+ font-weight: 600;
36
+ color: var(--bodyText, #333333);
37
+ margin-bottom: 12px;
38
+ display: flex;
39
+ align-items: center;
40
+ gap: 8px;
41
+ }
42
+ .form-group { margin-bottom: 12px; }
43
+ .form-label {
44
+ display: block;
45
+ font-size: 12px;
46
+ color: var(--bodySubtext, #605e5c);
47
+ margin-bottom: 4px;
48
+ }
49
+ .form-input,
50
+ .form-textarea {
51
+ width: 100%;
52
+ padding: 8px 10px;
53
+ border: 1px solid var(--inputBorder, #d2d0ce);
54
+ border-radius: 4px;
55
+ background: var(--bodyBackground, #ffffff);
56
+ color: var(--bodyText, #333333);
57
+ font: inherit;
58
+ box-sizing: border-box;
59
+ }
60
+ .form-textarea { min-height: 90px; resize: vertical; }
61
+ .form-input:focus,
62
+ .form-textarea:focus {
63
+ outline: 2px solid var(--themePrimary, #0078d4);
64
+ outline-offset: -2px;
65
+ }
66
+ .tone-selector {
67
+ display: flex;
68
+ flex-wrap: wrap;
69
+ gap: 8px;
70
+ }
71
+ .tone-chip {
72
+ padding: 6px 14px;
73
+ border: 1px solid var(--inputBorder, #d2d0ce);
74
+ border-radius: 16px;
75
+ background: var(--bodyBackground, #ffffff);
76
+ color: var(--bodyText, #333333);
77
+ font-size: 13px;
78
+ cursor: pointer;
79
+ }
80
+ .tone-chip:hover { background: var(--bodyBackgroundHovered, #f3f2f1); }
81
+ .tone-chip.active {
82
+ background: var(--themePrimary, #0078d4);
83
+ border-color: var(--themePrimary, #0078d4);
84
+ color: #ffffff;
85
+ }
86
+ .gen-output {
87
+ display: none;
88
+ }
89
+ .gen-output.visible { display: block; }
90
+ .output-text {
91
+ white-space: pre-wrap;
92
+ background: var(--bodyBackground, #ffffff);
93
+ border: 1px solid var(--bodyDivider, #edebe9);
94
+ border-radius: 6px;
95
+ padding: 14px;
96
+ color: var(--bodyText, #333333);
97
+ min-height: 80px;
98
+ }
99
+ .action-row {
100
+ display: flex;
101
+ flex-wrap: wrap;
102
+ gap: 8px;
103
+ margin-top: 12px;
104
+ }
105
+ .history-stats {
106
+ display: flex;
107
+ gap: 12px;
108
+ margin-bottom: 12px;
109
+ flex-wrap: wrap;
110
+ }
111
+ .history-stats .stat {
112
+ background: var(--bodyBackground, #ffffff);
113
+ border: 1px solid var(--bodyDivider, #edebe9);
114
+ border-radius: 6px;
115
+ padding: 8px 12px;
116
+ font-size: 12px;
117
+ color: var(--bodySubtext, #605e5c);
118
+ }
119
+ .history-stats .stat strong {
120
+ display: block;
121
+ font-size: 18px;
122
+ color: var(--bodyText, #333333);
123
+ }
124
+ .history-row {
125
+ background: var(--bodyBackground, #ffffff);
126
+ border: 1px solid var(--bodyDivider, #edebe9);
127
+ border-radius: 6px;
128
+ padding: 12px 14px;
129
+ margin-bottom: 8px;
130
+ display: flex;
131
+ flex-direction: column;
132
+ gap: 4px;
133
+ }
134
+ .history-row .row-meta {
135
+ font-size: 12px;
136
+ color: var(--bodySubtext, #605e5c);
137
+ }
138
+ .history-empty {
139
+ text-align: center;
140
+ color: var(--bodySubtext, #605e5c);
141
+ padding: 24px 0;
142
+ font-size: 13px;
143
+ }
144
+ </style>
145
+ </head>
146
+ <body>
147
+ <div class="viewer-panel" id="viewerPanel">
148
+ <div class="gen-app">
149
+ <div class="gen-header">
150
+ <h1>[Page Title]</h1>
151
+ <p>[One-line purpose — e.g. "Draft personalized thank-you replies."]</p>
152
+ </div>
153
+
154
+ <div class="gen-section">
155
+ <div class="section-title">Input</div>
156
+ <div class="form-group">
157
+ <label class="form-label" for="genFieldA">Field A</label>
158
+ <input id="genFieldA" class="form-input" type="text" placeholder="...">
159
+ </div>
160
+ <div class="form-group">
161
+ <label class="form-label" for="genFieldBody">Source text</label>
162
+ <textarea id="genFieldBody" class="form-textarea" placeholder="Paste or type the source text here..."></textarea>
163
+ </div>
164
+ <div class="form-group">
165
+ <label class="form-label">Tone</label>
166
+ <div class="tone-selector" id="toneSelector">
167
+ <button type="button" class="tone-chip active" data-tone="warm">Warm</button>
168
+ <button type="button" class="tone-chip" data-tone="professional">Professional</button>
169
+ <button type="button" class="tone-chip" data-tone="enthusiastic">Enthusiastic</button>
170
+ <button type="button" class="tone-chip" data-tone="grateful">Grateful</button>
171
+ </div>
172
+ </div>
173
+ <button class="flm-button flm-button--primary" id="generateBtn" data-icon="Sparkle">Generate</button>
174
+ </div>
175
+
176
+ <div class="gen-section gen-output" id="output">
177
+ <div class="section-title">Output</div>
178
+ <div class="output-text" id="outputText"></div>
179
+ <div class="action-row">
180
+ <button class="flm-button" id="copyBtn" data-icon="Copy">Copy</button>
181
+ <button class="flm-button" id="regenBtn" data-icon="Refresh">Regenerate</button>
182
+ <button class="flm-button flm-button--primary" id="saveBtn" data-icon="Save">Save &amp; New</button>
183
+ </div>
184
+ </div>
185
+
186
+ <div class="gen-section">
187
+ <div class="section-title">History</div>
188
+ <div class="history-stats" id="historyStats">
189
+ <div class="stat"><strong id="totalCount">0</strong>Total saved</div>
190
+ </div>
191
+ <div id="historyList">
192
+ <div class="history-empty">No entries saved yet.</div>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <div id="instructions" style="display: none;" data-locked="true">Generator archetype (BLUEPRINT.md §4.3). Flow: input form → Generate → output panel → Save to history. Persist saved entries via synthos.shared.data.save("&lt;table&gt;", record). On page load, call synthos.shared.data.list("&lt;table&gt;") and render history rows. Tone selector is a chip group with one .active chip at a time. Use the existing /api/generate/completion endpoint or the chat agent for the LLM call. Replace [Page Title], field labels, and the table name with whatever the user asks for. Use theme tokens (avoid the natural pallet) unless the user requests an alternative color.</div>
199
+ <div id="thoughts" style="display: none;" data-locked="true"></div>
200
+
201
+ <script>
202
+ (function () {
203
+ // Tone chip selection
204
+ var toneSelector = document.getElementById('toneSelector');
205
+ toneSelector.addEventListener('click', function (e) {
206
+ var chip = e.target.closest('.tone-chip');
207
+ if (!chip) return;
208
+ toneSelector.querySelectorAll('.tone-chip').forEach(function (c) {
209
+ c.classList.toggle('active', c === chip);
210
+ });
211
+ });
212
+
213
+ function getTone() {
214
+ var c = toneSelector.querySelector('.tone-chip.active');
215
+ return c ? c.getAttribute('data-tone') : 'warm';
216
+ }
217
+
218
+ // Generate — replace with a real LLM call
219
+ document.getElementById('generateBtn').addEventListener('click', function () {
220
+ var fieldA = document.getElementById('genFieldA').value.trim();
221
+ var body = document.getElementById('genFieldBody').value.trim();
222
+ var tone = getTone();
223
+ var draft = '[' + tone + '] response for "' + (fieldA || 'untitled') + '":\n\n' + (body || '(no source text provided)');
224
+ document.getElementById('outputText').textContent = draft;
225
+ document.getElementById('output').classList.add('visible');
226
+ });
227
+
228
+ // Copy
229
+ document.getElementById('copyBtn').addEventListener('click', function () {
230
+ var t = document.getElementById('outputText').textContent;
231
+ if (navigator.clipboard) navigator.clipboard.writeText(t);
232
+ });
233
+
234
+ // Regenerate just re-fires the generate handler
235
+ document.getElementById('regenBtn').addEventListener('click', function () {
236
+ document.getElementById('generateBtn').click();
237
+ });
238
+
239
+ // Save & New — wire to synthos.shared.data.save once a table is chosen
240
+ document.getElementById('saveBtn').addEventListener('click', function () {
241
+ // Example wiring (uncomment + name a table when ready):
242
+ // synthos.shared.data.save('generator_entries', {
243
+ // fieldA: document.getElementById('genFieldA').value,
244
+ // body: document.getElementById('genFieldBody').value,
245
+ // tone: getTone(),
246
+ // output: document.getElementById('outputText').textContent,
247
+ // savedAt: new Date().toISOString()
248
+ // }).then(loadHistory);
249
+ document.getElementById('genFieldA').value = '';
250
+ document.getElementById('genFieldBody').value = '';
251
+ document.getElementById('outputText').textContent = '';
252
+ document.getElementById('output').classList.remove('visible');
253
+ });
254
+
255
+ function loadHistory() {
256
+ // Wire when a table is chosen:
257
+ // synthos.shared.data.list('generator_entries').then(renderHistory);
258
+ }
259
+ })();
260
+ </script>
261
+ </body></html>
package/starters/generator_starter/page.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "title": "Generator",
3
+ "description": "Wire input fields to AI-generated output with save-to-history for emails, posts, copy, or any text task.",
4
+ "categories": [
5
+ "_Starters"
6
+ ],
7
+ "pinned": false,
8
+ "showInAll": false,
9
+ "pageVersion": 3,
10
+ "mode": "unlocked",
11
+ "greeting": "Welcome to the Generator starter — Archetype B from BLUEPRINT.md. Use this scaffold for input-form → AI-output → save-to-history pages. Tell me what you'd like to generate (e.g. thank-you replies, drip emails, social posts) and I'll wire the form fields, tone selector, and history list.",
12
+ "firstRunGreeting": ""
13
+ }