@nextclaw/ui 0.13.13 → 0.14.0

package/src/features/chat/pages/ncp-chat-page.tsx

@@ -1,369 +1,77 @@
 import {
   useEffect,
   useMemo,
-  useRef,
   useState,
 } from "react";
-import {
-  buildNcpRequestEnvelope,
-} from "@nextclaw/ncp-react";
 import { useLocation, useNavigate, useParams } from "react-router-dom";
 import {
   ChatPageLayout,
   type ChatPageProps,
   useChatSessionSync,
 } from "@/features/chat/components/layout/chat-page-shell";
-import { buildInlineSkillTokensFromComposer, CHAT_UI_INLINE_TOKENS_METADATA_KEY } from "@/features/chat/utils/chat-inline-token.utils";
-import { parseSessionKeyFromRoute } from "@/features/chat/utils/chat-session-route.utils";
-import { useNcpChatPageData } from "@/features/chat/hooks/use-ncp-chat-page-data";
-import { NcpChatPresenter } from "@/features/chat/managers/ncp-chat-presenter.manager";
+import { parseSessionKeyFromRoute } from "@/features/chat/features/session/utils/chat-session-route.utils";
+import { ChatPresenter } from "@/features/chat/presenters/chat.presenter";
 import {
   isNcpAgentStartupUnavailableErrorMessage,
   useNcpSessionConversation,
-} from "@/features/chat/hooks/use-ncp-session-conversation";
+} from "@/features/chat/features/ncp/hooks/use-ncp-session-conversation";
+import {
+  useNcpChatSelectedSession,
+} from "@/features/chat/features/ncp/hooks/use-ncp-chat-derived-state";
+import { useChatQueryStoreSync } from "@/features/chat/features/ncp/hooks/use-ncp-chat-query-store-sync";
 import {
-  useNcpChatDerivedState,
-  useNcpChatSnapshotSync,
-} from "@/features/chat/hooks/use-ncp-chat-derived-state";
-import { ChatPresenterProvider } from "@/features/chat/components/providers/chat-presenter.provider";
-import type { ResumeRunParams } from "@/features/chat/types/chat-stream.types";
-import { useChatInputStore } from "@/features/chat/stores/chat-input.store";
-import { useChatSessionListStore } from "@/features/chat/stores/chat-session-list.store";
+  ChatPresenterProvider,
+  usePresenter,
+} from "@/features/chat/components/providers/chat-presenter.provider";
 import { useConfirmDialog } from "@/shared/hooks/use-confirm-dialog";
-import { useAgents } from "@/shared/hooks/use-agents";
-import { normalizeRequestedSkills } from "@/features/chat/utils/chat-runtime.utils";
 import { useSystemStatus } from "@/features/system-status";
-import { isNcpChatRuntimeBlocked, resolveNcpChatSendErrorMessage } from "@/features/chat/utils/ncp-chat-runtime-availability.utils";
-import {
-  getSessionProjectName,
-  normalizeSessionProjectRootValue,
-} from "@/shared/lib/session-project";
-
-function createMetadataFields(value: string | undefined, fields: readonly string[]): Record<string, string> {
-  return value ? Object.fromEntries(fields.map((field) => [field, value])) : {};
-}
-
-export function buildNcpSendMetadata(payload: {
-  agentId?: string;
-  model?: string;
-  thinkingLevel?: string;
-  sessionType?: string;
-  projectRoot?: string | null;
-  requestedSkills?: string[];
-  composerNodes?: Parameters<typeof buildInlineSkillTokensFromComposer>[0];
-}): Record<string, unknown> {
-  const projectRoot = normalizeSessionProjectRootValue(payload.projectRoot);
-  const metadata: Record<string, unknown> = {
-    ...createMetadataFields(payload.model?.trim(), ["model", "preferred_model"]),
-    ...createMetadataFields(payload.thinkingLevel?.trim(), [
-      "thinkingEffort",
-      "thinking",
-      "preferred_thinking",
-    ]),
-    ...createMetadataFields(payload.sessionType?.trim(), [
-      "agentRuntimeId",
-      "session_type",
-      "runtime",
-    ]),
-    ...createMetadataFields(payload.agentId?.trim(), ["agentId", "agent_id"]),
-    ...createMetadataFields(projectRoot ?? undefined, ["projectRoot", "project_root"]),
-  };
-  const requestedSkills = normalizeRequestedSkills(payload.requestedSkills);
-  if (requestedSkills.length > 0) {
-    metadata.requested_skill_refs = requestedSkills;
-  }
-  const inlineSkillTokens = payload.composerNodes
-    ? buildInlineSkillTokensFromComposer(payload.composerNodes)
-    : [];
-  if (inlineSkillTokens.length > 0) {
-    metadata[CHAT_UI_INLINE_TOKENS_METADATA_KEY] = inlineSkillTokens;
-  }
-  return metadata;
-}
-
-export function shouldClearPendingProjectRootOverride(params: {
-  pendingProjectRoot: string | null;
-  pendingProjectRootSessionKey: string | null;
-  sessionKey: string | null | undefined;
-  selectedSessionProjectRoot: string | null | undefined;
-}): boolean {
-  const {
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
-    sessionKey,
-    selectedSessionProjectRoot,
-  } = params;
-  return (
-    pendingProjectRoot !== null &&
-    pendingProjectRootSessionKey !== null &&
-    sessionKey === pendingProjectRootSessionKey &&
-    (selectedSessionProjectRoot ?? null) === pendingProjectRoot
-  );
-}
+import { useAppPresenter } from "@/app/components/app-presenter-provider";
+import { isNcpChatRuntimeBlocked, resolveNcpChatSendErrorMessage } from "@/features/chat/features/runtime/utils/ncp-chat-runtime-availability.utils";
+import { useUiShowContentEvent } from "@/features/chat/features/ncp/hooks/use-ui-show-content-event";
+import { readNcpContextWindowValue } from "@/features/chat/features/session/utils/ncp-session-context-metadata.utils";
 
-function useNcpChatPageBaseState(presenter: NcpChatPresenter) {
-  const query = useChatSessionListStore((state) => state.snapshot.query);
-  const selectedSessionKey = useChatSessionListStore(
-    (state) => state.snapshot.selectedSessionKey,
-  );
-  const selectedAgentId = useChatSessionListStore(
-    (state) => state.snapshot.selectedAgentId,
-  );
-  const pendingSessionType = useChatInputStore(
-    (state) => state.snapshot.pendingSessionType,
-  );
-  const pendingProjectRoot = useChatInputStore(
-    (state) => state.snapshot.pendingProjectRoot,
-  );
-  const pendingProjectRootSessionKey = useChatInputStore(
-    (state) => state.snapshot.pendingProjectRootSessionKey,
-  );
-  const currentSelectedModel = useChatInputStore(
-    (state) => state.snapshot.selectedModel,
-  );
-  const systemStatus = useSystemStatus();
-  const isRuntimeBlocked = isNcpChatRuntimeBlocked(systemStatus);
-  const agentsQuery = useAgents();
-  const { confirm, ConfirmDialog } = useConfirmDialog();
-  const location = useLocation();
-  const navigate = useNavigate();
+function useNcpChatRouteSelection() {
   const { sessionId: routeSessionIdParam } = useParams<{ sessionId?: string }>();
-  const threadRef = useRef<HTMLDivElement | null>(null);
-  const selectedSessionKeyRef = useRef<string | null>(selectedSessionKey);
   const routeSessionKey = useMemo(
     () => parseSessionKeyFromRoute(routeSessionIdParam),
     [routeSessionIdParam],
   );
-  const sessionKey = routeSessionKey ?? undefined;
-  const hasSessionProjectRootOverride =
-    pendingProjectRoot !== null &&
-    (!sessionKey || pendingProjectRootSessionKey === sessionKey);
-  const sessionProjectRootOverride = hasSessionProjectRootOverride
-    ? pendingProjectRoot
-    : undefined;
-  const pageData = useNcpChatPageData({
-    query,
-    sessionKey: sessionKey ?? null,
-    projectRootOverride: sessionProjectRootOverride,
-    currentSelectedModel,
-    pendingSessionType,
-    setPendingSessionType: presenter.chatInputManager.setPendingSessionType,
-    setSelectedModel: presenter.chatInputManager.setSelectedModel,
-    setSelectedThinkingLevel:
-      presenter.chatInputManager.setSelectedThinkingLevel,
-  });
-  const agent = useNcpSessionConversation(sessionKey);
   return {
-    presenter,
-    selectedSessionKey,
-    selectedAgentId,
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
-    systemStatus,
-    isRuntimeBlocked,
-    agentsQuery,
-    confirm,
-    ConfirmDialog,
-    location,
-    navigate,
-    threadRef,
-    selectedSessionKeyRef,
     routeSessionKey,
-    sessionKey,
-    hasSessionProjectRootOverride,
-    agent,
-    ...pageData,
+    sessionKey: routeSessionKey ?? undefined,
   };
 }
 
-function useNcpChatPageState(presenter: NcpChatPresenter) {
-  const baseState = useNcpChatPageBaseState(presenter);
-  const {
-    agent,
-    agentsQuery,
-    hasSessionProjectRootOverride,
-    pendingProjectRoot,
-    isRuntimeBlocked,
-    systemStatus,
-    selectedAgentId,
-    selectedSession,
-    selectedSessionType,
-    sessionKey,
-    sessionSummaries,
-    sessionTypeOptions,
-  } = baseState;
-  const effectiveSessionProjectRoot = hasSessionProjectRootOverride
-    ? pendingProjectRoot
-    : (selectedSession?.projectRoot ?? null);
-  const effectiveSessionWorkingDir =
-    selectedSession?.workingDir ?? effectiveSessionProjectRoot;
-  const effectiveSessionProjectName = hasSessionProjectRootOverride
-    ? getSessionProjectName(effectiveSessionProjectRoot)
-    : (selectedSession?.projectName ??
-      getSessionProjectName(effectiveSessionProjectRoot));
-  const rawLastSendError =
-    agent.hydrateError?.message ?? agent.snapshot.error?.message ?? null;
-  const filteredLastSendError =
-    systemStatus.phase === "ready" &&
-    isNcpAgentStartupUnavailableErrorMessage(rawLastSendError)
-      ? null
-      : rawLastSendError;
-  const availableAgents = (agentsQuery.data?.agents?.length ?? 0) > 0
-    ? (agentsQuery.data?.agents ?? [])
-    : [{ id: selectedSession?.agentId ?? selectedAgentId }];
-  const derivedState = useNcpChatDerivedState({
-    sessionKey: sessionKey ?? null,
-    selectedSession,
-    selectedAgentId,
-    availableAgents,
-    parentSessionId: selectedSession?.parentSessionId ?? null,
-    sessionSummaries,
-    selectedSessionType,
-    sessionTypeOptions,
-  });
-  const currentSessionRunning = agent.isRunning || selectedSession?.status === "running";
-  return {
-    ...baseState,
-    availableAgents,
-    effectiveSessionProjectRoot,
-    effectiveSessionWorkingDir,
-    effectiveSessionProjectName,
-    isSending: agent.isSending || currentSessionRunning,
-    isAwaitingAssistantOutput: currentSessionRunning,
-    canStopCurrentRun: currentSessionRunning,
-    stopDisabledReason: currentSessionRunning ? null : "__preparing__",
-    lastSendError:
-      isRuntimeBlocked
-        ? null
-        : systemStatus.phase === "ready"
-        ? filteredLastSendError
-        : resolveNcpChatSendErrorMessage({
-            message: filteredLastSendError,
-            status: systemStatus,
-          }),
-    ...derivedState,
-  };
-}
+type NcpChatConversation = ReturnType<typeof useNcpSessionConversation>;
 
-function useNcpChatStreamBindings(params: ReturnType<typeof useNcpChatPageState>) {
-  const {
-    agent,
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
-    presenter,
-    selectedSession,
-    selectedSessionKeyRef,
-    sessionKey,
-  } = params;
+function useChatRunRuntimeConnection(params: {
+  agent: NcpChatConversation;
+  sessionKey: string | undefined;
+}) {
+  const presenter = usePresenter();
+  const { agent, sessionKey } = params;
   useEffect(() => {
-    presenter.chatStreamActionsManager.bind({
-      sendMessage: async (payload) => {
-        if ((payload.sessionKey ?? null) !== (sessionKey ?? null)) {
-          return;
-        }
-        const metadata = buildNcpSendMetadata({
-          agentId: payload.agentId,
-          model: payload.model,
-          thinkingLevel: payload.thinkingLevel,
-          sessionType: payload.sessionType,
-          projectRoot:
-            !payload.sessionKey || payload.sessionKey === pendingProjectRootSessionKey
-              ? pendingProjectRoot
-              : (selectedSession?.projectRoot ?? null),
-          requestedSkills: payload.requestedSkills,
-          composerNodes: payload.composerNodes,
-        });
-        const envelope = buildNcpRequestEnvelope({
-          sessionId: payload.sessionKey,
-          text: payload.message,
-          attachments: payload.attachments,
-          parts: payload.parts,
-          metadata,
-        });
-        if (!envelope) {
-          return;
-        }
-        try {
-          const handle = await agent.send(envelope);
-          if (!payload.sessionKey && handle?.sessionId) {
-            presenter.chatSessionListManager.materializeRootSessionRoute(handle.sessionId);
-          }
-        } catch (error) {
-          if (payload.restoreDraftOnError) {
-            if (payload.composerNodes && payload.composerNodes.length > 0) {
-              presenter.chatInputManager.restoreComposerState?.(
-                payload.composerNodes,
-                payload.attachments ?? [],
-              );
-            } else {
-              presenter.chatInputManager.setDraft((currentDraft) =>
-                currentDraft.trim().length === 0
-                  ? payload.message
-                  : currentDraft,
-              );
-            }
-          }
-          throw error;
-        }
-      },
-      stopCurrentRun: async () => {
-        await agent.abort();
-      },
-      resumeRun: async (run: ResumeRunParams) => {
-        if (run.sessionKey !== sessionKey) {
-          return;
-        }
-        await agent.streamRun();
-      },
-      resetStreamState: () => {
-        selectedSessionKeyRef.current = null;
-      },
-      applyHistoryMessages: () => {},
+    presenter.chatRunManager.setActiveRuntime({
+      sessionKey: sessionKey ?? null,
+      sendEnvelope: (envelope) => agent.send(envelope),
+      abortCurrentRun: () => agent.abort(),
+      resumeCurrentSessionRun: () => agent.streamRun(),
     });
+    return () => {
+      presenter.chatRunManager.setActiveRuntime(null);
+    };
   }, [
     agent,
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
     presenter,
-    selectedSession?.projectRoot,
-    selectedSessionKeyRef,
     sessionKey,
   ]);
 }
 
-function usePendingProjectRootOverrideCleanup(
-  params: ReturnType<typeof useNcpChatPageState>,
-) {
-  const {
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
-    selectedSession,
-  } = params;
-  useEffect(() => {
-    if (
-      !selectedSession ||
-      !shouldClearPendingProjectRootOverride({
-        pendingProjectRoot,
-        pendingProjectRootSessionKey,
-        sessionKey: selectedSession.key,
-        selectedSessionProjectRoot: selectedSession.projectRoot ?? null,
-      })
-    ) {
-      return;
-    }
-    useChatInputStore.getState().setSnapshot({
-      pendingProjectRoot: null,
-      pendingProjectRootSessionKey: null,
-    });
-  }, [
-    pendingProjectRoot,
-    pendingProjectRootSessionKey,
-    selectedSession,
-  ]);
-}
-
-function useNcpChatUiBindings(params: ReturnType<typeof useNcpChatPageState>) {
-  const { confirm, location, navigate, presenter } = params;
+function useNcpChatUiBindings() {
+  const presenter = usePresenter();
+  const { confirm, ConfirmDialog } = useConfirmDialog();
+  const location = useLocation();
+  const navigate = useNavigate();
   useEffect(() => {
     presenter.chatUiManager.syncState({
       pathname: location.pathname,
@@ -373,86 +81,102 @@ function useNcpChatUiBindings(params: ReturnType<typeof useNcpChatPageState>) {
       confirm,
     });
   }, [confirm, location.pathname, navigate, presenter]);
+  return <ConfirmDialog />;
 }
 
-function useSelectedSessionAgentSync(params: ReturnType<typeof useNcpChatPageState>) {
-  const { presenter, selectedAgentId, selectedSession } = params;
+function useChatRunSnapshotSync(params: {
+  agent: NcpChatConversation;
+  isSending: boolean;
+  isRunning: boolean;
+  lastSendError: string | null;
+  routeSessionKey: string | null;
+}) {
+  const presenter = usePresenter();
+  const { agent, isRunning, isSending, lastSendError, routeSessionKey } = params;
   useEffect(() => {
-    if (!selectedSession?.agentId || selectedAgentId === selectedSession.agentId) {
-      return;
-    }
-    presenter.chatSessionListManager.setSelectedAgentId(selectedSession.agentId);
-  }, [presenter, selectedAgentId, selectedSession?.agentId]);
+    presenter.chatRunManager.applyRunSnapshot({
+      routeSessionKey,
+      isHydrating: agent.isHydrating,
+      isSending,
+      isRunning,
+      visibleMessages: agent.visibleMessages,
+      contextWindow: readNcpContextWindowValue(agent.snapshot.contextWindow),
+      sendErrorMessage: lastSendError,
+      materializedSessionKey:
+        agent.snapshot.activeRun?.sessionId ??
+        agent.visibleMessages.find((message) => message.sessionId.trim())?.sessionId ??
+        null,
+    });
+  }, [
+    agent.isHydrating,
+    agent.snapshot.activeRun?.sessionId,
+    agent.snapshot.contextWindow,
+    agent.visibleMessages,
+    isRunning,
+    isSending,
+    lastSendError,
+    presenter,
+    routeSessionKey,
+  ]);
 }
 
-function useMaterializedRootSessionRouteSync(
-  params: ReturnType<typeof useNcpChatPageState>,
-) {
-  const { agent, presenter, routeSessionKey } = params;
-  const materializedSessionKey =
-    agent.snapshot.activeRun?.sessionId ??
-    agent.visibleMessages.find((message) => message.sessionId.trim())?.sessionId ??
-    null;
-  useEffect(() => {
-    if (routeSessionKey || !materializedSessionKey) {
-      return;
-    }
-    presenter.chatSessionListManager.materializeRootSessionRoute(materializedSessionKey);
-  }, [materializedSessionKey, presenter, routeSessionKey]);
+export function NcpChatPage({ view }: ChatPageProps) {
+  const appPresenter = useAppPresenter();
+  const [presenter] = useState(() => new ChatPresenter(appPresenter));
+  return (
+    <ChatPresenterProvider presenter={presenter}>
+      <NcpChatPageContent view={view} />
+    </ChatPresenterProvider>
+  );
 }
 
-export function NcpChatPage({ view }: ChatPageProps) {
-  const [presenter] = useState(() => new NcpChatPresenter());
-  const state = useNcpChatPageState(presenter);
-  useNcpChatStreamBindings(state);
-  usePendingProjectRootOverrideCleanup(state);
-  useNcpChatUiBindings(state);
-  useSelectedSessionAgentSync(state);
-  useMaterializedRootSessionRouteSync(state);
+function NcpChatPageContent({ view }: ChatPageProps) {
+  const presenter = usePresenter();
+  const systemStatus = useSystemStatus();
+  const isRuntimeBlocked = isNcpChatRuntimeBlocked(systemStatus);
+  const confirmDialog = useNcpChatUiBindings();
+  const routeSelection = useNcpChatRouteSelection();
+  const { routeSessionKey, sessionKey } = routeSelection;
+  useChatQueryStoreSync({
+    sessionKey: sessionKey ?? null,
+  });
+  const selectedSession = useNcpChatSelectedSession(sessionKey ?? null);
+  const agent = useNcpSessionConversation(sessionKey);
+  const rawLastSendError =
+    agent.hydrateError?.message ?? agent.snapshot.error?.message ?? null;
+  const filteredLastSendError =
+    systemStatus.phase === "ready" &&
+    isNcpAgentStartupUnavailableErrorMessage(rawLastSendError)
+      ? null
+      : rawLastSendError;
+  const currentSessionRunning = agent.isRunning || selectedSession?.status === "running";
+  const isSending = agent.isSending || currentSessionRunning;
+  const lastSendError =
+    isRuntimeBlocked
+      ? null
+      : systemStatus.phase === "ready"
+      ? filteredLastSendError
+      : resolveNcpChatSendErrorMessage({
+          message: filteredLastSendError,
+          status: systemStatus,
+        });
+  useChatRunRuntimeConnection({
+    agent,
+    sessionKey,
+  });
   useChatSessionSync({
     view,
-    routeSessionKey: state.routeSessionKey,
-    selectedSessionKey: state.selectedSessionKey,
-    setSelectedSessionKey: presenter.chatSessionListManager.setSelectedSessionKey,
-    selectedSessionKeyRef: state.selectedSessionKeyRef,
-    resetStreamState: presenter.chatStreamActionsManager.resetStreamState,
+    routeSessionKey,
+    syncRouteSessionSelection:
+      presenter.chatSessionListManager.syncRouteSessionSelection,
   });
-  useNcpChatSnapshotSync({
-    presenter,
-    isProviderStateResolved: state.isProviderStateResolved,
-    defaultSessionType: state.defaultSessionType,
-    canStopCurrentRun: state.canStopCurrentRun,
-    stopDisabledReason: state.stopDisabledReason,
-    lastSendError: state.lastSendError,
-    isSending: state.isSending,
-    modelOptions: state.modelOptions,
-    sessionTypeOptions: state.sessionTypeOptions,
-    selectedSessionType: state.selectedSessionType,
-    canEditSessionType: state.canEditSessionType,
-    sessionTypeUnavailable: state.sessionTypeUnavailable,
-    skillRecords: state.skillRecords,
-    isSkillsLoading: state.sessionSkillsQuery.isLoading,
-    sessionTypeUnavailableMessage: state.sessionTypeUnavailableMessage,
-    currentSessionTypeLabel: state.currentSessionTypeLabel,
-    currentSessionTypeIcon: state.currentSessionTypeIcon,
-    sessionKey: state.sessionKey,
-    currentAgentId: state.currentAgentId,
-    currentAgent: state.currentAgent,
-    availableAgents: state.availableAgents,
-    currentSessionDisplayName: state.currentSessionDisplayName,
-    effectiveSessionProjectRoot: state.effectiveSessionProjectRoot,
-    effectiveSessionWorkingDir: state.effectiveSessionWorkingDir,
-    effectiveSessionProjectName: state.effectiveSessionProjectName,
-    selectedSession: state.selectedSession,
-    threadRef: state.threadRef,
-    agent: state.agent,
-    isAwaitingAssistantOutput: state.isAwaitingAssistantOutput,
-    parentSession: state.parentSession,
-    childSessionTabs: state.currentChildSessionTabs,
+  useUiShowContentEvent();
+  useChatRunSnapshotSync({
+    agent,
+    isRunning: currentSessionRunning,
+    routeSessionKey,
+    lastSendError,
+    isSending,
   });
-  return (
-    <ChatPresenterProvider presenter={presenter}>
-      <ChatPageLayout view={view} confirmDialog={<state.ConfirmDialog />} />
-    </ChatPresenterProvider>
-  );
+  return <ChatPageLayout view={view} confirmDialog={confirmDialog} />;
 }

package/src/features/chat/presenters/chat.presenter.ts

@@ -0,0 +1,39 @@
+import { ChatSessionListManager } from '@/features/chat/managers/chat-session-list.manager';
+import { ChatRunManager } from '@/features/chat/managers/chat-run.manager';
+import { ChatUiManager } from '@/features/chat/managers/chat-ui.manager';
+import { ChatInputManager } from '@/features/chat/managers/chat-input.manager';
+import { ChatQueryManager } from '@/features/chat/managers/chat-query.manager';
+import { ChatThreadManager } from '@/features/chat/managers/chat-thread.manager';
+import type { AppPresenter } from '@/app/presenters/app.presenter';
+
+export class ChatPresenter {
+  readonly chatUiManager: ChatUiManager;
+  readonly chatRunManager: ChatRunManager;
+  readonly chatSessionListManager: ChatSessionListManager;
+  readonly chatInputManager: ChatInputManager;
+  readonly chatQueryManager: ChatQueryManager;
+  readonly chatThreadManager: ChatThreadManager;
+
+  constructor(appPresenter: AppPresenter) {
+    this.chatUiManager = new ChatUiManager(appPresenter.docBrowserManager);
+    this.chatRunManager = new ChatRunManager(this.chatUiManager);
+    this.chatSessionListManager = new ChatSessionListManager(this.chatUiManager, this.chatRunManager);
+    this.chatQueryManager = new ChatQueryManager();
+    this.chatInputManager = new ChatInputManager(
+      this.chatRunManager,
+      this.chatSessionListManager
+    );
+    this.chatThreadManager = new ChatThreadManager(
+      this.chatUiManager,
+      this.chatSessionListManager,
+      this.chatRunManager
+    );
+  }
+
+  startAgentCreationDraft = (prompt: string) => {
+    this.chatSessionListManager.createSession();
+    this.chatSessionListManager.setSelectedAgentId('main');
+    this.chatInputManager.setDraft(prompt);
+    this.chatInputManager.requestComposerFocusAtEnd();
+  };
+}

package/src/features/chat/stores/chat-input.store.ts

@@ -1,9 +1,10 @@
 import { create } from 'zustand';
 import type { ChatComposerNode } from '@nextclaw/agent-chat-ui';
 import type { NcpDraftAttachment } from '@nextclaw/ncp-react';
+import type { RuntimeModelSelectionMode } from '@nextclaw/shared';
 import type { SessionSkillEntryView, SessionTypeIconView, ThinkingLevel } from '@/shared/lib/api';
 import type { ChatModelOption } from '@/features/chat/types/chat-input.types';
-import { createInitialChatComposerNodes } from '@/features/chat/utils/chat-composer-state.utils';
+import { createInitialChatComposerNodes } from '@/features/chat/features/input/utils/chat-composer-state.utils';
 
 export type ChatInputSnapshot = {
   isProviderStateResolved: boolean;
@@ -30,6 +31,7 @@ export type ChatInputSnapshot = {
     reasonMessage?: string | null;
     supportedModels?: string[];
     recommendedModel?: string | null;
+    modelSelectionMode?: RuntimeModelSelectionMode;
     cta?: {
       kind: string;
       label?: string;
@@ -41,6 +43,7 @@ export type ChatInputSnapshot = {
   stopReason?: string;
   canEditSessionType: boolean;
   sessionTypeUnavailable: boolean;
+  sessionTypeUnavailableMessage: string | null;
   skillRecords: SessionSkillEntryView[];
   isSkillsLoading: boolean;
   selectedSkills: string[];
@@ -74,6 +77,7 @@ const initialSnapshot: ChatInputSnapshot = {
   stopReason: undefined,
   canEditSessionType: false,
   sessionTypeUnavailable: false,
+  sessionTypeUnavailableMessage: null,
   skillRecords: [],
   isSkillsLoading: false,
   selectedSkills: [],