@workbench-kit/react 0.0.2-prototype.0.2.6 → 0.0.2-prototype.0.2.8

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 (568) hide show
  1. package/README.md +87 -0
  2. package/package.json +20 -18
  3. package/src/brand/TilepaperAppIcon.tsx +181 -181
  4. package/src/brand/index.ts +2 -2
  5. package/src/brand/tilepaper-app-icon-geometry.ts +201 -201
  6. package/src/icons/WorkbenchIcon.tsx +57 -57
  7. package/src/icons/WorkbenchIconContext.tsx +25 -25
  8. package/src/icons/file-icon.ts +154 -154
  9. package/src/icons/index.ts +17 -17
  10. package/src/icons/resolveWorkbenchIcon.ts +48 -48
  11. package/src/icons/types.ts +28 -28
  12. package/src/index.ts +735 -735
  13. package/src/jdw/JdwPreview.tsx +195 -195
  14. package/src/jdw/JdwPreviewViewport.tsx +190 -190
  15. package/src/jdw/JsonCodeEditorPane.tsx +425 -424
  16. package/src/jdw/builtins/renderBuiltinWidgetLeaf.tsx +130 -130
  17. package/src/jdw/createBuiltinJdwRegistry.ts +436 -436
  18. package/src/jdw/cssRenderBackend.tsx +223 -223
  19. package/src/jdw/document.ts +35 -35
  20. package/src/jdw/fixtures/jdw-fixtures.ts +52 -52
  21. package/src/jdw/fixtures/jdw-sample-screens.ts +524 -524
  22. package/src/jdw/index.ts +50 -50
  23. package/src/jdw/jdw-preview-viewport.css +41 -41
  24. package/src/jdw/parse.ts +1 -1
  25. package/src/jdw/renderJdw.tsx +73 -73
  26. package/src/json-config/JsonConfigWorkbench.tsx +313 -313
  27. package/src/json-config/index.ts +6 -6
  28. package/src/json-config/json-config-editor-state.ts +42 -42
  29. package/src/layout/ViewEmptyState.tsx +14 -14
  30. package/src/layout/WorkbenchCanvas.tsx +956 -956
  31. package/src/layout/WorkbenchFullscreen.tsx +368 -368
  32. package/src/layout/WorkbenchLayout.tsx +8 -8
  33. package/src/layout/WorkbenchLayoutBase.tsx +335 -335
  34. package/src/layout/WorkbenchMediaPreviewViewport.tsx +122 -122
  35. package/src/layout/WorkbenchPropertyOverrideLabel.tsx +90 -90
  36. package/src/layout/WorkbenchPropertyPanel.tsx +633 -633
  37. package/src/layout/WorkbenchPropertySearch.tsx +51 -51
  38. package/src/layout/WorkbenchTree.tsx +350 -350
  39. package/src/layout/canvas/canvas-drag-ghost.css +21 -21
  40. package/src/layout/canvas/canvas-drag-preview-frame.css +15 -15
  41. package/src/layout/canvas/canvas-drop-indicator.css +16 -16
  42. package/src/layout/canvas/canvas-frame-handle.css +37 -37
  43. package/src/layout/canvas/canvas-frame-surface.css +24 -24
  44. package/src/layout/canvas/canvas-guide-block.css +17 -17
  45. package/src/layout/canvas/canvas-guide-layer.css +6 -6
  46. package/src/layout/canvas/canvas-guide-line.css +22 -22
  47. package/src/layout/canvas/canvas-item-badge.css +23 -23
  48. package/src/layout/canvas/canvas-item-frame.css +54 -54
  49. package/src/layout/canvas/canvas-pane-surface.css +9 -9
  50. package/src/layout/canvas/canvas-placeholder.css +21 -21
  51. package/src/layout/canvas/canvas-resize-frame.css +9 -9
  52. package/src/layout/canvas/canvas-resize-handle.css +74 -74
  53. package/src/layout/canvas/canvas-resize-preview.css +11 -11
  54. package/src/layout/canvas/canvas-selection-marquee.css +14 -14
  55. package/src/layout/canvas/canvas-viewport.css +18 -18
  56. package/src/layout/canvas/index.css +19 -19
  57. package/src/layout/canvas/preview-canvas.css +144 -144
  58. package/src/layout/editor/editor-body.css +9 -9
  59. package/src/layout/editor/editor-bottom-panel.css +44 -44
  60. package/src/layout/editor/editor-frame.css +14 -14
  61. package/src/layout/editor/editor-viewport.css +7 -7
  62. package/src/layout/editor/floating-menu.css +91 -91
  63. package/src/layout/editor/index.css +10 -10
  64. package/src/layout/editor/parse-error.css +9 -9
  65. package/src/layout/editor/problem-item.css +52 -52
  66. package/src/layout/editor/problem-list.css +7 -7
  67. package/src/layout/editor/render-surface.css +13 -13
  68. package/src/layout/fillScrollContract.ts +49 -49
  69. package/src/layout/fullscreen/fullscreen-backdrop.css +31 -31
  70. package/src/layout/fullscreen/fullscreen-button.css +44 -44
  71. package/src/layout/fullscreen/fullscreen-carousel.css +20 -20
  72. package/src/layout/fullscreen/fullscreen-content.css +8 -8
  73. package/src/layout/fullscreen/fullscreen-empty.css +16 -16
  74. package/src/layout/fullscreen/fullscreen-header.css +77 -77
  75. package/src/layout/fullscreen/fullscreen-hero.css +41 -41
  76. package/src/layout/fullscreen/fullscreen-nav-button.css +29 -29
  77. package/src/layout/fullscreen/fullscreen-option.css +83 -83
  78. package/src/layout/fullscreen/fullscreen-pill-row.css +6 -6
  79. package/src/layout/fullscreen/fullscreen-pill.css +10 -10
  80. package/src/layout/fullscreen/fullscreen-root.css +11 -11
  81. package/src/layout/fullscreen/index.css +13 -13
  82. package/src/layout/index.ts +156 -156
  83. package/src/layout/layout-base/banner.css +32 -32
  84. package/src/layout/layout-base/center.css +7 -7
  85. package/src/layout/layout-base/column.css +7 -7
  86. package/src/layout/layout-base/divider.css +5 -5
  87. package/src/layout/layout-base/empty.css +12 -12
  88. package/src/layout/layout-base/fill-scroll.css +36 -36
  89. package/src/layout/layout-base/fill.css +18 -18
  90. package/src/layout/layout-base/index.css +13 -13
  91. package/src/layout/layout-base/pane.css +6 -6
  92. package/src/layout/layout-base/panel-scroll.css +5 -5
  93. package/src/layout/layout-base/panel-surface.css +14 -14
  94. package/src/layout/layout-base/root.css +9 -9
  95. package/src/layout/layout-base/section-title.css +8 -8
  96. package/src/layout/layout.css +10 -10
  97. package/src/layout/layoutHelpers.ts +27 -27
  98. package/src/layout/media/index.css +2 -2
  99. package/src/layout/media/media-preview-viewport.css +69 -69
  100. package/src/layout/panel/Panel.tsx +161 -161
  101. package/src/layout/panel/TemplateGallery.tsx +90 -90
  102. package/src/layout/panel/WorkbenchAuthoringShell.tsx +57 -57
  103. package/src/layout/panel/WorkbenchLabeledPane.tsx +81 -81
  104. package/src/layout/panel/WorkbenchSidebarStack.tsx +15 -15
  105. package/src/layout/panel/filter-bar.css +59 -59
  106. package/src/layout/panel/index.css +7 -7
  107. package/src/layout/panel/index.ts +70 -70
  108. package/src/layout/panel/preview-pane.css +63 -63
  109. package/src/layout/panel/template-gallery.css +131 -131
  110. package/src/layout/panel/workbench-authoring-shell.css +48 -48
  111. package/src/layout/panel/workbench-labeled-pane.css +69 -69
  112. package/src/layout/panel/workbench-sidebar-stack.css +18 -18
  113. package/src/layout/property/color-input.css +8 -8
  114. package/src/layout/property/color-row.css +6 -6
  115. package/src/layout/property/index.css +15 -15
  116. package/src/layout/property/property-card.css +8 -8
  117. package/src/layout/property/property-grid.css +24 -24
  118. package/src/layout/property/property-hint.css +4 -4
  119. package/src/layout/property/property-inline.css +10 -10
  120. package/src/layout/property/property-key-value.css +29 -29
  121. package/src/layout/property/property-override-label.css +34 -34
  122. package/src/layout/property/property-panel.css +20 -20
  123. package/src/layout/property/property-row.css +17 -17
  124. package/src/layout/property/property-search.css +43 -43
  125. package/src/layout/property/property-section.css +97 -97
  126. package/src/layout/property/property-stack.css +11 -11
  127. package/src/layout/property/property-toggle.css +14 -14
  128. package/src/layout/propertyFieldFilter.ts +84 -84
  129. package/src/layout/sidebar/SideBarViewFrame.tsx +235 -235
  130. package/src/layout/sidebar/SideBarViewTabStrip.tsx +60 -60
  131. package/src/layout/sidebar/SideBarViewTitleMenu.tsx +75 -75
  132. package/src/layout/sidebar/SidebarActionIconBar.tsx +242 -242
  133. package/src/layout/sidebar/SidebarSectionNestingContext.tsx +21 -21
  134. package/src/layout/sidebar/SidebarSlotChrome.tsx +32 -32
  135. package/src/layout/sidebar/SidebarToolbar.tsx +10 -10
  136. package/src/layout/sidebar/WorkbenchActionSidebar.tsx +73 -73
  137. package/src/layout/sidebar/WorkbenchSidebarActions.tsx +328 -328
  138. package/src/layout/sidebar/WorkbenchSidebarSectionStack.tsx +165 -165
  139. package/src/layout/sidebar/index.css +5 -5
  140. package/src/layout/sidebar/index.ts +55 -55
  141. package/src/layout/sidebar/sidebar-chrome.css +95 -95
  142. package/src/layout/sidebar/sidebar-section-stack.css +25 -25
  143. package/src/layout/sidebar/sidebar-section.css +124 -124
  144. package/src/layout/sidebar/sidebar-view.css +290 -290
  145. package/src/layout/tree/drag-preview.css +25 -25
  146. package/src/layout/tree/index.css +10 -10
  147. package/src/layout/tree/template-glyph.css +96 -96
  148. package/src/layout/tree/tree-action.css +20 -20
  149. package/src/layout/tree/tree-drag-overlay.css +13 -13
  150. package/src/layout/tree/tree-drop-line.css +17 -17
  151. package/src/layout/tree/tree-drop-zone.css +13 -13
  152. package/src/layout/tree/tree-expander.css +23 -23
  153. package/src/layout/tree/tree-item.css +93 -93
  154. package/src/layout/tree/tree.css +49 -49
  155. package/src/layout/usePreviewViewport.ts +428 -428
  156. package/src/modal/ConfirmDialog.tsx +61 -61
  157. package/src/modal/Modal.tsx +243 -213
  158. package/src/modal/ModalResizeHandles.tsx +40 -40
  159. package/src/modal/ModalTitlebar.tsx +86 -86
  160. package/src/modal/modal.css +291 -291
  161. package/src/modal/modalContainer.ts +36 -36
  162. package/src/modal/modalPosition.ts +36 -36
  163. package/src/modal/modalSize.ts +84 -84
  164. package/src/modal/modalTypes.ts +13 -13
  165. package/src/modal/useModalContainerViewport.ts +41 -41
  166. package/src/modal/useModalDrag.ts +118 -118
  167. package/src/modal/useModalFocusTrap.ts +142 -0
  168. package/src/modal/useModalResize.ts +122 -122
  169. package/src/modal/useModalWindowFrame.ts +122 -122
  170. package/src/overlay/ContextMenu.tsx +124 -124
  171. package/src/overlay/clampFixedOverlayPosition.ts +22 -22
  172. package/src/overlay/context-menu.css +127 -127
  173. package/src/overlay/index.ts +31 -31
  174. package/src/overlay/measureAnchoredOverlayPanel.ts +107 -107
  175. package/src/overlay/overlay.css +2 -2
  176. package/src/overlay/pointerPassthroughRegion.ts +83 -83
  177. package/src/overlay/useAnchoredOverlayPanel.ts +222 -222
  178. package/src/overlay/useClampedFixedOverlayPosition.ts +27 -27
  179. package/src/overlay/useContextMenuState.ts +59 -59
  180. package/src/overlay/useFixedOverlayDismiss.ts +49 -49
  181. package/src/overlay/usePointerPassthroughRegion.ts +87 -87
  182. package/src/primitives/absolute-box/AbsoluteBox.tsx +46 -46
  183. package/src/primitives/absolute-box/index.ts +1 -1
  184. package/src/primitives/badge/Badge.tsx +14 -14
  185. package/src/primitives/badge/badge.css +20 -20
  186. package/src/primitives/badge/index.ts +1 -1
  187. package/src/primitives/button/Button.tsx +45 -45
  188. package/src/primitives/button/button.css +76 -76
  189. package/src/primitives/button/index.ts +1 -1
  190. package/src/primitives/catalog-browse-card/CatalogBrowseCard.tsx +121 -121
  191. package/src/primitives/catalog-browse-card/catalog-browse-card.css +175 -175
  192. package/src/primitives/catalog-browse-card/index.ts +1 -1
  193. package/src/primitives/catalog-browse-pane/CatalogBrowseFacetChips.tsx +59 -59
  194. package/src/primitives/catalog-browse-pane/CatalogBrowsePane.tsx +360 -360
  195. package/src/primitives/catalog-browse-pane/catalog-browse-facet-chips.css +8 -8
  196. package/src/primitives/catalog-browse-pane/catalog-browse-pane.css +84 -84
  197. package/src/primitives/catalog-browse-pane/filterCatalogBrowseItems.ts +27 -27
  198. package/src/primitives/catalog-browse-pane/index.ts +3 -3
  199. package/src/primitives/catalog-filter-overlay/CatalogFilterOverlay.tsx +73 -73
  200. package/src/primitives/catalog-filter-overlay/catalog-filter-overlay.css +65 -65
  201. package/src/primitives/catalog-filter-overlay/index.ts +1 -1
  202. package/src/primitives/checkbox/Checkbox.tsx +40 -40
  203. package/src/primitives/checkbox/checkbox.css +81 -81
  204. package/src/primitives/checkbox/index.ts +1 -1
  205. package/src/primitives/chip/Chip.tsx +43 -43
  206. package/src/primitives/chip/chip.css +110 -110
  207. package/src/primitives/chip/index.ts +2 -2
  208. package/src/primitives/clearable-text-input/ClearableTextInput.tsx +78 -78
  209. package/src/primitives/clearable-text-input/clearable-text-input.css +15 -15
  210. package/src/primitives/clearable-text-input/index.ts +1 -1
  211. package/src/primitives/codicon/Codicon.tsx +20 -20
  212. package/src/primitives/codicon/index.ts +1 -1
  213. package/src/primitives/empty-state/EmptyState.tsx +33 -33
  214. package/src/primitives/empty-state/empty-state.css +20 -20
  215. package/src/primitives/empty-state/index.ts +1 -1
  216. package/src/primitives/external-link-button/ExternalLinkButton.tsx +56 -56
  217. package/src/primitives/external-link-button/index.ts +1 -1
  218. package/src/primitives/field/Field.tsx +39 -39
  219. package/src/primitives/field/field.css +51 -51
  220. package/src/primitives/field/index.ts +1 -1
  221. package/src/primitives/file-icon/FileIcon.tsx +21 -21
  222. package/src/primitives/file-icon/index.ts +1 -1
  223. package/src/primitives/icon-button/IconButton.tsx +37 -37
  224. package/src/primitives/icon-button/icon-button.css +46 -46
  225. package/src/primitives/icon-button/index.ts +1 -1
  226. package/src/primitives/index.ts +265 -265
  227. package/src/primitives/library-detail-layout/LibraryDetailLayout.tsx +135 -135
  228. package/src/primitives/library-detail-layout/index.ts +1 -1
  229. package/src/primitives/library-detail-layout/library-detail-layout.css +169 -169
  230. package/src/primitives/library-facet-filter-panel/LibraryFacetFilterPanel.tsx +454 -454
  231. package/src/primitives/library-facet-filter-panel/index.ts +1 -1
  232. package/src/primitives/library-facet-filter-panel/library-facet-filter-panel.css +205 -205
  233. package/src/primitives/library-facet-filter-strip/LibraryFacetFilterStrip.tsx +527 -527
  234. package/src/primitives/library-facet-filter-strip/index.ts +1 -1
  235. package/src/primitives/library-facet-filter-strip/library-facet-filter-strip.css +31 -31
  236. package/src/primitives/list/List.tsx +120 -120
  237. package/src/primitives/list/index.ts +1 -1
  238. package/src/primitives/list/list-empty-state.css +10 -10
  239. package/src/primitives/list/list-item.css +93 -93
  240. package/src/primitives/list/list.css +6 -6
  241. package/src/primitives/number-input/NumberInput.tsx +235 -235
  242. package/src/primitives/number-input/index.ts +1 -1
  243. package/src/primitives/number-input/number-input.css +105 -105
  244. package/src/primitives/panel-loading/PanelLoading.tsx +29 -29
  245. package/src/primitives/panel-loading/index.ts +1 -1
  246. package/src/primitives/panel-loading/panel-loading.css +16 -16
  247. package/src/primitives/panel-surface/panel-surface.css +77 -77
  248. package/src/primitives/primitives.css +36 -36
  249. package/src/primitives/record-media-hero/RecordMediaHero.tsx +81 -81
  250. package/src/primitives/record-media-hero/index.ts +1 -1
  251. package/src/primitives/record-media-hero/record-media-hero.css +84 -84
  252. package/src/primitives/scroll-area/ScrollArea.tsx +200 -200
  253. package/src/primitives/scroll-area/index.ts +1 -1
  254. package/src/primitives/scroll-area/scroll-area-overlay.css +69 -69
  255. package/src/primitives/scroll-area-infinite-load/ScrollAreaInfiniteSentinel.tsx +22 -22
  256. package/src/primitives/scroll-area-infinite-load/index.ts +2 -2
  257. package/src/primitives/scroll-area-infinite-load/scroll-area-infinite-sentinel.css +6 -6
  258. package/src/primitives/scroll-area-infinite-load/useScrollAreaInfiniteLoad.ts +84 -84
  259. package/src/primitives/searchable-multi-select/SearchableMultiSelect.tsx +378 -378
  260. package/src/primitives/searchable-multi-select/index.ts +9 -9
  261. package/src/primitives/searchable-multi-select/overlay.ts +125 -125
  262. package/src/primitives/searchable-multi-select/searchable-multi-select.css +129 -129
  263. package/src/primitives/select/Select.tsx +284 -284
  264. package/src/primitives/select/index.ts +2 -2
  265. package/src/primitives/select/options.ts +38 -38
  266. package/src/primitives/select/overlay.ts +82 -82
  267. package/src/primitives/select/select.app.css +12 -12
  268. package/src/primitives/select/select.css +177 -177
  269. package/src/primitives/select/types.ts +18 -18
  270. package/src/primitives/styles.css +6 -6
  271. package/src/primitives/tabbed-panels/TabbedPanels.tsx +68 -68
  272. package/src/primitives/tabbed-panels/index.ts +2 -2
  273. package/src/primitives/tabbed-panels/tabbed-panels.css +58 -58
  274. package/src/primitives/text-area/TextArea.tsx +37 -37
  275. package/src/primitives/text-area/index.ts +1 -1
  276. package/src/primitives/text-input/TextInput.tsx +34 -34
  277. package/src/primitives/text-input/index.ts +1 -1
  278. package/src/primitives/text-input/input.css +54 -54
  279. package/src/primitives/toolbar/Toolbar.tsx +8 -8
  280. package/src/primitives/toolbar/index.ts +1 -1
  281. package/src/primitives/visually-hidden/visually-hidden.css +11 -11
  282. package/src/primitives/workbench-editor/WorkbenchEditor.tsx +432 -432
  283. package/src/primitives/workbench-editor/button-group.css +10 -10
  284. package/src/primitives/workbench-editor/editor-tabs.css +201 -201
  285. package/src/primitives/workbench-editor/index.ts +1 -1
  286. package/src/primitives/workbench-editor/resizable-panels.css +53 -53
  287. package/src/primitives/workbench-editor/segmented-control.css +98 -98
  288. package/src/primitives/workbench-media-slot/WorkbenchMediaPlaceholder.tsx +25 -25
  289. package/src/primitives/workbench-media-slot/WorkbenchMediaSlot.tsx +60 -60
  290. package/src/primitives/workbench-media-slot/index.ts +2 -2
  291. package/src/primitives/workbench-media-slot/media-slot.css +72 -72
  292. package/src/primitives/workbench-thumbnail/WorkbenchThumbnail.tsx +38 -38
  293. package/src/primitives/workbench-thumbnail/index.ts +1 -1
  294. package/src/primitives/workbench-thumbnail/thumbnail.css +69 -69
  295. package/src/scrollbars.css +144 -144
  296. package/src/styles.css +16 -17
  297. package/src/test-utils/workbenchMonacoMock.tsx +37 -37
  298. package/src/utils/codicon.ts +17 -17
  299. package/src/utils/dragMime.ts +89 -89
  300. package/src/utils/useWorkbenchMediaImage.ts +37 -37
  301. package/src/widget-asset/WidgetAssetEditor.tsx +142 -142
  302. package/src/widget-asset/WidgetAssetMetadataForm.tsx +82 -82
  303. package/src/widget-asset/WidgetAssetModeControls.tsx +42 -42
  304. package/src/widget-asset/WidgetAssetSourceEditor.tsx +50 -50
  305. package/src/widget-asset/WidgetAssetWorkbench.tsx +111 -111
  306. package/src/widget-asset/index.ts +17 -17
  307. package/src/widget-asset/widget-asset-document.ts +37 -37
  308. package/src/widget-asset/widget-asset-mode.ts +3 -3
  309. package/src/widget-studio/builtin-widget-asset-catalog.ts +12 -12
  310. package/src/widget-studio/create-widget-studio-workspace-editor.tsx +78 -78
  311. package/src/widget-studio/index.ts +10 -10
  312. package/src/widget-studio/resolve-widget-studio-asset-catalog.ts +43 -43
  313. package/src/widget-tree/WidgetAssetPalette.tsx +105 -105
  314. package/src/widget-tree/WidgetInspectorPanel.tsx +316 -316
  315. package/src/widget-tree/WidgetSourceEditor.tsx +143 -143
  316. package/src/widget-tree/WidgetTreeCanvasPreview.tsx +875 -875
  317. package/src/widget-tree/WidgetTreeLab.tsx +600 -600
  318. package/src/widget-tree/WidgetTreeModeControls.tsx +73 -73
  319. package/src/widget-tree/WidgetTreeSidePanel.tsx +39 -39
  320. package/src/widget-tree/WidgetTreeView.tsx +797 -797
  321. package/src/widget-tree/WidgetTreeWorkbench.tsx +155 -155
  322. package/src/widget-tree/WidgetTreeWorkspaceShell.tsx +172 -172
  323. package/src/widget-tree/demo-registry.ts +32 -32
  324. package/src/widget-tree/demo-widget-assets.ts +4 -4
  325. package/src/widget-tree/index.ts +45 -45
  326. package/src/widget-tree/widget-placement-asset-dnd.ts +35 -35
  327. package/src/widget-tree/widget-tree-document.ts +14 -14
  328. package/src/widget-tree/widget-tree-editor-state.ts +40 -40
  329. package/src/widget-tree/widget-tree-layout.ts +76 -76
  330. package/src/widget-tree/widget-tree-mode.ts +7 -7
  331. package/src/widget-tree/widget-tree-play-helpers.ts +85 -85
  332. package/src/workbench/auth/WorkbenchAuthGate.tsx +61 -61
  333. package/src/workbench/auth/WorkbenchLoginView.tsx +633 -633
  334. package/src/workbench/auth/auth-flows.css +440 -440
  335. package/src/workbench/auth/auth.css +3 -3
  336. package/src/workbench/auth/index.ts +19 -19
  337. package/src/workbench/auth/profile-modals.css +115 -115
  338. package/src/workbench/bootstrap/WorkbenchBootstrapGate.tsx +45 -45
  339. package/src/workbench/bootstrap/WorkbenchBootstrapView.tsx +100 -100
  340. package/src/workbench/bootstrap/index.ts +12 -12
  341. package/src/workbench/bootstrap/useWorkbenchBootstrap.ts +130 -130
  342. package/src/workbench/chat/ChatCommandProposalCard.tsx +115 -115
  343. package/src/workbench/chat/ChatComposer.tsx +163 -163
  344. package/src/workbench/chat/ChatConversationBar.tsx +134 -134
  345. package/src/workbench/chat/ChatHistoryMenu.tsx +171 -171
  346. package/src/workbench/chat/ChatHistoryMenuRow.tsx +74 -74
  347. package/src/workbench/chat/ChatMessageCollapsible.tsx +119 -115
  348. package/src/workbench/chat/ChatMessageItem.tsx +376 -318
  349. package/src/workbench/chat/ChatMessageList.tsx +134 -134
  350. package/src/workbench/chat/ChatPanel.tsx +177 -168
  351. package/src/workbench/chat/ChatPhasedRunProgress.tsx +275 -202
  352. package/src/workbench/chat/ChatRenameDialog.tsx +77 -77
  353. package/src/workbench/chat/chat-conversation.css +273 -273
  354. package/src/workbench/chat/chat-ui.css +1132 -1124
  355. package/src/workbench/chat/chat.css +3 -3
  356. package/src/workbench/chat/chatConversation.ts +46 -46
  357. package/src/workbench/chat/chatHistoryRowMenuItems.ts +29 -29
  358. package/src/workbench/chat/chatMessageMeta.tsx +252 -252
  359. package/src/workbench/chat/chatScroll.ts +22 -22
  360. package/src/workbench/chat/index.ts +65 -64
  361. package/src/workbench/chat/slashCommand.ts +26 -26
  362. package/src/workbench/chat/types.ts +45 -45
  363. package/src/workbench/chat/useCancelRuntimeOnUnmount.ts +60 -60
  364. package/src/workbench/chat/useChatPrependPagination.ts +233 -233
  365. package/src/workbench/chat/useChatRuntimeState.ts +64 -64
  366. package/src/workbench/chat/useSlashCommandSuggest.ts +154 -154
  367. package/src/workbench/{WorkbenchModalPortal.tsx → chrome/WorkbenchModalPortal.tsx} +52 -52
  368. package/src/workbench/{WorkbenchPlatformContext.tsx → chrome/WorkbenchPlatformContext.tsx} +31 -31
  369. package/src/workbench/chrome/index.css +6 -6
  370. package/src/workbench/chrome/workbench-chrome.css +4 -0
  371. package/src/workbench/chrome/workbench-desktop-titlebar.css +60 -60
  372. package/src/workbench/chrome/workbench-host.css +85 -85
  373. package/src/workbench/chrome/workbench-layout-regions.css +42 -42
  374. package/src/workbench/chrome/workbench-platform-chrome.css +142 -142
  375. package/src/workbench/chrome/workbench-shell-titlebar.css +124 -124
  376. package/src/workbench/{workbenchModalViewState.ts → chrome/workbenchModalViewState.ts} +52 -52
  377. package/src/workbench/{workbenchOverlaysContext.tsx → chrome/workbenchOverlaysContext.tsx} +21 -21
  378. package/src/workbench/{workbenchPlatformChrome.ts → chrome/workbenchPlatformChrome.ts} +40 -40
  379. package/src/workbench/command-palette/command-palette.css +156 -156
  380. package/src/workbench/{CommandGroupShell.tsx → commands/CommandGroupShell.tsx} +131 -131
  381. package/src/workbench/{CommandList.tsx → commands/CommandList.tsx} +167 -167
  382. package/src/workbench/{CommandPalette.tsx → commands/CommandPalette.tsx} +391 -417
  383. package/src/workbench/{ConfirmationFlow.tsx → commands/ConfirmationFlow.tsx} +243 -243
  384. package/src/workbench/{ShortcutCommandBridge.tsx → commands/ShortcutCommandBridge.tsx} +365 -365
  385. package/src/workbench/{command-execution-policy.ts → commands/command-execution-policy.ts} +61 -61
  386. package/src/workbench/{command-model.ts → commands/command-model.ts} +279 -275
  387. package/src/workbench/{commands.ts → commands/commands.ts} +576 -576
  388. package/src/workbench/{keyboard.ts → commands/keyboard.ts} +53 -53
  389. package/src/workbench/{workbenchContextMenu.ts → commands/workbenchContextMenu.ts} +18 -18
  390. package/src/workbench/{WorkbenchEditorTabs.tsx → editor/WorkbenchEditorTabs.tsx} +52 -52
  391. package/src/workbench/{editor-tabs-dnd.ts → editor/editor-tabs-dnd.ts} +162 -162
  392. package/src/workbench/{editorTabContextMenu.ts → editor/editorTabContextMenu.ts} +111 -111
  393. package/src/workbench/{useEditorTabsStripDnd.ts → editor/useEditorTabsStripDnd.ts} +262 -262
  394. package/src/workbench/{useWorkbenchEditorTabContextMenu.tsx → editor/useWorkbenchEditorTabContextMenu.tsx} +66 -66
  395. package/src/workbench/editor-tabs/index.ts +22 -22
  396. package/src/workbench/index.ts +694 -675
  397. package/src/workbench/management/AccountManagementPanel.tsx +82 -82
  398. package/src/workbench/management/CommandInspectorPanel.tsx +127 -127
  399. package/src/workbench/management/CommandManagementPanel.tsx +129 -129
  400. package/src/workbench/management/CommandManagementSidebar.tsx +318 -318
  401. package/src/workbench/management/ExtensionManagementPanel.tsx +527 -498
  402. package/src/workbench/management/ExtensionManagementSidebar.tsx +509 -492
  403. package/src/workbench/management/IntegrationCommandActions.tsx +78 -78
  404. package/src/workbench/management/IntegrationSettingsSurface.tsx +290 -290
  405. package/src/workbench/management/IntegrationsShell.tsx +53 -53
  406. package/src/workbench/management/KeybindingCaptureField.tsx +142 -142
  407. package/src/workbench/management/KeybindingManagementPanel.tsx +120 -120
  408. package/src/workbench/management/LibraryCatalogPickerDialog.tsx +208 -208
  409. package/src/workbench/management/LibraryFacetFilterDialog.tsx +62 -62
  410. package/src/workbench/management/ManagementCard.tsx +89 -89
  411. package/src/workbench/management/ManagementFilterChips.tsx +41 -41
  412. package/src/workbench/management/ManagementGroup.tsx +56 -56
  413. package/src/workbench/management/ManagementPanelControls.tsx +43 -43
  414. package/src/workbench/management/ManagementPanelFrame.tsx +109 -109
  415. package/src/workbench/management/WorkbenchDialogFrame.tsx +148 -148
  416. package/src/workbench/management/WorkbenchNotice.tsx +211 -211
  417. package/src/workbench/management/build-command-management-groups.ts +157 -157
  418. package/src/workbench/management/command-inspector-uri.ts +26 -26
  419. package/src/workbench/management/extension-category-display.ts +42 -42
  420. package/src/workbench/management/extension-install-approval.ts +72 -0
  421. package/src/workbench/management/format-command-run-state.ts +19 -19
  422. package/src/workbench/management/index.ts +137 -130
  423. package/src/workbench/management/integration-command-action.ts +25 -25
  424. package/src/workbench/management/library-catalog-picker-dialog.css +56 -56
  425. package/src/workbench/management/library-facet-filter-dialog.css +8 -8
  426. package/src/workbench/management/management-panel.css +444 -444
  427. package/src/workbench/management/management.css +4 -4
  428. package/src/workbench/management/types.ts +139 -126
  429. package/src/workbench/{MarkdownPreview.tsx → markdown/MarkdownPreview.tsx} +162 -147
  430. package/src/workbench/markdown/markdownRemarkPlugins.ts +12 -0
  431. package/src/workbench/markdown/sanitizeMarkdownHref.ts +29 -0
  432. package/src/workbench/schema/index.ts +47 -47
  433. package/src/workbench/schema/workbenchDocument.ts +31 -31
  434. package/src/workbench/schema/workbenchDocumentActions.ts +6 -6
  435. package/src/workbench/schema/workbenchDocumentAdapter.ts +9 -9
  436. package/src/workbench/schema/workbenchDocumentPatch.ts +13 -13
  437. package/src/workbench/schema/workbenchDocumentRenderer.tsx +702 -702
  438. package/src/workbench/settings/NavigationPanel.tsx +86 -86
  439. package/src/workbench/settings/SchemaForm.tsx +433 -433
  440. package/src/workbench/settings/SectionTabPanel.tsx +172 -172
  441. package/src/workbench/settings/SectionedPanel.tsx +169 -169
  442. package/src/workbench/settings/StructuredDataForm.tsx +619 -619
  443. package/src/workbench/settings/StructuredDataSchemaPanel.tsx +811 -811
  444. package/src/workbench/settings/StructuredDataSchemaPanelEmbed.tsx +21 -21
  445. package/src/workbench/settings/StructuredDataSchemaPanelFrame.tsx +76 -76
  446. package/src/workbench/settings/StructuredDataTableView.tsx +127 -127
  447. package/src/workbench/settings/WorkbenchPanelRegion.tsx +46 -46
  448. package/src/workbench/settings/WorkbenchSettingsModal.tsx +251 -251
  449. package/src/workbench/settings/WorkbenchSettingsNav.tsx +57 -57
  450. package/src/workbench/settings/WorkbenchSettingsSection.tsx +30 -30
  451. package/src/workbench/settings/extensionSettingsForm.ts +34 -34
  452. package/src/workbench/settings/index.ts +177 -177
  453. package/src/workbench/settings/navigation-panel.css +59 -59
  454. package/src/workbench/settings/panel-region.css +22 -22
  455. package/src/workbench/settings/schema-form.css +36 -36
  456. package/src/workbench/settings/schemaFormSettingSpec.ts +177 -177
  457. package/src/workbench/settings/schemaFormSettingsCategory.tsx +21 -21
  458. package/src/workbench/settings/section-tab-panel.css +157 -157
  459. package/src/workbench/settings/sectionScrollSpyDom.ts +139 -139
  460. package/src/workbench/settings/sectioned-panel.css +162 -162
  461. package/src/workbench/settings/sectionedPanelScrollSpy.ts +273 -273
  462. package/src/workbench/settings/settings-responsive.css +58 -58
  463. package/src/workbench/settings/settings.css +11 -11
  464. package/src/workbench/settings/settingsCommit.tsx +55 -55
  465. package/src/workbench/settings/structured-data-form.css +114 -114
  466. package/src/workbench/settings/structured-data-schema-panel.css +344 -344
  467. package/src/workbench/settings/structured-data-table-view.css +85 -85
  468. package/src/workbench/settings/structuredDataFormModel.ts +140 -140
  469. package/src/workbench/settings/structuredDataSchema.ts +339 -339
  470. package/src/workbench/settings/structuredDataSchemaDate.ts +197 -197
  471. package/src/workbench/settings/structuredDataSchemaField.ts +105 -105
  472. package/src/workbench/settings/structuredDataSchemaSection.ts +74 -74
  473. package/src/workbench/settings/structuredDataSchemaTable.ts +120 -120
  474. package/src/workbench/settings/structuredDataSchemaTypes.ts +308 -308
  475. package/src/workbench/settings/structuredDataSchemaValidation.ts +166 -166
  476. package/src/workbench/settings/types.ts +16 -16
  477. package/src/workbench/settings/useSectionScrollSpy.ts +420 -420
  478. package/src/workbench/settings/workbench-settings-modal.css +273 -273
  479. package/src/workbench/{ActivityBar.tsx → shell/ActivityBar.tsx} +159 -159
  480. package/src/workbench/{ArtifactShell.tsx → shell/ArtifactShell.tsx} +397 -397
  481. package/src/workbench/{SplitView.tsx → shell/SplitView.tsx} +485 -485
  482. package/src/workbench/{StatusBar.tsx → shell/StatusBar.tsx} +180 -180
  483. package/src/workbench/{StructuredArtifactEditor.tsx → shell/StructuredArtifactEditor.tsx} +205 -205
  484. package/src/workbench/{Timeline.tsx → shell/Timeline.tsx} +297 -297
  485. package/src/workbench/{WorkbenchCanvasShell.defaults.ts → shell/WorkbenchCanvasShell.defaults.ts} +106 -106
  486. package/src/workbench/{WorkbenchCanvasShell.model.ts → shell/WorkbenchCanvasShell.model.ts} +46 -46
  487. package/src/workbench/{WorkbenchCanvasShell.tsx → shell/WorkbenchCanvasShell.tsx} +827 -827
  488. package/src/workbench/{WorkbenchDesktopTitleBar.tsx → shell/WorkbenchDesktopTitleBar.tsx} +126 -126
  489. package/src/workbench/{WorkbenchShell.tsx → shell/WorkbenchShell.tsx} +192 -192
  490. package/src/workbench/{WorkbenchShellTitleBarLayoutControls.tsx → shell/WorkbenchShellTitleBarLayoutControls.tsx} +80 -80
  491. package/src/workbench/{WorkbenchStandaloneShell.tsx → shell/WorkbenchStandaloneShell.tsx} +604 -604
  492. package/src/workbench/{WorkbenchViewEditor.tsx → shell/WorkbenchViewEditor.tsx} +75 -75
  493. package/src/workbench/{WorkbenchViewSidebar.tsx → shell/WorkbenchViewSidebar.tsx} +85 -85
  494. package/src/workbench/{WorkbenchWindowChromeControls.tsx → shell/WorkbenchWindowChromeControls.tsx} +293 -290
  495. package/src/workbench/shell/activity-bar.css +245 -245
  496. package/src/workbench/{activityBarOrder.ts → shell/activityBarOrder.ts} +98 -98
  497. package/src/workbench/{appearanceLabels.ts → shell/appearanceLabels.ts} +28 -28
  498. package/src/workbench/shell/confirmation-flow.css +87 -87
  499. package/src/workbench/{hardReset.ts → shell/hardReset.ts} +64 -64
  500. package/src/workbench/shell/index.css +5 -5
  501. package/src/workbench/{shell.ts → shell/shell.ts} +152 -146
  502. package/src/workbench/{shellPresets.ts → shell/shellPresets.ts} +36 -36
  503. package/src/workbench/{shellState.ts → shell/shellState.ts} +196 -196
  504. package/src/workbench/{shellViewModel.ts → shell/shellViewModel.ts} +160 -160
  505. package/src/workbench/{sidebarViewPlacementDnd.ts → shell/sidebarViewPlacementDnd.ts} +61 -61
  506. package/src/workbench/shell/split-view.css +188 -188
  507. package/src/workbench/{standalone.ts → shell/standalone.ts} +101 -101
  508. package/src/workbench/shell/status-bar.css +141 -141
  509. package/src/workbench/{status.ts → shell/status.ts} +133 -133
  510. package/src/workbench/{useDeferredWorkbenchMount.ts → shell/useDeferredWorkbenchMount.ts} +71 -71
  511. package/src/workbench/{useWorkbenchAppearanceDocumentSync.tsx → shell/useWorkbenchAppearanceDocumentSync.tsx} +17 -17
  512. package/src/workbench/{useWorkbenchSidebarActionBarDnd.ts → shell/useWorkbenchSidebarActionBarDnd.ts} +227 -227
  513. package/src/workbench/{useWorkbenchSidebarLayout.tsx → shell/useWorkbenchSidebarLayout.tsx} +232 -232
  514. package/src/workbench/{useWorkbenchSidebarViewPlacementDropZone.ts → shell/useWorkbenchSidebarViewPlacementDropZone.ts} +194 -194
  515. package/src/workbench/{useWorkbenchStandaloneShellStateSync.tsx → shell/useWorkbenchStandaloneShellStateSync.tsx} +112 -112
  516. package/src/workbench/{workbenchSidebarLayoutContext.ts → shell/workbenchSidebarLayoutContext.ts} +46 -46
  517. package/src/workbench/{workbenchStandaloneShellReactContext.tsx → shell/workbenchStandaloneShellReactContext.tsx} +80 -80
  518. package/src/workbench/{workbenchViewRouteState.ts → shell/workbenchViewRouteState.ts} +151 -151
  519. package/src/workbench/{WorkbenchThemeProvider.tsx → theme/WorkbenchThemeProvider.tsx} +142 -142
  520. package/src/workbench/{theme.ts → theme/theme.ts} +50 -50
  521. package/src/workbench/{themePresets.ts → theme/themePresets.ts} +191 -191
  522. package/src/workbench/views/action-list.css +144 -144
  523. package/src/workbench/views/artifact-preview.css +184 -184
  524. package/src/workbench/views/command-inspector.css +98 -98
  525. package/src/workbench/views/command-list.css +356 -356
  526. package/src/workbench/views/commands-sidebar.css +51 -51
  527. package/src/workbench/views/extensions-sidebar.css +175 -175
  528. package/src/workbench/views/multi-provider-explorer.css +182 -182
  529. package/src/workbench/views/search.css +10 -10
  530. package/src/workbench/views/timeline.css +239 -239
  531. package/src/workbench/views/view-hosts.css +37 -37
  532. package/src/workbench/views/view-sidebar.css +21 -21
  533. package/src/workbench/views/views.css +12 -12
  534. package/src/workbench/widgets/widget-tree.css +598 -598
  535. package/src/workbench/widgets/widgets.css +2 -2
  536. package/src/workbench/workspace/WorkspaceDraftsContext.tsx +99 -99
  537. package/src/workbench/workspace/WorkspaceEditor.tsx +165 -165
  538. package/src/workbench/workspace/WorkspaceEditorPanel.tsx +393 -393
  539. package/src/workbench/workspace/WorkspaceExplorer.tsx +630 -630
  540. package/src/workbench/workspace/WorkspaceExplorerPanel.tsx +73 -73
  541. package/src/workbench/workspace/WorkspaceFileIcon.tsx +23 -23
  542. package/src/workbench/workspace/WorkspaceHighlightedText.tsx +22 -22
  543. package/src/workbench/workspace/WorkspacePathLabel.tsx +42 -42
  544. package/src/workbench/workspace/WorkspaceSearchPanel.tsx +116 -116
  545. package/src/workbench/workspace/WorkspaceSearchResults.tsx +51 -51
  546. package/src/workbench/workspace/build-workspace-explorer-nodes.ts +44 -44
  547. package/src/workbench/workspace/createVirtualWorkspaceExplorerPort.ts +141 -141
  548. package/src/workbench/workspace/explorer-tree-style.ts +18 -18
  549. package/src/workbench/workspace/index.ts +169 -169
  550. package/src/workbench/workspace/json-config-workbench.css +57 -57
  551. package/src/workbench/workspace/mimeType.ts +45 -45
  552. package/src/workbench/workspace/monaco-panel.css +71 -71
  553. package/src/workbench/workspace/path.ts +12 -12
  554. package/src/workbench/workspace/search.ts +6 -6
  555. package/src/workbench/workspace/tree.ts +1 -1
  556. package/src/workbench/workspace/types.ts +10 -10
  557. package/src/workbench/workspace/useVirtualWorkspace.ts +111 -111
  558. package/src/workbench/workspace/useWorkspaceExplorerController.ts +490 -490
  559. package/src/workbench/workspace/workspace-editor.css +235 -235
  560. package/src/workbench/workspace/workspace-explorer-panel.css +33 -33
  561. package/src/workbench/workspace/workspace.css +5 -5
  562. package/src/workbench/workspace/workspaceExplorerController.ts +193 -193
  563. package/src/workbench/workspace/workspaceJsonDiagnostics.ts +84 -83
  564. package/src/workbench-menu-surfaces.css +57 -57
  565. package/src/workbench/jdw/jdw-editors.css +0 -4
  566. package/src/workbench/jdw/jdw.css +0 -2
  567. package/src/workbench/markdownRemarkPlugins.ts +0 -4
  568. package/src/workbench/workbench-chrome.css +0 -4
package/src/workbench/management/management-panel.css CHANGED
@@ -1,444 +1,444 @@
1
- .workbench-management-panel {
2
- display: grid;
3
- gap: 16px;
4
- }
5
-
6
- .workbench-management-panel .workbench-management-controls,
7
- .workbench-management-panel .workbench-management-card-list,
8
- .workbench-management-panel .workbench-management-groups,
9
- .workbench-management-panel .workbench-management-notice,
10
- .workbench-management-panel .workbench-management-empty,
11
- .workbench-management-panel .workbench-management-run-state {
12
- width: 100%;
13
- max-width: 680px;
14
- }
15
-
16
- .workbench-management-controls.ui-filter-bar {
17
- gap: 10px;
18
- padding: 0;
19
- border-bottom: 0;
20
- }
21
-
22
- .workbench-management-controls__meta {
23
- display: flex;
24
- flex-wrap: wrap;
25
- align-items: center;
26
- justify-content: space-between;
27
- gap: 8px 12px;
28
- }
29
-
30
- .workbench-management-controls__meta .workbench-management-summary {
31
- flex: 1 1 auto;
32
- min-width: 0;
33
- }
34
-
35
- .workbench-management-filter-chips {
36
- display: flex;
37
- flex-wrap: wrap;
38
- align-items: center;
39
- gap: 6px;
40
- }
41
-
42
- .workbench-management-search {
43
- width: 100%;
44
- }
45
-
46
- .workbench-management-tabs.ui-tabbed-panels {
47
- height: auto;
48
- min-height: 0;
49
- }
50
-
51
- .workbench-management-tabs .ui-tabbed-panels__tabs {
52
- background: transparent;
53
- border-bottom: 1px solid var(--color-border);
54
- }
55
-
56
- .workbench-management-tabs .ui-tabbed-panels__tab {
57
- max-width: none;
58
- height: 32px;
59
- padding: 0 2px;
60
- margin-right: 18px;
61
- color: var(--color-text-muted);
62
- background: transparent;
63
- border: 0;
64
- border-bottom: 2px solid transparent;
65
- border-radius: 0;
66
- }
67
-
68
- .workbench-management-tabs .ui-tabbed-panels__tab--active {
69
- margin-bottom: -1px;
70
- color: var(--color-text);
71
- background: transparent;
72
- border-bottom-color: var(--color-accent, #3794ff);
73
- }
74
-
75
- .workbench-management-tabs .ui-tabbed-panels__panel {
76
- flex: none;
77
- overflow: visible;
78
- padding-top: 14px;
79
- display: grid;
80
- gap: 14px;
81
- }
82
-
83
- .workbench-management-summary {
84
- margin: 0;
85
- color: var(--color-text-muted);
86
- font-size: var(--font-size-sm);
87
- }
88
-
89
- .workbench-management-run-state {
90
- display: inline-flex;
91
- align-items: center;
92
- gap: 8px;
93
- margin: 0;
94
- padding: 10px 12px;
95
- border: 1px solid var(--color-border);
96
- border-radius: 8px;
97
- background: var(--color-surface);
98
- color: var(--color-text-muted);
99
- font-size: var(--font-size-sm);
100
- }
101
-
102
- .workbench-management-run-state--running {
103
- border-color: color-mix(in srgb, var(--color-accent, #3794ff) 45%, var(--color-border));
104
- }
105
-
106
- .workbench-management-run-state--error {
107
- border-color: color-mix(in srgb, var(--color-danger, #f14c4c) 45%, var(--color-border));
108
- color: var(--color-danger, #f14c4c);
109
- }
110
-
111
- .workbench-management-empty {
112
- margin: 0;
113
- color: var(--color-text-muted);
114
- font-size: var(--font-size-sm);
115
- }
116
-
117
- .workbench-management-groups {
118
- display: grid;
119
- gap: 16px;
120
- }
121
-
122
- .workbench-management-group {
123
- display: grid;
124
- gap: 10px;
125
- }
126
-
127
- .workbench-management-group--section + .workbench-management-group--section {
128
- padding-top: 12px;
129
- border-top: 1px solid var(--color-border);
130
- }
131
-
132
- .workbench-management-group__header {
133
- display: flex;
134
- align-items: center;
135
- gap: 8px;
136
- }
137
-
138
- .workbench-management-group__icon {
139
- color: var(--color-text-muted);
140
- font-size: 14px;
141
- }
142
-
143
- .workbench-management-group__title {
144
- margin: 0;
145
- color: var(--color-text-subtle);
146
- font-size: 11px;
147
- font-weight: 600;
148
- letter-spacing: 0.04em;
149
- text-transform: uppercase;
150
- }
151
-
152
- .workbench-management-notice {
153
- margin: 0;
154
- padding: 10px 12px;
155
- border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
156
- border-radius: 8px;
157
- background: color-mix(in srgb, var(--color-surface) 92%, var(--color-accent, #3794ff) 8%);
158
- color: var(--color-text-muted);
159
- font-size: 12px;
160
- line-height: 1.45;
161
- }
162
-
163
- .workbench-management-card-list {
164
- list-style: none;
165
- margin: 0;
166
- padding: 0;
167
- display: grid;
168
- gap: 10px;
169
- }
170
-
171
- .workbench-management-card {
172
- display: grid;
173
- gap: 12px;
174
- padding: 14px;
175
- border: 1px solid var(--color-border);
176
- border-radius: 12px;
177
- background: var(--color-surface);
178
- }
179
-
180
- .workbench-management-card--active {
181
- border-color: color-mix(in srgb, var(--color-accent, #3794ff) 45%, var(--color-border));
182
- }
183
-
184
- .workbench-management-card--media {
185
- align-items: center;
186
- grid-template-columns: auto minmax(0, 1fr) auto;
187
- }
188
-
189
- .workbench-management-card--row {
190
- align-items: flex-start;
191
- }
192
-
193
- @media (min-width: 720px) {
194
- .workbench-management-card--row {
195
- grid-template-columns: minmax(0, 1fr) auto;
196
- align-items: center;
197
- }
198
- }
199
-
200
- .workbench-management-card--stack {
201
- grid-template-columns: minmax(0, 1fr);
202
- }
203
-
204
- .workbench-management-card--stack .workbench-management-card__actions {
205
- justify-content: flex-start;
206
- }
207
-
208
- .workbench-management-card__icon-wrap {
209
- display: inline-flex;
210
- align-items: center;
211
- justify-content: center;
212
- width: 40px;
213
- height: 40px;
214
- border-radius: 10px;
215
- }
216
-
217
- .workbench-management-card__icon-wrap--feature {
218
- background: color-mix(in srgb, var(--color-accent, #3794ff) 14%, var(--color-surface));
219
- color: var(--color-accent, #3794ff);
220
- }
221
-
222
- .workbench-management-card__icon-wrap--editor {
223
- background: color-mix(in srgb, #89d185 14%, var(--color-surface));
224
- color: #89d185;
225
- }
226
-
227
- .workbench-management-card__icon-wrap--theme {
228
- background: color-mix(in srgb, #c586c0 14%, var(--color-surface));
229
- color: #c586c0;
230
- }
231
-
232
- .workbench-management-card__icon-wrap--language {
233
- background: color-mix(in srgb, #dcdcaa 14%, var(--color-surface));
234
- color: #dcdcaa;
235
- }
236
-
237
- .workbench-management-card__icon-wrap--neutral {
238
- background: color-mix(in srgb, var(--color-border) 40%, var(--color-surface));
239
- color: var(--color-text-muted);
240
- }
241
-
242
- .workbench-management-card__icon {
243
- font-size: 18px;
244
- }
245
-
246
- .workbench-management-card__body {
247
- min-width: 0;
248
- display: grid;
249
- gap: 6px;
250
- }
251
-
252
- .workbench-management-card__header {
253
- display: flex;
254
- align-items: flex-start;
255
- justify-content: space-between;
256
- gap: 8px;
257
- }
258
-
259
- .workbench-management-card--media .workbench-management-card__header {
260
- flex-direction: column;
261
- align-items: flex-start;
262
- }
263
-
264
- .workbench-management-card__titles {
265
- min-width: 0;
266
- display: grid;
267
- gap: 4px;
268
- }
269
-
270
- .workbench-management-card__title {
271
- font-size: var(--font-size-sm);
272
- font-weight: 600;
273
- }
274
-
275
- .workbench-management-card__subtitle {
276
- margin: 0;
277
- color: var(--color-text-muted);
278
- font-size: var(--font-size-sm);
279
- }
280
-
281
- .workbench-management-card__badges {
282
- display: flex;
283
- flex-wrap: wrap;
284
- gap: 6px;
285
- }
286
-
287
- .workbench-management-card__id {
288
- color: var(--color-text-muted);
289
- font-size: 12px;
290
- }
291
-
292
- .workbench-management-card__description {
293
- margin: 0;
294
- color: var(--color-text-subtle);
295
- font-size: 12px;
296
- line-height: 1.45;
297
- }
298
-
299
- .workbench-management-card__details {
300
- display: grid;
301
- gap: 8px;
302
- margin: 0;
303
- }
304
-
305
- .workbench-management-card__details div {
306
- display: grid;
307
- gap: 2px;
308
- }
309
-
310
- .workbench-management-card__details dt {
311
- color: var(--color-text-subtle);
312
- font-size: 11px;
313
- font-weight: 600;
314
- letter-spacing: 0.04em;
315
- text-transform: uppercase;
316
- }
317
-
318
- .workbench-management-card__details dd {
319
- margin: 0;
320
- font-size: var(--font-size-sm);
321
- }
322
-
323
- .workbench-management-card__actions {
324
- display: flex;
325
- flex-wrap: wrap;
326
- align-items: center;
327
- gap: 8px;
328
- justify-content: flex-end;
329
- }
330
-
331
- .workbench-management-list {
332
- list-style: none;
333
- margin: 0;
334
- padding: 0;
335
- display: grid;
336
- gap: 8px;
337
- }
338
-
339
- .workbench-management-list-item {
340
- display: flex;
341
- align-items: flex-start;
342
- justify-content: space-between;
343
- gap: 12px;
344
- padding: 12px;
345
- border: 1px solid var(--color-border);
346
- border-radius: 10px;
347
- background: var(--color-surface);
348
- }
349
-
350
- .workbench-management-list-item--responsive {
351
- display: grid;
352
- }
353
-
354
- @media (min-width: 720px) {
355
- .workbench-management-list-item--responsive {
356
- grid-template-columns: minmax(0, 1fr) auto;
357
- align-items: center;
358
- }
359
- }
360
-
361
- .workbench-management-list-item__main {
362
- min-width: 0;
363
- display: grid;
364
- gap: 6px;
365
- }
366
-
367
- .workbench-management-list-item__label {
368
- font-size: var(--font-size-sm);
369
- font-weight: 600;
370
- }
371
-
372
- .workbench-management-list-item__id {
373
- color: var(--color-text-muted);
374
- font-size: 12px;
375
- }
376
-
377
- .workbench-management-list-item__meta {
378
- display: flex;
379
- flex-wrap: wrap;
380
- gap: 6px;
381
- }
382
-
383
- .workbench-management-list-item__menus {
384
- margin: 0;
385
- color: var(--color-text-subtle);
386
- font-size: 12px;
387
- }
388
-
389
- .workbench-management-list-item__actions {
390
- display: flex;
391
- flex-wrap: wrap;
392
- align-items: center;
393
- gap: 8px;
394
- }
395
-
396
- .workbench-keybinding-capture {
397
- display: inline-flex;
398
- align-items: center;
399
- gap: 6px;
400
- }
401
-
402
- .workbench-keybinding-capture__trigger {
403
- --ui-button-min-width: 160px;
404
- --ui-button-min-height: 30px;
405
- --ui-button-height: auto;
406
- --ui-button-justify-content: flex-start;
407
- --ui-button-padding: 0 10px;
408
- --ui-button-border: 1px solid var(--color-border);
409
- --ui-button-border-radius: 6px;
410
- --ui-button-background: var(--color-surface-hover);
411
- --ui-button-color: var(--color-text);
412
- --ui-button-font-family: inherit;
413
- --ui-button-font-size: 12px;
414
- --ui-button-font-weight: 400;
415
- --ui-button-text-align: left;
416
- --ui-button-hover-background: var(--color-surface-hover);
417
- --ui-button-disabled-background: var(--color-surface-hover);
418
- min-width: 160px;
419
- min-height: 30px;
420
- padding: 0 10px;
421
- border: 1px solid var(--color-border);
422
- border-radius: 6px;
423
- background: var(--color-surface-hover);
424
- color: var(--color-text);
425
- font-family: inherit;
426
- font-size: 12px;
427
- text-align: left;
428
- cursor: pointer;
429
- }
430
-
431
- .workbench-keybinding-capture__trigger:hover:not(:disabled) {
432
- border-color: var(--color-accent, var(--vscode-focusBorder, #3794ff));
433
- }
434
-
435
- .workbench-keybinding-capture__trigger--recording,
436
- .workbench-keybinding-capture__trigger--recording:hover {
437
- border-color: var(--color-accent, var(--vscode-focusBorder, #3794ff));
438
- box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-accent, #3794ff) 35%, transparent);
439
- }
440
-
441
- .workbench-keybinding-capture__trigger:disabled {
442
- opacity: 0.55;
443
- cursor: not-allowed;
444
- }
1
+ .workbench-management-panel {
2
+ display: grid;
3
+ gap: 16px;
4
+ }
5
+
6
+ .workbench-management-panel .workbench-management-controls,
7
+ .workbench-management-panel .workbench-management-card-list,
8
+ .workbench-management-panel .workbench-management-groups,
9
+ .workbench-management-panel .workbench-management-notice,
10
+ .workbench-management-panel .workbench-management-empty,
11
+ .workbench-management-panel .workbench-management-run-state {
12
+ width: 100%;
13
+ max-width: 680px;
14
+ }
15
+
16
+ .workbench-management-controls.ui-filter-bar {
17
+ gap: 10px;
18
+ padding: 0;
19
+ border-bottom: 0;
20
+ }
21
+
22
+ .workbench-management-controls__meta {
23
+ display: flex;
24
+ flex-wrap: wrap;
25
+ align-items: center;
26
+ justify-content: space-between;
27
+ gap: 8px 12px;
28
+ }
29
+
30
+ .workbench-management-controls__meta .workbench-management-summary {
31
+ flex: 1 1 auto;
32
+ min-width: 0;
33
+ }
34
+
35
+ .workbench-management-filter-chips {
36
+ display: flex;
37
+ flex-wrap: wrap;
38
+ align-items: center;
39
+ gap: 6px;
40
+ }
41
+
42
+ .workbench-management-search {
43
+ width: 100%;
44
+ }
45
+
46
+ .workbench-management-tabs.ui-tabbed-panels {
47
+ height: auto;
48
+ min-height: 0;
49
+ }
50
+
51
+ .workbench-management-tabs .ui-tabbed-panels__tabs {
52
+ background: transparent;
53
+ border-bottom: 1px solid var(--color-border);
54
+ }
55
+
56
+ .workbench-management-tabs .ui-tabbed-panels__tab {
57
+ max-width: none;
58
+ height: 32px;
59
+ padding: 0 2px;
60
+ margin-right: 18px;
61
+ color: var(--color-text-muted);
62
+ background: transparent;
63
+ border: 0;
64
+ border-bottom: 2px solid transparent;
65
+ border-radius: 0;
66
+ }
67
+
68
+ .workbench-management-tabs .ui-tabbed-panels__tab--active {
69
+ margin-bottom: -1px;
70
+ color: var(--color-text);
71
+ background: transparent;
72
+ border-bottom-color: var(--color-accent, #3794ff);
73
+ }
74
+
75
+ .workbench-management-tabs .ui-tabbed-panels__panel {
76
+ flex: none;
77
+ overflow: visible;
78
+ padding-top: 14px;
79
+ display: grid;
80
+ gap: 14px;
81
+ }
82
+
83
+ .workbench-management-summary {
84
+ margin: 0;
85
+ color: var(--color-text-muted);
86
+ font-size: var(--font-size-sm);
87
+ }
88
+
89
+ .workbench-management-run-state {
90
+ display: inline-flex;
91
+ align-items: center;
92
+ gap: 8px;
93
+ margin: 0;
94
+ padding: 10px 12px;
95
+ border: 1px solid var(--color-border);
96
+ border-radius: 8px;
97
+ background: var(--color-surface);
98
+ color: var(--color-text-muted);
99
+ font-size: var(--font-size-sm);
100
+ }
101
+
102
+ .workbench-management-run-state--running {
103
+ border-color: color-mix(in srgb, var(--color-accent, #3794ff) 45%, var(--color-border));
104
+ }
105
+
106
+ .workbench-management-run-state--error {
107
+ border-color: color-mix(in srgb, var(--color-danger, #f14c4c) 45%, var(--color-border));
108
+ color: var(--color-danger, #f14c4c);
109
+ }
110
+
111
+ .workbench-management-empty {
112
+ margin: 0;
113
+ color: var(--color-text-muted);
114
+ font-size: var(--font-size-sm);
115
+ }
116
+
117
+ .workbench-management-groups {
118
+ display: grid;
119
+ gap: 16px;
120
+ }
121
+
122
+ .workbench-management-group {
123
+ display: grid;
124
+ gap: 10px;
125
+ }
126
+
127
+ .workbench-management-group--section + .workbench-management-group--section {
128
+ padding-top: 12px;
129
+ border-top: 1px solid var(--color-border);
130
+ }
131
+
132
+ .workbench-management-group__header {
133
+ display: flex;
134
+ align-items: center;
135
+ gap: 8px;
136
+ }
137
+
138
+ .workbench-management-group__icon {
139
+ color: var(--color-text-muted);
140
+ font-size: 14px;
141
+ }
142
+
143
+ .workbench-management-group__title {
144
+ margin: 0;
145
+ color: var(--color-text-subtle);
146
+ font-size: 11px;
147
+ font-weight: 600;
148
+ letter-spacing: 0.04em;
149
+ text-transform: uppercase;
150
+ }
151
+
152
+ .workbench-management-notice {
153
+ margin: 0;
154
+ padding: 10px 12px;
155
+ border: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
156
+ border-radius: 8px;
157
+ background: color-mix(in srgb, var(--color-surface) 92%, var(--color-accent, #3794ff) 8%);
158
+ color: var(--color-text-muted);
159
+ font-size: 12px;
160
+ line-height: 1.45;
161
+ }
162
+
163
+ .workbench-management-card-list {
164
+ list-style: none;
165
+ margin: 0;
166
+ padding: 0;
167
+ display: grid;
168
+ gap: 10px;
169
+ }
170
+
171
+ .workbench-management-card {
172
+ display: grid;
173
+ gap: 12px;
174
+ padding: 14px;
175
+ border: 1px solid var(--color-border);
176
+ border-radius: 12px;
177
+ background: var(--color-surface);
178
+ }
179
+
180
+ .workbench-management-card--active {
181
+ border-color: color-mix(in srgb, var(--color-accent, #3794ff) 45%, var(--color-border));
182
+ }
183
+
184
+ .workbench-management-card--media {
185
+ align-items: center;
186
+ grid-template-columns: auto minmax(0, 1fr) auto;
187
+ }
188
+
189
+ .workbench-management-card--row {
190
+ align-items: flex-start;
191
+ }
192
+
193
+ @media (min-width: 720px) {
194
+ .workbench-management-card--row {
195
+ grid-template-columns: minmax(0, 1fr) auto;
196
+ align-items: center;
197
+ }
198
+ }
199
+
200
+ .workbench-management-card--stack {
201
+ grid-template-columns: minmax(0, 1fr);
202
+ }
203
+
204
+ .workbench-management-card--stack .workbench-management-card__actions {
205
+ justify-content: flex-start;
206
+ }
207
+
208
+ .workbench-management-card__icon-wrap {
209
+ display: inline-flex;
210
+ align-items: center;
211
+ justify-content: center;
212
+ width: 40px;
213
+ height: 40px;
214
+ border-radius: 10px;
215
+ }
216
+
217
+ .workbench-management-card__icon-wrap--feature {
218
+ background: color-mix(in srgb, var(--color-accent, #3794ff) 14%, var(--color-surface));
219
+ color: var(--color-accent, #3794ff);
220
+ }
221
+
222
+ .workbench-management-card__icon-wrap--editor {
223
+ background: color-mix(in srgb, #89d185 14%, var(--color-surface));
224
+ color: #89d185;
225
+ }
226
+
227
+ .workbench-management-card__icon-wrap--theme {
228
+ background: color-mix(in srgb, #c586c0 14%, var(--color-surface));
229
+ color: #c586c0;
230
+ }
231
+
232
+ .workbench-management-card__icon-wrap--language {
233
+ background: color-mix(in srgb, #dcdcaa 14%, var(--color-surface));
234
+ color: #dcdcaa;
235
+ }
236
+
237
+ .workbench-management-card__icon-wrap--neutral {
238
+ background: color-mix(in srgb, var(--color-border) 40%, var(--color-surface));
239
+ color: var(--color-text-muted);
240
+ }
241
+
242
+ .workbench-management-card__icon {
243
+ font-size: 18px;
244
+ }
245
+
246
+ .workbench-management-card__body {
247
+ min-width: 0;
248
+ display: grid;
249
+ gap: 6px;
250
+ }
251
+
252
+ .workbench-management-card__header {
253
+ display: flex;
254
+ align-items: flex-start;
255
+ justify-content: space-between;
256
+ gap: 8px;
257
+ }
258
+
259
+ .workbench-management-card--media .workbench-management-card__header {
260
+ flex-direction: column;
261
+ align-items: flex-start;
262
+ }
263
+
264
+ .workbench-management-card__titles {
265
+ min-width: 0;
266
+ display: grid;
267
+ gap: 4px;
268
+ }
269
+
270
+ .workbench-management-card__title {
271
+ font-size: var(--font-size-sm);
272
+ font-weight: 600;
273
+ }
274
+
275
+ .workbench-management-card__subtitle {
276
+ margin: 0;
277
+ color: var(--color-text-muted);
278
+ font-size: var(--font-size-sm);
279
+ }
280
+
281
+ .workbench-management-card__badges {
282
+ display: flex;
283
+ flex-wrap: wrap;
284
+ gap: 6px;
285
+ }
286
+
287
+ .workbench-management-card__id {
288
+ color: var(--color-text-muted);
289
+ font-size: 12px;
290
+ }
291
+
292
+ .workbench-management-card__description {
293
+ margin: 0;
294
+ color: var(--color-text-subtle);
295
+ font-size: 12px;
296
+ line-height: 1.45;
297
+ }
298
+
299
+ .workbench-management-card__details {
300
+ display: grid;
301
+ gap: 8px;
302
+ margin: 0;
303
+ }
304
+
305
+ .workbench-management-card__details div {
306
+ display: grid;
307
+ gap: 2px;
308
+ }
309
+
310
+ .workbench-management-card__details dt {
311
+ color: var(--color-text-subtle);
312
+ font-size: 11px;
313
+ font-weight: 600;
314
+ letter-spacing: 0.04em;
315
+ text-transform: uppercase;
316
+ }
317
+
318
+ .workbench-management-card__details dd {
319
+ margin: 0;
320
+ font-size: var(--font-size-sm);
321
+ }
322
+
323
+ .workbench-management-card__actions {
324
+ display: flex;
325
+ flex-wrap: wrap;
326
+ align-items: center;
327
+ gap: 8px;
328
+ justify-content: flex-end;
329
+ }
330
+
331
+ .workbench-management-list {
332
+ list-style: none;
333
+ margin: 0;
334
+ padding: 0;
335
+ display: grid;
336
+ gap: 8px;
337
+ }
338
+
339
+ .workbench-management-list-item {
340
+ display: flex;
341
+ align-items: flex-start;
342
+ justify-content: space-between;
343
+ gap: 12px;
344
+ padding: 12px;
345
+ border: 1px solid var(--color-border);
346
+ border-radius: 10px;
347
+ background: var(--color-surface);
348
+ }
349
+
350
+ .workbench-management-list-item--responsive {
351
+ display: grid;
352
+ }
353
+
354
+ @media (min-width: 720px) {
355
+ .workbench-management-list-item--responsive {
356
+ grid-template-columns: minmax(0, 1fr) auto;
357
+ align-items: center;
358
+ }
359
+ }
360
+
361
+ .workbench-management-list-item__main {
362
+ min-width: 0;
363
+ display: grid;
364
+ gap: 6px;
365
+ }
366
+
367
+ .workbench-management-list-item__label {
368
+ font-size: var(--font-size-sm);
369
+ font-weight: 600;
370
+ }
371
+
372
+ .workbench-management-list-item__id {
373
+ color: var(--color-text-muted);
374
+ font-size: 12px;
375
+ }
376
+
377
+ .workbench-management-list-item__meta {
378
+ display: flex;
379
+ flex-wrap: wrap;
380
+ gap: 6px;
381
+ }
382
+
383
+ .workbench-management-list-item__menus {
384
+ margin: 0;
385
+ color: var(--color-text-subtle);
386
+ font-size: 12px;
387
+ }
388
+
389
+ .workbench-management-list-item__actions {
390
+ display: flex;
391
+ flex-wrap: wrap;
392
+ align-items: center;
393
+ gap: 8px;
394
+ }
395
+
396
+ .workbench-keybinding-capture {
397
+ display: inline-flex;
398
+ align-items: center;
399
+ gap: 6px;
400
+ }
401
+
402
+ .workbench-keybinding-capture__trigger {
403
+ --ui-button-min-width: 160px;
404
+ --ui-button-min-height: 30px;
405
+ --ui-button-height: auto;
406
+ --ui-button-justify-content: flex-start;
407
+ --ui-button-padding: 0 10px;
408
+ --ui-button-border: 1px solid var(--color-border);
409
+ --ui-button-border-radius: 6px;
410
+ --ui-button-background: var(--color-surface-hover);
411
+ --ui-button-color: var(--color-text);
412
+ --ui-button-font-family: inherit;
413
+ --ui-button-font-size: 12px;
414
+ --ui-button-font-weight: 400;
415
+ --ui-button-text-align: left;
416
+ --ui-button-hover-background: var(--color-surface-hover);
417
+ --ui-button-disabled-background: var(--color-surface-hover);
418
+ min-width: 160px;
419
+ min-height: 30px;
420
+ padding: 0 10px;
421
+ border: 1px solid var(--color-border);
422
+ border-radius: 6px;
423
+ background: var(--color-surface-hover);
424
+ color: var(--color-text);
425
+ font-family: inherit;
426
+ font-size: 12px;
427
+ text-align: left;
428
+ cursor: pointer;
429
+ }
430
+
431
+ .workbench-keybinding-capture__trigger:hover:not(:disabled) {
432
+ border-color: var(--color-accent, var(--vscode-focusBorder, #3794ff));
433
+ }
434
+
435
+ .workbench-keybinding-capture__trigger--recording,
436
+ .workbench-keybinding-capture__trigger--recording:hover {
437
+ border-color: var(--color-accent, var(--vscode-focusBorder, #3794ff));
438
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--color-accent, #3794ff) 35%, transparent);
439
+ }
440
+
441
+ .workbench-keybinding-capture__trigger:disabled {
442
+ opacity: 0.55;
443
+ cursor: not-allowed;
444
+ }