@workbench-kit/adapters 0.0.2-prototype.0.2.5 → 0.0.2-prototype.0.2.6

package/src/workbench-demo-config.ts

@@ -1,68 +1,68 @@
-import type { RuntimeStatus } from '@workbench-kit/runtime';
-
-export type IntegratedShellActivityId = 'explorer' | 'search' | 'chatting' | 'aiChat';
-
-export const integratedShellActivityOrder: IntegratedShellActivityId[] = [
-  'explorer',
-  'search',
-  'chatting',
-  'aiChat',
-];
-
-export const integratedShellActivityLabels: Record<IntegratedShellActivityId, string> = {
-  explorer: 'Explorer',
-  search: 'Search',
-  chatting: 'Chat',
-  aiChat: 'AI Chat',
-};
-
-const integratedShellActivityIcons: Record<IntegratedShellActivityId, string> = {
-  explorer: 'codicon-files',
-  search: 'codicon-search',
-  chatting: 'codicon-comment-discussion',
-  aiChat: 'codicon-sparkle',
-};
-
-export const integratedShellCommandActivities = integratedShellActivityOrder.map((id) => ({
-  id,
-  label: integratedShellActivityLabels[id],
-  icon: integratedShellActivityIcons[id],
-}));
-
-export function isIntegratedShellActivityId(id: string): id is IntegratedShellActivityId {
-  return id === 'explorer' || id === 'search' || id === 'chatting' || id === 'aiChat';
-}
-
-export interface IntegratedShellBootstrapInitialState {
-  activeActivityId: IntegratedShellActivityId;
-  isPrimarySidebarVisible: boolean;
-  primarySidebarSizePx: number;
-  primarySidebarMinPx: number;
-  primarySidebarMaxPx: number;
-  settingsCategoryId: string;
-  settingsScopeId: string;
-  theme: 'dark' | 'light';
-}
-
-export function createIntegratedShellBootstrapInitialState(
-  overrides: Partial<IntegratedShellBootstrapInitialState> = {},
-): IntegratedShellBootstrapInitialState {
-  return {
-    activeActivityId: 'explorer',
-    isPrimarySidebarVisible: true,
-    primarySidebarSizePx: 260,
-    primarySidebarMinPx: 200,
-    primarySidebarMaxPx: 480,
-    settingsCategoryId: 'appearance',
-    settingsScopeId: 'user',
-    theme: 'dark',
-    ...overrides,
-  };
-}
-
-export function runtimeStatusLabel(status: RuntimeStatus): string {
-  if (status === 'running') return 'Runtime running';
-  if (status === 'cancelled') return 'Runtime stopped';
-  if (status === 'error') return 'Runtime error';
-  return 'Runtime idle';
-}
+import type { RuntimeStatus } from '@workbench-kit/runtime';
+
+export type IntegratedShellActivityId = 'explorer' | 'search' | 'chatting' | 'aiChat';
+
+export const integratedShellActivityOrder: IntegratedShellActivityId[] = [
+  'explorer',
+  'search',
+  'chatting',
+  'aiChat',
+];
+
+export const integratedShellActivityLabels: Record<IntegratedShellActivityId, string> = {
+  explorer: 'Explorer',
+  search: 'Search',
+  chatting: 'Chat',
+  aiChat: 'AI Chat',
+};
+
+const integratedShellActivityIcons: Record<IntegratedShellActivityId, string> = {
+  explorer: 'codicon-files',
+  search: 'codicon-search',
+  chatting: 'codicon-comment-discussion',
+  aiChat: 'codicon-sparkle',
+};
+
+export const integratedShellCommandActivities = integratedShellActivityOrder.map((id) => ({
+  id,
+  label: integratedShellActivityLabels[id],
+  icon: integratedShellActivityIcons[id],
+}));
+
+export function isIntegratedShellActivityId(id: string): id is IntegratedShellActivityId {
+  return id === 'explorer' || id === 'search' || id === 'chatting' || id === 'aiChat';
+}
+
+export interface IntegratedShellBootstrapInitialState {
+  activeActivityId: IntegratedShellActivityId;
+  isPrimarySidebarVisible: boolean;
+  primarySidebarSizePx: number;
+  primarySidebarMinPx: number;
+  primarySidebarMaxPx: number;
+  settingsCategoryId: string;
+  settingsScopeId: string;
+  theme: 'dark' | 'light';
+}
+
+export function createIntegratedShellBootstrapInitialState(
+  overrides: Partial<IntegratedShellBootstrapInitialState> = {},
+): IntegratedShellBootstrapInitialState {
+  return {
+    activeActivityId: 'explorer',
+    isPrimarySidebarVisible: true,
+    primarySidebarSizePx: 260,
+    primarySidebarMinPx: 200,
+    primarySidebarMaxPx: 480,
+    settingsCategoryId: 'appearance',
+    settingsScopeId: 'user',
+    theme: 'dark',
+    ...overrides,
+  };
+}
+
+export function runtimeStatusLabel(status: RuntimeStatus): string {
+  if (status === 'running') return 'Runtime running';
+  if (status === 'cancelled') return 'Runtime stopped';
+  if (status === 'error') return 'Runtime error';
+  return 'Runtime idle';
+}

package/src/workbench-demo.ts

@@ -1,271 +1,271 @@
-import type { RuntimeChatMessage } from '@workbench-kit/runtime';
-import type { WorkspaceFile } from '@workbench-kit/workspace';
-
-import {
-  widgetStudioBuiltinAssetFiles,
-  widgetStudioCustomAssetExampleFiles,
-} from './widget-studio-assets.js';
-
-export const integratedShellWorkspaceFolders = [
-  'src',
-  'src/components',
-  'src/workbench',
-  'src/widgets',
-  'src/widgets/assets',
-  'src/widgets/assets/heading',
-  'src/widgets/assets/body',
-  'src/widgets/assets/label',
-  'src/widgets/assets/caption',
-  'src/widgets/assets/row',
-  'src/widgets/assets/column',
-  'src/widgets/assets/grid-2',
-  'src/widgets/assets/grid-3',
-  'src/widgets/assets/media-card',
-  'src/widgets/assets/section-stack',
-  'src/widgets/assets/custom',
-  'src/widgets/assets/custom/feature-badge',
-  'docs',
-  'public',
-] as const;
-
-const integratedShellCoreWorkspaceFiles: WorkspaceFile[] = [
-  {
-    path: 'src/App.tsx',
-    mimeType: 'application/typescript',
-    updatedAt: '2026-06-02T09:12:00.000Z',
-    source: 'user',
-    content: `import { WorkbenchShell } from './workbench/Shell';
-
-export function App() {
-  return <WorkbenchShell title="Public UI Workbench" />;
-}
-`,
-  },
-  {
-    path: 'src/components/Button.tsx',
-    mimeType: 'application/typescript',
-    updatedAt: '2026-06-02T09:18:00.000Z',
-    source: 'assistant',
-    content: `import type { ComponentPropsWithRef } from 'react';
-
-type ButtonVariant = 'default' | 'primary' | 'danger';
-
-interface ButtonProps extends ComponentPropsWithRef<'button'> {
-  variant?: ButtonVariant;
-}
-
-export function Button({ variant = 'default', ...props }: ButtonProps) {
-  return <button data-variant={variant} {...props} />;
-}
-`,
-  },
-  {
-    path: 'src/components/Panel.tsx',
-    mimeType: 'application/typescript',
-    updatedAt: '2026-06-02T09:20:00.000Z',
-    source: 'assistant',
-    content: `import type { ComponentPropsWithRef, ReactNode } from 'react';
-
-interface PanelProps extends ComponentPropsWithRef<'section'> {
-  title: ReactNode;
-}
-
-export function Panel({ children, title, ...props }: PanelProps) {
-  return (
-    <section {...props}>
-      <header>{title}</header>
-      <div>{children}</div>
-    </section>
-  );
-}
-`,
-  },
-  {
-    path: 'src/widgets/home.jdw.json',
-    mimeType: 'application/vnd.workbench-kit.jdw+json',
-    updatedAt: '2026-06-02T09:28:00.000Z',
-    source: 'user',
-    content: `{
-  "type": "column",
-  "args": {
-    "children": [
-      {
-        "type": "text",
-        "args": {
-          "text": "Welcome"
-        }
-      }
-    ]
-  }
-}
-`,
-  },
-  {
-    path: 'src/workbench/Shell.tsx',
-    mimeType: 'application/typescript',
-    updatedAt: '2026-06-02T09:30:00.000Z',
-    source: 'assistant',
-    content: `import { ActivityBar, StatusBar } from '@workbench-kit/react/workbench';
-
-export function WorkbenchShell({ title }: { title: string }) {
-  return (
-    <main aria-label={title}>
-      <ActivityBar items={[]} />
-      <section data-region="editor">
-        <h1>{title}</h1>
-      </section>
-      <StatusBar compact />
-    </main>
-  );
-}
-`,
-  },
-  {
-    path: 'src/workbench/search.ts',
-    mimeType: 'application/typescript',
-    updatedAt: '2026-06-02T09:34:00.000Z',
-    source: 'assistant',
-    content: `export function compactText(value: string) {
-  return value.replace(/\\s+/g, ' ').trim();
-}
-
-export function createContentPreview(content: string, query: string) {
-  const compact = compactText(content);
-  const index = compact.toLowerCase().indexOf(query.toLowerCase());
-  if (index < 0) return compact.slice(0, 120);
-
-  const start = Math.max(0, index - 48);
-  const end = Math.min(compact.length, index + query.length + 72);
-  return \`\${start > 0 ? '...' : ''}\${compact.slice(start, end)}\${end < compact.length ? '...' : ''}\`;
-}
-`,
-  },
-  {
-    path: 'docs/getting-started.md',
-    mimeType: 'text/markdown',
-    updatedAt: '2026-06-02T09:42:00.000Z',
-    source: 'user',
-    content: `# Getting Started
-
-Import shared styles once, then compose the workbench primitives in your app shell.
-
-- Use Explorer for file navigation.
-- Use Search for path and content matches.
-- Use Chat for workspace-side conversations.
-`,
-  },
-  {
-    path: 'package.json',
-    mimeType: 'application/json',
-    updatedAt: '2026-06-02T09:50:00.000Z',
-    source: 'user',
-    content: `{
-  "name": "@example/workbench-app",
-  "private": true,
-  "scripts": {
-    "storybook": "storybook dev --port 61009"
-  }
-}
-`,
-  },
-  {
-    path: 'public/theme.css',
-    mimeType: 'text/css',
-    updatedAt: '2026-06-02T09:54:00.000Z',
-    source: 'assistant',
-    content: `:root {
-  color-scheme: dark;
-  --workspace-accent: #4aa8ff;
-}
-
-.ui-file-icon {
-  color: var(--workspace-accent);
-}
-`,
-  },
-];
-
-export const integratedShellWorkspaceFiles: WorkspaceFile[] = [
-  ...integratedShellCoreWorkspaceFiles,
-  ...widgetStudioBuiltinAssetFiles,
-  ...widgetStudioCustomAssetExampleFiles,
-];
-
-export {
-  widgetStudioBuiltinAssetFiles,
-  widgetStudioCustomAssetExampleFiles,
-} from './widget-studio-assets.js';
-
-export const integratedShellInitialRuntimeMessages: RuntimeChatMessage[] = [
-  {
-    id: 'm1',
-    source: 'user',
-    createdAt: '2026-06-18T09:12:00.000Z',
-    content:
-      'Check whether the workbench shell covers explorer, search, chatting, AI chat, settings, and status surfaces.',
-  },
-  {
-    id: 'm2',
-    source: 'assistant',
-    createdAt: '2026-06-18T09:12:18.000Z',
-    content:
-      'The integrated story now keeps those surfaces in one stateful shell with public mock data.',
-  },
-  {
-    id: 'm3',
-    source: 'assistant',
-    createdAt: '2026-06-18T09:12:42.000Z',
-    content:
-      'Search results, file icons, and the editor preview are driven by the same virtual workspace.',
-  },
-];
-
-export const integratedShellInitialChattingMessages: RuntimeChatMessage[] = [
-  {
-    id: 'c1',
-    source: 'assistant',
-    label: 'Alex',
-    createdAt: '2026-06-18T10:05:00.000Z',
-    content: 'Can you review the widget tree changes before we merge?',
-  },
-  {
-    id: 'c2',
-    source: 'user',
-    createdAt: '2026-06-18T10:06:14.000Z',
-    content: 'Sure — I will check after the CI run finishes.',
-  },
-  {
-    id: 'c3',
-    source: 'assistant',
-    label: 'Alex',
-    createdAt: '2026-06-18T10:07:02.000Z',
-    content: 'Thanks. Ping me in #workbench when the preview is ready.',
-  },
-];
-
-export const integratedShellDefaultSelectionByActivity = {
-  explorer: 'src/App.tsx',
-  search: 'src/components/Button.tsx',
-  chatting: 'src/App.tsx',
-  aiChat: 'src/App.tsx',
-} as const;
-
-export function createIntegratedShellChatRuntimeResponse(message: RuntimeChatMessage) {
-  return {
-    chunks: [
-      'Mock runtime received the workspace request. ',
-      'A workspace patch is ready in `docs/runtime-notes.md`.',
-    ],
-    intervalMs: 20,
-    workspacePatches: [
-      {
-        content: `# Runtime Notes\n\nLast request: ${message.content}\n\nThis file was produced by the public mock runtime fixture.\n`,
-        mimeType: 'text/markdown',
-        path: 'docs/runtime-notes.md',
-        source: 'assistant' as const,
-        type: 'write-file' as const,
-        updatedAt: '2026-06-02T10:05:00.000Z',
-      },
-    ],
-  };
-}
+import type { RuntimeChatMessage } from '@workbench-kit/runtime';
+import type { WorkspaceFile } from '@workbench-kit/workspace';
+
+import {
+  widgetStudioBuiltinAssetFiles,
+  widgetStudioCustomAssetExampleFiles,
+} from './widget-studio-assets.js';
+
+export const integratedShellWorkspaceFolders = [
+  'src',
+  'src/components',
+  'src/workbench',
+  'src/widgets',
+  'src/widgets/assets',
+  'src/widgets/assets/heading',
+  'src/widgets/assets/body',
+  'src/widgets/assets/label',
+  'src/widgets/assets/caption',
+  'src/widgets/assets/row',
+  'src/widgets/assets/column',
+  'src/widgets/assets/grid-2',
+  'src/widgets/assets/grid-3',
+  'src/widgets/assets/media-card',
+  'src/widgets/assets/section-stack',
+  'src/widgets/assets/custom',
+  'src/widgets/assets/custom/feature-badge',
+  'docs',
+  'public',
+] as const;
+
+const integratedShellCoreWorkspaceFiles: WorkspaceFile[] = [
+  {
+    path: 'src/App.tsx',
+    mimeType: 'application/typescript',
+    updatedAt: '2026-06-02T09:12:00.000Z',
+    source: 'user',
+    content: `import { WorkbenchShell } from './workbench/Shell';
+
+export function App() {
+  return <WorkbenchShell title="Public UI Workbench" />;
+}
+`,
+  },
+  {
+    path: 'src/components/Button.tsx',
+    mimeType: 'application/typescript',
+    updatedAt: '2026-06-02T09:18:00.000Z',
+    source: 'assistant',
+    content: `import type { ComponentPropsWithRef } from 'react';
+
+type ButtonVariant = 'default' | 'primary' | 'danger';
+
+interface ButtonProps extends ComponentPropsWithRef<'button'> {
+  variant?: ButtonVariant;
+}
+
+export function Button({ variant = 'default', ...props }: ButtonProps) {
+  return <button data-variant={variant} {...props} />;
+}
+`,
+  },
+  {
+    path: 'src/components/Panel.tsx',
+    mimeType: 'application/typescript',
+    updatedAt: '2026-06-02T09:20:00.000Z',
+    source: 'assistant',
+    content: `import type { ComponentPropsWithRef, ReactNode } from 'react';
+
+interface PanelProps extends ComponentPropsWithRef<'section'> {
+  title: ReactNode;
+}
+
+export function Panel({ children, title, ...props }: PanelProps) {
+  return (
+    <section {...props}>
+      <header>{title}</header>
+      <div>{children}</div>
+    </section>
+  );
+}
+`,
+  },
+  {
+    path: 'src/widgets/home.jdw.json',
+    mimeType: 'application/vnd.workbench-kit.jdw+json',
+    updatedAt: '2026-06-02T09:28:00.000Z',
+    source: 'user',
+    content: `{
+  "type": "column",
+  "args": {
+    "children": [
+      {
+        "type": "text",
+        "args": {
+          "text": "Welcome"
+        }
+      }
+    ]
+  }
+}
+`,
+  },
+  {
+    path: 'src/workbench/Shell.tsx',
+    mimeType: 'application/typescript',
+    updatedAt: '2026-06-02T09:30:00.000Z',
+    source: 'assistant',
+    content: `import { ActivityBar, StatusBar } from '@workbench-kit/react/workbench';
+
+export function WorkbenchShell({ title }: { title: string }) {
+  return (
+    <main aria-label={title}>
+      <ActivityBar items={[]} />
+      <section data-region="editor">
+        <h1>{title}</h1>
+      </section>
+      <StatusBar compact />
+    </main>
+  );
+}
+`,
+  },
+  {
+    path: 'src/workbench/search.ts',
+    mimeType: 'application/typescript',
+    updatedAt: '2026-06-02T09:34:00.000Z',
+    source: 'assistant',
+    content: `export function compactText(value: string) {
+  return value.replace(/\\s+/g, ' ').trim();
+}
+
+export function createContentPreview(content: string, query: string) {
+  const compact = compactText(content);
+  const index = compact.toLowerCase().indexOf(query.toLowerCase());
+  if (index < 0) return compact.slice(0, 120);
+
+  const start = Math.max(0, index - 48);
+  const end = Math.min(compact.length, index + query.length + 72);
+  return \`\${start > 0 ? '...' : ''}\${compact.slice(start, end)}\${end < compact.length ? '...' : ''}\`;
+}
+`,
+  },
+  {
+    path: 'docs/getting-started.md',
+    mimeType: 'text/markdown',
+    updatedAt: '2026-06-02T09:42:00.000Z',
+    source: 'user',
+    content: `# Getting Started
+
+Import shared styles once, then compose the workbench primitives in your app shell.
+
+- Use Explorer for file navigation.
+- Use Search for path and content matches.
+- Use Chat for workspace-side conversations.
+`,
+  },
+  {
+    path: 'package.json',
+    mimeType: 'application/json',
+    updatedAt: '2026-06-02T09:50:00.000Z',
+    source: 'user',
+    content: `{
+  "name": "@example/workbench-app",
+  "private": true,
+  "scripts": {
+    "storybook": "storybook dev --port 61009"
+  }
+}
+`,
+  },
+  {
+    path: 'public/theme.css',
+    mimeType: 'text/css',
+    updatedAt: '2026-06-02T09:54:00.000Z',
+    source: 'assistant',
+    content: `:root {
+  color-scheme: dark;
+  --workspace-accent: #4aa8ff;
+}
+
+.ui-file-icon {
+  color: var(--workspace-accent);
+}
+`,
+  },
+];
+
+export const integratedShellWorkspaceFiles: WorkspaceFile[] = [
+  ...integratedShellCoreWorkspaceFiles,
+  ...widgetStudioBuiltinAssetFiles,
+  ...widgetStudioCustomAssetExampleFiles,
+];
+
+export {
+  widgetStudioBuiltinAssetFiles,
+  widgetStudioCustomAssetExampleFiles,
+} from './widget-studio-assets.js';
+
+export const integratedShellInitialRuntimeMessages: RuntimeChatMessage[] = [
+  {
+    id: 'm1',
+    source: 'user',
+    createdAt: '2026-06-18T09:12:00.000Z',
+    content:
+      'Check whether the workbench shell covers explorer, search, chatting, AI chat, settings, and status surfaces.',
+  },
+  {
+    id: 'm2',
+    source: 'assistant',
+    createdAt: '2026-06-18T09:12:18.000Z',
+    content:
+      'The integrated story now keeps those surfaces in one stateful shell with public mock data.',
+  },
+  {
+    id: 'm3',
+    source: 'assistant',
+    createdAt: '2026-06-18T09:12:42.000Z',
+    content:
+      'Search results, file icons, and the editor preview are driven by the same virtual workspace.',
+  },
+];
+
+export const integratedShellInitialChattingMessages: RuntimeChatMessage[] = [
+  {
+    id: 'c1',
+    source: 'assistant',
+    label: 'Alex',
+    createdAt: '2026-06-18T10:05:00.000Z',
+    content: 'Can you review the widget tree changes before we merge?',
+  },
+  {
+    id: 'c2',
+    source: 'user',
+    createdAt: '2026-06-18T10:06:14.000Z',
+    content: 'Sure — I will check after the CI run finishes.',
+  },
+  {
+    id: 'c3',
+    source: 'assistant',
+    label: 'Alex',
+    createdAt: '2026-06-18T10:07:02.000Z',
+    content: 'Thanks. Ping me in #workbench when the preview is ready.',
+  },
+];
+
+export const integratedShellDefaultSelectionByActivity = {
+  explorer: 'src/App.tsx',
+  search: 'src/components/Button.tsx',
+  chatting: 'src/App.tsx',
+  aiChat: 'src/App.tsx',
+} as const;
+
+export function createIntegratedShellChatRuntimeResponse(message: RuntimeChatMessage) {
+  return {
+    chunks: [
+      'Mock runtime received the workspace request. ',
+      'A workspace patch is ready in `docs/runtime-notes.md`.',
+    ],
+    intervalMs: 20,
+    workspacePatches: [
+      {
+        content: `# Runtime Notes\n\nLast request: ${message.content}\n\nThis file was produced by the public mock runtime fixture.\n`,
+        mimeType: 'text/markdown',
+        path: 'docs/runtime-notes.md',
+        source: 'assistant' as const,
+        type: 'write-file' as const,
+        updatedAt: '2026-06-02T10:05:00.000Z',
+      },
+    ],
+  };
+}