@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/chat/chat-conversation.css CHANGED
@@ -1,273 +1,273 @@
1
- .chat-conversation-bar {
2
- display: flex;
3
- align-items: center;
4
- gap: 2px;
5
- min-width: 0;
6
- max-width: 100%;
7
- }
8
-
9
- .chat-conversation-bar__pill {
10
- --ui-button-display: inline-flex;
11
- --ui-button-align-items: center;
12
- --ui-button-justify-content: flex-start;
13
- --ui-button-gap: 4px;
14
- --ui-button-min-width: 0;
15
- --ui-button-width: 100%;
16
- --ui-button-height: 22px;
17
- --ui-button-padding: 0 8px;
18
- --ui-button-border: 1px solid var(--color-border-subtle);
19
- --ui-button-border-radius: 999px;
20
- --ui-button-background: var(--color-surface-hover);
21
- --ui-button-color: var(--color-text);
22
- --ui-button-font-size: var(--font-size-xs);
23
- --ui-button-font-weight: 400;
24
- --ui-button-line-height: 1;
25
- --ui-button-hover-background: var(--color-surface-active);
26
- display: inline-flex;
27
- align-items: center;
28
- justify-content: flex-start;
29
- gap: 4px;
30
- min-width: 0;
31
- width: 100%;
32
- height: 22px;
33
- padding: 0 8px;
34
- border: 1px solid var(--color-border-subtle);
35
- border-radius: 999px;
36
- background: var(--color-surface-hover);
37
- color: var(--color-text);
38
- font-size: var(--font-size-xs);
39
- font-weight: 400;
40
- line-height: 1;
41
- cursor: pointer;
42
- }
43
-
44
- .chat-conversation-bar__pill:hover {
45
- background: var(--color-surface-active);
46
- }
47
-
48
- .chat-conversation-bar__pill-label {
49
- min-width: 0;
50
- overflow: hidden;
51
- text-overflow: ellipsis;
52
- white-space: nowrap;
53
- }
54
-
55
- .chat-conversation-bar__pill .codicon {
56
- flex-shrink: 0;
57
- font-size: 12px;
58
- color: var(--color-text-subtle);
59
- }
60
-
61
- .chat-conversation-bar__icon-btn {
62
- flex-shrink: 0;
63
- }
64
-
65
- .chat-conversation-bar__pill-wrap {
66
- position: relative;
67
- flex: 1 1 auto;
68
- min-width: 7.5rem;
69
- max-width: min(160px, 100%);
70
- overflow: visible;
71
- z-index: 1;
72
- }
73
-
74
- .chat-conversation-bar__pill-wrap .chat-conversation-bar__pill {
75
- max-width: 100%;
76
- }
77
-
78
- .chat-conversation-bar__pill--session {
79
- flex: 0 1 auto;
80
- flex-shrink: 1;
81
- min-width: 5.5rem;
82
- max-width: min(108px, 100%);
83
- color: var(--color-text-subtle);
84
- }
85
-
86
- .chat-conversation-bar__pill--session .codicon-folder {
87
- flex-shrink: 0;
88
- font-size: 12px;
89
- }
90
-
91
- .chat-conversation-bar__pill--session:hover {
92
- color: var(--color-text);
93
- }
94
-
95
- .chat-conversation-bar__meta-wrap {
96
- position: absolute;
97
- top: calc(100% + 6px);
98
- left: 0;
99
- right: auto;
100
- z-index: var(--ui-floating-menu-z-index, 120);
101
- display: none;
102
- pointer-events: none;
103
- }
104
-
105
- .chat-conversation-bar__pill-wrap:hover .chat-conversation-bar__meta-wrap,
106
- .chat-conversation-bar__pill-wrap:focus-within .chat-conversation-bar__meta-wrap {
107
- display: block;
108
- }
109
-
110
- .chat-conversation-bar__meta {
111
- min-width: 220px;
112
- padding: 8px 10px;
113
- border: 1px solid var(--color-border-subtle);
114
- border-radius: 8px;
115
- background: var(--color-surface-elevated, var(--color-surface-hover));
116
- box-shadow: var(--shadow-md, 0 8px 24px rgb(0 0 0 / 0.18));
117
- color: var(--color-text);
118
- }
119
-
120
- .chat-conversation-bar__meta-title {
121
- margin-bottom: 6px;
122
- font-size: var(--font-size-xs);
123
- font-weight: 600;
124
- line-height: 1.3;
125
- overflow-wrap: anywhere;
126
- }
127
-
128
- .chat-conversation-bar__meta-list {
129
- display: grid;
130
- gap: 4px;
131
- margin: 0;
132
- }
133
-
134
- .chat-conversation-bar__meta-row {
135
- display: grid;
136
- grid-template-columns: 72px minmax(0, 1fr);
137
- gap: 8px;
138
- align-items: baseline;
139
- }
140
-
141
- .chat-conversation-bar__meta-row dt {
142
- margin: 0;
143
- color: var(--color-text-subtle);
144
- font-size: var(--font-size-xs);
145
- font-weight: 400;
146
- }
147
-
148
- .chat-conversation-bar__meta-row dd {
149
- margin: 0;
150
- min-width: 0;
151
- overflow: hidden;
152
- text-overflow: ellipsis;
153
- white-space: nowrap;
154
- font-size: var(--font-size-xs);
155
- }
156
-
157
- .chat-conversation-bar__menu {
158
- min-width: 260px;
159
- }
160
-
161
- .chat-history-menu {
162
- min-width: 280px;
163
- max-width: 360px;
164
- }
165
-
166
- .chat-history-menu__row {
167
- display: flex;
168
- align-items: stretch;
169
- gap: 0;
170
- border-radius: 0;
171
- }
172
-
173
- .chat-history-menu__row:hover,
174
- .chat-history-menu__row:focus-within {
175
- background: var(--color-surface-hover);
176
- }
177
-
178
- .chat-history-menu__select,
179
- .chat-history-menu__select.ui-button {
180
- --ui-button-flex: 1;
181
- --ui-button-min-width: 0;
182
- --ui-button-min-height: auto;
183
- --ui-button-height: auto;
184
- --ui-button-padding: 7px 10px;
185
- --ui-button-grid-template-columns: 20px minmax(0, 1fr);
186
- --ui-button-hover-background: transparent;
187
- flex: 1;
188
- min-width: 0;
189
- min-height: auto;
190
- height: auto;
191
- padding: 7px 10px;
192
- grid-template-columns: 20px minmax(0, 1fr);
193
- }
194
-
195
- .chat-history-menu__select:hover,
196
- .chat-history-menu__select:focus-visible,
197
- .chat-history-menu__select.ui-button:hover,
198
- .chat-history-menu__select.ui-button:focus-visible {
199
- background: transparent;
200
- }
201
-
202
- .chat-history-menu__label {
203
- display: flex;
204
- flex-direction: column;
205
- gap: 2px;
206
- overflow: hidden;
207
- white-space: normal;
208
- }
209
-
210
- .chat-history-menu__title {
211
- overflow: hidden;
212
- text-overflow: ellipsis;
213
- white-space: nowrap;
214
- }
215
-
216
- .chat-history-menu__meta {
217
- color: var(--color-text-subtle);
218
- font-size: 11px;
219
- line-height: 1.2;
220
- }
221
-
222
- .chat-history-menu__delete {
223
- flex-shrink: 0;
224
- align-self: center;
225
- width: 0;
226
- min-width: 0;
227
- margin-right: 0;
228
- overflow: hidden;
229
- opacity: 0;
230
- pointer-events: none;
231
- transition:
232
- opacity 120ms ease,
233
- width 120ms ease,
234
- margin-right 120ms ease;
235
- }
236
-
237
- .chat-history-menu__row:hover .chat-history-menu__delete:not(:disabled) {
238
- width: 24px;
239
- margin-right: 6px;
240
- opacity: 1;
241
- pointer-events: auto;
242
- }
243
-
244
- .chat-history-menu__delete:focus-visible {
245
- width: 24px;
246
- margin-right: 6px;
247
- opacity: 1;
248
- pointer-events: auto;
249
- }
250
-
251
- .chat-history-menu__delete:disabled {
252
- display: none;
253
- }
254
-
255
- .chat-history-menu__row-menu {
256
- min-width: 180px;
257
- }
258
-
259
- .chat-rename-dialog__body {
260
- display: grid;
261
- gap: 8px;
262
- }
263
-
264
- .chat-rename-dialog__label {
265
- color: var(--color-text-muted);
266
- font-size: var(--font-size-sm);
267
- }
268
-
269
- .chat-rename-dialog__error {
270
- margin: 0;
271
- color: var(--color-danger);
272
- font-size: var(--font-size-sm);
273
- }
1
+ .chat-conversation-bar {
2
+ display: flex;
3
+ align-items: center;
4
+ gap: 2px;
5
+ min-width: 0;
6
+ max-width: 100%;
7
+ }
8
+
9
+ .chat-conversation-bar__pill {
10
+ --ui-button-display: inline-flex;
11
+ --ui-button-align-items: center;
12
+ --ui-button-justify-content: flex-start;
13
+ --ui-button-gap: 4px;
14
+ --ui-button-min-width: 0;
15
+ --ui-button-width: 100%;
16
+ --ui-button-height: 22px;
17
+ --ui-button-padding: 0 8px;
18
+ --ui-button-border: 1px solid var(--color-border-subtle);
19
+ --ui-button-border-radius: 999px;
20
+ --ui-button-background: var(--color-surface-hover);
21
+ --ui-button-color: var(--color-text);
22
+ --ui-button-font-size: var(--font-size-xs);
23
+ --ui-button-font-weight: 400;
24
+ --ui-button-line-height: 1;
25
+ --ui-button-hover-background: var(--color-surface-active);
26
+ display: inline-flex;
27
+ align-items: center;
28
+ justify-content: flex-start;
29
+ gap: 4px;
30
+ min-width: 0;
31
+ width: 100%;
32
+ height: 22px;
33
+ padding: 0 8px;
34
+ border: 1px solid var(--color-border-subtle);
35
+ border-radius: 999px;
36
+ background: var(--color-surface-hover);
37
+ color: var(--color-text);
38
+ font-size: var(--font-size-xs);
39
+ font-weight: 400;
40
+ line-height: 1;
41
+ cursor: pointer;
42
+ }
43
+
44
+ .chat-conversation-bar__pill:hover {
45
+ background: var(--color-surface-active);
46
+ }
47
+
48
+ .chat-conversation-bar__pill-label {
49
+ min-width: 0;
50
+ overflow: hidden;
51
+ text-overflow: ellipsis;
52
+ white-space: nowrap;
53
+ }
54
+
55
+ .chat-conversation-bar__pill .codicon {
56
+ flex-shrink: 0;
57
+ font-size: 12px;
58
+ color: var(--color-text-subtle);
59
+ }
60
+
61
+ .chat-conversation-bar__icon-btn {
62
+ flex-shrink: 0;
63
+ }
64
+
65
+ .chat-conversation-bar__pill-wrap {
66
+ position: relative;
67
+ flex: 1 1 auto;
68
+ min-width: var(--workbench-chat-conversation-pill-min-width, 7.5rem);
69
+ max-width: min(160px, 100%);
70
+ overflow: visible;
71
+ z-index: 1;
72
+ }
73
+
74
+ .chat-conversation-bar__pill-wrap .chat-conversation-bar__pill {
75
+ max-width: 100%;
76
+ }
77
+
78
+ .chat-conversation-bar__pill--session {
79
+ flex: 0 1 auto;
80
+ flex-shrink: 1;
81
+ min-width: var(--workbench-chat-conversation-session-pill-min-width, 5.5rem);
82
+ max-width: min(108px, 100%);
83
+ color: var(--color-text-subtle);
84
+ }
85
+
86
+ .chat-conversation-bar__pill--session .codicon-folder {
87
+ flex-shrink: 0;
88
+ font-size: 12px;
89
+ }
90
+
91
+ .chat-conversation-bar__pill--session:hover {
92
+ color: var(--color-text);
93
+ }
94
+
95
+ .chat-conversation-bar__meta-wrap {
96
+ position: absolute;
97
+ top: calc(100% + 6px);
98
+ left: 0;
99
+ right: auto;
100
+ z-index: var(--ui-floating-menu-z-index, 120);
101
+ display: none;
102
+ pointer-events: none;
103
+ }
104
+
105
+ .chat-conversation-bar__pill-wrap:hover .chat-conversation-bar__meta-wrap,
106
+ .chat-conversation-bar__pill-wrap:focus-within .chat-conversation-bar__meta-wrap {
107
+ display: block;
108
+ }
109
+
110
+ .chat-conversation-bar__meta {
111
+ min-width: 220px;
112
+ padding: 8px 10px;
113
+ border: 1px solid var(--color-border-subtle);
114
+ border-radius: 8px;
115
+ background: var(--color-surface-elevated, var(--color-surface-hover));
116
+ box-shadow: var(--shadow-md, 0 8px 24px rgb(0 0 0 / 0.18));
117
+ color: var(--color-text);
118
+ }
119
+
120
+ .chat-conversation-bar__meta-title {
121
+ margin-bottom: 6px;
122
+ font-size: var(--font-size-xs);
123
+ font-weight: 600;
124
+ line-height: 1.3;
125
+ overflow-wrap: anywhere;
126
+ }
127
+
128
+ .chat-conversation-bar__meta-list {
129
+ display: grid;
130
+ gap: 4px;
131
+ margin: 0;
132
+ }
133
+
134
+ .chat-conversation-bar__meta-row {
135
+ display: grid;
136
+ grid-template-columns: 72px minmax(0, 1fr);
137
+ gap: 8px;
138
+ align-items: baseline;
139
+ }
140
+
141
+ .chat-conversation-bar__meta-row dt {
142
+ margin: 0;
143
+ color: var(--color-text-subtle);
144
+ font-size: var(--font-size-xs);
145
+ font-weight: 400;
146
+ }
147
+
148
+ .chat-conversation-bar__meta-row dd {
149
+ margin: 0;
150
+ min-width: 0;
151
+ overflow: hidden;
152
+ text-overflow: ellipsis;
153
+ white-space: nowrap;
154
+ font-size: var(--font-size-xs);
155
+ }
156
+
157
+ .chat-conversation-bar__menu {
158
+ min-width: 260px;
159
+ }
160
+
161
+ .chat-history-menu {
162
+ min-width: 280px;
163
+ max-width: 360px;
164
+ }
165
+
166
+ .chat-history-menu__row {
167
+ display: flex;
168
+ align-items: stretch;
169
+ gap: 0;
170
+ border-radius: 0;
171
+ }
172
+
173
+ .chat-history-menu__row:hover,
174
+ .chat-history-menu__row:focus-within {
175
+ background: var(--color-surface-hover);
176
+ }
177
+
178
+ .chat-history-menu__select,
179
+ .chat-history-menu__select.ui-button {
180
+ --ui-button-flex: 1;
181
+ --ui-button-min-width: 0;
182
+ --ui-button-min-height: auto;
183
+ --ui-button-height: auto;
184
+ --ui-button-padding: 7px 10px;
185
+ --ui-button-grid-template-columns: 20px minmax(0, 1fr);
186
+ --ui-button-hover-background: transparent;
187
+ flex: 1;
188
+ min-width: 0;
189
+ min-height: auto;
190
+ height: auto;
191
+ padding: 7px 10px;
192
+ grid-template-columns: 20px minmax(0, 1fr);
193
+ }
194
+
195
+ .chat-history-menu__select:hover,
196
+ .chat-history-menu__select:focus-visible,
197
+ .chat-history-menu__select.ui-button:hover,
198
+ .chat-history-menu__select.ui-button:focus-visible {
199
+ background: transparent;
200
+ }
201
+
202
+ .chat-history-menu__label {
203
+ display: flex;
204
+ flex-direction: column;
205
+ gap: 2px;
206
+ overflow: hidden;
207
+ white-space: normal;
208
+ }
209
+
210
+ .chat-history-menu__title {
211
+ overflow: hidden;
212
+ text-overflow: ellipsis;
213
+ white-space: nowrap;
214
+ }
215
+
216
+ .chat-history-menu__meta {
217
+ color: var(--color-text-subtle);
218
+ font-size: 11px;
219
+ line-height: 1.2;
220
+ }
221
+
222
+ .chat-history-menu__delete {
223
+ flex-shrink: 0;
224
+ align-self: center;
225
+ width: 0;
226
+ min-width: 0;
227
+ margin-right: 0;
228
+ overflow: hidden;
229
+ opacity: 0;
230
+ pointer-events: none;
231
+ transition:
232
+ opacity 120ms ease,
233
+ width 120ms ease,
234
+ margin-right 120ms ease;
235
+ }
236
+
237
+ .chat-history-menu__row:hover .chat-history-menu__delete:not(:disabled) {
238
+ width: 24px;
239
+ margin-right: 6px;
240
+ opacity: 1;
241
+ pointer-events: auto;
242
+ }
243
+
244
+ .chat-history-menu__delete:focus-visible {
245
+ width: 24px;
246
+ margin-right: 6px;
247
+ opacity: 1;
248
+ pointer-events: auto;
249
+ }
250
+
251
+ .chat-history-menu__delete:disabled {
252
+ display: none;
253
+ }
254
+
255
+ .chat-history-menu__row-menu {
256
+ min-width: 180px;
257
+ }
258
+
259
+ .chat-rename-dialog__body {
260
+ display: grid;
261
+ gap: 8px;
262
+ }
263
+
264
+ .chat-rename-dialog__label {
265
+ color: var(--color-text-muted);
266
+ font-size: var(--font-size-sm);
267
+ }
268
+
269
+ .chat-rename-dialog__error {
270
+ margin: 0;
271
+ color: var(--color-danger);
272
+ font-size: var(--font-size-sm);
273
+ }