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

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