ompchamber 3.3.3 → 3.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ompchamber",
-  "version": "3.3.3",
+  "version": "3.4.0",
   "description": "Developer web console and diagnostic chamber for AI Oh-My-Pi — Elysia + Preact on Bun.",
   "license": "UNLICENSED",
   "author": "Wijanarko Putra Rajeb <wijanarko.rajeb@gmail.com>",

package/src/client/components/settings/categories/AppearanceSettings.tsx

@@ -11,7 +11,7 @@ interface AppearanceSettingsProps {
 
 export function AppearanceSettings({ settings, onUpdate }: AppearanceSettingsProps) {
   return (
-    <div className="w-full space-y-8 text-xs text-ink">
+    <div className="w-full space-y-8 text-xs text-ink pb-3">
       <section className="space-y-4">
         <div className="flex items-center space-x-2 border-b border-ink/10 pb-2">
           <Palette size={16} className="text-ink/60" />

package/src/client/components/settings/categories/ChatSettings.tsx

@@ -11,7 +11,7 @@ interface ChatSettingsProps {
 
 export function ChatSettings({ settings, onUpdate }: ChatSettingsProps) {
   return (
-    <div className="w-full space-y-7 text-xs text-ink">
+    <div className="w-full space-y-7 text-xs text-ink pb-3">
       {/* 1. Streaming Transport (WebSocket vs SSE) */}
       <ChatTransportSection settings={settings} onUpdate={onUpdate} />
 

package/src/client/components/workspace/btw-panel/AskCard.tsx

@@ -31,6 +31,8 @@ export interface BtwAskCardProps {
   onNewQuestion: () => void;
   /** `✕` — leave the side-question form. */
   onClose: () => void;
+  /** Escape — cancel the running answer first. Returns whether one was running. */
+  onCancel: () => boolean;
   /** A side answer is streaming: starting over waits for it. */
   running: boolean;
   topics: BtwTopic[];
@@ -50,6 +52,7 @@ export function BtwAskCard({
   onSubmit,
   onNewQuestion,
   onClose,
+  onCancel,
   running,
   topics,
   activeTopicId,
@@ -72,7 +75,9 @@ export function BtwAskCard({
   const handleKeyDown = (event: TargetedKeyboardEvent<HTMLTextAreaElement>) => {
     if (event.key === 'Escape') {
       event.preventDefault();
-      onClose();
+      // Cancel first, close only when nothing was running — omp's Escape handler
+      // does the same, so one keypress cannot abandon a question mid-flight.
+      if (!onCancel()) onClose();
       return;
     }
     if (event.key !== 'Enter' || event.shiftKey) return;

package/src/client/components/workspace/btw-panel/Messages.tsx

@@ -48,7 +48,7 @@ function AnswerStatus({ status }: { status: BtwTurnStatus }) {
     return <div className="text-[11px] text-ink/50">Cancelled</div>;
   }
 
-  return <div className="text-[11px] text-error">{status === 'failed' ? 'Failed' : 'Interrupted'}</div>;
+  return <div className="text-[11px] text-error">{status === 'error' ? 'Error' : 'Interrupted'}</div>;
 }
 
 /** The question row for a turn, in the chat's own user-bubble shape. */

package/src/client/components/workspace/btw-panel/TopicMenu.tsx

@@ -24,7 +24,7 @@ const STATUS_LABEL: Record<BtwTurnStatus, string> = {
   running: 'thinking…',
   complete: 'complete',
   cancelled: 'cancelled',
-  failed: 'failed',
+  error: 'error',
   interrupted: 'interrupted',
 };
 

package/src/client/components/workspace/btw-panel/index.tsx

@@ -23,11 +23,12 @@
  * question — and promotion is the one explicit action that moves an answer into
  * the chat, as a session branched from it.
  *
- * The composer card is the CHAT's own `ChatInput`, not a look-alike: a side
- * question runs a child with tools and an access mode, so it offers the same
- * model / thinking / access controls, the same attachments, drop targets and
- * keybindings. Only the autocomplete is off (`enablePicker`) — a side question
- * has no file tree, commands or skills to complete against.
+ * The composer card is the CHAT's own `ChatInput`, not a look-alike: the same
+ * attachments, drop targets and keybindings. Only the autocomplete is off
+ * (`enablePicker`) — a side question has no file tree, commands or skills to
+ * complete against — and so are the model / thinking / access controls: the side
+ * child runs on the chat's model and thinking selector, without tools, so those
+ * dropdowns would change nothing. That is exactly what omp's own `/btw` offers.
  */
 
 import { useState } from 'preact/hooks';
@@ -37,7 +38,6 @@ import { BtwAskCard } from '@/client/components/workspace/btw-panel/AskCard';
 import { BtwMessages } from '@/client/components/workspace/btw-panel/Messages';
 import { ChatInput } from '@/client/components/workspace/chat-timeline/chat-input/index';
 import { GeneratingIndicator } from '@/client/components/workspace/chat-timeline/GeneratingIndicator';
-import { ExtensionDialog } from '@/client/components/workspace/chat-timeline/tool-renderers/extension-dialog/Lazy';
 
 /** Tallest the answer card grows before its own scrollbar takes over. */
 const ANSWERS_MAX_HEIGHT_PX = 520;
@@ -70,9 +70,15 @@ export function BtwForm({
   // the same click burst would be a second request for work already running.
   // An already-promoted topic needs no second button either — its branch
   // session exists, and the server hands that id back on a repeat promote.
+  // A topic with follow-ups cannot be promoted (a branch carries one pair), so
+  // the action is offered only where the server would accept it.
   const canPromote =
-    Boolean(mode.activeTopic) && !mode.runningTopicId && !mode.busy && !mode.activeTopic?.promotedSessionId && lastTurn?.status === 'complete';
-  const dialog = mode.dialogs[0];
+    Boolean(mode.activeTopic) &&
+    mode.activeTopic!.turns.length === 1 &&
+    !mode.runningTopicId &&
+    !mode.busy &&
+    !mode.activeTopic?.promotedSessionId &&
+    lastTurn?.status === 'complete';
   const running = Boolean(mode.runningTopicId);
 
   return (
@@ -91,6 +97,7 @@ export function BtwForm({
           onSubmit={mode.submitAsk}
           onNewQuestion={mode.resetQuestion}
           onClose={mode.exit}
+          onCancel={mode.abort}
           running={running}
           topics={mode.topics}
           activeTopicId={mode.activeTopic?.id ?? null}
@@ -107,7 +114,7 @@ export function BtwForm({
           provider={mode.activeTopic?.model?.provider ?? provider}
           providerNames={providerNames}
           modelName={mode.activeTopic?.model?.name ?? modelName}
-          thinkingLevel={mode.thinkingLevel}
+          thinkingLevel={mode.activeTopic?.thinkingLevel}
           isMobile={variant === 'mobile'}
         />
 
@@ -135,33 +142,19 @@ export function BtwForm({
           setAttachments([]);
         }}
         isGenerating={running}
-        onStop={mode.abort}
+        onStop={() => void mode.abort()}
         appSettings={appSettings}
         attachments={attachments}
         onAttachmentsChange={setAttachments}
         rootPath={rootPath}
         variant={variant}
         enablePicker={false}
+        showModel={false}
+        showThinking={false}
+        showAccess={false}
         placeholder="Ask in this btw session..."
-        accessMode={mode.accessMode}
-        onAccessModeChange={mode.setAccessMode}
-        onThinkingLevelChange={mode.setThinkingLevel}
-        onModelChange={mode.setModel}
-        sessionModel={mode.activeTopic?.model ? { provider: mode.activeTopic.model.provider, modelId: mode.activeTopic.model.id } : null}
-        sessionThinkingLevel={mode.thinkingLevel}
         composerModelRef={composerModelRef}
       />
-
-      {/* A side child runs with tools, so a gated call parks its turn on an
-          approval dialog. There is no tool card here to host one inline (unlike
-          the chat's `ask`), so every answerable request is a modal — and the
-          dialog brings its own backdrop. */}
-      {dialog && (
-        <ExtensionDialog
-          request={dialog.request}
-          onRespond={(_, response) => mode.respondToDialog(dialog.request.id, response)}
-        />
-      )}
     </div>
   );
 }

package/src/client/components/workspace/chat-timeline/chat-input/Toolbar.tsx

@@ -3,7 +3,7 @@ import type { AIModelOption } from '@/shared/types';
 import { ModelDropdown } from '@/client/components/workspace/model-dropdown/index';
 import { ThinkingLevelDropdown } from '@/client/components/workspace/chat-timeline/chat-input/ThinkingLevelDropdown';
 import { AccessDropdown } from '@/client/components/workspace/chat-timeline/chat-input/AccessDropdown';
-import type { ApprovalMode } from '@/shared/lib/omp/config/access-mode';
+import { DEFAULT_APPROVAL_MODE, type ApprovalMode } from '@/shared/lib/omp/config/access-mode';
 
 export interface ComposerToolbarProps {
   isMobile: boolean;
@@ -21,8 +21,12 @@ export interface ComposerToolbarProps {
   onSend: () => void;
   /** Send is blocked while no workspace context is selected or nothing is typed. */
   sendDisabled: boolean;
-  accessMode: ApprovalMode;
-  onSelectAccess: (mode: ApprovalMode) => void;
+  accessMode?: ApprovalMode;
+  onSelectAccess?: (mode: ApprovalMode) => void;
+  /** Which selectors render; all true for the chat, all false for a side question. */
+  showModel?: boolean;
+  showThinking?: boolean;
+  showAccess?: boolean;
 }
 
 /**
@@ -45,32 +49,39 @@ export function ComposerToolbar({
   onStop,
   onSend,
   sendDisabled,
-  accessMode,
+  accessMode = DEFAULT_APPROVAL_MODE,
   onSelectAccess,
+  showModel = true,
+  showThinking = true,
+  showAccess = true,
 }: ComposerToolbarProps) {
   const showStop = isGenerating && (isMobile ? Boolean(onStop) : true);
 
   return (
     <div className={`flex items-center justify-between border-t border-ink/5 bg-canvas/50 rounded-b-md ${isMobile ? 'px-2 py-2' : 'px-3 py-2'}`}>
       <div className={`flex items-center min-w-0 ${isMobile ? 'space-x-1' : 'space-x-2'}`}>
-        <ModelDropdown
-          selectedModel={selectedModel ?? undefined}
-          onSelectModel={onSelectModel}
-          onThinkingLevelChange={onThinkingLevelChange}
-          className={isMobile ? 'min-w-0 max-w-[58%]' : undefined}
-        />
+        {showModel && (
+          <ModelDropdown
+            selectedModel={selectedModel ?? undefined}
+            onSelectModel={onSelectModel}
+            onThinkingLevelChange={onThinkingLevelChange}
+            className={isMobile ? 'min-w-0 max-w-[58%]' : undefined}
+          />
+        )}
 
-        <div className="w-[1px] h-3 bg-ink/10" />
+        {showModel && showThinking && <div className="w-[1px] h-3 bg-ink/10" />}
 
-        <ThinkingLevelDropdown
-          thinkingLevels={thinkingLevels}
-          currentThinking={currentThinking}
-          onSelect={onSelectThinking}
-        />
+        {showThinking && (
+          <ThinkingLevelDropdown
+            thinkingLevels={thinkingLevels}
+            currentThinking={currentThinking}
+            onSelect={onSelectThinking}
+          />
+        )}
 
-        <div className="w-[1px] h-3 bg-ink/10" />
+        {(showModel || showThinking) && showAccess && <div className="w-[1px] h-3 bg-ink/10" />}
 
-        <AccessDropdown value={accessMode} onSelect={onSelectAccess} />
+        {showAccess && onSelectAccess && <AccessDropdown value={accessMode} onSelect={onSelectAccess} />}
       </div>
 
       <div className="flex items-center gap-1.5 flex-shrink-0">

package/src/client/components/workspace/chat-timeline/chat-input/index.tsx

@@ -2,7 +2,6 @@ import { useEffect, useMemo, useRef, useState } from 'preact/hooks';
 import type { ClipboardEvent, SetStateAction } from 'preact/compat';
 import { AlertTriangle, X } from 'lucide-preact';
 import type { AIModelOption, Attachment, ModelEntry } from '@/shared/types';
-import type { ApprovalMode } from '@/shared/lib/omp/config/access-mode';
 import { ComposerToolbar } from '@/client/components/workspace/chat-timeline/chat-input/Toolbar';
 import { ComposerTextarea } from '@/client/components/common/ComposerTextarea';
 import { AttachmentToolbar } from '@/client/components/workspace/chat-timeline/chat-input/AttachmentToolbar';
@@ -13,6 +12,7 @@ import { NO_PENDING_PICK } from '@/client/hooks/chat/timeline/deferred-model';
 import { primeFileReads } from '@/client/hooks/chat/composer/file-reads';
 import { useComposerPipeline } from '@/client/hooks/chat/composer/pipeline';
 import { DropOverlay } from '@/client/components/workspace/chat-timeline/chat-input/DropOverlay';
+import type { ChatInputProps } from '@/client/components/workspace/chat-timeline/chat-input/props';
 
 export function ChatInput({ 
   value, 
@@ -33,6 +33,9 @@ export function ChatInput({
   variant = 'desktop',
   accessMode,
   onAccessModeChange,
+  showModel = true,
+  showThinking = true,
+  showAccess = true,
   enablePicker = true,
   placeholder,
   /** Written on every model/thinking pick so the send path can snapshot the
@@ -44,43 +47,7 @@ export function ChatInput({
    *  by composers that never stream (the New Chat modal), where there is
    *  nothing to defer and adoption must behave as before. */
   deferredComposerPickRef = NO_PENDING_PICK,
-}: {
-  value: string;
-  onChange: (v: string) => void;
-  onSend: (attachments: Attachment[], options?: { steering?: boolean }) => void;
-  isGenerating: boolean;
-  onStop?: () => void;
-  className?: string;
-  disabled?: boolean;
-  appSettings?: Record<string, any>;
-  attachments?: Attachment[];
-  onAttachmentsChange?: (attachments: SetStateAction<Attachment[]>) => void;
-  onThinkingLevelChange?: (level: string) => void;
-  onModelChange?: (provider: string, modelId: string) => void;
-  /** Model last used by the active session (omp `model_change` entry). */
-  sessionModel?: { provider: string; modelId: string } | null;
-  /** Thinking level last used by the active session (omp `thinking_level_change` entry). */
-  sessionThinkingLevel?: string | null;
-  rootPath?: string | null;
-  accessMode: ApprovalMode;
-  onAccessModeChange: (mode: ApprovalMode) => void;
-  /**
-   * Whether the `@` / `/` / `!` / `#` autocomplete runs. Off for the
-   * side-question form, which has no file tree, commands or skills to offer —
-   * and whose text is never run through the mention translator.
-   */
-  enablePicker?: boolean;
-  /** Overrides the default hint text (the side-question form names its own). */
-  placeholder?: string;
-  /**
-   * `mobile` sizes the composer for a phone: 16px text (iOS Safari zooms the
-   * viewport when focusing an input below that), thumb-sized send/stop
-   * targets, and Enter-to-newline instead of Enter-to-send.
-   */
-  variant?: 'desktop' | 'mobile';
-  composerModelRef: { current: { provider: string; modelId: string; thinkingLevel: string } | null };
-  deferredComposerPickRef?: { current: { provider?: string; modelId?: string; thinkingLevel?: string } | null };
-}) {
+}: ChatInputProps) {
   const [internalAttachments, setInternalAttachments] = useState<Attachment[]>([]);
 
   const attachments = externalAttachments !== undefined ? externalAttachments : internalAttachments;
@@ -303,7 +270,7 @@ export function ChatInput({
         appSettings={appSettings}
         rootPath={rootPath}
         enablePicker={enablePicker}
-        placeholder={placeholder ?? (disabled ? "Please select a workspace above to start prompting..." : "@ for files/agents; / for commands and skills; ! for shell; # for snippets (Paste images/files here)")}
+        placeholder={placeholder ?? (disabled ? "Please select a workspace above to start prompting..." : "@ for files/agents; / for commands and skills (Paste images/files here)")}
         className={`w-full bg-transparent border-none focus:outline-none resize-none text-ink placeholder-ink/40 disabled:opacity-50 disabled:cursor-not-allowed ${
           isMobile ? 'px-3 py-3 text-base min-h-[68px] max-h-40' : 'px-3 py-3 text-sm min-h-[80px]'
         }`}
@@ -329,6 +296,9 @@ export function ChatInput({
         sendDisabled={disabled || (!value.trim() && attachments.length === 0)}
         accessMode={accessMode}
         onSelectAccess={onAccessModeChange}
+        showModel={showModel}
+        showThinking={showThinking}
+        showAccess={showAccess}
       />
     </div>
   );

package/src/client/components/workspace/chat-timeline/chat-input/props.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * The composer's props, split from its implementation so the component file
+ * stays under the repo's per-file ceiling. Every field here is documented where
+ * it changes behaviour; the component reads them all.
+ */
+
+import type { SetStateAction } from 'preact/compat';
+import type { Attachment } from '@/shared/types';
+import type { ApprovalMode } from '@/shared/lib/omp/config/access-mode';
+
+export interface ChatInputProps {
+  value: string;
+  onChange: (v: string) => void;
+  onSend: (attachments: Attachment[], options?: { steering?: boolean }) => void;
+  isGenerating: boolean;
+  onStop?: () => void;
+  className?: string;
+  disabled?: boolean;
+  appSettings?: Record<string, any>;
+  attachments?: Attachment[];
+  onAttachmentsChange?: (attachments: SetStateAction<Attachment[]>) => void;
+  onThinkingLevelChange?: (level: string) => void;
+  onModelChange?: (provider: string, modelId: string) => void;
+  /** Model last used by the active session (omp `model_change` entry). */
+  sessionModel?: { provider: string; modelId: string } | null;
+  /** Thinking level last used by the active session (omp `thinking_level_change` entry). */
+  sessionThinkingLevel?: string | null;
+  rootPath?: string | null;
+  /** The chat session's access mode; omit it on a composer whose access
+   *  selector is off (the side-question form). */
+  accessMode?: ApprovalMode;
+  onAccessModeChange?: (mode: ApprovalMode) => void;
+  /**
+   * Which of the toolbar's selectors render. The side-question composer turns
+   * all three off: its child runs on the chat's model and thinking selector and
+   * without tools, so a control there would change nothing.
+   */
+  showModel?: boolean;
+  showThinking?: boolean;
+  showAccess?: boolean;
+  /**
+   * Whether the `@` / `/` / `!` / `#` autocomplete runs. Off for the
+   * side-question form, which has no file tree, commands or skills to offer —
+   * and whose text is never run through the mention translator.
+   */
+  enablePicker?: boolean;
+  /** Overrides the default hint text (the side-question form names its own). */
+  placeholder?: string;
+  /**
+   * `mobile` sizes the composer for a phone: 16px text (iOS Safari zooms the
+   * viewport when focusing an input below that), thumb-sized send/stop
+   * targets, and Enter-to-newline instead of Enter-to-send.
+   */
+  variant?: 'desktop' | 'mobile';
+  composerModelRef: { current: { provider: string; modelId: string; thinkingLevel: string } | null };
+  deferredComposerPickRef?: { current: { provider?: string; modelId?: string; thinkingLevel?: string } | null };
+}

package/src/client/hooks/chat/btw/index.ts

@@ -12,11 +12,14 @@
  * merge logic of its own and a reload can never disagree with the server.
  * The stream is attached only while the panel is open: a side question is a
  * deliberate action, not background traffic.
+ *
+ * There are no per-topic pickers here. A side question runs without tools and on
+ * the CHAT's model and thinking selector (the server re-reads them from the
+ * parent transcript at every ask), which is what omp's own `/btw` does.
  */
 
 import { useCallback, useEffect, useRef, useState } from 'preact/hooks';
 import type { AgentImage, Attachment, BtwState, ChatMessageData, StreamTransport } from '@/shared/types';
-import type { ApprovalMode } from '@/shared/lib/omp/config/access-mode';
 import { attachmentImage, readTextAttachments } from '@/shared/lib/chat/attachments';
 import {
   BtwRequestError,
@@ -26,10 +29,6 @@ import {
   deleteBtwTopic,
   fetchBtwState,
   promoteBtwTopic,
-  respondBtwDialog,
-  setBtwAccessMode,
-  setBtwModel,
-  setBtwThinkingLevel,
 } from '@/shared/lib/chat/btw/client';
 import type { StreamConnection } from '@/shared/lib/chat/omp/transport';
 
@@ -40,7 +39,7 @@ export type BtwImage = AgentImage;
  * The turn streaming right now. `messages` is the turn's conversation in the
  * chat's own shape, upserted by `message.id` exactly as the chat stream does —
  * so the panel renders a live side answer through the same components the chat
- * uses, tool calls included.
+ * uses.
  */
 export interface BtwLiveAnswer {
   topicId: string;
@@ -50,17 +49,6 @@ export interface BtwLiveAnswer {
   activity: string;
 }
 
-/**
- * Composer picks for a topic's FIRST question. A topic that does not exist yet
- * has no row to write them to, so they ride the ask and reach the spawn; later
- * questions address an existing topic through the dedicated setters.
- */
-export interface BtwFirstQuestionPicks {
-  model?: { provider: string; id: string };
-  thinkingLevel?: string;
-  approvalMode?: ApprovalMode;
-}
-
 export interface BtwSessionHandle {
   state: BtwState | null;
   live: BtwLiveAnswer | null;
@@ -69,12 +57,8 @@ export interface BtwSessionHandle {
   busy: boolean;
   /** Resolves with the canonical state the command produced, or null when it
    *  was refused (the reason is then in `error`). */
-  ask: (question: string, attachments?: Attachment[], topicId?: string, picks?: BtwFirstQuestionPicks) => Promise<BtwState | null>;
+  ask: (question: string, attachments?: Attachment[], topicId?: string) => Promise<BtwState | null>;
   abort: (topicId: string) => Promise<void>;
-  setModel: (topicId: string, provider: string, modelId: string) => Promise<void>;
-  setThinkingLevel: (topicId: string, level: string) => Promise<void>;
-  setAccessMode: (topicId: string, mode: ApprovalMode) => Promise<void>;
-  respondToDialog: (topicId: string, id: string, response: { value: string } | { confirmed: boolean } | { cancelled: true }) => Promise<void>;
   /** Returns the new session id to open, or null when it was refused. */
   promote: (topicId: string) => Promise<string | null>;
   remove: (topicId: string) => Promise<void>;
@@ -186,7 +170,6 @@ export function useBtwSession(sessionId: string | null, options: BtwSessionOptio
       question: string,
       attachments: Attachment[] = [],
       topicId?: string,
-      picks?: BtwFirstQuestionPicks,
     ): Promise<BtwState | null> => {
       setError(null);
       // Same split the chat send path makes: images travel as provider payloads,
@@ -201,9 +184,6 @@ export function useBtwSession(sessionId: string | null, options: BtwSessionOptio
         topicId,
         ...(images.length ? { images } : {}),
         ...(textFiles.length ? { textFiles } : {}),
-        // Only a first question carries picks; a follow-up addresses a topic
-        // that already owns them.
-        ...(topicId ? {} : picks ?? {}),
       }));
       setLive(null);
       if (next && !next.runningTopicId) {
@@ -222,38 +202,6 @@ export function useBtwSession(sessionId: string | null, options: BtwSessionOptio
     [run],
   );
 
-  const setModel = useCallback(
-    async (topicId: string, provider: string, modelId: string) => {
-      setError(null);
-      await run((id) => setBtwModel(id, topicId, provider, modelId));
-    },
-    [run],
-  );
-
-  const setThinkingLevel = useCallback(
-    async (topicId: string, level: string) => {
-      setError(null);
-      await run((id) => setBtwThinkingLevel(id, topicId, level));
-    },
-    [run],
-  );
-
-  const setAccessMode = useCallback(
-    async (topicId: string, mode: ApprovalMode) => {
-      setError(null);
-      await run((id) => setBtwAccessMode(id, topicId, mode));
-    },
-    [run],
-  );
-
-  const respondToDialog = useCallback(
-    async (topicId: string, id: string, response: { value: string } | { confirmed: boolean } | { cancelled: true }) => {
-      setError(null);
-      await run((requestId) => respondBtwDialog(requestId, topicId, id, response));
-    },
-    [run],
-  );
-
   const remove = useCallback(
     async (topicId: string) => {
       setError(null);
@@ -283,19 +231,5 @@ export function useBtwSession(sessionId: string | null, options: BtwSessionOptio
 
   const clearError = useCallback(() => setError(null), []);
 
-  return {
-    state,
-    live,
-    error,
-    busy,
-    ask,
-    abort,
-    setModel,
-    setThinkingLevel,
-    setAccessMode,
-    respondToDialog,
-    promote,
-    remove,
-    clearError,
-  };
+  return { state, live, error, busy, ask, abort, promote, remove, clearError };
 }

package/src/client/hooks/chat/btw/intercept.test.ts

@@ -0,0 +1,80 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * `/btw` interception.
+ *
+ * The token must be recognized the way omp parses a slash invocation — on the
+ * earliest whitespace OR `:` — because a form the chamber does not intercept is
+ * sent to the model as literal text (omp's `/btw` is TUI-only, so nothing
+ * downstream understands it).
+ */
+
+import { afterAll, beforeAll, describe, expect, test } from 'bun:test';
+import { dispatchBtwCommand } from '@/client/hooks/chat/btw/intercept';
+
+/**
+ * `bun test` runs without a DOM; the interceptor only needs an event target.
+ *
+ * The stub is installed for this file alone and REMOVED afterwards: several
+ * other files in this suite install their own DOM by assigning `globalThis`,
+ * and a `window` left behind here replaced theirs (measured: `use-file-editor`
+ * failed with `form.get is not a function`). The descriptor is `writable` for
+ * the same reason — those files assign rather than define.
+ */
+const hadWindow = Object.getOwnPropertyDescriptor(globalThis, 'window');
+
+beforeAll(() => {
+  Object.defineProperty(globalThis, 'window', { value: new EventTarget(), configurable: true, writable: true });
+});
+
+afterAll(() => {
+  if (hadWindow) Object.defineProperty(globalThis, 'window', hadWindow);
+  else delete (globalThis as Record<string, unknown>).window;
+});
+
+function capture(text: string): { handled: boolean; detail: unknown } {
+  let detail: unknown;
+  const listener = (event: Event) => {
+    detail = (event as CustomEvent).detail;
+  };
+  window.addEventListener('omp:btw', listener);
+  try {
+    const handled = dispatchBtwCommand(text, []);
+    return { handled, detail };
+  } finally {
+    window.removeEventListener('omp:btw', listener);
+  }
+}
+
+describe('dispatchBtwCommand', () => {
+  test('a bare command opens the panel with no question', () => {
+    const { handled, detail } = capture('/btw');
+    expect(handled).toBe(true);
+    expect(detail).toEqual({ question: '' });
+  });
+
+  test('a whitespace-separated question is carried', () => {
+    const { handled, detail } = capture('/btw what is this?');
+    expect(handled).toBe(true);
+    expect(detail).toEqual({ question: 'what is this?' });
+  });
+
+  test('a colon-separated question is the same invocation', () => {
+    const { handled, detail } = capture('/btw:what is this?');
+    expect(handled).toBe(true);
+    expect(detail).toEqual({ question: 'what is this?' });
+  });
+
+  test('case does not matter', () => {
+    expect(capture('/BTW hi').handled).toBe(true);
+  });
+
+  test('anything else is left for the normal send path', () => {
+    expect(capture('hello /btw').handled).toBe(false);
+    expect(capture('/btwx').handled).toBe(false);
+    expect(capture('').handled).toBe(false);
+  });
+});

package/src/client/hooks/chat/btw/intercept.ts

@@ -23,8 +23,11 @@
 import type { Attachment } from '@/shared/types';
 
 /** A bare `/btw` opens the form on the current history; anything after it is
- *  the first question. Case-insensitive, because omp's command tokens are. */
-const BTW_COMMAND_RE = /^\/btw(?:\s+([\s\S]*))?$/i;
+ *  the first question. Case-insensitive, because omp's command tokens are, and
+ *  the separator is whitespace OR `:` — `parseSlashCommand` splits on whichever
+ *  comes first, so `/btw:what is this` is the same invocation as `/btw what is
+ *  this` and must not be sent to the model as text. */
+const BTW_COMMAND_RE = /^\/btw(?:[\s:]+([\s\S]*))?$/i;
 
 /**
  * Hand a `/btw` draft to the side-question panel. Returns false when the text