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

package/src/{jdw-lab-view.css → jdw/lab-view.css}

@@ -1,21 +1,21 @@
-.workbench-jdw-lab-view {
-  height: 100%;
-  min-height: 0;
-}
-
-.workbench-jdw-lab-view__list {
-  padding-block: 4px;
-}
-
-.workbench-jdw-lab-view .ui-workbench-action-list-item__description {
-  font-family: var(
-    --monaco-monospace-font,
-    ui-monospace,
-    SFMono-Regular,
-    Menlo,
-    Consolas,
-    monospace
-  );
-  font-size: 11px;
-  opacity: 0.85;
-}
+.workbench-jdw-lab-view {
+  height: 100%;
+  min-height: 0;
+}
+
+.workbench-jdw-lab-view__list {
+  padding-block: 4px;
+}
+
+.workbench-jdw-lab-view .ui-workbench-action-list-item__description {
+  font-family: var(
+    --monaco-monospace-font,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Consolas,
+    monospace
+  );
+  font-size: 11px;
+  opacity: 0.85;
+}

package/src/{jdw-lab-view.tsx → jdw/lab-view.tsx}

@@ -1,79 +1,79 @@
-import { WorkbenchActionSidebar } from '@workbench-kit/react/layout';
-
-import './jdw-lab-view.css';
-
-import { useWorkbench } from './provider.js';
-import { useActiveEditorTab } from './use-editor.js';
-import { useActiveWorkspacePath } from './use-active-workspace-path.js';
-import {
-  isSampleJdwLabViewRenderData,
-  SAMPLE_JDW_LAB_VIEW_RENDER_KIND,
-  type SampleJdwLabViewRenderData,
-} from './jdw-lab-view-data.js';
-
-export type { SampleJdwLabViewRenderData };
-export { isSampleJdwLabViewRenderData, SAMPLE_JDW_LAB_VIEW_RENDER_KIND };
-
-const WORKSPACE_OPEN_COMMAND_ID = 'workspace.open' as const;
-
-const DEFAULT_WIDGET_TREE_PATH = 'jdw/showcase/example.jdw.json';
-const DEFAULT_TEMPLATE_JDW_PATH = 'jdw/templates/analytics-dashboard.jdw.json';
-
-export interface SampleJdwLabViewProps {
-  readonly templateJdwPath?: string | undefined;
-  readonly widgetTreePath?: string | undefined;
-}
-
-function pathMatches(activePath: string | undefined, candidate: string): boolean {
-  if (!activePath) {
-    return false;
-  }
-
-  return activePath === candidate || activePath.endsWith(`/${candidate}`);
-}
-
-export function SampleJdwLabView({
-  templateJdwPath = DEFAULT_TEMPLATE_JDW_PATH,
-  widgetTreePath = DEFAULT_WIDGET_TREE_PATH,
-}: SampleJdwLabViewProps = {}) {
-  const { executeCommand } = useWorkbench();
-  const activeTab = useActiveEditorTab();
-  const activePath = useActiveWorkspacePath(activeTab?.resourceUri);
-
-  return (
-    <WorkbenchActionSidebar
-      className="workbench-jdw-lab-view"
-      data-testid="jdw-lab-view"
-      items={[
-        {
-          description: widgetTreePath,
-          icon: <i aria-hidden="true" className="codicon codicon-layout" />,
-          id: 'widget-tree',
-          label: 'Widget Tree',
-          selected: pathMatches(activePath, widgetTreePath),
-          testId: 'jdw-lab-open-widget-tree',
-          title: `Open ${widgetTreePath}`,
-        },
-        {
-          description: templateJdwPath,
-          icon: <i aria-hidden="true" className="codicon codicon-symbol-structure" />,
-          id: 'template-jdw',
-          label: 'Template JDW',
-          selected: pathMatches(activePath, templateJdwPath),
-          testId: 'jdw-lab-open-template-jdw',
-          title: `Open ${templateJdwPath}`,
-        },
-      ]}
-      listProps={{
-        'aria-label': 'JDW lab surfaces',
-        className: 'workbench-jdw-lab-view__list',
-      }}
-      onSelect={(item) => {
-        if (typeof item.description !== 'string' || item.description.length === 0) {
-          return;
-        }
-        void executeCommand(WORKSPACE_OPEN_COMMAND_ID, { path: item.description });
-      }}
-    />
-  );
-}
+import { WorkbenchActionSidebar } from '@workbench-kit/react/layout';
+
+import './lab-view.css';
+
+import { useWorkbench } from '../shell/provider.js';
+import { useActiveEditorTab } from '../editor/use-editor.js';
+import { useActiveWorkspacePath } from '../explorer/use-active-workspace-path.js';
+import {
+  isSampleJdwLabViewRenderData,
+  SAMPLE_JDW_LAB_VIEW_RENDER_KIND,
+  type SampleJdwLabViewRenderData,
+} from './lab-view-data.js';
+
+export type { SampleJdwLabViewRenderData };
+export { isSampleJdwLabViewRenderData, SAMPLE_JDW_LAB_VIEW_RENDER_KIND };
+
+const WORKSPACE_OPEN_COMMAND_ID = 'workspace.open' as const;
+
+const DEFAULT_WIDGET_TREE_PATH = 'jdw/showcase/example.jdw.json';
+const DEFAULT_TEMPLATE_JDW_PATH = 'jdw/templates/analytics-dashboard.jdw.json';
+
+export interface SampleJdwLabViewProps {
+  readonly templateJdwPath?: string | undefined;
+  readonly widgetTreePath?: string | undefined;
+}
+
+function pathMatches(activePath: string | undefined, candidate: string): boolean {
+  if (!activePath) {
+    return false;
+  }
+
+  return activePath === candidate || activePath.endsWith(`/${candidate}`);
+}
+
+export function SampleJdwLabView({
+  templateJdwPath = DEFAULT_TEMPLATE_JDW_PATH,
+  widgetTreePath = DEFAULT_WIDGET_TREE_PATH,
+}: SampleJdwLabViewProps = {}) {
+  const { executeCommand } = useWorkbench();
+  const activeTab = useActiveEditorTab();
+  const activePath = useActiveWorkspacePath(activeTab?.resourceUri);
+
+  return (
+    <WorkbenchActionSidebar
+      className="workbench-jdw-lab-view"
+      data-testid="jdw-lab-view"
+      items={[
+        {
+          description: widgetTreePath,
+          icon: <i aria-hidden="true" className="codicon codicon-layout" />,
+          id: 'widget-tree',
+          label: 'Widget Tree',
+          selected: pathMatches(activePath, widgetTreePath),
+          testId: 'jdw-lab-open-widget-tree',
+          title: `Open ${widgetTreePath}`,
+        },
+        {
+          description: templateJdwPath,
+          icon: <i aria-hidden="true" className="codicon codicon-symbol-structure" />,
+          id: 'template-jdw',
+          label: 'Template JDW',
+          selected: pathMatches(activePath, templateJdwPath),
+          testId: 'jdw-lab-open-template-jdw',
+          title: `Open ${templateJdwPath}`,
+        },
+      ]}
+      listProps={{
+        'aria-label': 'JDW lab surfaces',
+        className: 'workbench-jdw-lab-view__list',
+      }}
+      onSelect={(item) => {
+        if (typeof item.description !== 'string' || item.description.length === 0) {
+          return;
+        }
+        void executeCommand(WORKSPACE_OPEN_COMMAND_ID, { path: item.description });
+      }}
+    />
+  );
+}

package/src/{jdw-widget-form-view.tsx → jdw/widget-form-view.tsx}

@@ -1,65 +1,68 @@
-import { useCallback, useMemo } from 'react';
-import { resolveWidgetStudioAssetCatalog } from '@workbench-kit/react/widget-studio';
-import { WidgetTreeLab } from '@workbench-kit/react/widget-tree';
-import { BUILTIN_JDW_REGISTRY } from '@workbench-kit/react/jdw';
-
-import { useWorkbench } from './provider.js';
-import { isWorkspaceResourceService, useWorkspaceResourceState } from './workspace-view-state.js';
-
-export interface JdwWidgetFormViewProps {
-  readonly path: string;
-  readonly content: string;
-  readonly onContentChange: (content: string) => void;
-}
-
-const EMPTY_WORKSPACE_FILES: readonly { readonly path: string; readonly content: string }[] = [];
-
-/**
- * Form authoring surface for JDW widgets. Builds the Assets palette from built-in
- * assets, workspace asset packages, and other workspace `*.jdw.json` documents.
- * Preview expands `type: "ref"` via workspace documents without rewriting the
- * authored JSON outline.
- */
-export function JdwWidgetFormView({ path, content, onContentChange }: JdwWidgetFormViewProps) {
-  const { workspaceHostPort } = useWorkbench();
-  const workspaceService = isWorkspaceResourceService(workspaceHostPort?.service)
-    ? workspaceHostPort.service
-    : undefined;
-  const workspaceState = useWorkspaceResourceState(workspaceService);
-  const files =
-    workspaceState?.files ?? workspaceService?.getState().files ?? EMPTY_WORKSPACE_FILES;
-
-  const filesByPath = useMemo(() => {
-    const map = new Map<string, string>();
-    for (const file of files) {
-      map.set(file.path.replace(/\\/g, '/'), file.content);
-    }
-    return map;
-  }, [files]);
-
-  const loadDocument = useCallback(
-    (documentPath: string) => filesByPath.get(documentPath.replace(/\\/g, '/')) ?? null,
-    [filesByPath],
-  );
-
-  const assetCatalog = useMemo(
-    () =>
-      resolveWidgetStudioAssetCatalog(files, {
-        excludeDocumentPaths: [path],
-      }),
-    [files, path],
-  );
-
-  return (
-    <WidgetTreeLab
-      assetCatalog={assetCatalog}
-      loadDocument={loadDocument}
-      path={path}
-      registry={BUILTIN_JDW_REGISTRY}
-      showDesignSource={false}
-      value={content}
-      viewMode="design"
-      onChange={onContentChange}
-    />
-  );
-}
+import { useCallback, useMemo } from 'react';
+import { resolveWidgetStudioAssetCatalog } from '@workbench-kit/react/widget-studio';
+import { WidgetTreeLab } from '@workbench-kit/react/widget-tree';
+import { BUILTIN_JDW_REGISTRY } from '@workbench-kit/react/jdw';
+
+import { useWorkbench } from '../shell/provider.js';
+import {
+  isWorkspaceResourceService,
+  useWorkspaceResourceState,
+} from '../workbench/workspace-view-state.js';
+
+export interface JdwWidgetFormViewProps {
+  readonly path: string;
+  readonly content: string;
+  readonly onContentChange: (content: string) => void;
+}
+
+const EMPTY_WORKSPACE_FILES: readonly { readonly path: string; readonly content: string }[] = [];
+
+/**
+ * Form authoring surface for JDW widgets. Builds the Assets palette from built-in
+ * assets, workspace asset packages, and other workspace `*.jdw.json` documents.
+ * Preview expands `type: "ref"` via workspace documents without rewriting the
+ * authored JSON outline.
+ */
+export function JdwWidgetFormView({ path, content, onContentChange }: JdwWidgetFormViewProps) {
+  const { workspaceHostPort } = useWorkbench();
+  const workspaceService = isWorkspaceResourceService(workspaceHostPort?.service)
+    ? workspaceHostPort.service
+    : undefined;
+  const workspaceState = useWorkspaceResourceState(workspaceService);
+  const files =
+    workspaceState?.files ?? workspaceService?.getState().files ?? EMPTY_WORKSPACE_FILES;
+
+  const filesByPath = useMemo(() => {
+    const map = new Map<string, string>();
+    for (const file of files) {
+      map.set(file.path.replace(/\\/g, '/'), file.content);
+    }
+    return map;
+  }, [files]);
+
+  const loadDocument = useCallback(
+    (documentPath: string) => filesByPath.get(documentPath.replace(/\\/g, '/')) ?? null,
+    [filesByPath],
+  );
+
+  const assetCatalog = useMemo(
+    () =>
+      resolveWidgetStudioAssetCatalog(files, {
+        excludeDocumentPaths: [path],
+      }),
+    [files, path],
+  );
+
+  return (
+    <WidgetTreeLab
+      assetCatalog={assetCatalog}
+      loadDocument={loadDocument}
+      path={path}
+      registry={BUILTIN_JDW_REGISTRY}
+      showDesignSource={false}
+      value={content}
+      viewMode="design"
+      onChange={onContentChange}
+    />
+  );
+}

package/src/{jdw-widget-preview-view.tsx → jdw/widget-preview-view.tsx}

@@ -1,51 +1,54 @@
-import { useCallback, useMemo } from 'react';
-import { JdwPreviewViewport } from '@workbench-kit/react/jdw/preview-viewport';
-import { BUILTIN_JDW_REGISTRY } from '@workbench-kit/react/jdw';
-
-import { useWorkbench } from './provider.js';
-import { isWorkspaceResourceService, useWorkspaceResourceState } from './workspace-view-state.js';
-
-export interface JdwWidgetPreviewViewProps {
-  readonly path: string;
-  readonly content: string;
-  readonly className?: string | undefined;
-}
-
-const EMPTY_WORKSPACE_FILES: readonly { readonly path: string; readonly content: string }[] = [];
-
-/**
- * Preview viewport for JDW documents. Expands workspace `type: "ref"` imports
- * before layout/draw without rewriting the source buffer.
- */
-export function JdwWidgetPreviewView({ path, content, className }: JdwWidgetPreviewViewProps) {
-  const { workspaceHostPort } = useWorkbench();
-  const workspaceService = isWorkspaceResourceService(workspaceHostPort?.service)
-    ? workspaceHostPort.service
-    : undefined;
-  const workspaceState = useWorkspaceResourceState(workspaceService);
-  const files =
-    workspaceState?.files ?? workspaceService?.getState().files ?? EMPTY_WORKSPACE_FILES;
-
-  const filesByPath = useMemo(() => {
-    const map = new Map<string, string>();
-    for (const file of files) {
-      map.set(file.path.replace(/\\/g, '/'), file.content);
-    }
-    return map;
-  }, [files]);
-
-  const loadDocument = useCallback(
-    (documentPath: string) => filesByPath.get(documentPath.replace(/\\/g, '/')) ?? null,
-    [filesByPath],
-  );
-
-  return (
-    <JdwPreviewViewport
-      className={className}
-      documentPath={path}
-      json={content}
-      loadDocument={loadDocument}
-      registry={BUILTIN_JDW_REGISTRY}
-    />
-  );
-}
+import { useCallback, useMemo } from 'react';
+import { JdwPreviewViewport } from '@workbench-kit/react/jdw/preview-viewport';
+import { BUILTIN_JDW_REGISTRY } from '@workbench-kit/react/jdw';
+
+import { useWorkbench } from '../shell/provider.js';
+import {
+  isWorkspaceResourceService,
+  useWorkspaceResourceState,
+} from '../workbench/workspace-view-state.js';
+
+export interface JdwWidgetPreviewViewProps {
+  readonly path: string;
+  readonly content: string;
+  readonly className?: string | undefined;
+}
+
+const EMPTY_WORKSPACE_FILES: readonly { readonly path: string; readonly content: string }[] = [];
+
+/**
+ * Preview viewport for JDW documents. Expands workspace `type: "ref"` imports
+ * before layout/draw without rewriting the source buffer.
+ */
+export function JdwWidgetPreviewView({ path, content, className }: JdwWidgetPreviewViewProps) {
+  const { workspaceHostPort } = useWorkbench();
+  const workspaceService = isWorkspaceResourceService(workspaceHostPort?.service)
+    ? workspaceHostPort.service
+    : undefined;
+  const workspaceState = useWorkspaceResourceState(workspaceService);
+  const files =
+    workspaceState?.files ?? workspaceService?.getState().files ?? EMPTY_WORKSPACE_FILES;
+
+  const filesByPath = useMemo(() => {
+    const map = new Map<string, string>();
+    for (const file of files) {
+      map.set(file.path.replace(/\\/g, '/'), file.content);
+    }
+    return map;
+  }, [files]);
+
+  const loadDocument = useCallback(
+    (documentPath: string) => filesByPath.get(documentPath.replace(/\\/g, '/')) ?? null,
+    [filesByPath],
+  );
+
+  return (
+    <JdwPreviewViewport
+      className={className}
+      documentPath={path}
+      json={content}
+      loadDocument={loadDocument}
+      registry={BUILTIN_JDW_REGISTRY}
+    />
+  );
+}

package/src/{keybinding-overrides-storage.ts → management/keybinding-overrides-storage.ts}

@@ -1,57 +1,49 @@
-import {
-  parseWorkbenchKeybindingsConfig,
-  type WorkbenchKeybindingDefinition,
-} from '@workbench-kit/workbench-config';
-import type { WorkbenchStorageReader, WorkbenchStorageWriter } from '@workbench-kit/workbench-core';
-
-export const DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY = 'workbench-kit/.workbench/keybindings';
-
-export function isWorkbenchKeybindingPersistenceAvailable(): boolean {
-  try {
-    return typeof globalThis.localStorage !== 'undefined';
-  } catch {
-    return false;
-  }
-}
-
-export function readPersistedKeybindingOverrides(
-  storageKey = DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY,
-  storage?: WorkbenchStorageReader,
-): readonly WorkbenchKeybindingDefinition[] {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) {
-    return [];
-  }
-
-  try {
-    const raw = resolvedStorage.getItem(storageKey);
-    if (!raw) {
-      return [];
-    }
-
-    return parseWorkbenchKeybindingsConfig(JSON.parse(raw) as unknown);
-  } catch {
-    return [];
-  }
-}
-
-export function writePersistedKeybindingOverrides(
-  overrides: readonly WorkbenchKeybindingDefinition[],
-  storageKey = DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY,
-  storage?: WorkbenchStorageWriter,
-): void {
-  const resolvedStorage = storage ?? getBrowserLocalStorage();
-  if (!resolvedStorage) {
-    return;
-  }
-
-  resolvedStorage.setItem(storageKey, JSON.stringify(overrides, null, 2));
-}
-
-function getBrowserLocalStorage(): (WorkbenchStorageReader & WorkbenchStorageWriter) | undefined {
-  try {
-    return globalThis.localStorage;
-  } catch {
-    return undefined;
-  }
-}
+import {
+  parseWorkbenchKeybindingsConfig,
+  type WorkbenchKeybindingDefinition,
+} from '@workbench-kit/workbench-config';
+import {
+  createBrowserWorkbenchStorage,
+  type WorkbenchStorageReader,
+  type WorkbenchStorageWriter,
+} from '@workbench-kit/workbench-core';
+
+export const DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY = 'workbench-kit/.workbench/keybindings';
+
+export function isWorkbenchKeybindingPersistenceAvailable(): boolean {
+  return createBrowserWorkbenchStorage({ kind: 'local' }) !== undefined;
+}
+
+export function readPersistedKeybindingOverrides(
+  storageKey = DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY,
+  storage?: WorkbenchStorageReader,
+): readonly WorkbenchKeybindingDefinition[] {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) {
+    return [];
+  }
+
+  try {
+    const raw = resolvedStorage.getItem(storageKey);
+    if (!raw) {
+      return [];
+    }
+
+    return parseWorkbenchKeybindingsConfig(JSON.parse(raw) as unknown);
+  } catch {
+    return [];
+  }
+}
+
+export function writePersistedKeybindingOverrides(
+  overrides: readonly WorkbenchKeybindingDefinition[],
+  storageKey = DEFAULT_WORKBENCH_KEYBINDING_STORAGE_KEY,
+  storage?: WorkbenchStorageWriter,
+): void {
+  const resolvedStorage = storage ?? createBrowserWorkbenchStorage({ kind: 'local' });
+  if (!resolvedStorage) {
+    return;
+  }
+
+  resolvedStorage.setItem(storageKey, JSON.stringify(overrides, null, 2));
+}

package/src/{keybinding-management-settings.tsx → management/keybinding-settings.tsx}

@@ -1,16 +1,16 @@
-import { KeybindingManagementPanel } from '@workbench-kit/react/workbench/management';
-
-import { useKeybindingManagementModel } from './use-keybinding-management.js';
-
-export function WorkbenchKeybindingManagementSettings() {
-  const { entries, overrideCount, resetKeybinding, setKeybinding } = useKeybindingManagementModel();
-
-  return (
-    <KeybindingManagementPanel
-      entries={entries}
-      summaryLabel={`${entries.length} command${entries.length === 1 ? '' : 's'} · ${overrideCount} user override${overrideCount === 1 ? '' : 's'}`}
-      onResetKeybinding={resetKeybinding}
-      onSetKeybinding={setKeybinding}
-    />
-  );
-}
+import { KeybindingManagementPanel } from '@workbench-kit/react/workbench/management';
+
+import { useKeybindingManagementModel } from './use-keybinding-management.js';
+
+export function WorkbenchKeybindingManagementSettings() {
+  const { entries, overrideCount, resetKeybinding, setKeybinding } = useKeybindingManagementModel();
+
+  return (
+    <KeybindingManagementPanel
+      entries={entries}
+      summaryLabel={`${entries.length} command${entries.length === 1 ? '' : 's'} · ${overrideCount} user override${overrideCount === 1 ? '' : 's'}`}
+      onResetKeybinding={resetKeybinding}
+      onSetKeybinding={setKeybinding}
+    />
+  );
+}