@workbench-kit/react 0.0.2-prototype.0.2.2 → 0.0.2-prototype.0.2.20

package/README.md

@@ -0,0 +1,125 @@
+# `@workbench-kit/react`
+
+React primitives and workbench chrome for integrating hosts (browser, desktop
+shells, and other React hosts).
+
+Published on npm with the **`prototype`** dist tag.
+
+## Install
+
+```powershell
+pnpm add @workbench-kit/react@prototype @workbench-kit/tokens@prototype
+```
+
+Peer: React 19.
+
+## Styles
+
+Import once at app entry:
+
+```ts
+import '@workbench-kit/tokens/styles.css';
+import '@workbench-kit/react/styles.css';
+import '@workbench-kit/react/primitives.css';
+```
+
+## Quick start
+
+```tsx
+import { WorkbenchShell } from '@workbench-kit/react/workbench/shell';
+
+export function AppShell() {
+  return (
+    <div className="ui-workbench-host-root" style={{ height: '100vh' }}>
+      <WorkbenchShell
+        activityBar={{
+          items: [
+            { id: 'explorer', icon: <i className="codicon codicon-files" />, label: 'Explorer' },
+          ],
+        }}
+        rootClassName="ide-root"
+        secondaryArea={<main>Editor region</main>}
+        statusSections={[]}
+      />
+    </div>
+  );
+}
+```
+
+Full walkthrough: [Getting Started](../../docs/guides/getting-started.md).
+
+## Common subpaths
+
+| Subpath                                    | Purpose                                 |
+| ------------------------------------------ | --------------------------------------- |
+| `@workbench-kit/react/primitives`          | Buttons, editor chrome, library layouts |
+| `@workbench-kit/react/workbench/shell`     | Workbench shell / activity bar          |
+| `@workbench-kit/react/workbench/workspace` | Explorer, workspace editor panel        |
+| `@workbench-kit/react/workbench/chat`      | Chat panel and message surfaces         |
+| `@workbench-kit/react/overlay`             | Context menus, anchored overlays        |
+| `@workbench-kit/react/modal`               | Low-level modal frame                   |
+| `@workbench-kit/react/jdw`                 | JDW preview bridges                     |
+| `@workbench-kit/react/styles.css`          | Shell chrome CSS                        |
+
+Import **only** through `exports`. Do not deep-import `src/` paths.
+
+## Quick Open providers
+
+`WorkbenchQuickOpen` is a file/provider overlay distinct from the command palette.
+Hosts (or `@workbench-kit/shell-react` `WorkbenchCommandHost`) pass pluggable
+providers; the default workspace-files provider wraps
+`searchWorkspaceFiles` from `@workbench-kit/workspace`.
+
+```ts
+import {
+  WorkbenchQuickOpen,
+  createWorkspaceFilesQuickOpenProvider,
+  type QuickOpenProvider,
+} from '@workbench-kit/react/workbench';
+
+const providers: QuickOpenProvider[] = [
+  createWorkspaceFilesQuickOpenProvider({
+    files: workspaceFiles,
+    recentPaths: ['src/App.tsx'],
+  }),
+];
+```
+
+Contract:
+
+- `provider.search(query, { signal })` returns items (sync or `Promise`); the context is
+  optional so simple and existing single-provider implementations can keep a one-argument function
+- Without `providerId`, providers search concurrently and contribute results as they settle;
+  final grouping is deterministic by declared provider order, then provider item order
+- A rejected or slow provider does not block results from other providers; query/provider changes
+  abort the prior signal and late results are ignored
+- `onProviderError` can observe an isolated provider failure without failing the whole search
+- Every result shows its provider label, and selection reports the matching `providerId`
+- Provider IDs are unique; item IDs only need to be stable within their provider
+- Set `providerId` to restrict the overlay to one provider
+- Empty query → all files, with optional `recentPaths` elevated first
+- Enter selects the active item; Escape closes (modal focus trap)
+- Shell default: Ctrl/Cmd+P opens Quick Open; Ctrl/Cmd+Shift+P opens the command palette
+
+## Learn more
+
+| Doc                                                                    | Purpose                       |
+| ---------------------------------------------------------------------- | ----------------------------- |
+| [Getting Started](../../docs/guides/getting-started.md)                | Install + minimal shell       |
+| [Component Map](../../docs/guides/component-map.md)                    | Surface → Storybook / sample  |
+| [Sample Screens](../../docs/guides/sample-screens.md)                  | Example screen recipes        |
+| [Consumer Capabilities](../../docs/workbench/consumer-capabilities.md) | Props / when-to-use contracts |
+| [API Reference](../../docs/guides/api-reference.md)                    | Package export index          |
+
+## Local verification (this monorepo)
+
+```powershell
+pnpm install
+pnpm build:workbench-extensions
+pnpm dev
+pnpm dev:storybook
+```
+
+Storybook stays a curated set of interaction stories — not a full package gallery.
+Demo and story modules under this package are for development; published consumers
+rely on the `exports` map and CSS entry points above.

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@workbench-kit/react",
-  "version": "0.0.2-prototype.0.2.2",
+  "version": "0.0.2-prototype.0.2.20",
   "private": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "type": "module",
   "exports": {
     ".": "./src/index.ts",
@@ -20,17 +23,20 @@
     "./workbench/management": "./src/workbench/management/index.ts",
     "./workbench/settings": "./src/workbench/settings/index.ts",
     "./workbench": "./src/workbench/index.ts",
-    "./workbench/activityBarOrder": "./src/workbench/activityBarOrder.ts",
-    "./workbench/markdown-preview": "./src/workbench/MarkdownPreview.tsx",
-    "./workbench/shell": "./src/workbench/shell.ts",
-    "./workbench/theme-provider": "./src/workbench/WorkbenchThemeProvider.tsx",
-    "./workbench/themePresets": "./src/workbench/themePresets.ts",
-    "./workbench/split-view": "./src/workbench/SplitView.tsx",
+    "./workbench/activityBarOrder": "./src/workbench/shell/activityBarOrder.ts",
+    "./workbench/command-ui": "./src/workbench/commands/command-ui.ts",
+    "./workbench/markdown-preview": "./src/workbench/markdown/MarkdownPreview.tsx",
+    "./workbench/shell": "./src/workbench/shell/shell.ts",
+    "./workbench/standalone": "./src/workbench/shell/standalone.ts",
+    "./workbench/theme": "./src/workbench/theme/theme.ts",
+    "./workbench/theme-provider": "./src/workbench/theme/WorkbenchThemeProvider.tsx",
+    "./workbench/themePresets": "./src/workbench/theme/themePresets.ts",
+    "./workbench/split-view": "./src/workbench/shell/SplitView.tsx",
     "./workbench/workspace": "./src/workbench/workspace/index.ts",
     "./workbench/workspace/editor": "./src/workbench/workspace/WorkspaceEditor.tsx",
     "./workbench/workspace/explorer": "./src/workbench/workspace/WorkspaceExplorer.tsx",
     "./workbench/workspace/file-icon": "./src/icons/file-icon.ts",
-    "./workbench/commands": "./src/workbench/commands.ts",
+    "./workbench/commands": "./src/workbench/commands/commands.ts",
     "./jdw": "./src/jdw/index.ts",
     "./jdw/document": "./src/jdw/document.ts",
     "./jdw/parse": "./src/jdw/parse.ts",
@@ -54,18 +60,18 @@
     "!src/**/*.stories.tsx"
   ],
   "dependencies": {
-    "@dnd-kit/core": "^6.3.1",
     "@vscode/codicons": "^0.0.45",
     "remark-gfm": "^4.0.1",
-    "@workbench-kit/adapters": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/contracts": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/jdw": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/monaco": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/services": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/platform": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/tokens": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/runtime": "0.0.2-prototype.0.2.2",
-    "@workbench-kit/workspace": "0.0.2-prototype.0.2.2"
+    "rehype-sanitize": "^6.0.0",
+    "@workbench-kit/contracts": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/platform": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/jdw": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/adapters": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/monaco": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/runtime": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/services": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/workspace": "0.0.2-prototype.0.2.20",
+    "@workbench-kit/tokens": "0.0.2-prototype.0.2.20"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -88,7 +94,8 @@
     "directory": "packages/react"
   },
   "scripts": {
-    "test": "pnpm exec vitest run --config ../../vitest.config.ts src/widget-tree",
-    "typecheck": "tsc -p tsconfig.json --noEmit"
+    "test": "pnpm exec vitest run --config ../../vitest.config.ts src",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "typecheck:exact-optional": "tsc -p typecheck-exact-optional/tsconfig.emit.json && tsc -p typecheck-exact-optional/tsconfig.json --noEmit"
   }
 }

package/src/index.ts

@@ -20,7 +20,7 @@ export type {
   WorkbenchIconRenderProps,
   WorkbenchIconResolver,
 } from './icons';
-export { commandMenuItemsToContextMenuItems } from './workbench/commands';
+export { commandMenuItemsToContextMenuItems } from './workbench/commands/commands';
 export {
   WorkbenchArtifactModeControls,
   WorkbenchArtifactPreview,
@@ -31,7 +31,7 @@ export {
   getWorkbenchPreviewRenderer,
   getWorkbenchPreviewRendererMatch,
   selectWorkbenchPreviewRenderer,
-} from './workbench/ArtifactShell';
+} from './workbench/shell/ArtifactShell';
 export type {
   WorkbenchArtifactDescriptor,
   WorkbenchArtifactMode,
@@ -44,7 +44,7 @@ export type {
   WorkbenchPreviewRendererContext,
   WorkbenchPreviewRendererMatch,
   WorkbenchPreviewRendererMatchReason,
-} from './workbench/ArtifactShell';
+} from './workbench/shell/ArtifactShell';
 export {
   WorkbenchCommandGroupShell,
   WorkbenchCommandList,
@@ -58,7 +58,16 @@ export {
   getWorkbenchCommandStatusLabel,
   groupWorkbenchCommands,
   isWorkbenchCommandRunnable,
-} from './workbench/CommandPalette';
+} from './workbench/commands/CommandPalette';
+export {
+  DEFAULT_QUICK_OPEN_SEARCH_DEBOUNCE_MS,
+  WORKSPACE_FILES_QUICK_OPEN_PROVIDER_ID,
+  WorkbenchQuickOpen,
+  createWorkspaceFilesQuickOpenProvider,
+  getNextQuickOpenItemIndex,
+  isQuickOpenItemSelectable,
+  resolveQuickOpenItemPath,
+} from './workbench/commands/WorkbenchQuickOpen';
 export {
   WorkbenchShortcutCommandBridge,
   getWorkbenchShortcutCommandBindings,
@@ -66,7 +75,7 @@ export {
   matchesWorkbenchShortcut,
   runWorkbenchShortcutCommand,
   useWorkbenchShortcutCommands,
-} from './workbench/ShortcutCommandBridge';
+} from './workbench/commands/ShortcutCommandBridge';
 export type {
   WorkbenchCommandDescriptor,
   WorkbenchCommandDescriptorOverrides,
@@ -86,7 +95,15 @@ export type {
   WorkbenchCommandSideEffect,
   WorkbenchCommandStatus,
   WorkbenchCommandSuggestProps,
-} from './workbench/CommandPalette';
+} from './workbench/commands/CommandPalette';
+export type {
+  CreateWorkspaceFilesQuickOpenProviderOptions,
+  QuickOpenItem,
+  QuickOpenProvider,
+  QuickOpenSearchContext,
+  QuickOpenSelectContext,
+  WorkbenchQuickOpenProps,
+} from './workbench/commands/WorkbenchQuickOpen';
 export type {
   UseWorkbenchShortcutCommandsOptions,
   WorkbenchShortcutCommandBinding,
@@ -98,7 +115,7 @@ export type {
   WorkbenchShortcutEventLike,
   WorkbenchShortcutMatchInput,
   WorkbenchShortcutPlatform,
-} from './workbench/ShortcutCommandBridge';
+} from './workbench/commands/ShortcutCommandBridge';
 export {
   WorkbenchConfirmationFlow,
   getWorkbenchConfirmationButtonVariant,
@@ -107,7 +124,7 @@ export {
   getWorkbenchConfirmationStatus,
   getWorkbenchConfirmationVariant,
   isWorkbenchConfirmationActionDisabled,
-} from './workbench/ConfirmationFlow';
+} from './workbench/commands/ConfirmationFlow';
 export type {
   WorkbenchConfirmationAction,
   WorkbenchConfirmationCancelContext,
@@ -118,7 +135,7 @@ export type {
   WorkbenchConfirmationReason,
   WorkbenchConfirmationSideEffect,
   WorkbenchConfirmationVariant,
-} from './workbench/ConfirmationFlow';
+} from './workbench/commands/ConfirmationFlow';
 export {
   WorkbenchAuthGate,
   WorkbenchLoginBrandMark,
@@ -161,7 +178,7 @@ export {
   getWorkbenchTimelineEventLabel,
   getWorkbenchTimelineEventStatus,
   getWorkbenchTimelineMetadataEntries,
-} from './workbench/Timeline';
+} from './workbench/shell/Timeline';
 export type {
   WorkbenchTimelineEvent,
   WorkbenchTimelineEventKind,
@@ -173,7 +190,7 @@ export type {
   WorkbenchTimelineRenderMetadata,
   WorkbenchTimelineRenderPayload,
   WorkbenchTimelineVariant,
-} from './workbench/Timeline';
+} from './workbench/shell/Timeline';
 export { ConfirmDialog } from './modal/ConfirmDialog';
 export type { ConfirmDialogProps } from './modal/ConfirmDialog';
 export { ContextMenu } from './overlay/ContextMenu';
@@ -216,12 +233,12 @@ export {
   isWorkbenchStatusDisabled,
   isWorkbenchStatusUnavailable,
   workbenchStatusFromLifecycleStatus,
-} from './workbench/status';
+} from './workbench/shell/status';
 export type {
   WorkbenchStatus,
   WorkbenchStatusDescriptor,
   WorkbenchStatusVariant,
-} from './workbench/status';
+} from './workbench/shell/status';
 export {
   FilterBar,
   FilterBarActiveChips,
@@ -276,6 +293,7 @@ export {
   SideBarHeaderControl,
   SideBarList,
   SideBarListItem,
+  SideBarTree,
   SideBarViewFrame,
   SideBarRow,
   SidebarActionIconBar,
@@ -286,12 +304,20 @@ export {
   WorkbenchSidebarSection,
   WorkbenchSidebarSectionHeader,
   WorkbenchSidebarSectionStack,
+  flattenVisibleSideBarTreeItems,
+  isSideBarTreeBranch,
+  selectSideBarTreeIds,
+  toggleSideBarTreeId,
   useSidebarSectionBaseDepth,
 } from './layout/sidebar';
 export type {
   SideBarHeaderControlProps,
   SideBarListItemProps,
   SideBarListProps,
+  SideBarTreeItem,
+  SideBarTreeProps,
+  SideBarTreeSelectionMode,
+  SideBarTreeVisibleNode,
   SideBarViewFrameProps,
   SideBarRowProps,
   SidebarActionIconBarProps,
@@ -567,7 +593,7 @@ export {
   StatusBar as WorkbenchStatusBar,
   StatusBarItem as WorkbenchStatusBarItem,
   StatusBarSection as WorkbenchStatusBarSection,
-} from './workbench/StatusBar';
+} from './workbench/shell/StatusBar';
 export type {
   StatusBarItemModel as WorkbenchStatusBarItemModel,
   StatusBarItemProps as WorkbenchStatusBarItemProps,
@@ -575,7 +601,7 @@ export type {
   StatusBarSectionAlign as WorkbenchStatusBarSectionAlign,
   StatusBarSectionModel as WorkbenchStatusBarSectionModel,
   StatusBarSectionProps as WorkbenchStatusBarSectionProps,
-} from './workbench/StatusBar';
+} from './workbench/shell/StatusBar';
 export { AbsoluteBox } from './primitives';
 export type { AbsoluteBoxProps, WorkbenchRect } from './primitives';
 export { Badge } from './primitives';
@@ -643,8 +669,13 @@ export type {
 } from './primitives';
 export { CatalogFilterOverlay } from './primitives';
 export type { CatalogFilterOverlayProps } from './primitives';
-export { LibraryDetailLayout } from './primitives';
-export type { LibraryDetailLayoutMode, LibraryDetailLayoutProps } from './primitives';
+export { LibraryDetailLayout, resolveLibraryDetailHeroCoverMedia } from './primitives';
+export type {
+  LibraryDetailLayoutMode,
+  LibraryDetailLayoutProps,
+  ResolveLibraryDetailHeroCoverMediaInput,
+  ResolvedLibraryDetailHeroCoverMedia,
+} from './primitives';
 export { WorkbenchMediaPlaceholder } from './primitives';
 export type { WorkbenchMediaPlaceholderProps } from './primitives';
 export { WorkbenchMediaSlot } from './primitives';
@@ -685,8 +716,8 @@ export type {
   WorkspaceDraftsContextValue,
   WorkspaceDraftsProviderProps,
 } from './workbench/workspace/WorkspaceDraftsContext';
-export { StructuredArtifactEditor } from './workbench/StructuredArtifactEditor';
-export type { StructuredArtifactEditorProps } from './workbench/StructuredArtifactEditor';
+export { StructuredArtifactEditor } from './workbench/shell/StructuredArtifactEditor';
+export type { StructuredArtifactEditorProps } from './workbench/shell/StructuredArtifactEditor';
 export { createStringDragMime, createTypedDragMime } from './utils/dragMime';
 export type { TypedDragMime, TypedDragMimeOptions } from './utils/dragMime';
 export {
@@ -698,29 +729,29 @@ export {
   readEditorTabDragPayload,
   resolveEditorTabDropTarget,
   resolveEditorTabStripDropTarget,
-} from './workbench/editor-tabs-dnd';
-export type { EditorTabDragPayload, EditorTabDropTarget } from './workbench/editor-tabs-dnd';
-export { useEditorTabsStripDnd } from './workbench/useEditorTabsStripDnd';
+} from './workbench/editor/editor-tabs-dnd';
+export type { EditorTabDragPayload, EditorTabDropTarget } from './workbench/editor/editor-tabs-dnd';
+export { useEditorTabsStripDnd } from './workbench/editor/useEditorTabsStripDnd';
 export type {
   UseEditorTabsStripDndOptions,
   UseEditorTabsStripDndResult,
-} from './workbench/useEditorTabsStripDnd';
-export { WorkbenchEditorTabs } from './workbench/WorkbenchEditorTabs';
-export type { WorkbenchEditorTabsProps } from './workbench/WorkbenchEditorTabs';
+} from './workbench/editor/useEditorTabsStripDnd';
+export { WorkbenchEditorTabs } from './workbench/editor/WorkbenchEditorTabs';
+export type { WorkbenchEditorTabsProps } from './workbench/editor/WorkbenchEditorTabs';
 export {
   createWorkbenchStandaloneEditorTabCommandContext,
   createWorkbenchStandaloneEditorTabContextMenuItems,
   isWorkbenchEditorTabClosable,
-} from './workbench/editorTabContextMenu';
+} from './workbench/editor/editorTabContextMenu';
 export type {
   CreateWorkbenchStandaloneEditorTabCommandContextInput,
   WorkbenchStandaloneEditorTabLike,
-} from './workbench/editorTabContextMenu';
-export { useWorkbenchEditorTabContextMenu } from './workbench/useWorkbenchEditorTabContextMenu';
+} from './workbench/editor/editorTabContextMenu';
+export { useWorkbenchEditorTabContextMenu } from './workbench/editor/useWorkbenchEditorTabContextMenu';
 export type {
   UseWorkbenchEditorTabContextMenuOptions,
   UseWorkbenchEditorTabContextMenuResult,
-} from './workbench/useWorkbenchEditorTabContextMenu';
+} from './workbench/editor/useWorkbenchEditorTabContextMenu';
 export {
   clampPreviewViewportZoom,
   computePreviewViewportFitScale,

package/src/jdw/JsonCodeEditorPane.tsx

@@ -20,7 +20,7 @@ import {
   StatusBar as WorkbenchStatusBar,
   StatusBarItem as WorkbenchStatusBarItem,
   StatusBarSection as WorkbenchStatusBarSection,
-} from '../workbench/StatusBar';
+} from '../workbench/shell/StatusBar';
 import { WorkspaceEditor, type WorkspaceEditorTheme } from '../workbench/workspace/WorkspaceEditor';
 import type { WorkspaceFile } from '../workbench/workspace/types';
 
@@ -245,11 +245,12 @@ export function JsonCodeEditorPane({
   const configureJsonSchema = (monaco: WorkbenchMonaco, path: string) => {
     if (!jsonSchema) return;
 
-    const jsonDefaults = (
-      monaco.languages.json as unknown as {
-        jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
-      }
-    ).jsonDefaults;
+    const jsonLanguage = monaco.languages.json as unknown as
+      | {
+          jsonDefaults?: { setDiagnosticsOptions: (options: unknown) => void };
+        }
+      | undefined;
+    const jsonDefaults = jsonLanguage?.jsonDefaults;
     if (!jsonDefaults) return;
 
     jsonDefaults.setDiagnosticsOptions({

package/src/jdw/builtins/renderBuiltinWidgetLeaf.tsx

@@ -1,9 +1,7 @@
 import { createElement, type CSSProperties, type ReactNode } from 'react';
 import type { GenericWidget } from '@workbench-kit/jdw';
 
-function readNumber(value: unknown): number | undefined {
-  return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
-}
+import { readNumber } from '../../utils/readNumber';
 
 function readString(value: unknown): string | undefined {
   return typeof value === 'string' && value.trim().length > 0 ? value.trim() : undefined;

package/src/jdw/createBuiltinJdwRegistry.ts

@@ -10,6 +10,7 @@ import {
   type GenericWidget,
 } from '@workbench-kit/jdw';
 
+import { readNumber } from '../utils/readNumber';
 import { renderBuiltinWidgetLeaf } from './builtins/renderBuiltinWidgetLeaf.js';
 
 const LAYOUT_INSPECTOR = [
@@ -73,10 +74,6 @@ function build(widget: WidgetTypeShape) {
   return renderBuiltinWidgetLeaf(widget as GenericWidget);
 }
 
-function readNumber(value: unknown): number | undefined {
-  return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
-}
-
 function readString(value: unknown): string | undefined {
   return typeof value === 'string' && value.trim().length > 0 ? value : undefined;
 }

package/src/jdw/cssRenderBackend.tsx

@@ -22,6 +22,7 @@ import {
   type WidgetPath,
 } from '@workbench-kit/jdw';
 
+import { readNumber } from '../utils/readNumber';
 import { renderBuiltinWidgetLeaf } from './builtins/renderBuiltinWidgetLeaf.js';
 import { BUILTIN_JDW_REGISTRY } from './createBuiltinJdwRegistry.js';
 export interface CssRenderBackendOptions {
@@ -45,10 +46,6 @@ const LAYOUT_CONTAINER_TYPES = new Set([
   'sized_box',
 ]);
 
-function readNumber(value: unknown): number | undefined {
-  return typeof value === 'number' && Number.isFinite(value) ? value : undefined;
-}
-
 function renderFromRegistry(
   registry: WidgetRegistryContract<unknown>,
   widget: GenericWidget,

package/src/json-config/JsonConfigWorkbench.tsx

@@ -9,7 +9,7 @@ import { IconButton } from '../primitives/icon-button';
 import { Toolbar } from '../primitives/toolbar';
 import { JsonCodeEditorPane, JsonConfigValidationBanner } from '../jdw/JsonCodeEditorPane.js';
 import { JdwPreview } from '../jdw/JdwPreview.js';
-import { SplitView } from '../workbench/SplitView';
+import { SplitView } from '../workbench/shell/SplitView';
 import { WorkbenchStructuredDataSchemaPanel } from '../workbench/settings/StructuredDataSchemaPanel';
 import { type WorkbenchStructuredDataSchemaDocument } from '../workbench/settings/StructuredDataForm';
 import { type WorkspaceEditorTheme } from '../workbench/workspace/WorkspaceEditor';

package/src/layout/index.ts

@@ -56,6 +56,7 @@ export {
   SideBarListItem,
   SideBarRow,
   SideBarScrollSpacer,
+  SideBarTree,
   SideBarViewFrame,
   SideBarViewTabStrip,
   SideBarViewTitleMenu,
@@ -68,7 +69,11 @@ export {
   WorkbenchSidebarSection,
   WorkbenchSidebarSectionHeader,
   WorkbenchSidebarSectionStack,
+  flattenVisibleSideBarTreeItems,
+  isSideBarTreeBranch,
+  selectSideBarTreeIds,
   sideBarTreeDepthStyle,
+  toggleSideBarTreeId,
   useSidebarSectionBaseDepth,
 } from './sidebar';
 export type {
@@ -77,6 +82,10 @@ export type {
   SideBarListProps,
   SideBarRowProps,
   SideBarScrollSpacerProps,
+  SideBarTreeItem,
+  SideBarTreeProps,
+  SideBarTreeSelectionMode,
+  SideBarTreeVisibleNode,
   SideBarViewFrameProps,
   SideBarViewTabDescriptor,
   SideBarViewTabStripProps,
@@ -142,6 +151,8 @@ export type {
 } from './propertyFieldFilter';
 export { WorkbenchMediaPreviewViewport } from './WorkbenchMediaPreviewViewport';
 export type { WorkbenchMediaPreviewViewportProps } from './WorkbenchMediaPreviewViewport';
+export { WorkbenchPreviewCanvas } from './WorkbenchCanvas';
+export type { WorkbenchPreviewCanvasProps } from './WorkbenchCanvas';
 export {
   clampPreviewViewportZoom,
   computePreviewViewportFitScale,