@nextclaw/ui 0.11.13 → 0.11.14

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-BvCYcN48.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.14",
   "private": false,
   "type": "module",
   "license": "MIT",
@@ -28,10 +28,10 @@
     "tailwind-merge": "^2.5.4",
     "zod": "^3.23.8",
     "zustand": "^5.0.2",
-    "@nextclaw/ncp": "0.4.1",
+    "@nextclaw/agent-chat": "0.1.4",
     "@nextclaw/agent-chat-ui": "0.2.14",
+    "@nextclaw/ncp": "0.4.1",
     "@nextclaw/ncp-react": "0.4.5",
-    "@nextclaw/agent-chat": "0.1.4",
     "@nextclaw/ncp-http-agent-client": "0.3.5"
   },
   "devDependencies": {

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/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

@@ -23,6 +23,7 @@ import { resolveSessionTypeLabel } from '@/components/chat/useChatSessionTypeSta
 import { useConfirmDialog } from '@/hooks/useConfirmDialog';
 import { normalizeRequestedSkills } from '@/lib/chat-runtime-utils';
 import { appClient } from '@/transport';
+import { resolveNcpChatRealtimeReloadAction } from '@/components/chat/ncp/ncp-chat-realtime-reload';
 
 function buildNcpSendMetadata(payload: {
   model?: string;
@@ -158,10 +159,19 @@ export function NcpChatPage({ view }: ChatPageProps) {
 
   useEffect(() => {
     const flushRealtimeReload = () => {
-      if (agent.isHydrating || agent.isRunning || agent.isSending) {
+      const action = resolveNcpChatRealtimeReloadAction({
+        isHydrating: agent.isHydrating,
+        isRunning: agent.isRunning,
+        isSending: agent.isSending,
+      });
+      if (action === 'defer') {
         pendingRealtimeReloadRef.current = true;
         return;
       }
+      if (action === 'skip') {
+        pendingRealtimeReloadRef.current = false;
+        return;
+      }
       pendingRealtimeReloadRef.current = false;
       void agent.reloadSeed();
     };

package/src/components/chat/ncp/ncp-chat-realtime-reload.test.ts

@@ -0,0 +1,44 @@
+import { describe, expect, it } from 'vitest';
+import { resolveNcpChatRealtimeReloadAction } from '@/components/chat/ncp/ncp-chat-realtime-reload';
+
+describe('resolveNcpChatRealtimeReloadAction', () => {
+  it('defers reload while the page is hydrating', () => {
+    expect(
+      resolveNcpChatRealtimeReloadAction({
+        isHydrating: true,
+        isRunning: false,
+        isSending: false,
+      }),
+    ).toBe('defer');
+  });
+
+  it('skips reload while the current session run is still active', () => {
+    expect(
+      resolveNcpChatRealtimeReloadAction({
+        isHydrating: false,
+        isRunning: true,
+        isSending: false,
+      }),
+    ).toBe('skip');
+  });
+
+  it('skips reload while the current page is still sending', () => {
+    expect(
+      resolveNcpChatRealtimeReloadAction({
+        isHydrating: false,
+        isRunning: false,
+        isSending: true,
+      }),
+    ).toBe('skip');
+  });
+
+  it('reloads immediately once the current page is idle', () => {
+    expect(
+      resolveNcpChatRealtimeReloadAction({
+        isHydrating: false,
+        isRunning: false,
+        isSending: false,
+      }),
+    ).toBe('reload');
+  });
+});

package/src/components/chat/ncp/ncp-chat-realtime-reload.ts

@@ -0,0 +1,20 @@
+export type NcpChatRealtimeReloadAction = "reload" | "defer" | "skip";
+
+export function resolveNcpChatRealtimeReloadAction(params: {
+  isHydrating: boolean;
+  isRunning: boolean;
+  isSending: boolean;
+}): NcpChatRealtimeReloadAction {
+  if (params.isHydrating) {
+    return "defer";
+  }
+
+  // While the current page owns the active run, live stream events already
+  // update the conversation state. Rehydrating from realtime session summaries
+  // here can reintroduce transient "running" state after the run has ended.
+  if (params.isRunning || params.isSending) {
+    return "skip";
+  }
+
+  return "reload";
+}

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' },