@nextclaw/ui 0.11.13 → 0.11.15

package/dist/index.html

@@ -6,7 +6,7 @@
   <link rel="icon" type="image/svg+xml" href="/logo.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>NextClaw</title>
-  <script type="module" crossorigin src="/assets/index-BBz4mi7g.js"></script>
+  <script type="module" crossorigin src="/assets/index-DWrpxFk0.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/vendor-MCpnpiKt.js">
   <link rel="stylesheet" crossorigin href="/assets/index-CfVmBgkf.css">
 </head>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextclaw/ui",
-  "version": "0.11.13",
+  "version": "0.11.15",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,11 +28,11 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/ncp": "0.4.1",
-    "@nextclaw/agent-chat-ui": "0.2.14",
-    "@nextclaw/ncp-react": "0.4.5",
     "@nextclaw/agent-chat": "0.1.4",
-    "@nextclaw/ncp-http-agent-client": "0.3.5"
+    "@nextclaw/ncp-http-agent-client": "0.3.6",
+    "@nextclaw/ncp": "0.4.2",
+    "@nextclaw/agent-chat-ui": "0.2.14",
+    "@nextclaw/ncp-react": "0.4.6"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",

package/src/components/chat/adapters/chat-input-bar.adapter.test.ts

@@ -175,4 +175,43 @@ describe('buildModelToolbarSelect', () => {
       }
     ]);
   });
+
+  it('preserves recent model order from newest to oldest', () => {
+    const select = buildModelToolbarSelect({
+      modelOptions: [
+        {
+          value: 'openai/gpt-5',
+          modelLabel: 'gpt-5',
+          providerLabel: 'OpenAI'
+        },
+        {
+          value: 'anthropic/claude-sonnet-4',
+          modelLabel: 'claude-sonnet-4',
+          providerLabel: 'Anthropic'
+        },
+        {
+          value: 'deepseek/deepseek-chat',
+          modelLabel: 'deepseek-chat',
+          providerLabel: 'DeepSeek'
+        }
+      ],
+      recentModelValues: ['deepseek/deepseek-chat', 'openai/gpt-5', 'anthropic/claude-sonnet-4'],
+      selectedModel: 'openai/gpt-5',
+      isModelOptionsLoading: false,
+      hasModelOptions: true,
+      onValueChange: vi.fn(),
+      texts: {
+        modelSelectPlaceholder: 'Select model',
+        modelNoOptionsLabel: 'No models',
+        recentModelsLabel: 'Recent',
+        allModelsLabel: 'All models'
+      }
+    });
+
+    expect(select.groups?.[0]?.options.map((option) => option.value)).toEqual([
+      'deepseek/deepseek-chat',
+      'openai/gpt-5',
+      'anthropic/claude-sonnet-4'
+    ]);
+  });
 });

package/src/components/chat/adapters/chat-input-bar.adapter.ts

@@ -251,7 +251,10 @@ export function buildModelToolbarSelect(params: {
   const resolvedModelOption = selectedModelOption ?? fallbackModelOption;
   const resolvedValue = params.hasModelOptions ? resolvedModelOption?.value : undefined;
   const recentValueSet = new Set(params.recentModelValues ?? []);
-  const recentOptions = params.modelOptions.filter((option) => recentValueSet.has(option.value));
+  const modelOptionMap = new Map(params.modelOptions.map((option) => [option.value, option] as const));
+  const recentOptions = (params.recentModelValues ?? [])
+    .map((value) => modelOptionMap.get(value))
+    .filter((option): option is ChatModelRecord => Boolean(option));
   const remainingOptions = params.modelOptions.filter((option) => !recentValueSet.has(option.value));
   const optionGroups =
     recentOptions.length > 0

package/src/components/chat/adapters/chat-message.adapter.test.ts

@@ -141,6 +141,46 @@ it("maps tool lifecycle statuses into visible card state feedback", () => {
   });
 });
 
+it("renders spawn tool cards from structured subagent status updates", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-subagent",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.RESULT,
+            toolCallId: "spawn-call-1",
+            toolName: "spawn",
+            args: '{"label":"Verifier","task":"Verify 1+1=2"}',
+            result: {
+              kind: "nextclaw.subagent_run",
+              runId: "subagent-1",
+              label: "Verifier",
+              task: "Verify 1+1=2",
+              status: "completed",
+              result: "Verified 1+1=2.",
+            },
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "spawn",
+      summary: "label: Verifier · task: Verify 1+1=2",
+      output: "Verified 1+1=2.",
+      statusTone: "success",
+      statusLabel: "Completed",
+      titleLabel: "Tool Result",
+    },
+  });
+});
+
 it("maps non-standard roles back to the generic message role", () => {
   const adapted = adapt([
     {

package/src/components/chat/adapters/chat-message.adapter.ts

@@ -3,6 +3,7 @@ import {
   summarizeToolArgs,
   type ToolCard,
 } from "@/lib/chat-message";
+import { buildSubagentToolCard } from "@/components/chat/adapters/chat-message.subagent-tool-card";
 import type {
   ChatMessageRole,
   ChatMessageViewModel,
@@ -386,6 +387,16 @@ export function adaptChatMessage(
           if (assetFileView) {
             return assetFileView;
           }
+          const subagentToolCard = buildSubagentToolCard({
+            invocation,
+            texts: params.texts,
+          });
+          if (subagentToolCard) {
+            return {
+              type: "tool-card" as const,
+              card: buildToolCard(subagentToolCard, params.texts),
+            };
+          }
           const statusView = resolveToolCardStatus({
             status: invocation.status,
             error: invocation.error,

package/src/components/chat/adapters/chat-message.subagent-tool-card.ts

@@ -0,0 +1,125 @@
+import {
+  stringifyUnknown,
+  summarizeToolArgs,
+  type ToolCard,
+} from "@/lib/chat-message";
+import type { ChatToolPartViewModel } from "@nextclaw/agent-chat-ui";
+
+type ToolCardViewSource = ToolCard & {
+  statusTone: ChatToolPartViewModel["statusTone"];
+  statusLabel: string;
+};
+
+type SpawnToolInvocation = {
+  toolName: string;
+  toolCallId?: string;
+  args?: unknown;
+  result?: unknown;
+};
+
+type SubagentToolCardTexts = {
+  toolStatusRunningLabel: string;
+  toolStatusCompletedLabel: string;
+  toolStatusFailedLabel: string;
+};
+
+type SubagentRunResult = {
+  runId?: string;
+  label?: string;
+  task?: string;
+  status?: string;
+  result?: unknown;
+  message?: string;
+};
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+function readOptionalString(value: unknown): string | null {
+  if (typeof value !== "string") {
+    return null;
+  }
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+
+function readSubagentRunResult(value: unknown): SubagentRunResult | null {
+  if (!isRecord(value)) {
+    return null;
+  }
+  if (value.kind === "nextclaw.subagent_run") {
+    return value;
+  }
+  if (typeof value.runId === "string" && typeof value.status === "string") {
+    return value;
+  }
+  return null;
+}
+
+export function buildSubagentToolCard(params: {
+  invocation: SpawnToolInvocation;
+  texts: SubagentToolCardTexts;
+}): ToolCardViewSource | null {
+  if (params.invocation.toolName !== "spawn") {
+    return null;
+  }
+
+  const subagentRun = readSubagentRunResult(params.invocation.result);
+  if (!subagentRun) {
+    return null;
+  }
+
+  const detailParts = [
+    readOptionalString(subagentRun.label)
+      ? `label: ${subagentRun.label?.trim()}`
+      : null,
+    readOptionalString(subagentRun.task)
+      ? `task: ${subagentRun.task?.trim()}`
+      : null,
+  ].filter((value): value is string => Boolean(value));
+  const normalizedStatus = readOptionalString(subagentRun.status)?.toLowerCase();
+  const output =
+    (typeof subagentRun.result !== "undefined"
+      ? stringifyUnknown(subagentRun.result).trim()
+      : "") ||
+    readOptionalString(subagentRun.message) ||
+    undefined;
+
+  if (normalizedStatus === "failed") {
+    return {
+      kind: "result",
+      name: params.invocation.toolName,
+      detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+      text: output,
+      callId: params.invocation.toolCallId || undefined,
+      hasResult: Boolean(output),
+      statusTone: "error",
+      statusLabel: params.texts.toolStatusFailedLabel,
+    };
+  }
+
+  if (normalizedStatus === "completed") {
+    return {
+      kind: "result",
+      name: params.invocation.toolName,
+      detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+      text: output,
+      callId: params.invocation.toolCallId || undefined,
+      hasResult: Boolean(output),
+      statusTone: "success",
+      statusLabel: params.texts.toolStatusCompletedLabel,
+    };
+  }
+
+  return {
+    kind: "result",
+    name: params.invocation.toolName,
+    detail: detailParts.join(" · ") || summarizeToolArgs(params.invocation.args),
+    text: output,
+    callId: params.invocation.toolCallId || undefined,
+    hasResult: Boolean(output),
+    statusTone: "running",
+    statusLabel: params.texts.toolStatusRunningLabel,
+  };
+}

package/src/components/chat/containers/chat-input-bar.container.tsx

@@ -108,14 +108,10 @@ export function ChatInputBarContainer() {
     [snapshot.skillRecords, officialSkillBadgeLabel]
   );
   const modelRecords = useMemo(() => toModelRecords(snapshot.modelOptions), [snapshot.modelOptions]);
-  const recentModelValues = useMemo(
-    () =>
-      chatRecentModelsManager.resolveVisible({
-        availableValues: modelRecords.map((option) => option.value),
-        minAvailableCount: CHAT_RECENT_MODELS_MIN_OPTIONS
-      }),
-    [modelRecords, snapshot.selectedModel]
-  );
+  const recentModelValues = chatRecentModelsManager.resolveVisible({
+    availableValues: modelRecords.map((option) => option.value),
+    minAvailableCount: CHAT_RECENT_MODELS_MIN_OPTIONS
+  });
 
   const hasModelOptions = modelRecords.length > 0;
   const isModelOptionsLoading = !snapshot.isProviderStateResolved && !hasModelOptions;
@@ -128,6 +124,8 @@ export function ChatInputBarContainer() {
     : hasModelOptions
       ? t('chatInputPlaceholder')
       : t('chatModelNoOptions');
+  const recentModelsLabel = language === 'zh' ? '最近选择' : 'Recent';
+  const allModelsLabel = language === 'zh' ? '全部模型' : 'All models';
 
   const slashItems = useMemo(
     () => buildChatSlashItems(skillRecords, slashQuery ?? '', slashTexts),
@@ -191,8 +189,8 @@ export function ChatInputBarContainer() {
       texts: {
         modelSelectPlaceholder: t('chatSelectModel'),
         modelNoOptionsLabel: t('chatModelNoOptions'),
-        recentModelsLabel: t('chatRecentModels'),
-        allModelsLabel: t('chatAllModels')
+        recentModelsLabel,
+        allModelsLabel
       }
     }),
     buildThinkingToolbarSelect({

package/src/components/chat/ncp/NcpChatPage.tsx

@@ -70,7 +70,7 @@ export function NcpChatPage({ view }: ChatPageProps) {
   const { sessionId: routeSessionIdParam } = useParams<{ sessionId?: string }>();
   const threadRef = useRef<HTMLDivElement | null>(null);
   const selectedSessionKeyRef = useRef<string | null>(selectedSessionKey);
-  const pendingRealtimeReloadRef = useRef(false);
+  const sessionStreamAttachInFlightRef = useRef(false);
   const routeSessionKey = useMemo(
     () => parseSessionKeyFromRoute(routeSessionIdParam),
     [routeSessionIdParam]
@@ -157,39 +157,33 @@ export function NcpChatPage({ view }: ChatPageProps) {
   const lastSendError = agent.hydrateError?.message ?? agent.snapshot.error?.message ?? null;
 
   useEffect(() => {
-    const flushRealtimeReload = () => {
+    const attachRealtimeSessionStream = () => {
+      if (sessionStreamAttachInFlightRef.current) {
+        return;
+      }
       if (agent.isHydrating || agent.isRunning || agent.isSending) {
-        pendingRealtimeReloadRef.current = true;
         return;
       }
-      pendingRealtimeReloadRef.current = false;
-      void agent.reloadSeed();
+
+      sessionStreamAttachInFlightRef.current = true;
+      void ncpClient
+        .stream({ sessionId: activeSessionId })
+        .catch(() => undefined)
+        .finally(() => {
+          sessionStreamAttachInFlightRef.current = false;
+        });
     };
 
     return appClient.subscribe((event) => {
-      if (event.type === 'session.summary.upsert') {
-        if (event.payload.summary.sessionId !== activeSessionId) {
-          return;
-        }
-        flushRealtimeReload();
+      if (event.type === 'session.updated' && event.payload.sessionKey === activeSessionId) {
+        attachRealtimeSessionStream();
         return;
       }
-      if (event.type === 'session.updated' && event.payload.sessionKey === activeSessionId) {
-        flushRealtimeReload();
+      if (event.type === 'session.summary.upsert' && event.payload.summary.sessionId === activeSessionId) {
+        attachRealtimeSessionStream();
       }
     });
-  }, [activeSessionId, agent.isHydrating, agent.isRunning, agent.isSending, agent.reloadSeed]);
-
-  useEffect(() => {
-    if (!pendingRealtimeReloadRef.current) {
-      return;
-    }
-    if (agent.isHydrating || agent.isRunning || agent.isSending) {
-      return;
-    }
-    pendingRealtimeReloadRef.current = false;
-    void agent.reloadSeed();
-  }, [agent.isHydrating, agent.isRunning, agent.isSending, agent.reloadSeed]);
+  }, [activeSessionId, agent.isHydrating, agent.isRunning, agent.isSending, ncpClient]);
 
   useEffect(() => {
     presenter.chatStreamActionsManager.bind({

package/src/components/config/README.md

@@ -1,2 +1,2 @@
 ## 目录预算豁免
-- 原因：配置中心目录按配置面板维度组织，每个面板都需要独立入口、局部测试与装配文件；当前结构受 UI 信息架构约束，需要保留超过 `20` 个直接代码文件的扁平集合。
+- 原因：配置中心目录按配置面板维度组织，每个面板都需要独立入口、局部测试与装配文件；当前结构受 UI 信息架构约束，需要保留达到或超过 `12` 个直接代码文件的扁平集合。

package/src/lib/i18n.ts

@@ -185,8 +185,6 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
     zh: 'Agent 默认模型标识，使用带 provider 前缀的格式。例如：openai/gpt-5.1、anthropic/claude-opus-4-1、deepseek/deepseek-chat、minimax/MiniMax-M2.5、openrouter/openai/gpt-5.3-codex。',
     en: 'Default model identifier used by the agent. Use provider-prefixed format. Examples: openai/gpt-5.1 · anthropic/claude-opus-4-1 · deepseek/deepseek-chat · minimax/MiniMax-M2.5 · openrouter/openai/gpt-5.3-codex.'
   },
-  chatRecentModels: { zh: '最近选择', en: 'Recent' },
-  chatAllModels: { zh: '全部模型', en: 'All models' },
   maxToolIterations: { zh: '最大工具迭代次数', en: 'Max Tool Iterations' },
   saveChanges: { zh: '保存变更', en: 'Save Changes' },