@jxsuite/studio 4.1.0 → 5.0.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 (607) 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-fyf63pmy.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-2w1f35qs.js +18 -0
  15. package/dist/chunks/content-source-3wqeas45.js +46 -0
  16. package/dist/chunks/convert-to-repeater-d0cgnb6d.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-d6g50j7s.js +42 -0
  20. package/dist/chunks/extension-sections-fy7q4fe9.js +651 -0
  21. package/dist/chunks/file-ops-3btj6st0.js +47 -0
  22. package/dist/chunks/files-ef8fgs3w.js +72 -0
  23. package/dist/chunks/format-host-3c33nwr8.js +40 -0
  24. package/dist/chunks/fs-events-13tj6sex.js +18 -0
  25. package/dist/chunks/git-panel-4wp2rn9b.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-jgesd924.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-1nq5evsh.js +29 -0
  37. package/dist/chunks/layers-panel-ar2gh90g.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-2qbetq73.js +33 -0
  41. package/dist/chunks/menu-q99sy9rf.js +285 -0
  42. package/dist/chunks/menu-rf7n72mf.js +14 -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-98f7sr3g.js +27 -0
  52. package/dist/chunks/quick-search-srzz83k2.js +45 -0
  53. package/dist/chunks/references-n553f0e1.js +26 -0
  54. package/dist/chunks/right-panel-rrgx2dn3.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-18avnhjp.js +2430 -0
  60. package/dist/chunks/{studio-kryvsw6j.js → studio-1k325pwf.js} +48 -48
  61. package/dist/chunks/{studio-msd847zn.js → studio-25hkdrkw.js} +357 -86
  62. package/dist/chunks/studio-26d7myd1.js +258 -0
  63. package/dist/chunks/{studio-4r1pv6zf.js → studio-38emantv.js} +22 -5
  64. package/dist/chunks/studio-3gxv60tn.js +422 -0
  65. package/dist/chunks/{studio-fbf92ckf.js → studio-3hxkd92t.js} +275 -163
  66. package/dist/chunks/studio-4m0haseg.js +185 -0
  67. package/dist/chunks/{studio-ynxwkrzd.js → studio-4wbb9ct0.js} +1953 -1785
  68. package/dist/chunks/{studio-1wagb550.js → studio-5523bpzt.js} +11 -11
  69. package/dist/chunks/{studio-x4qkdat5.js → studio-57mf66w2.js} +1749 -2481
  70. package/dist/chunks/studio-5jy81t3s.js +17463 -0
  71. package/dist/chunks/studio-5rt7sqa0.js +1168 -0
  72. package/dist/chunks/studio-5te5tqng.js +81 -0
  73. package/dist/chunks/{studio-p4ngc046.js → studio-6ewqv390.js} +9 -9
  74. package/dist/chunks/{studio-9ab8gqsm.js → studio-6nzaktvy.js} +7 -7
  75. package/dist/chunks/studio-6xa21ej9.js +28 -0
  76. package/dist/chunks/{studio-5ehhackm.js → studio-727xh0e3.js} +19 -19
  77. package/dist/chunks/{studio-ahn3pdgx.js → studio-79y5sz51.js} +52 -38
  78. package/dist/chunks/{studio-gcye7qka.js → studio-7e11jpa9.js} +21 -21
  79. package/dist/chunks/{studio-q7v10cg2.js → studio-7r42c6ca.js} +17 -7
  80. package/dist/chunks/studio-7xptrg0j.js +954 -0
  81. package/dist/chunks/{studio-cft9r4r7.js → studio-81390n6f.js} +22 -22
  82. package/dist/chunks/{studio-q43a5y9h.js → studio-8jn5yhyn.js} +16 -16
  83. package/dist/chunks/studio-8qtrpzr3.js +839 -0
  84. package/dist/chunks/{studio-dg7zyt5x.js → studio-98b3z07n.js} +1 -1
  85. package/dist/chunks/studio-9xxz1q69.js +1356 -0
  86. package/dist/chunks/studio-akbww0j5.js +13615 -0
  87. package/dist/chunks/{studio-x813zp48.js → studio-arfpe389.js} +30 -30
  88. package/dist/chunks/{studio-trxrabqf.js → studio-az3zd49t.js} +475 -283
  89. package/dist/chunks/studio-cpvb2ed1.js +1171 -0
  90. package/dist/chunks/{studio-f3wqjtk5.js → studio-d0300636.js} +5076 -18
  91. package/dist/chunks/{studio-bgxt93ga.js → studio-d055c37e.js} +13 -13
  92. package/dist/chunks/studio-d1ja2x9r.js +362 -0
  93. package/dist/chunks/{studio-b9b6t1dg.js → studio-e1f24eff.js} +5664 -5666
  94. package/dist/chunks/{studio-3bqpr0zh.js → studio-em9nw8eh.js} +299 -110
  95. package/dist/chunks/studio-erdatzvp.js +1190 -0
  96. package/dist/chunks/{studio-g1wdche0.js → studio-esrxgwh6.js} +80 -80
  97. package/dist/chunks/studio-fabxk6r9.js +2811 -0
  98. package/dist/chunks/{studio-3n4ndrzh.js → studio-h4nvnjvz.js} +303 -303
  99. package/dist/chunks/{studio-dm19q43r.js → studio-hhvs4sdg.js} +10 -10
  100. package/dist/chunks/{studio-q9jd1a60.js → studio-kcgff4r0.js} +15 -18
  101. package/dist/chunks/{studio-685s0ytq.js → studio-nqgawfks.js} +572 -572
  102. package/dist/chunks/{studio-xrapxwwc.js → studio-p1dw8wfw.js} +55 -29
  103. package/dist/chunks/studio-pm6hgy7r.js +4763 -0
  104. package/dist/chunks/studio-q0a3yk4n.js +33 -0
  105. package/dist/chunks/{studio-wcy8trfx.js → studio-q3x06vmj.js} +23 -22
  106. package/dist/chunks/studio-qahxvnan.js +111 -0
  107. package/dist/chunks/{studio-53n8bp04.js → studio-r6xmmtfh.js} +1 -1
  108. package/dist/chunks/{studio-2b946z26.js → studio-rkstz940.js} +3658 -6134
  109. package/dist/chunks/{studio-tvgyw9xw.js → studio-rnyf3f8e.js} +83 -250
  110. package/dist/chunks/studio-rpyah2ew.js +2805 -0
  111. package/dist/chunks/studio-rs76k67r.js +12 -0
  112. package/dist/chunks/{studio-jkftxyvz.js → studio-s6z853aq.js} +5858 -2152
  113. package/dist/chunks/{studio-6yw4y3my.js → studio-sgdc5pfc.js} +8 -8
  114. package/dist/chunks/studio-tb3ev01j.js +763 -0
  115. package/dist/chunks/{studio-t5wqwzdh.js → studio-tjjk7jvk.js} +1 -1
  116. package/dist/chunks/studio-vhv5tgxm.js +51 -0
  117. package/dist/chunks/{studio-qjy2z9bv.js → studio-vz68yn9e.js} +32 -137
  118. package/dist/chunks/studio-wqpngpsk.js +174 -0
  119. package/dist/chunks/{studio-b55y6ewx.js → studio-x3rty6tr.js} +58 -58
  120. package/dist/chunks/studio-xsykpvsh.js +8448 -0
  121. package/dist/chunks/{studio-92ab2jqe.js → studio-y9zedyjn.js} +14 -14
  122. package/dist/chunks/studio-yxa81f45.js +12 -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-wrew8zk4.js +69 -0
  133. package/dist/chunks/{ws-client-6shc5rze.js → ws-client-ny4zc51r.js} +20 -22
  134. package/dist/iframe-entry.js +1780 -667
  135. package/dist/studio.js +52819 -36480
  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 +310 -117
  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 +369 -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 +165 -8
  178. package/src/content/entry-commands.ts +16 -23
  179. package/src/content/entry-editor.ts +144 -101
  180. package/src/editor/canvas-slash-bridge.ts +2 -2
  181. package/src/editor/context-menu.ts +49 -200
  182. package/src/editor/convert-to-component.ts +42 -82
  183. package/src/editor/convert-to-repeater.ts +132 -173
  184. package/src/editor/inline-edit.ts +11 -0
  185. package/src/editor/shortcuts.ts +65 -26
  186. package/src/editor/slash-menu.ts +150 -157
  187. package/src/files/file-ops.ts +117 -11
  188. package/src/files/files.ts +943 -660
  189. package/src/files/json-layout.ts +474 -0
  190. package/src/files/serialize-document.ts +8 -1
  191. package/src/format/convert-file.ts +16 -10
  192. package/src/format/format-host.ts +50 -1
  193. package/src/github/github-auth.ts +71 -29
  194. package/src/github/github-publish.ts +57 -65
  195. package/src/grid/cell-editors.ts +46 -4
  196. package/src/grid/cell-popovers.ts +65 -62
  197. package/src/grid/grid-open.ts +86 -64
  198. package/src/grid/grid-panel.ts +390 -469
  199. package/src/grid/redirects-grid.ts +40 -44
  200. package/src/hosting/layout.ts +2 -0
  201. package/src/i18n/i18n-commands.ts +127 -62
  202. package/src/media/media-pane.ts +83 -133
  203. package/src/new-project/add-repo-modal.ts +125 -176
  204. package/src/new-project/import-tab.ts +181 -252
  205. package/src/new-project/location-fields.ts +93 -160
  206. package/src/new-project/new-project-modal.ts +376 -367
  207. package/src/packages/jxsuite-update.ts +76 -18
  208. package/src/panels/activity-panel.ts +137 -104
  209. package/src/panels/ai-chat/chat-markdown.ts +15 -13
  210. package/src/panels/ai-chat/chat-view.ts +307 -472
  211. package/src/panels/ai-chat/composer.ts +175 -163
  212. package/src/panels/ai-chat/sessions-view.ts +31 -62
  213. package/src/panels/ai-panel.ts +210 -185
  214. package/src/panels/block-action-bar.ts +437 -643
  215. package/src/panels/bottom-dock.ts +112 -47
  216. package/src/panels/chat-panel.ts +19 -14
  217. package/src/panels/data-explorer.ts +141 -102
  218. package/src/panels/data-grid.ts +183 -150
  219. package/src/panels/dnd.ts +75 -20
  220. package/src/panels/editors.ts +26 -19
  221. package/src/panels/elements-panel.ts +243 -186
  222. package/src/panels/empty-state.ts +26 -42
  223. package/src/panels/events-panel.ts +950 -729
  224. package/src/panels/formula-workspace.ts +434 -207
  225. package/src/panels/frontmatter-fields.ts +185 -153
  226. package/src/panels/frontmatter-panel.ts +411 -187
  227. package/src/panels/git-diff-open.ts +148 -0
  228. package/src/panels/git-panel.ts +679 -605
  229. package/src/panels/head-panel.ts +617 -435
  230. package/src/panels/i18n-panel.ts +153 -133
  231. package/src/panels/imports-panel.ts +388 -414
  232. package/src/panels/jump-bar.ts +174 -147
  233. package/src/panels/layers-panel.ts +785 -671
  234. package/src/panels/left-panel.ts +166 -94
  235. package/src/panels/navigator-panels.ts +1 -1
  236. package/src/panels/pane-context.ts +529 -677
  237. package/src/panels/pane-grid.ts +265 -241
  238. package/src/panels/panel-registry.ts +15 -4
  239. package/src/panels/problems-panel.ts +177 -99
  240. package/src/panels/properties-panel.ts +1525 -966
  241. package/src/panels/provenance.ts +31 -113
  242. package/src/panels/quick-search.ts +217 -172
  243. package/src/panels/right-panel.ts +135 -169
  244. package/src/panels/seo-modal.ts +346 -167
  245. package/src/panels/settings-menu.ts +109 -646
  246. package/src/panels/settings-pane.ts +102 -86
  247. package/src/panels/signals-panel.ts +1318 -1172
  248. package/src/panels/statement-editor.ts +556 -428
  249. package/src/panels/style-panel.ts +1367 -630
  250. package/src/panels/style-utils.ts +36 -32
  251. package/src/panels/stylebook-doc.ts +30 -73
  252. package/src/panels/stylebook-layers-panel.ts +202 -109
  253. package/src/panels/stylebook-panel.ts +124 -88
  254. package/src/panels/tab-strip.ts +385 -287
  255. package/src/platforms/cloud.ts +106 -16
  256. package/src/platforms/devserver.ts +13 -0
  257. package/src/publish/deploy-checklist.ts +124 -78
  258. package/src/publish/publish-commands.ts +4 -12
  259. package/src/publish/publish-panel.ts +134 -328
  260. package/src/services/a11y-report.ts +100 -43
  261. package/src/services/ai-command-tools.ts +468 -0
  262. package/src/services/ai-session-store.ts +6 -0
  263. package/src/services/ai-system-prompt.ts +110 -18
  264. package/src/services/ai-tools.ts +28 -143
  265. package/src/services/ai-write-report.ts +174 -0
  266. package/src/services/document-assistant.ts +50 -2
  267. package/src/services/idle.ts +16 -14
  268. package/src/services/live-surfaces.ts +237 -0
  269. package/src/services/model-uri.ts +75 -0
  270. package/src/services/notify.ts +63 -6
  271. package/src/services/popover-report.ts +325 -0
  272. package/src/services/surface-registry.ts +56 -0
  273. package/src/services/tool-executor.ts +6 -0
  274. package/src/settings/contexts-section.ts +301 -299
  275. package/src/settings/contributed-section.ts +361 -222
  276. package/src/settings/css-vars-editor.ts +320 -325
  277. package/src/settings/defs-editor.ts +572 -535
  278. package/src/settings/dependencies-editor.ts +79 -107
  279. package/src/settings/extension-commands.ts +379 -0
  280. package/src/settings/extension-rows.ts +113 -0
  281. package/src/settings/extensions-section.ts +287 -0
  282. package/src/settings/general-settings.ts +130 -181
  283. package/src/settings/head-editor.ts +10 -305
  284. package/src/settings/locales-section.ts +146 -196
  285. package/src/settings/preferences-accounts.ts +1 -1
  286. package/src/settings/preferences-dialog.ts +350 -330
  287. package/src/settings/project-sections.ts +108 -181
  288. package/src/settings/schema-field-ui.ts +11 -399
  289. package/src/settings/section-registry.ts +8 -1
  290. package/src/settings/settings-document.ts +31 -29
  291. package/src/shell/tree.ts +42 -87
  292. package/src/shell.ts +48 -36
  293. package/src/studio.ts +90 -67
  294. package/src/style/token-ref.ts +0 -39
  295. package/src/surfaces/about.json +263 -0
  296. package/src/surfaces/about.ts +163 -0
  297. package/src/surfaces/add-repo.json +486 -0
  298. package/src/surfaces/add-repo.ts +236 -0
  299. package/src/surfaces/ai-chat.json +2185 -0
  300. package/src/surfaces/ai-chat.ts +549 -0
  301. package/src/surfaces/ai-credentials-form.json +332 -0
  302. package/src/surfaces/ai-credentials-form.ts +151 -0
  303. package/src/surfaces/ai-managed-connect.json +108 -0
  304. package/src/surfaces/ai-managed-connect.ts +123 -0
  305. package/src/surfaces/ai-model-picker.json +114 -0
  306. package/src/surfaces/ai-model-picker.ts +139 -0
  307. package/src/surfaces/block-action-bar.json +640 -0
  308. package/src/surfaces/block-action-bar.ts +368 -0
  309. package/src/surfaces/bottom-dock.json +154 -0
  310. package/src/surfaces/bottom-dock.ts +125 -0
  311. package/src/surfaces/canvas-stage.json +444 -0
  312. package/src/surfaces/canvas-stage.ts +253 -0
  313. package/src/surfaces/cf-account-picker.json +300 -0
  314. package/src/surfaces/cf-account-picker.ts +214 -0
  315. package/src/surfaces/commandbar.json +984 -0
  316. package/src/{panels/toolbar.ts → surfaces/commandbar.ts} +414 -389
  317. package/src/surfaces/convert-repeater.json +309 -0
  318. package/src/surfaces/convert-repeater.ts +276 -0
  319. package/src/surfaces/data-actions.json +157 -0
  320. package/src/surfaces/data-actions.ts +115 -0
  321. package/src/surfaces/dialog.json +289 -0
  322. package/src/surfaces/dialog.ts +343 -0
  323. package/src/surfaces/diff-toolbar.json +266 -0
  324. package/src/surfaces/diff-toolbar.ts +139 -0
  325. package/src/surfaces/doc-header.json +739 -0
  326. package/src/surfaces/doc-header.ts +223 -0
  327. package/src/surfaces/empty-state.json +152 -0
  328. package/src/surfaces/empty-state.ts +173 -0
  329. package/src/surfaces/entry-editor.json +281 -0
  330. package/src/surfaces/entry-editor.ts +191 -0
  331. package/src/surfaces/expression-editor.json +977 -0
  332. package/src/surfaces/expression-editor.ts +266 -0
  333. package/src/surfaces/files-panel.json +592 -0
  334. package/src/surfaces/files-panel.ts +301 -0
  335. package/src/surfaces/formula-palette.json +364 -0
  336. package/src/surfaces/formula-palette.ts +340 -0
  337. package/src/surfaces/git-panel.json +1822 -0
  338. package/src/surfaces/git-panel.ts +272 -0
  339. package/src/surfaces/github-auth.json +112 -0
  340. package/src/surfaces/github-auth.ts +139 -0
  341. package/src/surfaces/github-publish.json +206 -0
  342. package/src/surfaces/github-publish.ts +169 -0
  343. package/src/surfaces/grid-cell.json +218 -0
  344. package/src/surfaces/grid-cell.ts +120 -0
  345. package/src/surfaces/grid-open.json +147 -0
  346. package/src/surfaces/grid-open.ts +87 -0
  347. package/src/surfaces/grid-panel.json +706 -0
  348. package/src/surfaces/grid-panel.ts +206 -0
  349. package/src/surfaces/grid-replace.json +179 -0
  350. package/src/surfaces/grid-replace.ts +89 -0
  351. package/src/surfaces/grid-views.json +446 -0
  352. package/src/surfaces/grid-views.ts +172 -0
  353. package/src/surfaces/inspector-dock.json +187 -0
  354. package/src/surfaces/inspector-dock.ts +161 -0
  355. package/src/surfaces/jump-bar.json +243 -0
  356. package/src/surfaces/jump-bar.ts +129 -0
  357. package/src/surfaces/jxsuite-update.json +146 -0
  358. package/src/surfaces/jxsuite-update.ts +149 -0
  359. package/src/surfaces/library-pane.json +1509 -0
  360. package/src/surfaces/library-pane.ts +363 -0
  361. package/src/surfaces/logic-panel.json +1949 -0
  362. package/src/surfaces/logic-panel.ts +369 -0
  363. package/src/surfaces/logic-workspace.json +685 -0
  364. package/src/surfaces/logic-workspace.ts +238 -0
  365. package/src/surfaces/media-browser.json +303 -0
  366. package/src/surfaces/media-browser.ts +145 -0
  367. package/src/surfaces/media-field.json +163 -0
  368. package/src/surfaces/media-field.ts +116 -0
  369. package/src/surfaces/media-pane.json +513 -0
  370. package/src/surfaces/media-pane.ts +197 -0
  371. package/src/surfaces/menu.json +232 -0
  372. package/src/surfaces/menu.ts +375 -0
  373. package/src/surfaces/navigator-dock.json +113 -0
  374. package/src/surfaces/navigator-dock.ts +130 -0
  375. package/src/surfaces/new-project.json +1654 -0
  376. package/src/surfaces/new-project.ts +411 -0
  377. package/src/surfaces/palette.json +535 -0
  378. package/src/surfaces/pane-context.json +1497 -0
  379. package/src/surfaces/pane-context.ts +513 -0
  380. package/src/surfaces/pane-grid.json +188 -0
  381. package/src/surfaces/pane-grid.ts +250 -0
  382. package/src/surfaces/panel-activity.json +563 -0
  383. package/src/surfaces/panel-activity.ts +187 -0
  384. package/src/surfaces/panel-data.json +141 -0
  385. package/src/surfaces/panel-data.ts +156 -0
  386. package/src/surfaces/panel-deploy-checklist.json +283 -0
  387. package/src/surfaces/panel-deploy-checklist.ts +175 -0
  388. package/src/surfaces/panel-elements.json +367 -0
  389. package/src/surfaces/panel-elements.ts +175 -0
  390. package/src/surfaces/panel-i18n.json +569 -0
  391. package/src/surfaces/panel-i18n.ts +212 -0
  392. package/src/surfaces/panel-imports.json +780 -0
  393. package/src/surfaces/panel-imports.ts +209 -0
  394. package/src/surfaces/panel-outline.json +734 -0
  395. package/src/surfaces/panel-outline.ts +326 -0
  396. package/src/surfaces/panel-page.json +1017 -0
  397. package/src/surfaces/panel-page.ts +240 -0
  398. package/src/surfaces/panel-problems.json +497 -0
  399. package/src/surfaces/panel-problems.ts +157 -0
  400. package/src/surfaces/panel-signals.json +1973 -0
  401. package/src/surfaces/panel-signals.ts +436 -0
  402. package/src/surfaces/panel-stylebook-layers.json +317 -0
  403. package/src/surfaces/panel-stylebook-layers.ts +155 -0
  404. package/src/surfaces/preferences.json +850 -0
  405. package/src/surfaces/preferences.ts +332 -0
  406. package/src/surfaces/progress-modal.json +110 -0
  407. package/src/surfaces/progress-modal.ts +150 -0
  408. package/src/surfaces/properties-panel.json +1578 -0
  409. package/src/surfaces/properties-panel.ts +337 -0
  410. package/src/surfaces/publish.json +945 -0
  411. package/src/surfaces/publish.ts +392 -0
  412. package/src/surfaces/push-plan.json +110 -0
  413. package/src/surfaces/push-plan.ts +87 -0
  414. package/src/surfaces/rail.json +255 -0
  415. package/src/surfaces/rail.ts +206 -0
  416. package/src/surfaces/reference-field.json +191 -0
  417. package/src/surfaces/reference-field.ts +168 -0
  418. package/src/surfaces/schema-builder.json +1011 -0
  419. package/src/surfaces/schema-builder.ts +181 -0
  420. package/src/surfaces/schema-form.json +1013 -0
  421. package/src/surfaces/schema-form.ts +287 -0
  422. package/src/surfaces/secret-field.json +60 -0
  423. package/src/surfaces/secret-field.ts +146 -0
  424. package/src/surfaces/seo.json +932 -0
  425. package/src/surfaces/seo.ts +334 -0
  426. package/src/surfaces/settings-contexts.json +538 -0
  427. package/src/surfaces/settings-contexts.ts +196 -0
  428. package/src/surfaces/settings-contributed.json +489 -0
  429. package/src/surfaces/settings-contributed.ts +199 -0
  430. package/src/surfaces/settings-css-vars.json +820 -0
  431. package/src/surfaces/settings-css-vars.ts +199 -0
  432. package/src/surfaces/settings-defs.json +1363 -0
  433. package/src/surfaces/settings-defs.ts +232 -0
  434. package/src/surfaces/settings-deploy.json +108 -0
  435. package/src/surfaces/settings-deploy.ts +135 -0
  436. package/src/surfaces/settings-extensions.json +486 -0
  437. package/src/surfaces/settings-extensions.ts +201 -0
  438. package/src/surfaces/settings-head.json +779 -0
  439. package/src/surfaces/settings-head.ts +397 -0
  440. package/src/surfaces/settings-locales.json +420 -0
  441. package/src/surfaces/settings-locales.ts +137 -0
  442. package/src/surfaces/settings-overview.json +423 -0
  443. package/src/surfaces/settings-overview.ts +218 -0
  444. package/src/surfaces/settings-packages.json +549 -0
  445. package/src/surfaces/settings-packages.ts +158 -0
  446. package/src/surfaces/settings-pane.json +147 -0
  447. package/src/surfaces/settings-pane.ts +150 -0
  448. package/src/surfaces/settings-rawjson.json +104 -0
  449. package/src/surfaces/settings-rawjson.ts +107 -0
  450. package/src/surfaces/shell.json +99 -0
  451. package/src/surfaces/shell.ts +30 -0
  452. package/src/surfaces/slash-menu.json +180 -0
  453. package/src/surfaces/slash-menu.ts +272 -0
  454. package/src/surfaces/statements.json +607 -0
  455. package/src/surfaces/statements.ts +238 -0
  456. package/src/surfaces/statusbar.json +94 -0
  457. package/src/{panels → surfaces}/statusbar.ts +163 -90
  458. package/src/surfaces/style-panel.json +1643 -0
  459. package/src/surfaces/style-panel.ts +338 -0
  460. package/src/surfaces/stylebook-chrome.json +122 -0
  461. package/src/surfaces/stylebook-chrome.ts +122 -0
  462. package/src/surfaces/tab-strip.json +448 -0
  463. package/src/surfaces/tab-strip.ts +200 -0
  464. package/src/surfaces/target-line.json +419 -0
  465. package/src/surfaces/target-line.ts +349 -0
  466. package/src/surfaces/toasts.json +189 -0
  467. package/src/surfaces/welcome.json +571 -0
  468. package/src/surfaces/welcome.ts +338 -0
  469. package/src/tabs/project-config.ts +71 -15
  470. package/src/tabs/tab.ts +52 -1
  471. package/src/types.ts +22 -0
  472. package/src/ui/ai-credentials-form.ts +104 -100
  473. package/src/ui/ai-managed-connect.ts +54 -36
  474. package/src/ui/ai-model-picker.ts +75 -47
  475. package/src/ui/cf-account-picker.ts +76 -141
  476. package/src/ui/color-selector.ts +80 -301
  477. package/src/ui/dynamic-slot.ts +43 -283
  478. package/src/ui/expression-editor.ts +797 -576
  479. package/src/ui/field-input.ts +8 -181
  480. package/src/ui/form-controls.ts +838 -366
  481. package/src/ui/formula-chips.ts +80 -85
  482. package/src/ui/kit.ts +33 -0
  483. package/src/ui/layers.ts +293 -593
  484. package/src/ui/media-picker.ts +203 -284
  485. package/src/ui/panel-resize.ts +251 -64
  486. package/src/ui/popover-surface.ts +153 -0
  487. package/src/ui/progress-modal.ts +22 -60
  488. package/src/ui/regions.ts +13 -7
  489. package/src/ui/schema-form.ts +906 -440
  490. package/src/ui/surface.ts +122 -0
  491. package/src/ui/unit-selector.ts +15 -131
  492. package/src/ui/value-source.ts +14 -0
  493. package/src/ui/virtual-window.ts +88 -9
  494. package/src/utils/canvas-media.ts +72 -0
  495. package/src/utils/edit-display.ts +7 -2
  496. package/src/utils/element-selectors.ts +69 -0
  497. package/src/utils/link-target.ts +2 -2
  498. package/src/utils/studio-utils.ts +0 -10
  499. package/src/view.ts +15 -0
  500. package/src/workspace/pane-derive.ts +36 -14
  501. package/src/workspace/workspace.ts +15 -6
  502. package/styles/canvas.css +72 -467
  503. package/styles/forced-colors.css +48 -82
  504. package/styles/forced-colors.json +41 -0
  505. package/styles/inspector.css +2 -1301
  506. package/styles/overlays.css +96 -2823
  507. package/styles/panels.css +6 -1423
  508. package/styles/shell-frame.css +272 -0
  509. package/styles/shell-frame.json +227 -0
  510. package/styles/shell.css +0 -1568
  511. package/styles/tokens.css +65 -136
  512. package/styles/tokens.json +84 -0
  513. package/dist/chunks/Overlay.dev-etqjwyf9.js +0 -23
  514. package/dist/chunks/adapter-jkcyhgtr.js +0 -14
  515. package/dist/chunks/cf-account-picker-en86v7x7.js +0 -163
  516. package/dist/chunks/cf-settings-45fgyx8y.js +0 -21
  517. package/dist/chunks/components-zmx10t62.js +0 -21
  518. package/dist/chunks/content-source-48xg86wj.js +0 -49
  519. package/dist/chunks/convert-to-repeater-43tfn7cs.js +0 -268
  520. package/dist/chunks/editor-cptq5jp1.js +0 -37
  521. package/dist/chunks/entry-commands-e63f1xc0.js +0 -46
  522. package/dist/chunks/extension-sections-txv08xxg.js +0 -311
  523. package/dist/chunks/file-ops-wbh4hhsx.js +0 -48
  524. package/dist/chunks/files-3kfkwhk4.js +0 -93
  525. package/dist/chunks/flow-qbfgrpeh.js +0 -634
  526. package/dist/chunks/focus-trap.esm-9t2drp0g.js +0 -1025
  527. package/dist/chunks/focus-visible-6eg70z18.js +0 -167
  528. package/dist/chunks/format-host-w16q81tf.js +0 -43
  529. package/dist/chunks/fs-events-hrrg328g.js +0 -21
  530. package/dist/chunks/git-panel-532whr1y.js +0 -59
  531. package/dist/chunks/index-zqxmqxmh.js +0 -109
  532. package/dist/chunks/jx-validate-8er6gbxy.js +0 -19
  533. package/dist/chunks/layers-panel-07hm7g5j.js +0 -67
  534. package/dist/chunks/layers-q75tj2mf.js +0 -45
  535. package/dist/chunks/lit-html-j055mkh8.js +0 -22
  536. package/dist/chunks/monaco-buffer-dqw0xxpx.js +0 -25
  537. package/dist/chunks/notify-yjm79n4s.js +0 -30
  538. package/dist/chunks/parse-24d0gay3.js +0 -19
  539. package/dist/chunks/platform-ba1j1gbh.js +0 -16
  540. package/dist/chunks/publish-panel-v9st96ja.js +0 -29
  541. package/dist/chunks/quick-search-zccjp6gv.js +0 -66
  542. package/dist/chunks/references-3qx8fkyp.js +0 -29
  543. package/dist/chunks/right-panel-vm3b6kwy.js +0 -46
  544. package/dist/chunks/section-registry-sx1ykvkw.js +0 -30
  545. package/dist/chunks/sp-overlay.dev-qgvhnxf4.js +0 -18
  546. package/dist/chunks/sp-popover.dev-n2etmqdp.js +0 -9
  547. package/dist/chunks/sp-progress-circle.dev-hryhj0es.js +0 -15
  548. package/dist/chunks/sp-tooltip.dev-4sastdnw.js +0 -15
  549. package/dist/chunks/sp-tray.dev-tkbscm06.js +0 -199
  550. package/dist/chunks/studio-0a5qrh01.js +0 -3
  551. package/dist/chunks/studio-0bq6eh7v.js +0 -12
  552. package/dist/chunks/studio-18j3bmcz.js +0 -14
  553. package/dist/chunks/studio-1ngbejft.js +0 -181
  554. package/dist/chunks/studio-4b5z1x43.js +0 -424
  555. package/dist/chunks/studio-4n2b5gzb.js +0 -357
  556. package/dist/chunks/studio-4rzyrtjz.js +0 -426
  557. package/dist/chunks/studio-5fx3g9jg.js +0 -4325
  558. package/dist/chunks/studio-5myknm0a.js +0 -1903
  559. package/dist/chunks/studio-7afd21nw.js +0 -67
  560. package/dist/chunks/studio-7nte2hj4.js +0 -613
  561. package/dist/chunks/studio-8jpzqk5s.js +0 -128
  562. package/dist/chunks/studio-8q517dfr.js +0 -24
  563. package/dist/chunks/studio-950k0dx6.js +0 -6939
  564. package/dist/chunks/studio-9n4mrmnb.js +0 -184
  565. package/dist/chunks/studio-a0tswy0w.js +0 -58
  566. package/dist/chunks/studio-ahnzd9rg.js +0 -23
  567. package/dist/chunks/studio-cmb03bg5.js +0 -13890
  568. package/dist/chunks/studio-d1ks410h.js +0 -175
  569. package/dist/chunks/studio-ef49pnzx.js +0 -387
  570. package/dist/chunks/studio-eqq1w638.js +0 -113
  571. package/dist/chunks/studio-ew0djmhg.js +0 -341
  572. package/dist/chunks/studio-gfgb8pe6.js +0 -1652
  573. package/dist/chunks/studio-h4rxscfc.js +0 -10
  574. package/dist/chunks/studio-jc994dnr.js +0 -1066
  575. package/dist/chunks/studio-kyh9avvv.js +0 -28
  576. package/dist/chunks/studio-m3hwn7y1.js +0 -120
  577. package/dist/chunks/studio-mtfnaqs9.js +0 -659
  578. package/dist/chunks/studio-n6j9t10q.js +0 -318
  579. package/dist/chunks/studio-n8b9wqwy.js +0 -291
  580. package/dist/chunks/studio-qcy05dp8.js +0 -1743
  581. package/dist/chunks/studio-qq6jym04.js +0 -53
  582. package/dist/chunks/studio-rdx8jcxy.js +0 -83
  583. package/dist/chunks/studio-rn9ta2mz.js +0 -111
  584. package/dist/chunks/studio-t7qb9db8.js +0 -665
  585. package/dist/chunks/studio-tmc5emrw.js +0 -8
  586. package/dist/chunks/studio-z6nw2ek2.js +0 -18
  587. package/dist/chunks/studio-zczps70q.js +0 -378
  588. package/dist/chunks/studio-zqazsct2.js +0 -1823
  589. package/dist/chunks/workspace-fjx52ryv.js +0 -89
  590. package/src/panels/activity-bar.ts +0 -251
  591. package/src/panels/panel-scheduler.ts +0 -219
  592. package/src/panels/style-inputs.ts +0 -237
  593. package/src/panels/target-line.ts +0 -274
  594. package/src/panels/welcome-screen.ts +0 -346
  595. package/src/ui/button-group.ts +0 -102
  596. package/src/ui/choice-field.ts +0 -72
  597. package/src/ui/field-row.ts +0 -249
  598. package/src/ui/formula-palette.ts +0 -213
  599. package/src/ui/icons.ts +0 -52
  600. package/src/ui/jx-theme.ts +0 -130
  601. package/src/ui/spectrum.ts +0 -340
  602. package/src/ui/value-selector.ts +0 -174
  603. package/src/ui/widgets.ts +0 -172
  604. /package/dist/chunks/{javascript-s56a8dpk.css → javascript-4abzjcy9.css} +0 -0
  605. /package/dist/chunks/{jsonMode-zr9sw0c7.css → jsonMode-vvmpmk34.css} +0 -0
  606. /package/dist/chunks/{monaco-setup-pav68602.css → monaco-setup-8vbyqnhr.css} +0 -0
  607. /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