@jxsuite/studio 4.1.0 → 5.1.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 (612) hide show
  1. package/README.md +1 -1
  2. package/data/elements-meta.json +5 -15
  3. package/data/html-meta.json +51 -6
  4. package/dist/chunks/{2020-n6tfwnda.js → 2020-g79n01v9.js} +14 -14
  5. package/dist/chunks/action-group-sp6tna8v.js +118 -0
  6. package/dist/chunks/adapter-nj7tnjfn.js +13 -0
  7. package/dist/chunks/cf-account-picker-qwkm9zrf.js +495 -0
  8. package/dist/chunks/cf-settings-71bv5zn9.js +20 -0
  9. package/dist/chunks/color-area-v17df7b8.js +154 -0
  10. package/dist/chunks/color-field-anwybnkn.js +208 -0
  11. package/dist/chunks/color-slider-44ez96fc.js +79 -0
  12. package/dist/chunks/color-xgg3kfw7.js +35 -0
  13. package/dist/chunks/combobox-5e7jev23.js +236 -0
  14. package/dist/chunks/components-vj72gqtq.js +20 -0
  15. package/dist/chunks/content-source-5mex4x1h.js +46 -0
  16. package/dist/chunks/convert-to-repeater-n64h8znc.js +639 -0
  17. package/dist/chunks/dialog-s890b918.js +85 -0
  18. package/dist/chunks/editor-3qhbg51x.js +35 -0
  19. package/dist/chunks/entry-commands-234hjnqw.js +42 -0
  20. package/dist/chunks/extension-sections-3hpcambp.js +651 -0
  21. package/dist/chunks/file-ops-8yhd83xr.js +47 -0
  22. package/dist/chunks/files-hnxqxtsg.js +72 -0
  23. package/dist/chunks/format-host-779sfp2n.js +40 -0
  24. package/dist/chunks/fs-events-b88z7g4h.js +18 -0
  25. package/dist/chunks/git-panel-xwj8fpab.js +49 -0
  26. package/dist/chunks/icons-yy10wk9r.js +402 -0
  27. package/dist/chunks/iframe-entry-15g3n6xv.js +114 -0
  28. package/dist/chunks/iframe-entry-b27vq81n.js +203 -0
  29. package/dist/chunks/iframe-entry-nbyxee1y.js +154 -0
  30. package/dist/chunks/iframe-host-syr0f9sb.js +115 -0
  31. package/dist/chunks/{index-wcnt3r9g.js → index-mdmyx6s2.js} +11 -11
  32. package/dist/chunks/index-n4j7qxyr.js +109 -0
  33. package/dist/chunks/{javascript-q8kpmfah.js → javascript-xvrfrpkb.js} +8 -9
  34. package/dist/chunks/{jsonMode-dkr040ga.js → jsonMode-tyx2kj6p.js} +526 -527
  35. package/dist/chunks/jx-validate-j0wxk72w.js +15 -0
  36. package/dist/chunks/layers-ff81wthn.js +30 -0
  37. package/dist/chunks/layers-panel-pnnghw12.js +40 -0
  38. package/dist/chunks/listbox-6v2ac08j.js +44 -0
  39. package/dist/chunks/lit-html-m244w9nh.js +17 -0
  40. package/dist/chunks/media-picker-cqhhxhhe.js +33 -0
  41. package/dist/chunks/menu-9p2w46gj.js +15 -0
  42. package/dist/chunks/menu-q99sy9rf.js +285 -0
  43. package/dist/chunks/{monaco-binding-rj6xpx9y.js → monaco-binding-sw6en4dw.js} +12 -15
  44. package/dist/chunks/monaco-buffer-bhy3hb6m.js +24 -0
  45. package/dist/chunks/{monaco-setup-vx9bhp1d.js → monaco-setup-8r62fj6y.js} +27 -37
  46. package/dist/chunks/notify-628t0anh.js +21 -0
  47. package/dist/chunks/number-field-5cndyft8.js +72 -0
  48. package/dist/chunks/parse-0zx14y15.js +10 -0
  49. package/dist/chunks/platform-ts9cg1a4.js +15 -0
  50. package/dist/chunks/popover-47z3ytva.js +25 -0
  51. package/dist/chunks/publish-panel-5zt840sy.js +27 -0
  52. package/dist/chunks/quick-search-3748564r.js +45 -0
  53. package/dist/chunks/references-qvvxej7h.js +26 -0
  54. package/dist/chunks/right-panel-eccz92qt.js +45 -0
  55. package/dist/chunks/section-registry-5pq32t0q.js +25 -0
  56. package/dist/chunks/select-2r16ez41.js +49 -0
  57. package/dist/chunks/split-g7nm1rgb.js +191 -0
  58. package/dist/chunks/studio-0hqbpbd0.js +62 -0
  59. package/dist/chunks/{studio-kryvsw6j.js → studio-1k325pwf.js} +48 -48
  60. package/dist/chunks/{studio-b55y6ewx.js → studio-1knfqgy7.js} +58 -58
  61. package/dist/chunks/{studio-2b946z26.js → studio-1z1kcjv4.js} +3628 -6095
  62. package/dist/chunks/studio-3773086z.js +111 -0
  63. package/dist/chunks/{studio-4r1pv6zf.js → studio-38emantv.js} +22 -5
  64. package/dist/chunks/{studio-x813zp48.js → studio-3rz5md06.js} +30 -30
  65. package/dist/chunks/{studio-ynxwkrzd.js → studio-4wbb9ct0.js} +1953 -1785
  66. package/dist/chunks/studio-5te5tqng.js +81 -0
  67. package/dist/chunks/studio-5wt9nvhd.js +4763 -0
  68. package/dist/chunks/{studio-p4ngc046.js → studio-6ewqv390.js} +9 -9
  69. package/dist/chunks/{studio-9ab8gqsm.js → studio-6nzaktvy.js} +7 -7
  70. package/dist/chunks/studio-6xa21ej9.js +28 -0
  71. package/dist/chunks/{studio-5ehhackm.js → studio-727xh0e3.js} +19 -19
  72. package/dist/chunks/{studio-gcye7qka.js → studio-7e11jpa9.js} +21 -21
  73. package/dist/chunks/{studio-q7v10cg2.js → studio-7r42c6ca.js} +17 -7
  74. package/dist/chunks/studio-7xnmgv66.js +13615 -0
  75. package/dist/chunks/studio-8scdew0e.js +258 -0
  76. package/dist/chunks/{studio-fbf92ckf.js → studio-93zafjcm.js} +275 -163
  77. package/dist/chunks/{studio-dg7zyt5x.js → studio-98b3z07n.js} +1 -1
  78. package/dist/chunks/studio-a79k90n9.js +1162 -0
  79. package/dist/chunks/studio-aj37eer3.js +422 -0
  80. package/dist/chunks/studio-b0k5tqgp.js +2432 -0
  81. package/dist/chunks/studio-b4s9eykd.js +2811 -0
  82. package/dist/chunks/{studio-f3wqjtk5.js → studio-d0300636.js} +5076 -18
  83. package/dist/chunks/{studio-b9b6t1dg.js → studio-e1f24eff.js} +5664 -5666
  84. package/dist/chunks/studio-e1pgga3k.js +839 -0
  85. package/dist/chunks/{studio-g1wdche0.js → studio-esrxgwh6.js} +80 -80
  86. package/dist/chunks/{studio-q43a5y9h.js → studio-g3jevyjt.js} +16 -16
  87. package/dist/chunks/studio-gb13095a.js +2806 -0
  88. package/dist/chunks/{studio-3n4ndrzh.js → studio-h4nvnjvz.js} +303 -303
  89. package/dist/chunks/{studio-dm19q43r.js → studio-hhvs4sdg.js} +10 -10
  90. package/dist/chunks/{studio-x4qkdat5.js → studio-js8nv53n.js} +1749 -2481
  91. package/dist/chunks/{studio-qjy2z9bv.js → studio-jxp12rnj.js} +32 -137
  92. package/dist/chunks/{studio-trxrabqf.js → studio-k75n7vhp.js} +527 -283
  93. package/dist/chunks/{studio-q9jd1a60.js → studio-kcgff4r0.js} +15 -18
  94. package/dist/chunks/studio-kkqkcp3d.js +17668 -0
  95. package/dist/chunks/studio-mhhyamxf.js +763 -0
  96. package/dist/chunks/{studio-cft9r4r7.js → studio-nq5yf5mp.js} +22 -22
  97. package/dist/chunks/{studio-685s0ytq.js → studio-nqgawfks.js} +572 -572
  98. package/dist/chunks/studio-nzzpvzx9.js +185 -0
  99. package/dist/chunks/{studio-xrapxwwc.js → studio-p1dw8wfw.js} +55 -29
  100. package/dist/chunks/{studio-3bqpr0zh.js → studio-pxbgypmg.js} +299 -110
  101. package/dist/chunks/studio-q0a3yk4n.js +33 -0
  102. package/dist/chunks/{studio-wcy8trfx.js → studio-q3x06vmj.js} +23 -22
  103. package/dist/chunks/{studio-6yw4y3my.js → studio-qhhm6hbt.js} +8 -8
  104. package/dist/chunks/studio-qk4bfsq2.js +362 -0
  105. package/dist/chunks/{studio-msd847zn.js → studio-qk90fgqm.js} +361 -90
  106. package/dist/chunks/{studio-jkftxyvz.js → studio-r6nvacqs.js} +5861 -2154
  107. package/dist/chunks/{studio-53n8bp04.js → studio-r6xmmtfh.js} +1 -1
  108. package/dist/chunks/{studio-tvgyw9xw.js → studio-rnyf3f8e.js} +83 -250
  109. package/dist/chunks/studio-rs76k67r.js +12 -0
  110. package/dist/chunks/studio-sbjyc8bt.js +954 -0
  111. package/dist/chunks/{studio-1wagb550.js → studio-syg2tadj.js} +11 -11
  112. package/dist/chunks/{studio-t5wqwzdh.js → studio-tjjk7jvk.js} +1 -1
  113. package/dist/chunks/studio-tqgryxwg.js +1171 -0
  114. package/dist/chunks/studio-try13h8c.js +8448 -0
  115. package/dist/chunks/studio-vfq8qpjt.js +1219 -0
  116. package/dist/chunks/studio-vhv5tgxm.js +51 -0
  117. package/dist/chunks/{studio-ahn3pdgx.js → studio-vw7mzp6z.js} +52 -38
  118. package/dist/chunks/studio-wqpngpsk.js +174 -0
  119. package/dist/chunks/studio-wqz6dggm.js +1356 -0
  120. package/dist/chunks/{studio-92ab2jqe.js → studio-y9zedyjn.js} +14 -14
  121. package/dist/chunks/studio-yxa81f45.js +12 -0
  122. package/dist/chunks/studio-zdn2g6dt.js +148 -0
  123. package/dist/chunks/swatch-group-t0n6h2rn.js +139 -0
  124. package/dist/chunks/tabs-wbp1cdws.js +156 -0
  125. package/dist/chunks/textfield-abk6qyee.js +73 -0
  126. package/dist/chunks/toast-780pvfbv.js +27 -0
  127. package/dist/chunks/toast-host-3sqv46sn.js +116 -0
  128. package/dist/chunks/toolbar-xbh5bhtr.js +194 -0
  129. package/dist/chunks/tooltip-eptb614w.js +369 -0
  130. package/dist/chunks/tree-a73p0pqm.js +367 -0
  131. package/dist/chunks/{tsMode-76kr53q0.js → tsMode-jy4m86rv.js} +83 -85
  132. package/dist/chunks/workspace-t55jdjbx.js +69 -0
  133. package/dist/chunks/{ws-client-6shc5rze.js → ws-client-ny4zc51r.js} +20 -22
  134. package/dist/iframe-entry.js +1873 -673
  135. package/dist/studio.js +52757 -36535
  136. package/dist/workers/editor.worker.js +1040 -1085
  137. package/dist/workers/json.worker.js +1946 -1991
  138. package/dist/workers/ts.worker.js +4960 -5005
  139. package/index.html +1 -0
  140. package/package.json +18 -52
  141. package/src/about/about-modal.ts +72 -123
  142. package/src/browse/library-commands.ts +20 -49
  143. package/src/browse/library-layouts.ts +87 -218
  144. package/src/browse/library-pane.ts +406 -438
  145. package/src/canvas/canvas-helpers.ts +0 -49
  146. package/src/canvas/canvas-live-render.ts +25 -2
  147. package/src/canvas/canvas-render.ts +666 -231
  148. package/src/canvas/canvas-surface.ts +0 -1
  149. package/src/canvas/canvas-utils.ts +333 -113
  150. package/src/canvas/dialog-path.ts +76 -0
  151. package/src/canvas/dialog-state.ts +67 -0
  152. package/src/canvas/diff-marks.ts +252 -0
  153. package/src/canvas/diff-toolbar.ts +349 -0
  154. package/src/canvas/diff-view.ts +123 -0
  155. package/src/canvas/edit-width-drag.ts +187 -0
  156. package/src/canvas/edit-width.ts +150 -0
  157. package/src/canvas/iframe-entry.ts +125 -8
  158. package/src/canvas/iframe-host.ts +271 -15
  159. package/src/canvas/iframe-interaction.ts +133 -13
  160. package/src/canvas/iframe-patch.ts +7 -1
  161. package/src/canvas/iframe-position.ts +5 -6
  162. package/src/canvas/iframe-protocol.ts +106 -5
  163. package/src/canvas/iframe-render.ts +373 -5
  164. package/src/canvas/iframe-slash.ts +2 -2
  165. package/src/canvas/iframe-subtree.ts +5 -8
  166. package/src/canvas/path-mapping.ts +25 -3
  167. package/src/canvas/popover-path.ts +106 -0
  168. package/src/canvas/popover-state.ts +155 -0
  169. package/src/canvas/surface-registry.ts +21 -10
  170. package/src/collab/presence-chips.ts +51 -73
  171. package/src/commands/app-commands.ts +10 -0
  172. package/src/commands/budget.ts +12 -0
  173. package/src/commands/command-args.ts +404 -6
  174. package/src/commands/defaults.ts +44 -14
  175. package/src/commands/live-context.ts +11 -5
  176. package/src/commands/reference.ts +12 -2
  177. package/src/commands/registry.ts +177 -10
  178. package/src/commands/run-reported.ts +120 -0
  179. package/src/content/entry-commands.ts +16 -23
  180. package/src/content/entry-editor.ts +144 -101
  181. package/src/editor/canvas-slash-bridge.ts +2 -2
  182. package/src/editor/context-menu.ts +49 -200
  183. package/src/editor/convert-to-component.ts +42 -82
  184. package/src/editor/convert-to-repeater.ts +132 -173
  185. package/src/editor/inline-edit.ts +11 -0
  186. package/src/editor/shortcuts.ts +76 -49
  187. package/src/editor/slash-menu.ts +150 -157
  188. package/src/files/components.ts +39 -0
  189. package/src/files/file-ops.ts +117 -11
  190. package/src/files/files.ts +944 -660
  191. package/src/files/json-layout.ts +474 -0
  192. package/src/files/serialize-document.ts +8 -1
  193. package/src/format/convert-file.ts +16 -10
  194. package/src/format/format-host.ts +50 -1
  195. package/src/github/github-auth.ts +71 -29
  196. package/src/github/github-publish.ts +57 -65
  197. package/src/grid/cell-editors.ts +46 -4
  198. package/src/grid/cell-popovers.ts +65 -62
  199. package/src/grid/grid-open.ts +86 -64
  200. package/src/grid/grid-panel.ts +390 -469
  201. package/src/grid/redirects-grid.ts +40 -44
  202. package/src/hosting/layout.ts +2 -0
  203. package/src/i18n/i18n-commands.ts +137 -62
  204. package/src/media/media-pane.ts +83 -133
  205. package/src/new-project/add-repo-modal.ts +125 -176
  206. package/src/new-project/import-tab.ts +181 -252
  207. package/src/new-project/location-fields.ts +93 -160
  208. package/src/new-project/new-project-modal.ts +376 -367
  209. package/src/packages/jxsuite-update.ts +76 -18
  210. package/src/packages/pull-package-sync.ts +5 -1
  211. package/src/panels/activity-panel.ts +137 -104
  212. package/src/panels/ai-chat/chat-markdown.ts +15 -13
  213. package/src/panels/ai-chat/chat-view.ts +307 -472
  214. package/src/panels/ai-chat/composer.ts +175 -163
  215. package/src/panels/ai-chat/sessions-view.ts +31 -62
  216. package/src/panels/ai-panel.ts +213 -185
  217. package/src/panels/block-action-bar.ts +444 -645
  218. package/src/panels/bottom-dock.ts +112 -47
  219. package/src/panels/chat-panel.ts +19 -14
  220. package/src/panels/data-explorer.ts +141 -102
  221. package/src/panels/data-grid.ts +183 -150
  222. package/src/panels/dnd.ts +75 -20
  223. package/src/panels/editors.ts +26 -19
  224. package/src/panels/elements-panel.ts +243 -186
  225. package/src/panels/empty-state.ts +26 -42
  226. package/src/panels/events-panel.ts +950 -729
  227. package/src/panels/formula-workspace.ts +434 -207
  228. package/src/panels/frontmatter-fields.ts +185 -153
  229. package/src/panels/frontmatter-panel.ts +411 -187
  230. package/src/panels/git-diff-open.ts +148 -0
  231. package/src/panels/git-panel.ts +679 -605
  232. package/src/panels/head-panel.ts +617 -435
  233. package/src/panels/i18n-panel.ts +148 -135
  234. package/src/panels/imports-panel.ts +388 -414
  235. package/src/panels/jump-bar.ts +175 -147
  236. package/src/panels/layers-panel.ts +785 -671
  237. package/src/panels/left-panel.ts +166 -94
  238. package/src/panels/navigator-panels.ts +1 -1
  239. package/src/panels/pane-context.ts +529 -677
  240. package/src/panels/pane-grid.ts +265 -241
  241. package/src/panels/panel-registry.ts +15 -4
  242. package/src/panels/problems-panel.ts +181 -99
  243. package/src/panels/properties-panel.ts +1525 -966
  244. package/src/panels/provenance.ts +31 -113
  245. package/src/panels/quick-search.ts +223 -184
  246. package/src/panels/right-panel.ts +135 -169
  247. package/src/panels/seo-modal.ts +346 -167
  248. package/src/panels/settings-menu.ts +114 -661
  249. package/src/panels/settings-pane.ts +102 -86
  250. package/src/panels/signals-panel.ts +1318 -1172
  251. package/src/panels/statement-editor.ts +556 -428
  252. package/src/panels/style-panel.ts +1367 -630
  253. package/src/panels/style-utils.ts +36 -32
  254. package/src/panels/stylebook-doc.ts +30 -73
  255. package/src/panels/stylebook-layers-panel.ts +202 -109
  256. package/src/panels/stylebook-panel.ts +124 -88
  257. package/src/panels/tab-strip.ts +386 -288
  258. package/src/platforms/cloud.ts +106 -16
  259. package/src/platforms/devserver.ts +13 -0
  260. package/src/publish/deploy-checklist.ts +124 -78
  261. package/src/publish/publish-commands.ts +4 -12
  262. package/src/publish/publish-panel.ts +134 -328
  263. package/src/services/a11y-report.ts +100 -43
  264. package/src/services/ai-command-tools.ts +538 -0
  265. package/src/services/ai-project-tools.ts +8 -2
  266. package/src/services/ai-session-store.ts +6 -0
  267. package/src/services/ai-system-prompt.ts +112 -24
  268. package/src/services/ai-tools.ts +36 -212
  269. package/src/services/ai-write-report.ts +174 -0
  270. package/src/services/document-assistant.ts +59 -8
  271. package/src/services/idle.ts +16 -14
  272. package/src/services/live-surfaces.ts +237 -0
  273. package/src/services/model-uri.ts +75 -0
  274. package/src/services/notify.ts +63 -6
  275. package/src/services/popover-report.ts +325 -0
  276. package/src/services/surface-registry.ts +56 -0
  277. package/src/services/tool-executor.ts +6 -0
  278. package/src/settings/contexts-section.ts +301 -299
  279. package/src/settings/contributed-section.ts +361 -222
  280. package/src/settings/css-vars-editor.ts +320 -325
  281. package/src/settings/defs-editor.ts +572 -535
  282. package/src/settings/dependencies-editor.ts +79 -107
  283. package/src/settings/extension-commands.ts +379 -0
  284. package/src/settings/extension-rows.ts +113 -0
  285. package/src/settings/extensions-section.ts +287 -0
  286. package/src/settings/general-settings.ts +130 -181
  287. package/src/settings/head-editor.ts +10 -305
  288. package/src/settings/locales-section.ts +146 -196
  289. package/src/settings/preferences-accounts.ts +1 -1
  290. package/src/settings/preferences-dialog.ts +350 -330
  291. package/src/settings/project-sections.ts +108 -181
  292. package/src/settings/schema-field-ui.ts +11 -399
  293. package/src/settings/section-registry.ts +8 -1
  294. package/src/settings/settings-document.ts +31 -29
  295. package/src/shell/tree.ts +42 -87
  296. package/src/shell.ts +48 -36
  297. package/src/studio.ts +104 -69
  298. package/src/style/token-ref.ts +0 -39
  299. package/src/surfaces/about.json +263 -0
  300. package/src/surfaces/about.ts +163 -0
  301. package/src/surfaces/add-repo.json +486 -0
  302. package/src/surfaces/add-repo.ts +236 -0
  303. package/src/surfaces/ai-chat.json +2185 -0
  304. package/src/surfaces/ai-chat.ts +549 -0
  305. package/src/surfaces/ai-credentials-form.json +332 -0
  306. package/src/surfaces/ai-credentials-form.ts +151 -0
  307. package/src/surfaces/ai-managed-connect.json +108 -0
  308. package/src/surfaces/ai-managed-connect.ts +123 -0
  309. package/src/surfaces/ai-model-picker.json +114 -0
  310. package/src/surfaces/ai-model-picker.ts +139 -0
  311. package/src/surfaces/block-action-bar.json +640 -0
  312. package/src/surfaces/block-action-bar.ts +368 -0
  313. package/src/surfaces/bottom-dock.json +154 -0
  314. package/src/surfaces/bottom-dock.ts +125 -0
  315. package/src/surfaces/canvas-stage.json +444 -0
  316. package/src/surfaces/canvas-stage.ts +253 -0
  317. package/src/surfaces/cf-account-picker.json +300 -0
  318. package/src/surfaces/cf-account-picker.ts +214 -0
  319. package/src/surfaces/commandbar.json +985 -0
  320. package/src/{panels/toolbar.ts → surfaces/commandbar.ts} +417 -391
  321. package/src/surfaces/convert-repeater.json +309 -0
  322. package/src/surfaces/convert-repeater.ts +276 -0
  323. package/src/surfaces/data-actions.json +157 -0
  324. package/src/surfaces/data-actions.ts +115 -0
  325. package/src/surfaces/dialog.json +289 -0
  326. package/src/surfaces/dialog.ts +343 -0
  327. package/src/surfaces/diff-toolbar.json +266 -0
  328. package/src/surfaces/diff-toolbar.ts +139 -0
  329. package/src/surfaces/doc-header.json +739 -0
  330. package/src/surfaces/doc-header.ts +223 -0
  331. package/src/surfaces/empty-state.json +152 -0
  332. package/src/surfaces/empty-state.ts +173 -0
  333. package/src/surfaces/entry-editor.json +281 -0
  334. package/src/surfaces/entry-editor.ts +191 -0
  335. package/src/surfaces/expression-editor.json +977 -0
  336. package/src/surfaces/expression-editor.ts +266 -0
  337. package/src/surfaces/files-panel.json +592 -0
  338. package/src/surfaces/files-panel.ts +301 -0
  339. package/src/surfaces/formula-palette.json +364 -0
  340. package/src/surfaces/formula-palette.ts +340 -0
  341. package/src/surfaces/git-panel.json +1822 -0
  342. package/src/surfaces/git-panel.ts +272 -0
  343. package/src/surfaces/github-auth.json +112 -0
  344. package/src/surfaces/github-auth.ts +139 -0
  345. package/src/surfaces/github-publish.json +206 -0
  346. package/src/surfaces/github-publish.ts +169 -0
  347. package/src/surfaces/grid-cell.json +218 -0
  348. package/src/surfaces/grid-cell.ts +120 -0
  349. package/src/surfaces/grid-open.json +147 -0
  350. package/src/surfaces/grid-open.ts +87 -0
  351. package/src/surfaces/grid-panel.json +706 -0
  352. package/src/surfaces/grid-panel.ts +206 -0
  353. package/src/surfaces/grid-replace.json +179 -0
  354. package/src/surfaces/grid-replace.ts +89 -0
  355. package/src/surfaces/grid-views.json +446 -0
  356. package/src/surfaces/grid-views.ts +172 -0
  357. package/src/surfaces/inspector-dock.json +187 -0
  358. package/src/surfaces/inspector-dock.ts +161 -0
  359. package/src/surfaces/jump-bar.json +243 -0
  360. package/src/surfaces/jump-bar.ts +129 -0
  361. package/src/surfaces/jxsuite-update.json +146 -0
  362. package/src/surfaces/jxsuite-update.ts +149 -0
  363. package/src/surfaces/library-pane.json +1509 -0
  364. package/src/surfaces/library-pane.ts +363 -0
  365. package/src/surfaces/logic-panel.json +1949 -0
  366. package/src/surfaces/logic-panel.ts +369 -0
  367. package/src/surfaces/logic-workspace.json +685 -0
  368. package/src/surfaces/logic-workspace.ts +238 -0
  369. package/src/surfaces/media-browser.json +303 -0
  370. package/src/surfaces/media-browser.ts +145 -0
  371. package/src/surfaces/media-field.json +163 -0
  372. package/src/surfaces/media-field.ts +116 -0
  373. package/src/surfaces/media-pane.json +513 -0
  374. package/src/surfaces/media-pane.ts +197 -0
  375. package/src/surfaces/menu.json +232 -0
  376. package/src/surfaces/menu.ts +375 -0
  377. package/src/surfaces/navigator-dock.json +113 -0
  378. package/src/surfaces/navigator-dock.ts +130 -0
  379. package/src/surfaces/new-project.json +1654 -0
  380. package/src/surfaces/new-project.ts +411 -0
  381. package/src/surfaces/palette.json +535 -0
  382. package/src/surfaces/pane-context.json +1497 -0
  383. package/src/surfaces/pane-context.ts +513 -0
  384. package/src/surfaces/pane-grid.json +188 -0
  385. package/src/surfaces/pane-grid.ts +250 -0
  386. package/src/surfaces/panel-activity.json +563 -0
  387. package/src/surfaces/panel-activity.ts +187 -0
  388. package/src/surfaces/panel-data.json +141 -0
  389. package/src/surfaces/panel-data.ts +156 -0
  390. package/src/surfaces/panel-deploy-checklist.json +283 -0
  391. package/src/surfaces/panel-deploy-checklist.ts +175 -0
  392. package/src/surfaces/panel-elements.json +367 -0
  393. package/src/surfaces/panel-elements.ts +175 -0
  394. package/src/surfaces/panel-i18n.json +569 -0
  395. package/src/surfaces/panel-i18n.ts +212 -0
  396. package/src/surfaces/panel-imports.json +780 -0
  397. package/src/surfaces/panel-imports.ts +209 -0
  398. package/src/surfaces/panel-outline.json +734 -0
  399. package/src/surfaces/panel-outline.ts +326 -0
  400. package/src/surfaces/panel-page.json +1017 -0
  401. package/src/surfaces/panel-page.ts +240 -0
  402. package/src/surfaces/panel-problems.json +497 -0
  403. package/src/surfaces/panel-problems.ts +157 -0
  404. package/src/surfaces/panel-signals.json +1973 -0
  405. package/src/surfaces/panel-signals.ts +436 -0
  406. package/src/surfaces/panel-stylebook-layers.json +317 -0
  407. package/src/surfaces/panel-stylebook-layers.ts +155 -0
  408. package/src/surfaces/preferences.json +850 -0
  409. package/src/surfaces/preferences.ts +332 -0
  410. package/src/surfaces/progress-modal.json +110 -0
  411. package/src/surfaces/progress-modal.ts +150 -0
  412. package/src/surfaces/properties-panel.json +1578 -0
  413. package/src/surfaces/properties-panel.ts +337 -0
  414. package/src/surfaces/publish.json +945 -0
  415. package/src/surfaces/publish.ts +392 -0
  416. package/src/surfaces/push-plan.json +110 -0
  417. package/src/surfaces/push-plan.ts +87 -0
  418. package/src/surfaces/rail.json +255 -0
  419. package/src/surfaces/rail.ts +206 -0
  420. package/src/surfaces/reference-field.json +191 -0
  421. package/src/surfaces/reference-field.ts +168 -0
  422. package/src/surfaces/schema-builder.json +1011 -0
  423. package/src/surfaces/schema-builder.ts +181 -0
  424. package/src/surfaces/schema-form.json +1013 -0
  425. package/src/surfaces/schema-form.ts +287 -0
  426. package/src/surfaces/secret-field.json +60 -0
  427. package/src/surfaces/secret-field.ts +146 -0
  428. package/src/surfaces/seo.json +932 -0
  429. package/src/surfaces/seo.ts +334 -0
  430. package/src/surfaces/settings-contexts.json +538 -0
  431. package/src/surfaces/settings-contexts.ts +196 -0
  432. package/src/surfaces/settings-contributed.json +489 -0
  433. package/src/surfaces/settings-contributed.ts +199 -0
  434. package/src/surfaces/settings-css-vars.json +820 -0
  435. package/src/surfaces/settings-css-vars.ts +199 -0
  436. package/src/surfaces/settings-defs.json +1363 -0
  437. package/src/surfaces/settings-defs.ts +232 -0
  438. package/src/surfaces/settings-deploy.json +108 -0
  439. package/src/surfaces/settings-deploy.ts +135 -0
  440. package/src/surfaces/settings-extensions.json +486 -0
  441. package/src/surfaces/settings-extensions.ts +201 -0
  442. package/src/surfaces/settings-head.json +779 -0
  443. package/src/surfaces/settings-head.ts +397 -0
  444. package/src/surfaces/settings-locales.json +420 -0
  445. package/src/surfaces/settings-locales.ts +137 -0
  446. package/src/surfaces/settings-overview.json +423 -0
  447. package/src/surfaces/settings-overview.ts +218 -0
  448. package/src/surfaces/settings-packages.json +549 -0
  449. package/src/surfaces/settings-packages.ts +158 -0
  450. package/src/surfaces/settings-pane.json +147 -0
  451. package/src/surfaces/settings-pane.ts +150 -0
  452. package/src/surfaces/settings-rawjson.json +104 -0
  453. package/src/surfaces/settings-rawjson.ts +107 -0
  454. package/src/surfaces/shell.json +99 -0
  455. package/src/surfaces/shell.ts +30 -0
  456. package/src/surfaces/slash-menu.json +180 -0
  457. package/src/surfaces/slash-menu.ts +272 -0
  458. package/src/surfaces/statements.json +607 -0
  459. package/src/surfaces/statements.ts +238 -0
  460. package/src/surfaces/statusbar.json +94 -0
  461. package/src/{panels → surfaces}/statusbar.ts +164 -90
  462. package/src/surfaces/style-panel.json +1643 -0
  463. package/src/surfaces/style-panel.ts +338 -0
  464. package/src/surfaces/stylebook-chrome.json +122 -0
  465. package/src/surfaces/stylebook-chrome.ts +122 -0
  466. package/src/surfaces/tab-strip.json +448 -0
  467. package/src/surfaces/tab-strip.ts +200 -0
  468. package/src/surfaces/target-line.json +419 -0
  469. package/src/surfaces/target-line.ts +349 -0
  470. package/src/surfaces/toasts.json +189 -0
  471. package/src/surfaces/welcome.json +571 -0
  472. package/src/surfaces/welcome.ts +338 -0
  473. package/src/tabs/project-config.ts +111 -21
  474. package/src/tabs/tab.ts +52 -1
  475. package/src/types.ts +22 -0
  476. package/src/ui/ai-credentials-form.ts +104 -100
  477. package/src/ui/ai-managed-connect.ts +54 -36
  478. package/src/ui/ai-model-picker.ts +75 -47
  479. package/src/ui/cf-account-picker.ts +76 -141
  480. package/src/ui/color-selector.ts +80 -301
  481. package/src/ui/dynamic-slot.ts +43 -283
  482. package/src/ui/expression-editor.ts +797 -576
  483. package/src/ui/field-input.ts +8 -181
  484. package/src/ui/form-controls.ts +838 -366
  485. package/src/ui/formula-chips.ts +80 -85
  486. package/src/ui/kit.ts +33 -0
  487. package/src/ui/layers.ts +296 -593
  488. package/src/ui/media-picker.ts +203 -284
  489. package/src/ui/panel-resize.ts +251 -64
  490. package/src/ui/popover-surface.ts +153 -0
  491. package/src/ui/progress-modal.ts +22 -60
  492. package/src/ui/regions.ts +13 -7
  493. package/src/ui/schema-form.ts +906 -440
  494. package/src/ui/surface.ts +122 -0
  495. package/src/ui/unit-selector.ts +15 -131
  496. package/src/ui/value-source.ts +14 -0
  497. package/src/ui/virtual-window.ts +88 -9
  498. package/src/utils/canvas-media.ts +72 -0
  499. package/src/utils/edit-display.ts +7 -2
  500. package/src/utils/element-selectors.ts +69 -0
  501. package/src/utils/link-target.ts +2 -2
  502. package/src/utils/studio-utils.ts +0 -10
  503. package/src/view.ts +15 -0
  504. package/src/workspace/pane-derive.ts +36 -14
  505. package/src/workspace/workspace.ts +75 -6
  506. package/styles/canvas.css +72 -467
  507. package/styles/forced-colors.css +48 -82
  508. package/styles/forced-colors.json +41 -0
  509. package/styles/inspector.css +2 -1301
  510. package/styles/overlays.css +96 -2823
  511. package/styles/panels.css +6 -1423
  512. package/styles/shell-frame.css +272 -0
  513. package/styles/shell-frame.json +227 -0
  514. package/styles/shell.css +0 -1568
  515. package/styles/tokens.css +65 -136
  516. package/styles/tokens.json +84 -0
  517. package/dist/chunks/Overlay.dev-etqjwyf9.js +0 -23
  518. package/dist/chunks/adapter-jkcyhgtr.js +0 -14
  519. package/dist/chunks/cf-account-picker-en86v7x7.js +0 -163
  520. package/dist/chunks/cf-settings-45fgyx8y.js +0 -21
  521. package/dist/chunks/components-zmx10t62.js +0 -21
  522. package/dist/chunks/content-source-48xg86wj.js +0 -49
  523. package/dist/chunks/convert-to-repeater-43tfn7cs.js +0 -268
  524. package/dist/chunks/editor-cptq5jp1.js +0 -37
  525. package/dist/chunks/entry-commands-e63f1xc0.js +0 -46
  526. package/dist/chunks/extension-sections-txv08xxg.js +0 -311
  527. package/dist/chunks/file-ops-wbh4hhsx.js +0 -48
  528. package/dist/chunks/files-3kfkwhk4.js +0 -93
  529. package/dist/chunks/flow-qbfgrpeh.js +0 -634
  530. package/dist/chunks/focus-trap.esm-9t2drp0g.js +0 -1025
  531. package/dist/chunks/focus-visible-6eg70z18.js +0 -167
  532. package/dist/chunks/format-host-w16q81tf.js +0 -43
  533. package/dist/chunks/fs-events-hrrg328g.js +0 -21
  534. package/dist/chunks/git-panel-532whr1y.js +0 -59
  535. package/dist/chunks/index-zqxmqxmh.js +0 -109
  536. package/dist/chunks/jx-validate-8er6gbxy.js +0 -19
  537. package/dist/chunks/layers-panel-07hm7g5j.js +0 -67
  538. package/dist/chunks/layers-q75tj2mf.js +0 -45
  539. package/dist/chunks/lit-html-j055mkh8.js +0 -22
  540. package/dist/chunks/monaco-buffer-dqw0xxpx.js +0 -25
  541. package/dist/chunks/notify-yjm79n4s.js +0 -30
  542. package/dist/chunks/parse-24d0gay3.js +0 -19
  543. package/dist/chunks/platform-ba1j1gbh.js +0 -16
  544. package/dist/chunks/publish-panel-v9st96ja.js +0 -29
  545. package/dist/chunks/quick-search-zccjp6gv.js +0 -66
  546. package/dist/chunks/references-3qx8fkyp.js +0 -29
  547. package/dist/chunks/right-panel-vm3b6kwy.js +0 -46
  548. package/dist/chunks/section-registry-sx1ykvkw.js +0 -30
  549. package/dist/chunks/sp-overlay.dev-qgvhnxf4.js +0 -18
  550. package/dist/chunks/sp-popover.dev-n2etmqdp.js +0 -9
  551. package/dist/chunks/sp-progress-circle.dev-hryhj0es.js +0 -15
  552. package/dist/chunks/sp-tooltip.dev-4sastdnw.js +0 -15
  553. package/dist/chunks/sp-tray.dev-tkbscm06.js +0 -199
  554. package/dist/chunks/studio-0a5qrh01.js +0 -3
  555. package/dist/chunks/studio-0bq6eh7v.js +0 -12
  556. package/dist/chunks/studio-18j3bmcz.js +0 -14
  557. package/dist/chunks/studio-1ngbejft.js +0 -181
  558. package/dist/chunks/studio-4b5z1x43.js +0 -424
  559. package/dist/chunks/studio-4n2b5gzb.js +0 -357
  560. package/dist/chunks/studio-4rzyrtjz.js +0 -426
  561. package/dist/chunks/studio-5fx3g9jg.js +0 -4325
  562. package/dist/chunks/studio-5myknm0a.js +0 -1903
  563. package/dist/chunks/studio-7afd21nw.js +0 -67
  564. package/dist/chunks/studio-7nte2hj4.js +0 -613
  565. package/dist/chunks/studio-8jpzqk5s.js +0 -128
  566. package/dist/chunks/studio-8q517dfr.js +0 -24
  567. package/dist/chunks/studio-950k0dx6.js +0 -6939
  568. package/dist/chunks/studio-9n4mrmnb.js +0 -184
  569. package/dist/chunks/studio-a0tswy0w.js +0 -58
  570. package/dist/chunks/studio-ahnzd9rg.js +0 -23
  571. package/dist/chunks/studio-bgxt93ga.js +0 -62
  572. package/dist/chunks/studio-cmb03bg5.js +0 -13890
  573. package/dist/chunks/studio-d1ks410h.js +0 -175
  574. package/dist/chunks/studio-ef49pnzx.js +0 -387
  575. package/dist/chunks/studio-eqq1w638.js +0 -113
  576. package/dist/chunks/studio-ew0djmhg.js +0 -341
  577. package/dist/chunks/studio-gfgb8pe6.js +0 -1652
  578. package/dist/chunks/studio-h4rxscfc.js +0 -10
  579. package/dist/chunks/studio-jc994dnr.js +0 -1066
  580. package/dist/chunks/studio-kyh9avvv.js +0 -28
  581. package/dist/chunks/studio-m3hwn7y1.js +0 -120
  582. package/dist/chunks/studio-mtfnaqs9.js +0 -659
  583. package/dist/chunks/studio-n6j9t10q.js +0 -318
  584. package/dist/chunks/studio-n8b9wqwy.js +0 -291
  585. package/dist/chunks/studio-qcy05dp8.js +0 -1743
  586. package/dist/chunks/studio-qq6jym04.js +0 -53
  587. package/dist/chunks/studio-rdx8jcxy.js +0 -83
  588. package/dist/chunks/studio-rn9ta2mz.js +0 -111
  589. package/dist/chunks/studio-t7qb9db8.js +0 -665
  590. package/dist/chunks/studio-tmc5emrw.js +0 -8
  591. package/dist/chunks/studio-z6nw2ek2.js +0 -18
  592. package/dist/chunks/studio-zczps70q.js +0 -378
  593. package/dist/chunks/studio-zqazsct2.js +0 -1823
  594. package/dist/chunks/workspace-fjx52ryv.js +0 -89
  595. package/src/panels/activity-bar.ts +0 -251
  596. package/src/panels/panel-scheduler.ts +0 -219
  597. package/src/panels/style-inputs.ts +0 -237
  598. package/src/panels/target-line.ts +0 -274
  599. package/src/panels/welcome-screen.ts +0 -346
  600. package/src/ui/button-group.ts +0 -102
  601. package/src/ui/choice-field.ts +0 -72
  602. package/src/ui/field-row.ts +0 -249
  603. package/src/ui/formula-palette.ts +0 -213
  604. package/src/ui/icons.ts +0 -52
  605. package/src/ui/jx-theme.ts +0 -130
  606. package/src/ui/spectrum.ts +0 -340
  607. package/src/ui/value-selector.ts +0 -174
  608. package/src/ui/widgets.ts +0 -172
  609. /package/dist/chunks/{javascript-s56a8dpk.css → javascript-4abzjcy9.css} +0 -0
  610. /package/dist/chunks/{jsonMode-zr9sw0c7.css → jsonMode-vvmpmk34.css} +0 -0
  611. /package/dist/chunks/{monaco-setup-pav68602.css → monaco-setup-8vbyqnhr.css} +0 -0
  612. /package/dist/chunks/{tsMode-ef187txx.css → tsMode-hnxxb73h.css} +0 -0
package/styles/tokens.css CHANGED
@@ -1,15 +1,62 @@
1
- /* Jx Studio — design tokens and global base.
2
- MUST load first: every other styles/*.css file resolves var(--bg),
3
- var(--fg), var(--accent), var(--font-mono), var(--radius) and the
4
- --canvas-* ramp declared here.
1
+ /* GENERATED FILE — do not edit.
2
+ Source: styles/tokens.json. Regenerate with `bun run styles:sync`.
5
3
 
6
- Owns: the vendored @font-face declarations, the box-sizing reset,
7
- html/body, the :root panel-width variables and the sp-theme semantic
8
- token layer. */
4
+ Studio's global base and semantic token layer. It is a linked stylesheet rather than part of the
5
+ kit's adopted theme because every declaration here is PRE-PAINT: the kit's sheet is adopted from
6
+ JavaScript at boot, so these hex fallbacks are what paints the shell before that lands, and the
7
+ @font-face rules are what keep the first frame out of a fallback face.
9
8
 
10
- /* Jx brand mono font, vendored in ./fonts (SIL OFL 1.1, see fonts/OFL.txt).
11
- Latin subset only; the stack falls back to SF Mono / Fira Code for
12
- other scripts. Monaco remeasures after load (src/services/monaco-setup.ts). */
9
+ Every --name here is an ALIAS of a kit token (packages/ui/project.json, specs/ui.md §4). The
10
+ fallbacks are the kit's DARK values, because the app boots dark; check-styles.ts holds them to
11
+ the table in specs/studio-ui-guidelines.md §1.1.
12
+
13
+ The four --canvas-* steps are the exception and are meant to be: they colour surfaces that
14
+ render as a light DOCUMENT in both chromes, so they are mixed from the black and white keywords
15
+ and do not follow the theme. See tokens.json for what else moved here out of styles/spectrum.css. */
16
+
17
+ :root {
18
+ box-sizing: border-box;
19
+ margin: 0;
20
+ height: 100%;
21
+ overflow: hidden;
22
+ background: var(--jx-bg, #111114);
23
+ color: var(--fg);
24
+ font-family: var(--jx-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif);
25
+ font-size: var(--jx-text-md, 12px);
26
+ line-height: 1.5;
27
+ --panel-w-left: 240px;
28
+ --panel-w-right: 280px;
29
+ --bg: var(--jx-bg, #111114);
30
+ --bg-panel: var(--jx-bg-panel, #17171b);
31
+ --bg-input: var(--jx-bg-input, #1d1d22);
32
+ --border: var(--jx-border, #2f2f36);
33
+ --fg: var(--jx-fg, #eeeef2);
34
+ --fg-dim: var(--jx-fg-dim, #a2a2af);
35
+ --accent: var(--jx-accent, #3b82f6);
36
+ --accent-fg: var(--jx-accent-fg, #ffffff);
37
+ --danger: var(--jx-danger, #e86460);
38
+ --success: var(--jx-success, #4fb27a);
39
+ --tag: var(--jx-tag, #8fb5fb);
40
+ --signal: var(--jx-signal, #f2cc7c);
41
+ --handler: var(--jx-handler, #c8a2e0);
42
+ --warning: var(--jx-warning, #e5ae4a);
43
+ --map: var(--jx-map, #8b83e6);
44
+ --switch-c: var(--danger);
45
+ --case-c: var(--accent);
46
+ --slot-c: var(--success);
47
+ --canvas-fg-2: color-mix(in srgb, black 80%, white);
48
+ --canvas-dim: color-mix(in srgb, black 47%, white);
49
+ --canvas-muted: color-mix(in srgb, black 40%, white);
50
+ --canvas-rule: color-mix(in srgb, black 7%, white);
51
+ --radius: var(--jx-radius-sm, 4px);
52
+ --font-mono: var(--jx-font-mono, "JetBrains Mono", "SF Mono", "Fira Code", monospace);
53
+ --hover-bg: var(--jx-hover-bg, color-mix(in oklab, var(--fg) 6%, transparent));
54
+ --accent-8: var(--jx-accent-8, color-mix(in oklab, var(--accent) 8%, transparent));
55
+ --accent-10: var(--jx-accent-10, color-mix(in oklab, var(--accent) 10%, transparent));
56
+ --accent-15: var(--jx-accent-15, color-mix(in oklab, var(--accent) 15%, transparent));
57
+ --accent-20: var(--jx-accent-20, color-mix(in oklab, var(--accent) 20%, transparent));
58
+ --accent-50: var(--jx-accent-50, color-mix(in oklab, var(--accent) 50%, transparent));
59
+ }
13
60
  @font-face {
14
61
  font-family: "JetBrains Mono";
15
62
  font-style: normal;
@@ -31,136 +78,18 @@
31
78
  font-display: swap;
32
79
  src: url("../fonts/jetbrains-mono-700.woff2") format("woff2");
33
80
  }
34
- *,
35
- *::before,
36
- *::after {
81
+ :root *,
82
+ :root *::before,
83
+ :root *::after {
37
84
  box-sizing: border-box;
38
85
  margin: 0;
39
86
  }
40
- sp-tab:not(:first-of-type) {
41
- margin-inline-start: var(--mod-tabs-item-horizontal-spacing, 8px);
42
- }
43
- html,
44
- body {
87
+ :root body {
45
88
  height: 100%;
46
89
  overflow: hidden;
47
- /* html/body sit outside <sp-theme>, so the --spectrum-* tokens are not
48
- in scope here; the hex fallback is the intentional pre-theme backdrop
49
- shown behind the app before sp-theme fills the viewport. */
50
- background: var(--spectrum-background-layer-1-color, #111111);
51
- }
52
- /* …which is why the backdrop needs an attribute to follow the chrome. It is
53
- the one rule that cannot read the theme it belongs to, so a light Studio
54
- used to boot behind, and rubber-band onto, the dark theme's near-black.
55
- `data-theme` is stamped on <html> by applyChromeTheme() (src/shell.ts);
56
- the token here is undefined at :root by the same rule as above, so the
57
- fallback is what paints — it mirrors the light ramp's gray-100 in
58
- src/ui/jx-theme.ts, which is the light theme's layer-1. */
59
- html[data-theme="light"],
60
- html[data-theme="light"] body {
61
- background: var(--spectrum-gray-100, #f4f4f5);
90
+ background: var(--jx-bg, #111114);
62
91
  }
63
- /* Panel layout widths. These must live on :root (the <html> element),
64
- not on sp-theme or #app, because the resize logic in
65
- src/ui/panel-resize.ts reads and writes them as inline styles on
66
- document.documentElement. A definition on any closer ancestor of #app
67
- (sp-theme or body) would shadow that inline override and freeze the
68
- sidebars. The #app.left/right-collapsed rules override per instance. */
69
- :root {
70
- --panel-w-left: 240px;
71
- --panel-w-right: 280px;
72
- }
73
- /* Studio semantic token layer.
74
- Declared on sp-theme — not :root — so each var(--spectrum-*) reference
75
- resolves against the tokens sp-theme exposes via its :host rules. At
76
- :root (the <html> ancestor of sp-theme) every --spectrum-* is undefined,
77
- so these would silently collapse to the hex fallback and the app would
78
- never respond to the Spectrum theme. All studio chrome, including the
79
- #layer-* overlay hosts, lives inside <sp-theme>. */
80
- sp-theme {
81
- display: block;
82
- height: 100%;
83
- /* Surfaces. The hex fallbacks mirror the Jx brand ramp installed by
84
- the 'app' theme fragment (src/ui/jx-theme.ts). */
85
- --bg: var(--spectrum-background-layer-1-color, #111111);
86
- --bg-panel: var(--spectrum-background-layer-2-color, #1a1a1a);
87
- --bg-input: var(--spectrum-gray-100, #1a1a1a);
88
- --border: var(--spectrum-gray-200, #222222);
89
- /* Text */
90
- --fg: var(--spectrum-neutral-content-color-default, #e4e4e7);
91
- --fg-dim: var(--spectrum-gray-600, #a1a1aa);
92
- /* Accent and status. Under the brand ramp (src/ui/jx-theme.ts),
93
- accent-color-700 is the exact Jx brand blue and 900 is the soft
94
- on-dark tint. */
95
- --accent: var(--spectrum-accent-color-700, #3b82f6);
96
- --accent-fg: var(--spectrum-white, #ffffff);
97
- --danger: var(--spectrum-negative-color-900, #f44747);
98
- --success: var(--spectrum-positive-color-900, #89d185);
99
- --tag: var(--spectrum-informative-color-900, #93c5fd);
100
- --signal: var(--spectrum-notice-color-900, #dcdcaa);
101
- --handler: var(--spectrum-purple-900, #c586c0);
102
- --warning: var(--spectrum-orange-900, #c5a332);
103
- --map: var(--spectrum-indigo-900, #5b4fc7);
104
- --slot-c: var(--spectrum-seafoam-900, #1a8a7a);
105
- --switch-c: var(--danger);
106
- --case-c: var(--spectrum-informative-color-800, #60a5fa);
107
- /* Corner radius */
108
- --radius: var(--spectrum-corner-radius-100, 3px);
109
- /* Monospace stack for code/source chrome. JetBrains Mono is the Jx
110
- brand mono (vendored in ./fonts); SF Mono / Fira Code remain as
111
- system fallbacks ahead of the Spectrum stack (Source Code Pro /
112
- Monaco). The brand fragment sets the same order on
113
- --spectrum-code-font-family-stack for SWC components. */
114
- --font-mono:
115
- "JetBrains Mono", "SF Mono", "Fira Code", var(--spectrum-code-font-family-stack, monospace);
116
- /* Hover wash and accent tints. The wash is a tint of the ramp's INK end
117
- (gray-900), not a literal white: a white wash is invisible on the light
118
- theme's white panels, which is the one place a row has to show that the
119
- pointer is on it. gray-900 is near-white in the dark ramp, so at 5% this
120
- reads the same there as the flat 4% white it replaces. */
121
- --hover-bg: color-mix(in srgb, var(--spectrum-gray-900, #fafafa) 5%, transparent);
122
- --accent-8: color-mix(in srgb, var(--accent) 8%, transparent);
123
- --accent-10: color-mix(in srgb, var(--accent) 10%, transparent);
124
- --accent-15: color-mix(in srgb, var(--accent) 15%, transparent);
125
- --accent-20: color-mix(in srgb, var(--accent) 20%, transparent);
126
- --accent-50: color-mix(in srgb, var(--accent) 50%, transparent);
127
- /* Light canvas palette (stylebook, block/element previews, content
128
- mode). These surfaces always render as a light "document" regardless
129
- of the app chrome, so the ramp is derived from the theme-independent
130
- Spectrum white/black tokens via color-mix rather than hard-coded hex.
131
- The percentage is the black (foreground) or white (background) blend
132
- of each step; this keeps the canvas light even in the dark chrome
133
- while still being Spectrum-sourced. */
134
- --canvas-fg: color-mix(in srgb, var(--spectrum-black, #000) 90%, var(--spectrum-white, #fff));
135
- --canvas-fg-2: color-mix(in srgb, var(--spectrum-black, #000) 80%, var(--spectrum-white, #fff));
136
- --canvas-fg-3: color-mix(in srgb, var(--spectrum-black, #000) 67%, var(--spectrum-white, #fff));
137
- --canvas-dim: color-mix(in srgb, var(--spectrum-black, #000) 47%, var(--spectrum-white, #fff));
138
- --canvas-muted: color-mix(in srgb, var(--spectrum-black, #000) 40%, var(--spectrum-white, #fff));
139
- --canvas-light: color-mix(in srgb, var(--spectrum-black, #000) 27%, var(--spectrum-white, #fff));
140
- --canvas-border: color-mix(in srgb, var(--spectrum-black, #000) 13%, var(--spectrum-white, #fff));
141
- --canvas-rule: color-mix(in srgb, var(--spectrum-black, #000) 7%, var(--spectrum-white, #fff));
142
- --canvas-bg-1: color-mix(in srgb, var(--spectrum-white, #fff) 96%, var(--spectrum-black, #000));
143
- --canvas-bg-2: color-mix(in srgb, var(--spectrum-white, #fff) 94%, var(--spectrum-black, #000));
144
- --canvas-track: color-mix(in srgb, var(--spectrum-white, #fff) 88%, var(--spectrum-black, #000));
145
- /* Data explorer syntax colors (mapped to nearest Spectrum hues) */
146
- --data-key: var(--spectrum-blue-700, #3b82f6);
147
- --data-string: var(--spectrum-orange-700, #ce9178);
148
- --data-number: var(--spectrum-celery-700, #b5cea8);
149
- --data-boolean: var(--tag);
150
- /* Typography — align the chrome with the Spectrum sans stack used by
151
- the SWC components; 12px maps exactly to font-size-75. line-height
152
- stays 1.5 (a deliberate reading height; the Spectrum body token is
153
- 1.3, which would tighten the whole UI). */
154
- color: var(--fg);
155
- background: var(--bg);
156
- font-family: var(
157
- --spectrum-sans-font-family-stack,
158
- -apple-system,
159
- BlinkMacSystemFont,
160
- "Segoe UI",
161
- system-ui,
162
- sans-serif
163
- );
164
- font-size: var(--spectrum-font-size-75, 12px);
165
- line-height: 1.5;
92
+ :root[data-theme="light"],
93
+ :root[data-theme="light"] body {
94
+ background: var(--jx-bg, #f7f7f9);
166
95
  }
@@ -0,0 +1,84 @@
1
+ {
2
+ "$schema": "https://jxsuite.com/schema/v1",
3
+ "$id": "StudioTokens",
4
+ "$description": "Studio's global base and its semantic token layer, as a Jx style block. `styles/tokens.css` is GENERATED from this by `scripts/build-styles.ts`; edit this file and run `bun run styles:sync`. It stays a linked stylesheet because every declaration in it is pre-paint: the kit's own theme is adopted from JavaScript, so these hex fallbacks are what paints the shell before that lands. THE LAST OF `styles/spectrum.css` IS HERE. That file was the whole of what was declared ON the `sp-theme` element, where Spectrum's own ramp was in scope and `:root` was not, and its header said it would be deleted whole when that element went. It has: the box is `#shell-root` in `shell-frame.json`, the typography is the four declarations above (the sans stack is the kit's and 12px is `--jx-text-md`, which is what `--spectrum-font-size-75` resolved to), and `--case-c`/`--slot-c` are aliases in the same idiom as `--switch-c`, at the values `panel-outline.json` had already written down as their fallbacks. THE FOUR `--canvas-*` STEPS DO NOT FOLLOW THE THEME, and that is the point of them rather than an oversight: they colour surfaces that render as a light DOCUMENT in both chromes — the stylebook, the element-card previews, the empty-slot placeholder on the canvas — so they are mixed from the `black` and `white` KEYWORDS, which is what `var(--spectrum-black)`/`var(--spectrum-white)` were. Seven more steps were declared beside them and no rule in the package ever read one, so those are not here. The four `--data-*` syntax colours are not here either, for a reason `panel-data.json` states outright: nothing read them, they were declared for a palette nobody wrote, and `data-tone` still carries the type on every value for the day somebody does.",
5
+ "tagName": "html",
6
+ "style": {
7
+ "box-sizing": "border-box",
8
+ "margin": "0",
9
+ "height": "100%",
10
+ "overflow": "hidden",
11
+ "background": "var(--jx-bg, #111114)",
12
+ "color": "var(--fg)",
13
+ "font-family": "var(--jx-font-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif)",
14
+ "font-size": "var(--jx-text-md, 12px)",
15
+ "line-height": "1.5",
16
+ "--panel-w-left": "240px",
17
+ "--panel-w-right": "280px",
18
+ "--bg": "var(--jx-bg, #111114)",
19
+ "--bg-panel": "var(--jx-bg-panel, #17171b)",
20
+ "--bg-input": "var(--jx-bg-input, #1d1d22)",
21
+ "--border": "var(--jx-border, #2f2f36)",
22
+ "--fg": "var(--jx-fg, #eeeef2)",
23
+ "--fg-dim": "var(--jx-fg-dim, #a2a2af)",
24
+ "--accent": "var(--jx-accent, #3b82f6)",
25
+ "--accent-fg": "var(--jx-accent-fg, #ffffff)",
26
+ "--danger": "var(--jx-danger, #e86460)",
27
+ "--success": "var(--jx-success, #4fb27a)",
28
+ "--tag": "var(--jx-tag, #8fb5fb)",
29
+ "--signal": "var(--jx-signal, #f2cc7c)",
30
+ "--handler": "var(--jx-handler, #c8a2e0)",
31
+ "--warning": "var(--jx-warning, #e5ae4a)",
32
+ "--map": "var(--jx-map, #8b83e6)",
33
+ "--switch-c": "var(--danger)",
34
+ "--case-c": "var(--accent)",
35
+ "--slot-c": "var(--success)",
36
+ "--canvas-fg-2": "color-mix(in srgb, black 80%, white)",
37
+ "--canvas-dim": "color-mix(in srgb, black 47%, white)",
38
+ "--canvas-muted": "color-mix(in srgb, black 40%, white)",
39
+ "--canvas-rule": "color-mix(in srgb, black 7%, white)",
40
+ "--radius": "var(--jx-radius-sm, 4px)",
41
+ "--font-mono": "var(--jx-font-mono, \"JetBrains Mono\", \"SF Mono\", \"Fira Code\", monospace)",
42
+ "--hover-bg": "var(--jx-hover-bg, color-mix(in oklab, var(--fg) 6%, transparent))",
43
+ "--accent-8": "var(--jx-accent-8, color-mix(in oklab, var(--accent) 8%, transparent))",
44
+ "--accent-10": "var(--jx-accent-10, color-mix(in oklab, var(--accent) 10%, transparent))",
45
+ "--accent-15": "var(--jx-accent-15, color-mix(in oklab, var(--accent) 15%, transparent))",
46
+ "--accent-20": "var(--jx-accent-20, color-mix(in oklab, var(--accent) 20%, transparent))",
47
+ "--accent-50": "var(--jx-accent-50, color-mix(in oklab, var(--accent) 50%, transparent))",
48
+ "@font-face": [
49
+ {
50
+ "font-family": "\"JetBrains Mono\"",
51
+ "font-style": "normal",
52
+ "font-weight": "400",
53
+ "font-display": "swap",
54
+ "src": "url(\"../fonts/jetbrains-mono-400.woff2\") format(\"woff2\")"
55
+ },
56
+ {
57
+ "font-family": "\"JetBrains Mono\"",
58
+ "font-style": "normal",
59
+ "font-weight": "500",
60
+ "font-display": "swap",
61
+ "src": "url(\"../fonts/jetbrains-mono-500.woff2\") format(\"woff2\")"
62
+ },
63
+ {
64
+ "font-family": "\"JetBrains Mono\"",
65
+ "font-style": "normal",
66
+ "font-weight": "700",
67
+ "font-display": "swap",
68
+ "src": "url(\"../fonts/jetbrains-mono-700.woff2\") format(\"woff2\")"
69
+ }
70
+ ],
71
+ "*, *::before, *::after": {
72
+ "box-sizing": "border-box",
73
+ "margin": "0"
74
+ },
75
+ "& body": {
76
+ "height": "100%",
77
+ "overflow": "hidden",
78
+ "background": "var(--jx-bg, #111114)"
79
+ },
80
+ "&[data-theme=\"light\"], &[data-theme=\"light\"] body": {
81
+ "background": "var(--jx-bg, #f7f7f9)"
82
+ }
83
+ }
84
+ }
@@ -1,23 +0,0 @@
1
- import {
2
- LONGPRESS_INSTRUCTIONS,
3
- Overlay
4
- } from "./studio-5fx3g9jg.js";
5
- import"./studio-ahnzd9rg.js";
6
- import"./studio-z6nw2ek2.js";
7
- import"./studio-tmc5emrw.js";
8
- import"./studio-8q517dfr.js";
9
- import"./studio-zczps70q.js";
10
- import"./studio-7nte2hj4.js";
11
- import"./studio-eqq1w638.js";
12
- import"./studio-qq6jym04.js";
13
- import"./studio-m3hwn7y1.js";
14
- import"./studio-4rzyrtjz.js";
15
- import"./studio-kryvsw6j.js";
16
- import"./studio-a0tswy0w.js";
17
- export {
18
- LONGPRESS_INSTRUCTIONS,
19
- Overlay
20
- };
21
-
22
- //# debugId=A65C67C23042201664756E2164756E21
23
- //# sourceMappingURL=Overlay.dev-etqjwyf9.js.map
@@ -1,14 +0,0 @@
1
- import {
2
- draggable,
3
- dropTargetForElements,
4
- monitorForElements
5
- } from "./studio-g1wdche0.js";
6
- import"./studio-a0tswy0w.js";
7
- export {
8
- draggable,
9
- dropTargetForElements,
10
- monitorForElements
11
- };
12
-
13
- //# debugId=6DE59D29FDB7666E64756E2164756E21
14
- //# sourceMappingURL=adapter-jkcyhgtr.js.map
@@ -1,163 +0,0 @@
1
- import {
2
- notifyCredentialsChanged
3
- } from "./studio-x813zp48.js";
4
- import"./studio-dm19q43r.js";
5
- import"./studio-kyh9avvv.js";
6
- import"./studio-1ngbejft.js";
7
- import {
8
- overlayRegion,
9
- showDialog
10
- } from "./studio-t7qb9db8.js";
11
- import"./studio-9n4mrmnb.js";
12
- import"./studio-92ab2jqe.js";
13
- import"./studio-xrapxwwc.js";
14
- import {
15
- ref
16
- } from "./studio-4rzyrtjz.js";
17
- import {
18
- html,
19
- nothing,
20
- render
21
- } from "./studio-kryvsw6j.js";
22
- import"./studio-q7v10cg2.js";
23
- import {
24
- getPlatform,
25
- hasPlatform
26
- } from "./studio-9ab8gqsm.js";
27
- import"./studio-a0tswy0w.js";
28
-
29
- // src/ui/cf-account-picker.ts
30
- function canPick() {
31
- if (!hasPlatform()) {
32
- return false;
33
- }
34
- const platform = getPlatform();
35
- return Boolean(platform.cfAccounts && platform.cfSelectAccount);
36
- }
37
- function openCfAccountPicker() {
38
- if (!canPick()) {
39
- return Promise.resolve(null);
40
- }
41
- return showDialog((done) => {
42
- let accounts = [];
43
- let loading = true;
44
- let failure = "";
45
- let choosing = "";
46
- let settled = false;
47
- let wrapperEl = null;
48
- function finish(account) {
49
- settled = true;
50
- done(account);
51
- }
52
- function repaint() {
53
- const host = settled ? null : wrapperEl?.parentElement;
54
- if (host) {
55
- render(build(), host);
56
- }
57
- }
58
- async function load() {
59
- loading = true;
60
- failure = "";
61
- repaint();
62
- try {
63
- accounts = await getPlatform().cfAccounts?.() ?? [];
64
- } catch (error) {
65
- failure = error instanceof Error ? error.message : String(error);
66
- }
67
- loading = false;
68
- repaint();
69
- }
70
- async function choose(account) {
71
- choosing = account.id;
72
- failure = "";
73
- repaint();
74
- try {
75
- await getPlatform().cfSelectAccount?.({ id: account.id, name: account.name });
76
- } catch (error) {
77
- failure = error instanceof Error ? error.message : String(error);
78
- choosing = "";
79
- repaint();
80
- return;
81
- }
82
- notifyCredentialsChanged();
83
- finish(account);
84
- }
85
- function listTpl() {
86
- if (loading) {
87
- return html`<p class="cf-account-picker-empty">Reading your Cloudflare accounts…</p>`;
88
- }
89
- if (accounts.length === 0) {
90
- return html`
91
- <p class="cf-account-picker-empty">
92
- ${failure ? `Cloudflare could not be reached: ${failure}` : "This Cloudflare login reaches no accounts. Create one at dash.cloudflare.com, then try again."}
93
- </p>
94
- ${failure ? html`<sp-button
95
- size="s"
96
- treatment="outline"
97
- @click=${() => {
98
- load();
99
- }}
100
- >
101
- Try again
102
- </sp-button>` : nothing}
103
- `;
104
- }
105
- return html`
106
- ${failure ? html`<p class="cf-account-picker-error">${failure}</p>` : nothing}
107
- <div class="prefs-accounts">
108
- ${accounts.map((account) => html`
109
- <div class="prefs-account" data-account=${account.id}>
110
- <div class="prefs-account-text">
111
- <span class="prefs-account-label">${account.name}</span>
112
- <span class="prefs-account-detail">${account.id}</span>
113
- </div>
114
- <sp-button
115
- size="s"
116
- variant="accent"
117
- ?disabled=${choosing !== ""}
118
- @click=${() => {
119
- choose(account);
120
- }}
121
- >
122
- ${choosing === account.id ? "Selecting…" : "Use this account"}
123
- </sp-button>
124
- </div>
125
- `)}
126
- </div>
127
- `;
128
- }
129
- function build() {
130
- return html`
131
- <sp-dialog-wrapper
132
- open
133
- underlay
134
- headline="Choose a Cloudflare account"
135
- cancel-label="Cancel"
136
- @cancel=${() => finish(null)}
137
- @close=${() => finish(null)}
138
- ${ref((el) => {
139
- if (el) {
140
- wrapperEl = el;
141
- }
142
- })}
143
- >
144
- <div class="cf-account-picker">
145
- <p class="cf-account-picker-lede">
146
- Your Cloudflare login reaches more than one account. Publishing and the assistant
147
- both run against the one you pick; you can change it in Preferences › Accounts.
148
- </p>
149
- ${listTpl()}
150
- </div>
151
- </sp-dialog-wrapper>
152
- `;
153
- }
154
- load();
155
- return build();
156
- }, { region: overlayRegion("dialog", "cf-accounts") });
157
- }
158
- export {
159
- openCfAccountPicker
160
- };
161
-
162
- //# debugId=043F9073AD9D1D2B64756E2164756E21
163
- //# sourceMappingURL=cf-account-picker-en86v7x7.js.map
@@ -1,21 +0,0 @@
1
- import {
2
- clearCfConnection,
3
- getCfAccountId,
4
- getCfToken,
5
- setCfAccountId,
6
- setCfToken
7
- } from "./studio-kyh9avvv.js";
8
- import"./studio-92ab2jqe.js";
9
- import"./studio-xrapxwwc.js";
10
- import"./studio-9ab8gqsm.js";
11
- import"./studio-a0tswy0w.js";
12
- export {
13
- clearCfConnection,
14
- getCfAccountId,
15
- getCfToken,
16
- setCfAccountId,
17
- setCfToken
18
- };
19
-
20
- //# debugId=76B0C4DB8B0C8E2F64756E2164756E21
21
- //# sourceMappingURL=cf-settings-45fgyx8y.js.map
@@ -1,21 +0,0 @@
1
- import {
2
- _componentRegistryLoaded,
3
- buildComponentInstance,
4
- componentRegistry,
5
- computeRelativePath,
6
- loadComponentRegistry
7
- } from "./studio-bgxt93ga.js";
8
- import"./studio-p4ngc046.js";
9
- import"./studio-q7v10cg2.js";
10
- import"./studio-9ab8gqsm.js";
11
- import"./studio-a0tswy0w.js";
12
- export {
13
- _componentRegistryLoaded,
14
- buildComponentInstance,
15
- componentRegistry,
16
- computeRelativePath,
17
- loadComponentRegistry
18
- };
19
-
20
- //# debugId=D48118104F0EBF0964756E2164756E21
21
- //# sourceMappingURL=components-zmx10t62.js.map
@@ -1,49 +0,0 @@
1
- import {
2
- PATH_FIELD,
3
- collectionDirs,
4
- collectionInfo,
5
- createCollectionSource,
6
- createPagesSource,
7
- listCollectionEntryIds,
8
- reloadDraftAwareGrids
9
- } from "./studio-b55y6ewx.js";
10
- import"./studio-cmb03bg5.js";
11
- import"./studio-q43a5y9h.js";
12
- import"./studio-qq6jym04.js";
13
- import"./studio-qcy05dp8.js";
14
- import"./studio-qjy2z9bv.js";
15
- import"./studio-cft9r4r7.js";
16
- import"./studio-4n2b5gzb.js";
17
- import"./studio-ef49pnzx.js";
18
- import"./studio-2b946z26.js";
19
- import"./studio-msd847zn.js";
20
- import"./studio-trxrabqf.js";
21
- import"./studio-wcy8trfx.js";
22
- import"./studio-m3hwn7y1.js";
23
- import"./studio-g1wdche0.js";
24
- import"./studio-5ehhackm.js";
25
- import"./studio-bgxt93ga.js";
26
- import"./studio-p4ngc046.js";
27
- import"./studio-t7qb9db8.js";
28
- import"./studio-9n4mrmnb.js";
29
- import"./studio-92ab2jqe.js";
30
- import"./studio-xrapxwwc.js";
31
- import"./studio-4rzyrtjz.js";
32
- import"./studio-kryvsw6j.js";
33
- import"./studio-q7v10cg2.js";
34
- import"./studio-ahn3pdgx.js";
35
- import"./studio-9ab8gqsm.js";
36
- import"./studio-53n8bp04.js";
37
- import"./studio-a0tswy0w.js";
38
- export {
39
- PATH_FIELD,
40
- collectionDirs,
41
- collectionInfo,
42
- createCollectionSource,
43
- createPagesSource,
44
- listCollectionEntryIds,
45
- reloadDraftAwareGrids
46
- };
47
-
48
- //# debugId=5E33DC73B1DE8EA364756E2164756E21
49
- //# sourceMappingURL=content-source-48xg86wj.js.map