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

package/src/{chat-view.tsx → chat/view.tsx}

@@ -1,220 +1,220 @@
-import { useCallback, useMemo, useState } from 'react';
-import { ChatPanel, type ChatMessage } from '@workbench-kit/react/workbench/chat';
-
-import {
-  createMockAiChatCommandProposals,
-  createMockAiChatResponseContent,
-} from './chat-ai-mock-proposals.js';
-import {
-  readWorkbenchAiChatCommandPolicyInput,
-  mergeWorkbenchAiChatCommandPolicyInput,
-} from './chat-command-policy.js';
-import {
-  useWorkbenchChatCommandSurface,
-  type WorkbenchChatCommandRunResult,
-} from './chat-command-surface.js';
-import { type BuiltinChatViewMode, type BuiltinChatViewRenderData } from './chat-view-data.js';
-import { useWorkbenchChatCommandProposals } from './use-workbench-chat-command-proposals.js';
-import { useWorkbenchCommandDescriptors } from './use-workbench-command-descriptors.js';
-
-export type { BuiltinChatViewMode, BuiltinChatViewRenderData };
-export { BUILTIN_CHAT_VIEW_RENDER_KIND, isBuiltinChatViewRenderData } from './chat-view-data.js';
-
-type BuiltinChatRuntimeStatus = 'idle' | 'running' | 'error';
-
-const initialChattingMessages: readonly ChatMessage[] = [
-  {
-    content: 'Share updates here while working in the workspace.',
-    createdAt: '2026-06-18T14:29:00.000Z',
-    id: 'workbench-chatting-intro',
-    label: 'Alex',
-    source: 'assistant',
-  },
-];
-
-const initialAiChatMessages: readonly ChatMessage[] = [
-  {
-    content: 'Ask about the workspace or run a command with `/command.id`.',
-    createdAt: '2026-06-18T14:29:00.000Z',
-    id: 'workbench-ai-chat-intro',
-    label: 'Assistant',
-    source: 'assistant',
-  },
-];
-
-export function BuiltinChatView({ mode }: { mode: BuiltinChatViewMode }) {
-  if (mode === 'aiChat') {
-    return <BuiltinAiChatView />;
-  }
-
-  return <BuiltinChattingView />;
-}
-
-function createChatCommandFeedbackMessage(result: WorkbenchChatCommandRunResult): ChatMessage {
-  const title = result.label ?? result.commandId;
-  const status =
-    result.status === 'success' ? `Ran command \`${title}\`.` : `Command failed: \`${title}\`.`;
-
-  return {
-    content: result.message ? `${status}\n\n${result.message}` : status,
-    createdAt: new Date().toISOString(),
-    id: `chat-command-${Date.now()}-${Math.random().toString(36).slice(2)}`,
-    label: 'Workbench',
-    source: 'assistant',
-  };
-}
-
-function createChatMessageId(prefix: string) {
-  return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-
-function BuiltinChattingView() {
-  const [draft, setDraft] = useState('');
-  const [messages, setMessages] = useState<ChatMessage[]>(() => [...initialChattingMessages]);
-  const appendCommandResult = useCallback((result: WorkbenchChatCommandRunResult) => {
-    setMessages((currentMessages) => [
-      ...currentMessages,
-      createChatCommandFeedbackMessage(result),
-    ]);
-  }, []);
-  const chatCommands = useWorkbenchChatCommandSurface({
-    onCommandResult: appendCommandResult,
-    onValueChange: setDraft,
-    value: draft,
-  });
-
-  return (
-    <div className="workbench-chat-view">
-      <ChatPanel
-        assistantLabel="Alex"
-        commandLabel="Show commands"
-        commandSuggestPopover={chatCommands.commandSuggestPopover}
-        composerRef={chatCommands.composerRef}
-        emptyLabel="Start a conversation with your team."
-        messageLayout="peer"
-        messages={messages}
-        placeholder="Message your team"
-        title="Chat"
-        userLabel="Jay"
-        value={draft}
-        onCommandClick={chatCommands.onCommandClick}
-        onKeyDown={chatCommands.onKeyDown}
-        onSubmit={(message) => {
-          if (chatCommands.runInputAsCommand(message)) {
-            return;
-          }
-
-          setDraft('');
-          setMessages((currentMessages) => [
-            ...currentMessages,
-            {
-              content: message,
-              createdAt: new Date().toISOString(),
-              id: createChatMessageId('chatting-user'),
-              source: 'user',
-            },
-          ]);
-        }}
-        onValueChange={setDraft}
-      />
-    </div>
-  );
-}
-
-function BuiltinAiChatView() {
-  const [draft, setDraft] = useState('');
-  const [messages, setMessages] = useState<ChatMessage[]>(() => [...initialAiChatMessages]);
-  const [runtimeStatus, setRuntimeStatus] = useState<BuiltinChatRuntimeStatus>('idle');
-  const commands = useWorkbenchCommandDescriptors();
-  const policyInput = useMemo(
-    () =>
-      mergeWorkbenchAiChatCommandPolicyInput(readWorkbenchAiChatCommandPolicyInput(), {
-        policyByCommandId: {
-          'workbench.togglePrimarySidebar': 'approval-required',
-        },
-      }),
-    [],
-  );
-  const appendCommandResult = useCallback((result: WorkbenchChatCommandRunResult) => {
-    setMessages((currentMessages) => [
-      ...currentMessages,
-      createChatCommandFeedbackMessage(result),
-    ]);
-  }, []);
-  const chatCommands = useWorkbenchChatCommandSurface({
-    onCommandResult: appendCommandResult,
-    onValueChange: setDraft,
-    value: draft,
-  });
-  const { createProposalHandlers, enrichMessageProposals, processAutoPolicies } =
-    useWorkbenchChatCommandProposals({
-      commands,
-      onCommandResult: appendCommandResult,
-      policyInput,
-    });
-  const proposalHandlers = useMemo(
-    () => createProposalHandlers(setMessages),
-    [createProposalHandlers],
-  );
-
-  return (
-    <div className="workbench-chat-view">
-      <ChatPanel
-        assistantLabel="Assistant"
-        commandLabel="Show commands"
-        commandSuggestPopover={chatCommands.commandSuggestPopover}
-        composerRef={chatCommands.composerRef}
-        disabled={runtimeStatus === 'error'}
-        emptyLabel="Ask about this workspace."
-        isRunning={runtimeStatus === 'running'}
-        messageLayout="assistant"
-        messages={messages}
-        placeholder="Ask about this workspace"
-        showTools
-        title="AI Chat"
-        value={draft}
-        onCancel={() => setRuntimeStatus('idle')}
-        onCommandClick={chatCommands.onCommandClick}
-        onCommandProposalAllow={proposalHandlers.onProposalAllow}
-        onCommandProposalDeny={proposalHandlers.onProposalDeny}
-        onKeyDown={chatCommands.onKeyDown}
-        onSubmit={(message) => {
-          if (chatCommands.runInputAsCommand(message)) {
-            return;
-          }
-
-          setDraft('');
-          setRuntimeStatus('running');
-
-          const assistantMessageId = createChatMessageId('ai-chat-assistant');
-          const rawProposals = createMockAiChatCommandProposals(message);
-          const commandProposalsForMessage = enrichMessageProposals(rawProposals);
-          const assistantMessage: ChatMessage = {
-            commandProposals: commandProposalsForMessage.length
-              ? commandProposalsForMessage
-              : undefined,
-            content: createMockAiChatResponseContent(message),
-            createdAt: new Date().toISOString(),
-            id: assistantMessageId,
-            label: 'Assistant',
-            source: 'assistant',
-          };
-
-          setMessages((currentMessages) => [
-            ...currentMessages,
-            {
-              content: message,
-              createdAt: new Date().toISOString(),
-              id: createChatMessageId('ai-chat-user'),
-              source: 'user',
-            },
-            assistantMessage,
-          ]);
-          processAutoPolicies(setMessages, assistantMessageId, commandProposalsForMessage);
-          setRuntimeStatus('idle');
-        }}
-        onValueChange={setDraft}
-      />
-    </div>
-  );
-}
+import { useCallback, useMemo, useState } from 'react';
+import { ChatPanel, type ChatMessage } from '@workbench-kit/react/workbench/chat';
+
+import {
+  createMockAiChatCommandProposals,
+  createMockAiChatResponseContent,
+} from './ai-mock-proposals.js';
+import {
+  readWorkbenchAiChatCommandPolicyInput,
+  mergeWorkbenchAiChatCommandPolicyInput,
+} from './command-policy.js';
+import {
+  useWorkbenchChatCommandSurface,
+  type WorkbenchChatCommandRunResult,
+} from './command-surface.js';
+import { type BuiltinChatViewMode, type BuiltinChatViewRenderData } from './view-data.js';
+import { useWorkbenchChatCommandProposals } from './use-chat-command-proposals.js';
+import { useWorkbenchCommandDescriptors } from '../commands/use-command-descriptors.js';
+
+export type { BuiltinChatViewMode, BuiltinChatViewRenderData };
+export { BUILTIN_CHAT_VIEW_RENDER_KIND, isBuiltinChatViewRenderData } from './view-data.js';
+
+type BuiltinChatRuntimeStatus = 'idle' | 'running' | 'error';
+
+const initialChattingMessages: readonly ChatMessage[] = [
+  {
+    content: 'Share updates here while working in the workspace.',
+    createdAt: '2026-06-18T14:29:00.000Z',
+    id: 'workbench-chatting-intro',
+    label: 'Alex',
+    source: 'assistant',
+  },
+];
+
+const initialAiChatMessages: readonly ChatMessage[] = [
+  {
+    content: 'Ask about the workspace or run a command with `/command.id`.',
+    createdAt: '2026-06-18T14:29:00.000Z',
+    id: 'workbench-ai-chat-intro',
+    label: 'Assistant',
+    source: 'assistant',
+  },
+];
+
+export function BuiltinChatView({ mode }: { mode: BuiltinChatViewMode }) {
+  if (mode === 'aiChat') {
+    return <BuiltinAiChatView />;
+  }
+
+  return <BuiltinChattingView />;
+}
+
+function createChatCommandFeedbackMessage(result: WorkbenchChatCommandRunResult): ChatMessage {
+  const title = result.label ?? result.commandId;
+  const status =
+    result.status === 'success' ? `Ran command \`${title}\`.` : `Command failed: \`${title}\`.`;
+
+  return {
+    content: result.message ? `${status}\n\n${result.message}` : status,
+    createdAt: new Date().toISOString(),
+    id: `chat-command-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+    label: 'Workbench',
+    source: 'assistant',
+  };
+}
+
+function createChatMessageId(prefix: string) {
+  return `${prefix}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+
+function BuiltinChattingView() {
+  const [draft, setDraft] = useState('');
+  const [messages, setMessages] = useState<ChatMessage[]>(() => [...initialChattingMessages]);
+  const appendCommandResult = useCallback((result: WorkbenchChatCommandRunResult) => {
+    setMessages((currentMessages) => [
+      ...currentMessages,
+      createChatCommandFeedbackMessage(result),
+    ]);
+  }, []);
+  const chatCommands = useWorkbenchChatCommandSurface({
+    onCommandResult: appendCommandResult,
+    onValueChange: setDraft,
+    value: draft,
+  });
+
+  return (
+    <div className="workbench-chat-view">
+      <ChatPanel
+        assistantLabel="Alex"
+        commandLabel="Show commands"
+        commandSuggestPopover={chatCommands.commandSuggestPopover}
+        composerRef={chatCommands.composerRef}
+        emptyLabel="Start a conversation with your team."
+        messageLayout="peer"
+        messages={messages}
+        placeholder="Message your team"
+        title="Chat"
+        userLabel="Jay"
+        value={draft}
+        onCommandClick={chatCommands.onCommandClick}
+        onKeyDown={chatCommands.onKeyDown}
+        onSubmit={(message) => {
+          if (chatCommands.runInputAsCommand(message)) {
+            return;
+          }
+
+          setDraft('');
+          setMessages((currentMessages) => [
+            ...currentMessages,
+            {
+              content: message,
+              createdAt: new Date().toISOString(),
+              id: createChatMessageId('chatting-user'),
+              source: 'user',
+            },
+          ]);
+        }}
+        onValueChange={setDraft}
+      />
+    </div>
+  );
+}
+
+function BuiltinAiChatView() {
+  const [draft, setDraft] = useState('');
+  const [messages, setMessages] = useState<ChatMessage[]>(() => [...initialAiChatMessages]);
+  const [runtimeStatus, setRuntimeStatus] = useState<BuiltinChatRuntimeStatus>('idle');
+  const commands = useWorkbenchCommandDescriptors();
+  const policyInput = useMemo(
+    () =>
+      mergeWorkbenchAiChatCommandPolicyInput(readWorkbenchAiChatCommandPolicyInput(), {
+        policyByCommandId: {
+          'workbench.togglePrimarySidebar': 'approval-required',
+        },
+      }),
+    [],
+  );
+  const appendCommandResult = useCallback((result: WorkbenchChatCommandRunResult) => {
+    setMessages((currentMessages) => [
+      ...currentMessages,
+      createChatCommandFeedbackMessage(result),
+    ]);
+  }, []);
+  const chatCommands = useWorkbenchChatCommandSurface({
+    onCommandResult: appendCommandResult,
+    onValueChange: setDraft,
+    value: draft,
+  });
+  const { createProposalHandlers, enrichMessageProposals, processAutoPolicies } =
+    useWorkbenchChatCommandProposals({
+      commands,
+      onCommandResult: appendCommandResult,
+      policyInput,
+    });
+  const proposalHandlers = useMemo(
+    () => createProposalHandlers(setMessages),
+    [createProposalHandlers],
+  );
+
+  return (
+    <div className="workbench-chat-view">
+      <ChatPanel
+        assistantLabel="Assistant"
+        commandLabel="Show commands"
+        commandSuggestPopover={chatCommands.commandSuggestPopover}
+        composerRef={chatCommands.composerRef}
+        disabled={runtimeStatus === 'error'}
+        emptyLabel="Ask about this workspace."
+        isRunning={runtimeStatus === 'running'}
+        messageLayout="assistant"
+        messages={messages}
+        placeholder="Ask about this workspace"
+        showTools
+        title="AI Chat"
+        value={draft}
+        onCancel={() => setRuntimeStatus('idle')}
+        onCommandClick={chatCommands.onCommandClick}
+        onCommandProposalAllow={proposalHandlers.onProposalAllow}
+        onCommandProposalDeny={proposalHandlers.onProposalDeny}
+        onKeyDown={chatCommands.onKeyDown}
+        onSubmit={(message) => {
+          if (chatCommands.runInputAsCommand(message)) {
+            return;
+          }
+
+          setDraft('');
+          setRuntimeStatus('running');
+
+          const assistantMessageId = createChatMessageId('ai-chat-assistant');
+          const rawProposals = createMockAiChatCommandProposals(message);
+          const commandProposalsForMessage = enrichMessageProposals(rawProposals);
+          const assistantMessage: ChatMessage = {
+            commandProposals: commandProposalsForMessage.length
+              ? commandProposalsForMessage
+              : undefined,
+            content: createMockAiChatResponseContent(message),
+            createdAt: new Date().toISOString(),
+            id: assistantMessageId,
+            label: 'Assistant',
+            source: 'assistant',
+          };
+
+          setMessages((currentMessages) => [
+            ...currentMessages,
+            {
+              content: message,
+              createdAt: new Date().toISOString(),
+              id: createChatMessageId('ai-chat-user'),
+              source: 'user',
+            },
+            assistantMessage,
+          ]);
+          processAutoPolicies(setMessages, assistantMessageId, commandProposalsForMessage);
+          setRuntimeStatus('idle');
+        }}
+        onValueChange={setDraft}
+      />
+    </div>
+  );
+}

package/src/{command-inspector-surface.tsx → commands/inspector-surface.tsx}

@@ -1,46 +1,46 @@
-import { ScrollArea } from '@workbench-kit/react/primitives';
-import {
-  CommandInspectorPanel,
-  findCommandManagementEntry,
-} from '@workbench-kit/react/workbench/management';
-
-import { useCommandManagementModel } from './use-command-management.js';
-
-export interface CommandInspectorSurfaceProps {
-  commandId: string;
-  resourceUri: string;
-  tabId: string;
-}
-
-export function CommandInspectorSurface({
-  commandId,
-  resourceUri,
-  tabId,
-}: CommandInspectorSurfaceProps) {
-  const { groups, lastRun, runCommand } = useCommandManagementModel();
-  const entry = findCommandManagementEntry(groups, commandId);
-
-  if (!entry) {
-    return (
-      <section
-        aria-label="Command inspector"
-        className="workbench-command-inspector-surface"
-        data-editor-host-id={tabId}
-        data-resource-uri={resourceUri}
-      >
-        <div className="workbench-command-inspector-surface__missing" role="alert">
-          <p className="workbench-command-inspector-surface__missing-title">Command not found</p>
-          <p className="workbench-command-inspector-surface__missing-message">
-            No registry entry matches <code>{commandId}</code>.
-          </p>
-        </div>
-      </section>
-    );
-  }
-
-  return (
-    <ScrollArea className="workbench-command-inspector-surface" orientation="vertical">
-      <CommandInspectorPanel entry={entry} lastRun={lastRun} onRunCommand={runCommand} />
-    </ScrollArea>
-  );
-}
+import { ScrollArea } from '@workbench-kit/react/primitives';
+import {
+  CommandInspectorPanel,
+  findCommandManagementEntry,
+} from '@workbench-kit/react/workbench/management';
+
+import { useCommandManagementModel } from '../management/use-command-management.js';
+
+export interface CommandInspectorSurfaceProps {
+  commandId: string;
+  resourceUri: string;
+  tabId: string;
+}
+
+export function CommandInspectorSurface({
+  commandId,
+  resourceUri,
+  tabId,
+}: CommandInspectorSurfaceProps) {
+  const { groups, lastRun, runCommand } = useCommandManagementModel();
+  const entry = findCommandManagementEntry(groups, commandId);
+
+  if (!entry) {
+    return (
+      <section
+        aria-label="Command inspector"
+        className="workbench-command-inspector-surface"
+        data-editor-host-id={tabId}
+        data-resource-uri={resourceUri}
+      >
+        <div className="workbench-command-inspector-surface__missing" role="alert">
+          <p className="workbench-command-inspector-surface__missing-title">Command not found</p>
+          <p className="workbench-command-inspector-surface__missing-message">
+            No registry entry matches <code>{commandId}</code>.
+          </p>
+        </div>
+      </section>
+    );
+  }
+
+  return (
+    <ScrollArea className="workbench-command-inspector-surface" orientation="vertical">
+      <CommandInspectorPanel entry={entry} lastRun={lastRun} onRunCommand={runCommand} />
+    </ScrollArea>
+  );
+}

package/src/{use-workbench-command-descriptors.ts → commands/use-command-descriptors.ts}

@@ -1,41 +1,41 @@
-import { useEffect, useMemo, useReducer } from 'react';
-import type { WorkbenchCommandDescriptor } from '@workbench-kit/react/workbench';
-
-import { useWorkbench } from './provider.js';
-import {
-  collectExtensionCommandFeaturesById,
-  extensionCommandToDescriptor,
-  mergeWorkbenchCommandDescriptors,
-} from './workbench-command-palette.js';
-
-const EMPTY_COMMAND_DESCRIPTORS: readonly WorkbenchCommandDescriptor[] = [];
-
-export function useWorkbenchCommandDescriptors(
-  additionalCommands: readonly WorkbenchCommandDescriptor[] = EMPTY_COMMAND_DESCRIPTORS,
-) {
-  const { extensionRegistry } = useWorkbench();
-  const [refreshToken, refreshCommands] = useReducer((count: number) => count + 1, 0);
-
-  useEffect(() => {
-    const disposable = extensionRegistry.commands.onDidRegisterCommand(() => {
-      refreshCommands();
-    });
-
-    return () => {
-      disposable.dispose();
-    };
-  }, [extensionRegistry.commands]);
-
-  return useMemo(() => {
-    const commandFeaturesById = collectExtensionCommandFeaturesById(extensionRegistry);
-
-    return mergeWorkbenchCommandDescriptors(
-      extensionRegistry.commands
-        .getCommands()
-        .map((command) =>
-          extensionCommandToDescriptor(command, commandFeaturesById.get(command.id)),
-        ),
-      [...additionalCommands],
-    );
-  }, [additionalCommands, extensionRegistry, refreshToken]);
-}
+import { useEffect, useMemo, useReducer } from 'react';
+import type { WorkbenchCommandDescriptor } from '@workbench-kit/react/workbench';
+
+import { useWorkbench } from '../shell/provider.js';
+import {
+  collectExtensionCommandFeaturesById,
+  extensionCommandToDescriptor,
+  mergeWorkbenchCommandDescriptors,
+} from '../workbench/command-palette.js';
+
+const EMPTY_COMMAND_DESCRIPTORS: readonly WorkbenchCommandDescriptor[] = [];
+
+export function useWorkbenchCommandDescriptors(
+  additionalCommands: readonly WorkbenchCommandDescriptor[] = EMPTY_COMMAND_DESCRIPTORS,
+) {
+  const { extensionRegistry } = useWorkbench();
+  const [refreshToken, refreshCommands] = useReducer((count: number) => count + 1, 0);
+
+  useEffect(() => {
+    const disposable = extensionRegistry.commands.onDidRegisterCommand(() => {
+      refreshCommands();
+    });
+
+    return () => {
+      disposable.dispose();
+    };
+  }, [extensionRegistry.commands]);
+
+  return useMemo(() => {
+    const commandFeaturesById = collectExtensionCommandFeaturesById(extensionRegistry);
+
+    return mergeWorkbenchCommandDescriptors(
+      extensionRegistry.commands
+        .getCommands()
+        .map((command) =>
+          extensionCommandToDescriptor(command, commandFeaturesById.get(command.id)),
+        ),
+      [...additionalCommands],
+    );
+  }, [additionalCommands, extensionRegistry, refreshToken]);
+}

package/src/{use-context-key-revision.ts → commands/use-context-key-revision.ts}

@@ -1,18 +1,18 @@
-import { useEffect, useState } from 'react';
-import type { ContextKeyService } from '@workbench-kit/platform';
-
-export function useContextKeyRevision(contextKeyService: ContextKeyService): number {
-  const [revision, setRevision] = useState(0);
-
-  useEffect(() => {
-    const disposable = contextKeyService.onDidChangeContext(() => {
-      setRevision((current) => current + 1);
-    });
-
-    return () => {
-      disposable.dispose();
-    };
-  }, [contextKeyService]);
-
-  return revision;
-}
+import { useEffect, useState } from 'react';
+import type { ContextKeyService } from '@workbench-kit/platform';
+
+export function useContextKeyRevision(contextKeyService: ContextKeyService): number {
+  const [revision, setRevision] = useState(0);
+
+  useEffect(() => {
+    const disposable = contextKeyService.onDidChangeContext(() => {
+      setRevision((current) => current + 1);
+    });
+
+    return () => {
+      disposable.dispose();
+    };
+  }, [contextKeyService]);
+
+  return revision;
+}