synthos 0.10.0 → 0.11.0

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 (312) 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 +288 -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 +1385 -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 +1879 -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 +155 -30
  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 +12 -3
  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 +282 -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 +1411 -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 +72 -4
  302. package/tests/pageValidator.spec.ts +548 -0
  303. package/tests/profiles.spec.ts +122 -0
  304. package/tests/providers.spec.ts +1 -1
  305. package/tests/sharedTableSchema.spec.ts +242 -0
  306. package/tests/transformPage.spec.ts +62 -81
  307. package/default-pages/application/page.json +0 -10
  308. package/default-pages/retro_game_starter/page.json +0 -12
  309. package/default-pages/sidebar_page/page.html +0 -51
  310. package/default-pages/sidebar_page/page.json +0 -10
  311. package/default-pages/two-panel_page/page.html +0 -68
  312. package/default-pages/two-panel_page/page.json +0 -10
package/starters/kanban_starter/page.html ADDED
@@ -0,0 +1,432 @@
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 - Kanban 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
+ html, body { height: 100%; }
9
+ body { margin: 0; }
10
+ .viewer-panel { height: 100%; }
11
+ .kb-app {
12
+ display: flex;
13
+ flex-direction: column;
14
+ height: 100%;
15
+ min-height: 100%;
16
+ box-sizing: border-box;
17
+ }
18
+ .kb-header {
19
+ display: flex;
20
+ justify-content: space-between;
21
+ align-items: center;
22
+ padding: 16px 24px;
23
+ border-bottom: 1px solid var(--bodyDivider, #edebe9);
24
+ background: var(--defaultStateBackground, #faf9f8);
25
+ gap: 12px;
26
+ flex-wrap: wrap;
27
+ }
28
+ .kb-header h1 {
29
+ margin: 0;
30
+ font-size: 20px;
31
+ font-weight: 700;
32
+ color: var(--bodyText, #333333);
33
+ }
34
+ .kb-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
35
+ .filter-row {
36
+ display: flex;
37
+ gap: 6px;
38
+ align-items: center;
39
+ flex-wrap: wrap;
40
+ }
41
+ .filter-chip {
42
+ padding: 4px 10px;
43
+ border: 1px solid var(--inputBorder, #d2d0ce);
44
+ border-radius: 14px;
45
+ background: var(--bodyBackground, #ffffff);
46
+ color: var(--bodyText, #333333);
47
+ font-size: 12px;
48
+ cursor: pointer;
49
+ }
50
+ .filter-chip:hover { background: var(--bodyBackgroundHovered, #f3f2f1); }
51
+ .filter-chip.active {
52
+ background: var(--themePrimary, #0078d4);
53
+ border-color: var(--themePrimary, #0078d4);
54
+ color: #ffffff;
55
+ }
56
+ .kb-board {
57
+ flex: 1 1 auto;
58
+ min-height: 0;
59
+ display: grid;
60
+ grid-auto-flow: column;
61
+ grid-auto-columns: minmax(260px, 320px);
62
+ gap: 12px;
63
+ padding: 16px 24px;
64
+ overflow-x: auto;
65
+ background: var(--bodyBackground, #ffffff);
66
+ }
67
+ .kb-column {
68
+ display: flex;
69
+ flex-direction: column;
70
+ background: var(--defaultStateBackground, #faf9f8);
71
+ border: 1px solid var(--bodyDivider, #edebe9);
72
+ border-radius: 8px;
73
+ min-height: 0;
74
+ }
75
+ .kb-column.drop-target {
76
+ border-color: var(--themePrimary, #0078d4);
77
+ background: var(--bodyBackgroundHovered, #f3f2f1);
78
+ }
79
+ .col-header {
80
+ padding: 12px 14px;
81
+ border-bottom: 1px solid var(--bodyDivider, #edebe9);
82
+ display: flex;
83
+ justify-content: space-between;
84
+ align-items: center;
85
+ font-size: 13px;
86
+ font-weight: 600;
87
+ color: var(--bodyText, #333333);
88
+ }
89
+ .col-count {
90
+ background: var(--bodyDivider, #edebe9);
91
+ color: var(--bodySubtext, #605e5c);
92
+ border-radius: 10px;
93
+ padding: 2px 8px;
94
+ font-size: 11px;
95
+ font-weight: 600;
96
+ }
97
+ .col-cards {
98
+ flex: 1 1 auto;
99
+ overflow-y: auto;
100
+ padding: 10px;
101
+ display: flex;
102
+ flex-direction: column;
103
+ gap: 8px;
104
+ min-height: 60px;
105
+ }
106
+ .kb-card {
107
+ background: var(--bodyBackground, #ffffff);
108
+ border: 1px solid var(--bodyDivider, #edebe9);
109
+ border-radius: 6px;
110
+ padding: 10px 12px;
111
+ cursor: grab;
112
+ display: flex;
113
+ flex-direction: column;
114
+ gap: 6px;
115
+ }
116
+ .kb-card:hover { border-color: var(--themePrimary, #0078d4); }
117
+ .kb-card.dragging { opacity: 0.4; cursor: grabbing; }
118
+ .card-title {
119
+ font-size: 13px;
120
+ font-weight: 600;
121
+ color: var(--bodyText, #333333);
122
+ }
123
+ .card-desc {
124
+ font-size: 12px;
125
+ color: var(--bodySubtext, #605e5c);
126
+ line-height: 1.4;
127
+ }
128
+ .card-meta {
129
+ display: flex;
130
+ gap: 6px;
131
+ align-items: center;
132
+ font-size: 11px;
133
+ color: var(--bodySubtext, #605e5c);
134
+ flex-wrap: wrap;
135
+ }
136
+ .tag {
137
+ padding: 2px 6px;
138
+ border-radius: 3px;
139
+ background: var(--bodyDivider, #edebe9);
140
+ color: var(--bodyText, #333333);
141
+ font-size: 10px;
142
+ font-weight: 600;
143
+ text-transform: uppercase;
144
+ }
145
+ .due-pill {
146
+ padding: 2px 6px;
147
+ border-radius: 3px;
148
+ background: #fff3e0;
149
+ color: #c65b00;
150
+ font-size: 11px;
151
+ }
152
+
153
+ /* Drawer */
154
+ .drawer-overlay {
155
+ display: none;
156
+ position: fixed;
157
+ inset: 0;
158
+ background: rgba(0,0,0,0.4);
159
+ z-index: 100;
160
+ justify-content: flex-end;
161
+ }
162
+ .drawer-overlay.open { display: flex; }
163
+ .drawer {
164
+ width: 420px;
165
+ max-width: 90vw;
166
+ background: var(--bodyBackground, #ffffff);
167
+ box-shadow: -2px 0 12px rgba(0,0,0,0.15);
168
+ display: flex;
169
+ flex-direction: column;
170
+ overflow: hidden;
171
+ }
172
+ .drawer-header {
173
+ padding: 16px 20px;
174
+ border-bottom: 1px solid var(--bodyDivider, #edebe9);
175
+ display: flex;
176
+ justify-content: space-between;
177
+ align-items: center;
178
+ }
179
+ .drawer-header h2 {
180
+ margin: 0;
181
+ font-size: 18px;
182
+ color: var(--bodyText, #333333);
183
+ }
184
+ .drawer-body {
185
+ flex: 1;
186
+ overflow-y: auto;
187
+ padding: 20px;
188
+ }
189
+ .drawer-footer {
190
+ padding: 14px 20px;
191
+ border-top: 1px solid var(--bodyDivider, #edebe9);
192
+ display: flex;
193
+ justify-content: space-between;
194
+ gap: 8px;
195
+ }
196
+ .form-group { margin-bottom: 14px; }
197
+ .form-label { display: block; font-size: 12px; color: var(--bodySubtext, #605e5c); margin-bottom: 4px; }
198
+ .form-input, .form-textarea, .form-select {
199
+ width: 100%;
200
+ padding: 8px 10px;
201
+ border: 1px solid var(--inputBorder, #d2d0ce);
202
+ border-radius: 4px;
203
+ background: var(--bodyBackground, #ffffff);
204
+ color: var(--bodyText, #333333);
205
+ font: inherit;
206
+ box-sizing: border-box;
207
+ }
208
+ .form-textarea { min-height: 80px; resize: vertical; }
209
+ .close-btn {
210
+ background: transparent;
211
+ border: none;
212
+ font-size: 22px;
213
+ cursor: pointer;
214
+ color: var(--bodySubtext, #605e5c);
215
+ line-height: 1;
216
+ }
217
+ </style>
218
+ </head>
219
+ <body>
220
+ <div class="viewer-panel" id="viewerPanel" style="padding: 0;">
221
+ <div class="kb-app">
222
+ <div class="kb-header">
223
+ <div>
224
+ <h1>[Board Title]</h1>
225
+ </div>
226
+ <div class="kb-actions">
227
+ <div class="filter-row" id="filterRow">
228
+ <button class="filter-chip active" data-tag="all">All</button>
229
+ <button class="filter-chip" data-tag="bug">Bug</button>
230
+ <button class="filter-chip" data-tag="feature">Feature</button>
231
+ <button class="filter-chip" data-tag="chore">Chore</button>
232
+ </div>
233
+ <button class="flm-button flm-button--primary" id="addCardBtn" data-icon="Add">Add Card</button>
234
+ </div>
235
+ </div>
236
+ <div class="kb-board" id="board"></div>
237
+ </div>
238
+ </div>
239
+
240
+ <div class="drawer-overlay" id="drawerOverlay">
241
+ <div class="drawer">
242
+ <div class="drawer-header">
243
+ <h2 id="drawerTitle">Card</h2>
244
+ <button class="close-btn" id="drawerClose">×</button>
245
+ </div>
246
+ <div class="drawer-body">
247
+ <div class="form-group"><label class="form-label" for="cardTitleInput">Title</label><input id="cardTitleInput" class="form-input" type="text"></div>
248
+ <div class="form-group"><label class="form-label" for="cardDescInput">Description</label><textarea id="cardDescInput" class="form-textarea"></textarea></div>
249
+ <div class="form-group"><label class="form-label" for="cardTagInput">Tag</label>
250
+ <select id="cardTagInput" class="form-select">
251
+ <option value="bug">Bug</option>
252
+ <option value="feature">Feature</option>
253
+ <option value="chore">Chore</option>
254
+ </select>
255
+ </div>
256
+ <div class="form-group"><label class="form-label" for="cardColInput">Column</label><select id="cardColInput" class="form-select"></select></div>
257
+ <div class="form-group"><label class="form-label" for="cardDueInput">Due date</label><input id="cardDueInput" class="form-input" type="date"></div>
258
+ </div>
259
+ <div class="drawer-footer">
260
+ <button class="flm-button" id="deleteBtn" data-icon="Delete">Delete</button>
261
+ <div style="display: flex; gap: 8px;">
262
+ <button class="flm-button" id="cancelBtn">Cancel</button>
263
+ <button class="flm-button flm-button--primary" id="saveBtn" data-icon="Save">Save</button>
264
+ </div>
265
+ </div>
266
+ </div>
267
+ </div>
268
+
269
+ <div id="instructions" style="display: none;" data-locked="true">Kanban / Board archetype. Columns are workflow stages; cards move across them via HTML5 drag-and-drop. COLUMNS array drives the column structure (id, title); cards live in cards[]. Filter chips narrow visible cards by tag. Click any card to open the edit drawer; Add Card creates a new one in the leftmost column. Persist cards via synthos.shared.data.save("&lt;table&gt;", record) + .list() / .remove(). Replace [Board Title], COLUMNS, and tag list with the user's domain (e.g. content pipeline: Idea/Draft/Review/Published). Use theme tokens (avoid the natural pallet) unless the user requests an alternative color.</div>
270
+ <div id="thoughts" style="display: none;" data-locked="true"></div>
271
+
272
+ <script>
273
+ (function () {
274
+ var COLUMNS = [
275
+ { id: 'todo', title: 'To Do' },
276
+ { id: 'doing', title: 'In Progress' },
277
+ { id: 'review', title: 'Review' },
278
+ { id: 'done', title: 'Done' }
279
+ ];
280
+
281
+ var cards = [
282
+ { id: 'c1', title: 'Sketch homepage hero', desc: 'Three layout options for review.', tag: 'feature', col: 'todo', due: '' },
283
+ { id: 'c2', title: 'Fix sign-in redirect', desc: 'Loops twice on first login.', tag: 'bug', col: 'doing', due: '' },
284
+ { id: 'c3', title: 'Update dependencies', desc: 'Bump to latest minor versions.', tag: 'chore', col: 'review', due: '' },
285
+ { id: 'c4', title: 'Ship release notes', desc: 'Done — moved to changelog.', tag: 'chore', col: 'done', due: '' }
286
+ ];
287
+
288
+ var activeFilter = 'all';
289
+ var editingId = null;
290
+
291
+ var board = document.getElementById('board');
292
+ var drawerOverlay = document.getElementById('drawerOverlay');
293
+ var drawerTitle = document.getElementById('drawerTitle');
294
+ var titleIn = document.getElementById('cardTitleInput');
295
+ var descIn = document.getElementById('cardDescInput');
296
+ var tagIn = document.getElementById('cardTagInput');
297
+ var colIn = document.getElementById('cardColInput');
298
+ var dueIn = document.getElementById('cardDueInput');
299
+
300
+ colIn.innerHTML = COLUMNS.map(function (c) { return '<option value="' + c.id + '">' + escapeHtml(c.title) + '</option>'; }).join('');
301
+
302
+ function escapeHtml(s) { return String(s).replace(/[&<>"']/g, function (c) { return ({ '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;' })[c]; }); }
303
+
304
+ function visibleCards(colId) {
305
+ return cards.filter(function (c) {
306
+ if (c.col !== colId) return false;
307
+ if (activeFilter !== 'all' && c.tag !== activeFilter) return false;
308
+ return true;
309
+ });
310
+ }
311
+
312
+ function renderBoard() {
313
+ board.innerHTML = COLUMNS.map(function (col) {
314
+ var list = visibleCards(col.id);
315
+ var cardsHtml = list.map(function (c) {
316
+ return '<div class="kb-card" draggable="true" data-id="' + c.id + '">' +
317
+ '<div class="card-title">' + escapeHtml(c.title) + '</div>' +
318
+ (c.desc ? '<div class="card-desc">' + escapeHtml(c.desc) + '</div>' : '') +
319
+ '<div class="card-meta">' +
320
+ '<span class="tag">' + escapeHtml(c.tag) + '</span>' +
321
+ (c.due ? '<span class="due-pill">' + escapeHtml(c.due) + '</span>' : '') +
322
+ '</div>' +
323
+ '</div>';
324
+ }).join('');
325
+ return '<div class="kb-column" data-col="' + col.id + '">' +
326
+ '<div class="col-header"><span>' + escapeHtml(col.title) + '</span><span class="col-count">' + list.length + '</span></div>' +
327
+ '<div class="col-cards" data-drop="' + col.id + '">' + cardsHtml + '</div>' +
328
+ '</div>';
329
+ }).join('');
330
+ wireDnd();
331
+ }
332
+
333
+ function wireDnd() {
334
+ board.querySelectorAll('.kb-card').forEach(function (card) {
335
+ card.addEventListener('dragstart', function (e) {
336
+ card.classList.add('dragging');
337
+ e.dataTransfer.setData('text/plain', card.getAttribute('data-id'));
338
+ e.dataTransfer.effectAllowed = 'move';
339
+ });
340
+ card.addEventListener('dragend', function () { card.classList.remove('dragging'); });
341
+ card.addEventListener('click', function () {
342
+ openDrawer(card.getAttribute('data-id'));
343
+ });
344
+ });
345
+ board.querySelectorAll('.col-cards').forEach(function (zone) {
346
+ zone.addEventListener('dragover', function (e) {
347
+ e.preventDefault();
348
+ zone.parentElement.classList.add('drop-target');
349
+ });
350
+ zone.addEventListener('dragleave', function () {
351
+ zone.parentElement.classList.remove('drop-target');
352
+ });
353
+ zone.addEventListener('drop', function (e) {
354
+ e.preventDefault();
355
+ zone.parentElement.classList.remove('drop-target');
356
+ var id = e.dataTransfer.getData('text/plain');
357
+ var newCol = zone.getAttribute('data-drop');
358
+ var card = cards.find(function (c) { return c.id === id; });
359
+ if (card) {
360
+ card.col = newCol;
361
+ // synthos.shared.data.save('kanban_cards', card);
362
+ renderBoard();
363
+ }
364
+ });
365
+ });
366
+ }
367
+
368
+ // Filter chips
369
+ document.getElementById('filterRow').addEventListener('click', function (e) {
370
+ var chip = e.target.closest('.filter-chip');
371
+ if (!chip) return;
372
+ document.querySelectorAll('.filter-chip').forEach(function (c) { c.classList.toggle('active', c === chip); });
373
+ activeFilter = chip.getAttribute('data-tag');
374
+ renderBoard();
375
+ });
376
+
377
+ // Drawer
378
+ function openDrawer(id) {
379
+ editingId = id;
380
+ if (id) {
381
+ var c = cards.find(function (x) { return x.id === id; });
382
+ if (!c) return;
383
+ drawerTitle.textContent = 'Edit Card';
384
+ titleIn.value = c.title; descIn.value = c.desc; tagIn.value = c.tag; colIn.value = c.col; dueIn.value = c.due || '';
385
+ } else {
386
+ drawerTitle.textContent = 'New Card';
387
+ titleIn.value = ''; descIn.value = ''; tagIn.value = 'feature'; colIn.value = COLUMNS[0].id; dueIn.value = '';
388
+ }
389
+ document.getElementById('deleteBtn').style.visibility = id ? 'visible' : 'hidden';
390
+ drawerOverlay.classList.add('open');
391
+ }
392
+
393
+ function closeDrawer() { drawerOverlay.classList.remove('open'); editingId = null; }
394
+
395
+ document.getElementById('addCardBtn').addEventListener('click', function () { openDrawer(null); });
396
+ document.getElementById('drawerClose').addEventListener('click', closeDrawer);
397
+ document.getElementById('cancelBtn').addEventListener('click', closeDrawer);
398
+ drawerOverlay.addEventListener('click', function (e) { if (e.target === drawerOverlay) closeDrawer(); });
399
+
400
+ document.getElementById('saveBtn').addEventListener('click', function () {
401
+ var data = {
402
+ title: titleIn.value.trim() || 'Untitled',
403
+ desc: descIn.value.trim(),
404
+ tag: tagIn.value,
405
+ col: colIn.value,
406
+ due: dueIn.value
407
+ };
408
+ if (editingId) {
409
+ var c = cards.find(function (x) { return x.id === editingId; });
410
+ if (c) Object.assign(c, data);
411
+ } else {
412
+ data.id = 'c_' + Math.random().toString(36).slice(2, 9);
413
+ cards.push(data);
414
+ }
415
+ // synthos.shared.data.save('kanban_cards', data);
416
+ closeDrawer();
417
+ renderBoard();
418
+ });
419
+
420
+ document.getElementById('deleteBtn').addEventListener('click', function () {
421
+ if (!editingId) return;
422
+ cards = cards.filter(function (x) { return x.id !== editingId; });
423
+ // synthos.shared.data.remove('kanban_cards', editingId);
424
+ closeDrawer();
425
+ renderBoard();
426
+ });
427
+
428
+ // synthos.shared.data.list('kanban_cards').then(function (rows) { if (rows && rows.length) { cards = rows; renderBoard(); } });
429
+ renderBoard();
430
+ })();
431
+ </script>
432
+ </body></html>
package/starters/kanban_starter/page.json ADDED
@@ -0,0 +1,13 @@
1
+ {
2
+ "title": "Kanban Board",
3
+ "description": "Move cards across columns to manage tasks, pipelines, triage queues, or any staged workflow.",
4
+ "categories": [
5
+ "_Starters"
6
+ ],
7
+ "pinned": false,
8
+ "showInAll": false,
9
+ "pageVersion": 3,
10
+ "mode": "unlocked",
11
+ "greeting": "Welcome to the Kanban starter — a column-card workflow scaffold. Tell me what stages you want to track (e.g. tasks, content pipeline, sales funnel, bug triage) and I'll wire the columns, cards, drag-and-drop, and edit drawer.",
12
+ "firstRunGreeting": ""
13
+ }
package/starters/presentation_builder/chat-history.json ADDED
@@ -0,0 +1 @@
1
+ [{"role":"assistant","content":"Welcome to Presentation Builder! Tell me what presentation you'd like to create, and I'll build it with beautiful animations, speaker notes, and TTS narration. New here? Press Present to see a quick tutorial on how to use the builder!"}]