From c57deffd52d27482dc09120e6b9c4d9573a883b3 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 21 Jul 2026 17:40:30 +0800
Subject: [PATCH 01/61] fix(web): stabilize session history switching

---
 src/App.tsx                                   |  12 +-
 src/__tests__/api-facade.test.ts              |  58 +++++-
 .../chat-message-list-contract.test.ts        |  25 ++-
 src/__tests__/composer-contract.test.ts       |   1 +
 src/__tests__/messages-mapper.test.ts         |  15 ++
 src/__tests__/run-engine.test.ts              |  10 +-
 .../session-message-history-store.test.ts     |  50 +++++
 src/api/messages.ts                           |   8 +-
 src/components/chat/ConnectedMessageList.tsx  |  43 +++-
 src/core/api/facade.ts                        |  11 +-
 src/core/api/types.ts                         |   3 +-
 src/core/run/engine.ts                        |   8 +-
 src/hooks/useSessionLifecycle.ts              | 195 ++++++++++--------
 src/stores/session.ts                         |  53 +++--
 src/utils/messages.js                         |  10 +-
 src/utils/session-message-history.ts          |   9 +
 16 files changed, 356 insertions(+), 155 deletions(-)
 create mode 100644 src/__tests__/session-message-history-store.test.ts
 create mode 100644 src/utils/session-message-history.ts

diff --git a/src/App.tsx b/src/App.tsx
index 1ebb8d3..1d37ebe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -99,7 +99,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     fetchSessions,
     loadMoreSessions,
     loadSession,
-    loadOlderSessionEvents,
+    loadOlderSessionMessages,
     createNewSession,
     deleteSession,
     currentSessionIdRef,
@@ -121,7 +121,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
         return;
       }
       const refresh = () => {
-        useSessionStore.getState().clearSessionEventCache(sessionId);
+        useSessionStore.getState().clearSessionMessageHistory(sessionId);
         void fetchSessions(agentIdRef.current, sessionId);
       };
       queueMicrotask(refresh);
@@ -166,10 +166,10 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
   const handleCancelRemote = useCallback(async () => {
     const sessionId = currentSessionIdRef.current;
     const streamingState = useStreamingStore.getState();
-    const invocationId = streamingState.currentRunId || streamingState.getSessionActivity(sessionId)?.runId || '';
-    if (invocationId) {
+    const invocationId = streamingState.getSessionActivity(sessionId)?.runId || streamingState.currentRunId || '';
+    if (sessionId && invocationId) {
       try {
-        await api.cancelRun(agentId, invocationId);
+        await api.cancelRun(agentId, sessionId, invocationId);
         useStreamingStore.getState().stopSessionActivity(
           sessionId,
           '取消请求已发送，后台运行会停在最近 checkpoint。',
@@ -366,7 +366,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
                 uiCapabilities.RunLifecycle.CheckpointResume
               }
               onResumeCheckpoint={resumeCheckpoint}
-              onLoadOlderSessionEvents={loadOlderSessionEvents}
+              onLoadOlderSessionMessages={loadOlderSessionMessages}
             />
         <ConnectedComposer
           composerMaxHeight={composerMaxHeight}
diff --git a/src/__tests__/api-facade.test.ts b/src/__tests__/api-facade.test.ts
index 30290f6..e0fc838 100644
--- a/src/__tests__/api-facade.test.ts
+++ b/src/__tests__/api-facade.test.ts
@@ -7,7 +7,7 @@ describe('ApiFacadeImpl', () => {
     const facade = new ApiFacadeImpl();
     const methods: (keyof ApiFacade)[] = [
       'listSessions', 'createSession', 'deleteSession', 'getSession',
-      'listSessionEvents', 'listSessionMessages', 'listSessionCheckpoints', 'listToolReceipts', 'previewCheckpointResume', 'runAgent', 'resumeRun', 'subscribeRunEvents',
+      'listSessionEvents', 'listSessionMessages', 'listSessionCheckpoints', 'listToolReceipts', 'previewCheckpointResume', 'runAgent', 'resumeRun', 'subscribeRunEvents', 'cancelRun',
       'getResponseFeedback', 'upsertResponseFeedback', 'deleteResponseFeedback',
       'listWorkspaceFiles', 'addWorkspaceFile', 'deleteWorkspaceFile', 'getWorkspaceFileContent',
       'listAgentModels', 'getAgentUiBootstrap', 'uploadFile',
@@ -149,6 +149,62 @@ describe('ApiFacadeImpl', () => {
     ]);
   });
 
+  it('uses message cursors for older history and scopes cancellation to the session', async () => {
+    const facade = new ApiFacadeImpl();
+    const calls: Array<{ url: string; body: Record<string, unknown> }> = [];
+    const originalFetch = globalThis.fetch;
+
+    globalThis.fetch = (async (url, init) => {
+      calls.push({
+        url: String(url),
+        body: JSON.parse(String(init?.body || '{}')) as Record<string, unknown>,
+      });
+      const data = String(url).endsWith('/ListSessionMessages')
+        ? { Messages: [{ MessageId: 'evt-2', Role: 'assistant', SeqId: 2 }], LatestSeqId: 2, HasMore: false, NextCursor: null }
+        : { Cancelled: true };
+      return new Response(JSON.stringify({ Code: 0, Data: data }), {
+        status: 200,
+        headers: { 'content-type': 'application/json' },
+      });
+    }) as typeof fetch;
+
+    try {
+      const messagePage = await facade.listSessionMessages('session-1', {
+        beforeSeqId: 6,
+        limit: 50,
+        includeReasoning: true,
+        includeToolEvents: true,
+        includeAttachments: true,
+      });
+      expect(messagePage.NextCursor).toBeNull();
+      await facade.cancelRun('agent-1', 'session-1', 'run-1');
+    } finally {
+      globalThis.fetch = originalFetch;
+    }
+
+    expect(calls).toEqual([
+      {
+        url: '/agentengine/api/v1/ListSessionMessages',
+        body: {
+          SessionId: 'session-1',
+          BeforeSeqId: 6,
+          Limit: 50,
+          IncludeReasoning: true,
+          IncludeToolEvents: true,
+          IncludeAttachments: true,
+        },
+      },
+      {
+        url: '/agentengine/api/v1/CancelRun',
+        body: {
+          AgentId: 'agent-1',
+          SessionId: 'session-1',
+          InvocationId: 'run-1',
+        },
+      },
+    ]);
+  });
+
   it('maps checkpoint actions to backend action payloads', async () => {
     const facade = new ApiFacadeImpl();
     const calls: Array<{ url: string; body: Record<string, unknown> }> = [];
diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index bc39422..afaf540 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -130,13 +130,13 @@ describe('chat message list contracts', () => {
     expect(listSource).toContain('取消运行并保留最近 checkpoint');
   });
 
-  it('loads checkpoint metadata as best effort without blocking session history', () => {
+  it('uses projected message cursors without duplicating raw event history loads', () => {
     const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
 
-    expect(lifecycleSource).toContain('loadCompleteSessionEventHistory');
-    expect(lifecycleSource).toContain('SESSION_EVENTS_RESTORE_PAGE_SIZE');
-    expect(lifecycleSource).toContain('loadOlderSessionEvents');
-    expect(lifecycleSource).not.toContain('Promise.all([\\n          api.listSessionEvents(sessionId)');
+    expect(lifecycleSource).toContain('loadOlderSessionMessages');
+    expect(lifecycleSource).toContain('beforeSeqId: historyState.nextCursor');
+    expect(lifecycleSource).toContain('SESSION_MESSAGES_PAGE_SIZE');
+    expect(lifecycleSource).not.toContain('api.listSessionEvents(sessionId');
     expect(lifecycleSource).toContain("console.warn('[SessionLifecycle] checkpoint load failed:'");
     expect(lifecycleSource).toContain("console.warn('[SessionLifecycle] tool receipt load failed:'");
   });
@@ -168,13 +168,24 @@ describe('chat message list contracts', () => {
     expect(lifecycleSource).toContain('status: terminalActivity.status');
   });
 
+  it('does not let a stale detached subscription clear the active run', () => {
+    const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
+
+    expect(lifecycleSource).toContain('const isCurrentSubscription = () =>');
+    expect(lifecycleSource).toContain('runSubscriptionAbortRef.current === controller');
+    expect(lifecycleSource).toContain('const ownedCurrentSubscription =');
+    expect(lifecycleSource).toContain('if (ownedCurrentSubscription && currentSessionIdRef.current === options.sessionId)');
+    expect(lifecycleSource).not.toContain('let mergedEvents: SessionEventRecord[]');
+  });
+
   it('does not let stale session history overwrite the active transcript', () => {
     const appSource = readFileSync(resolve(repoRoot, 'src/App.tsx'), 'utf8');
     const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
 
     expect(appSource).not.toContain('void loadSession(sessionId);');
-    expect(appSource).toContain('clearSessionEventCache(sessionId)');
-    expect(lifecycleSource).toContain('const isStillCurrentSession = () => currentSessionIdRef.current === sessionId;');
+    expect(appSource).toContain('clearSessionMessageHistory(sessionId)');
+    expect(lifecycleSource).toContain('const isStillCurrentSession = () => (');
+    expect(lifecycleSource).toContain('loadSessionGenerationRef.current === generation');
     expect(lifecycleSource).toContain('if (!isStillCurrentSession()) {');
     expect(lifecycleSource).toContain('currentSessionIdRef.current === options.sessionId');
     // PR4:重连期间不覆盖消息列表(保持 loadSession 的 ListSessionMessages 结果),
diff --git a/src/__tests__/composer-contract.test.ts b/src/__tests__/composer-contract.test.ts
index bacf688..86486f8 100644
--- a/src/__tests__/composer-contract.test.ts
+++ b/src/__tests__/composer-contract.test.ts
@@ -36,6 +36,7 @@ describe('ChatComposer interaction contract', () => {
     const cancelHandler = source.slice(cancelHandlerStart, cancelHandlerEnd);
 
     expect(cancelHandler).toContain('const sessionId = currentSessionIdRef.current');
+    expect(cancelHandler).toContain('api.cancelRun(agentId, sessionId, invocationId)');
     expect(cancelHandler).toContain('refreshSettledRun(sessionId)');
     expect(cancelHandler).toContain('取消请求已发送');
     expect(cancelHandler).toMatch(/stopSessionActivity\(\s*sessionId/);
diff --git a/src/__tests__/messages-mapper.test.ts b/src/__tests__/messages-mapper.test.ts
index c7d4df7..08f327b 100644
--- a/src/__tests__/messages-mapper.test.ts
+++ b/src/__tests__/messages-mapper.test.ts
@@ -48,6 +48,21 @@ describe('mapBackendMessage', () => {
     expect(result.tools.search.status).toBe('completed');
   });
 
+  it('keeps same-name tool calls distinct by ToolCallId', () => {
+    const result = mapBackendMessage({
+      Role: 'assistant',
+      Content: { text: 'done' },
+      ToolEvents: [
+        { Name: 'search', ToolCallId: 'call-1', Args: { q: 'one' }, Result: 'first' },
+        { Name: 'search', ToolCallId: 'call-2', Args: { q: 'two' }, Result: 'second' },
+      ],
+    } satisfies BackendMessage);
+
+    expect(Object.keys(result.tools)).toEqual(['call-1', 'call-2']);
+    expect(result.tools['call-1'].args).toBe('{"q":"one"}');
+    expect(result.tools['call-2'].output).toBe('second');
+  });
+
   it('maps paused approval tool event', () => {
     const msg: BackendMessage = {
       Role: 'assistant',
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index c0a72ed..ef9fd02 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -46,8 +46,8 @@ function createApiFacade(calls: Record<string, unknown>[], uploadCalls: FormData
     async subscribeRunEvents() {
       return new ReadableStream<Uint8Array>();
     },
-    async cancelRun(agentId, invocationId) {
-      calls.push({ cancel: { agentId, invocationId } });
+    async cancelRun(agentId, sessionId, invocationId) {
+      calls.push({ cancel: { agentId, sessionId, invocationId } });
       return { Cancelled: true, Found: true, Status: 'cancelling' };
     },
     async getResponseFeedback() { return null; },
@@ -369,7 +369,7 @@ describe('RunEngineImpl', () => {
 
     await engine.cancelRemote(invocationId);
     expect(calls.at(-1)).toEqual({
-      cancel: { agentId: 'agent-live', invocationId },
+      cancel: { agentId: 'agent-live', sessionId: 'session-live', invocationId },
     });
   });
 
@@ -626,7 +626,7 @@ describe('RunEngineImpl', () => {
     await waitForCalls(calls, 2);
 
     expect(calls.at(-1)).toEqual({
-      cancel: { agentId: 'agent-live', invocationId },
+      cancel: { agentId: 'agent-live', sessionId: 'session-live', invocationId },
     });
   });
 
@@ -841,7 +841,7 @@ describe('RunEngineImpl', () => {
     await engine.cancelRemote(invocationId);
 
     expect(calls.at(-1)).toEqual({
-      cancel: { agentId: 'agent-live', invocationId },
+      cancel: { agentId: 'agent-live', sessionId: 'session-live', invocationId },
     });
   });
 });
diff --git a/src/__tests__/session-message-history-store.test.ts b/src/__tests__/session-message-history-store.test.ts
new file mode 100644
index 0000000..83450b1
--- /dev/null
+++ b/src/__tests__/session-message-history-store.test.ts
@@ -0,0 +1,50 @@
+import { afterEach, describe, expect, it } from 'vitest';
+import { useSessionStore } from '../stores/session.js';
+import { ownsOlderMessageScrollRequest } from '../utils/session-message-history.js';
+
+describe('session message history state', () => {
+  afterEach(() => {
+    useSessionStore.getState().clearSessionMessageHistory();
+  });
+
+  it('keeps independent cursors per session and clears only the requested session', () => {
+    const store = useSessionStore.getState();
+    store.setSessionMessageHistory('session-a', { nextCursor: 8, hasMore: true });
+    store.setSessionMessageHistory('session-b', { nextCursor: null, hasMore: false });
+    store.setSessionMessageHistoryLoading('session-a', true);
+
+    expect(useSessionStore.getState().messageHistory).toEqual({
+      'session-a': { nextCursor: 8, hasMore: true, isLoadingOlder: true },
+      'session-b': { nextCursor: null, hasMore: false, isLoadingOlder: false },
+    });
+
+    store.clearSessionMessageHistory('session-a');
+
+    expect(useSessionStore.getState().messageHistory).toEqual({
+      'session-b': { nextCursor: null, hasMore: false, isLoadingOlder: false },
+    });
+  });
+
+  it('rejects stale older-message scroll work after session or request changes', () => {
+    const requestToken = Symbol('request-a');
+
+    expect(ownsOlderMessageScrollRequest({
+      requestedSessionId: 'session-a',
+      activeSessionId: 'session-a',
+      requestToken,
+      activeRequestToken: requestToken,
+    })).toBe(true);
+    expect(ownsOlderMessageScrollRequest({
+      requestedSessionId: 'session-a',
+      activeSessionId: 'session-b',
+      requestToken,
+      activeRequestToken: requestToken,
+    })).toBe(false);
+    expect(ownsOlderMessageScrollRequest({
+      requestedSessionId: 'session-a',
+      activeSessionId: 'session-a',
+      requestToken,
+      activeRequestToken: Symbol('replacement'),
+    })).toBe(false);
+  });
+});
diff --git a/src/api/messages.ts b/src/api/messages.ts
index b1b510a..bb8e5f6 100644
--- a/src/api/messages.ts
+++ b/src/api/messages.ts
@@ -33,6 +33,7 @@ export type BackendMessage = {
 export type ListSessionMessagesOptions = {
   agentId?: string;
   afterSeqId?: number;
+  beforeSeqId?: number;
   limit?: number;
   includeReasoning?: boolean;
   includeToolEvents?: boolean;
@@ -57,6 +58,7 @@ export async function listSessionMessages(
       AgentId: opts?.agentId,
       SessionId: sessionId,
       AfterSeqId: opts?.afterSeqId,
+      BeforeSeqId: opts?.beforeSeqId,
       Limit: opts?.limit,
       IncludeReasoning: opts?.includeReasoning,
       IncludeToolEvents: opts?.includeToolEvents,
@@ -68,6 +70,10 @@ export async function listSessionMessages(
     Messages: data.Messages ?? [],
     LatestSeqId: Number.isFinite(Number(data.LatestSeqId)) ? Number(data.LatestSeqId) : 0,
     HasMore: Boolean(data.HasMore),
-    NextCursor: Number.isFinite(Number(data.NextCursor)) ? Number(data.NextCursor) : null,
+    NextCursor: data.NextCursor === null || data.NextCursor === undefined
+      ? null
+      : Number.isFinite(Number(data.NextCursor))
+        ? Number(data.NextCursor)
+        : null,
   };
 }
diff --git a/src/components/chat/ConnectedMessageList.tsx b/src/components/chat/ConnectedMessageList.tsx
index c5d0700..d3deca3 100644
--- a/src/components/chat/ConnectedMessageList.tsx
+++ b/src/components/chat/ConnectedMessageList.tsx
@@ -8,6 +8,7 @@ import { useCheckpointStore } from '../../stores/checkpoint.js';
 import { ChatMessageList } from './ChatMessageList';
 import { AttachmentPreview } from './AttachmentPreview';
 import { buildComposerContextIndicator } from '../../utils/context.js';
+import { ownsOlderMessageScrollRequest } from '../../utils/session-message-history.js';
 import type { ComposerContextIndicator, Message, MessageAttachment } from './types';
 import type { ModelStore } from '../../stores/model.js';
 import type { SessionStore } from '../../stores/session.js';
@@ -24,7 +25,7 @@ type ConnectedMessageListProps = {
   onCancelRemote?: () => void;
   checkpointResumeEnabled?: boolean;
   onResumeCheckpoint?: (params: { sessionId: string; runId: string; checkpointId: string }) => void;
-  onLoadOlderSessionEvents?: (sessionId: string) => Promise<void>;
+  onLoadOlderSessionMessages?: (sessionId: string) => Promise<void>;
 };
 
 export function ConnectedMessageList({
@@ -37,15 +38,15 @@ export function ConnectedMessageList({
   onCancelRemote,
   checkpointResumeEnabled = false,
   onResumeCheckpoint,
-  onLoadOlderSessionEvents,
+  onLoadOlderSessionMessages,
 }: ConnectedMessageListProps) {
   const messages = useMessageStore(s => s.messages);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
   const isStreaming = useStreamingStore((s: StreamingStore) => Boolean(s.getSessionActivity(currentSessionId) && s.isSessionStreaming(currentSessionId)));
   const activity = useStreamingStore((s: StreamingStore) => s.getSessionActivity(currentSessionId));
   const checkpoints = useCheckpointStore(s => s.getSessionCheckpoints(currentSessionId));
-  const currentEventCache = useSessionStore((s: SessionStore) =>
-    currentSessionId ? s.eventCache[currentSessionId] : null,
+  const currentMessageHistory = useSessionStore((s: SessionStore) =>
+    currentSessionId ? s.messageHistory[currentSessionId] : null,
   );
   const input = useUIStore((s: UIStore) => s.input);
   const availableModels = useModelStore((s: ModelStore) => s.availableModels);
@@ -58,6 +59,7 @@ export function ConnectedMessageList({
   const previousScrollTopRef = useRef(0);
   const isStreamingRef = useRef(isStreaming);
   const loadingOlderRef = useRef(false);
+  const olderLoadTokenRef = useRef<symbol | null>(null);
   const needsInitialScrollRef = useRef(true);
   const selectedModelMetadata = useMemo(
     () => availableModels.find((model) => model.id === selectedModel) || null,
@@ -87,6 +89,8 @@ export function ConnectedMessageList({
     stickToBottomRef.current = true;
     userDetachedFromBottomRef.current = false;
     previousScrollTopRef.current = 0;
+    loadingOlderRef.current = false;
+    olderLoadTokenRef.current = null;
   }, [currentSessionId]);
 
   useEffect(() => {
@@ -102,17 +106,31 @@ export function ConnectedMessageList({
       if (
         scroller.scrollTop < 200 &&
         currentSessionId &&
-        currentEventCache &&
-        currentEventCache.offset > 0 &&
-        !currentEventCache.isLoadingOlder &&
+        currentMessageHistory?.hasMore &&
+        !currentMessageHistory.isLoadingOlder &&
         !loadingOlderRef.current &&
-        onLoadOlderSessionEvents
+        onLoadOlderSessionMessages
       ) {
         const previousScrollHeight = scroller.scrollHeight;
+        const requestedSessionId = currentSessionId;
+        const requestToken = Symbol(requestedSessionId);
         loadingOlderRef.current = true;
-        void onLoadOlderSessionEvents(currentSessionId)
+        olderLoadTokenRef.current = requestToken;
+        void onLoadOlderSessionMessages(requestedSessionId)
           .then(() => {
+            if (!ownsOlderMessageScrollRequest({
+              requestedSessionId,
+              activeSessionId: useSessionStore.getState().currentSessionId,
+              requestToken,
+              activeRequestToken: olderLoadTokenRef.current,
+            })) return;
             requestAnimationFrame(() => {
+              if (!ownsOlderMessageScrollRequest({
+                requestedSessionId,
+                activeSessionId: useSessionStore.getState().currentSessionId,
+                requestToken,
+                activeRequestToken: olderLoadTokenRef.current,
+              })) return;
               const nextScroller = scrollRef.current;
               if (!nextScroller) return;
               const delta = nextScroller.scrollHeight - previousScrollHeight;
@@ -121,7 +139,10 @@ export function ConnectedMessageList({
             });
           })
           .finally(() => {
-            loadingOlderRef.current = false;
+            if (olderLoadTokenRef.current === requestToken) {
+              olderLoadTokenRef.current = null;
+              loadingOlderRef.current = false;
+            }
           });
       }
 
@@ -144,7 +165,7 @@ export function ConnectedMessageList({
     updateStickiness();
     scroller.addEventListener('scroll', updateStickiness, { passive: true });
     return () => scroller.removeEventListener('scroll', updateStickiness);
-  }, [currentEventCache, currentSessionId, onLoadOlderSessionEvents]);
+  }, [currentMessageHistory, currentSessionId, onLoadOlderSessionMessages]);
 
   useEffect(() => {
     const scroller = scrollRef.current;
diff --git a/src/core/api/facade.ts b/src/core/api/facade.ts
index 5db2e7f..57aed5c 100644
--- a/src/core/api/facade.ts
+++ b/src/core/api/facade.ts
@@ -39,6 +39,7 @@ export class ApiFacadeImpl implements ApiFacade {
     opts?: {
       agentId?: string;
       afterSeqId?: number;
+      beforeSeqId?: number;
       limit?: number;
       includeReasoning?: boolean;
       includeToolEvents?: boolean;
@@ -75,7 +76,7 @@ export class ApiFacadeImpl implements ApiFacade {
   }
 
   async resumeRun(
-    params: { agentId: string; sessionId: string; runId: string; checkpointId: string; resumeAttemptId?: string },
+    params: { agentId: string; sessionId: string; runId: string; checkpointId: string; resumeAttemptId?: string; invocationId?: string },
     opts?: { signal?: AbortSignal },
   ) {
     return resumeRunApi(params, opts);
@@ -93,8 +94,12 @@ export class ApiFacadeImpl implements ApiFacade {
     return streamGetAction('SubscribeRunEvents', qs, opts);
   }
 
-  async cancelRun(agentId: string, invocationId: string, opts?: { signal?: AbortSignal }) {
-    return postJsonAction('CancelRun', { AgentId: agentId, InvocationId: invocationId }, opts);
+  async cancelRun(agentId: string, sessionId: string, invocationId: string, opts?: { signal?: AbortSignal }) {
+    return postJsonAction(
+      'CancelRun',
+      { AgentId: agentId, SessionId: sessionId, InvocationId: invocationId },
+      opts,
+    );
   }
 
   // Feedback
diff --git a/src/core/api/types.ts b/src/core/api/types.ts
index 676ba31..2f36fde 100644
--- a/src/core/api/types.ts
+++ b/src/core/api/types.ts
@@ -38,6 +38,7 @@ export interface ApiFacade {
     opts?: {
       agentId?: string;
       afterSeqId?: number;
+      beforeSeqId?: number;
       limit?: number;
       includeReasoning?: boolean;
       includeToolEvents?: boolean;
@@ -56,7 +57,7 @@ export interface ApiFacade {
   runAgent(body: Record<string, unknown>, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
   resumeRun(params: { agentId: string; sessionId: string; runId: string; checkpointId: string; resumeAttemptId?: string; invocationId?: string }, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
   subscribeRunEvents(params: { sessionId: string; invocationId: string; afterSeqId: number }, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
-  cancelRun(agentId: string, invocationId: string, opts?: { signal?: AbortSignal }): Promise<unknown>;
+  cancelRun(agentId: string, sessionId: string, invocationId: string, opts?: { signal?: AbortSignal }): Promise<unknown>;
 
   // Feedback
   getResponseFeedback(payload: Record<string, unknown>, opts?: { signal?: AbortSignal }): Promise<unknown>;
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index f7c2e91..d28f8e7 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -272,8 +272,8 @@ export class RunEngineImpl implements RunEngine {
     if (this._stage === 'idle') return;
     this.setStage('stopping');
     const invocationId = useStreamingStore.getState().currentRunId;
-    if (invocationId) {
-      void this.api.cancelRun(this.config.agentId, invocationId).catch((err) => {
+    if (invocationId && this.activeSessionId) {
+      void this.api.cancelRun(this.config.agentId, this.activeSessionId, invocationId).catch((err) => {
         console.warn('[RunEngine] cancelRun on stop failed:', err);
       });
     }
@@ -305,7 +305,9 @@ export class RunEngineImpl implements RunEngine {
 
   async cancelRemote(invocationId: string): Promise<void> {
     try {
-      await this.api.cancelRun(this.config.agentId, invocationId);
+      if (this.activeSessionId) {
+        await this.api.cancelRun(this.config.agentId, this.activeSessionId, invocationId);
+      }
     } catch (err) {
       console.warn('[RunEngine] cancelRemote failed:', err);
     }
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index 5375d85..b1bac02 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -6,19 +6,13 @@ import { useCheckpointStore } from '../stores/checkpoint.js';
 import { useBootstrapStore } from '../stores/bootstrap.js';
 import { CancelledError } from '../api/client.js';
 import {
-  buildMessagesFromSessionEvents,
   eventHasTerminalRunStatus,
-  mergeSessionEventRecords,
 } from '../utils/session-events.js';
 import { mapBackendMessages } from '../utils/messages.js';
 import { useStreamingStore } from '../stores/streaming.js';
 import { shouldRenderFeedbackControls, normalizeFeedback } from '../utils/feedback.js';
 import { readPersistedSessionId, resolveSessionToRestore } from '../utils/session.js';
 import { resolveNextSessionsPage } from '../utils/session-pagination.js';
-import {
-  loadCompleteSessionEventHistory,
-  resolveOlderSessionEventPage,
-} from '../utils/session-event-history.js';
 import type { Message, Session } from '../components/chat/types.js';
 import type { SessionEventRecord } from '../types/session-events.js';
 import type { UiCapabilities } from '../types/capabilities.js';
@@ -26,8 +20,7 @@ import type { ApiFacade } from '../core/api/types.js';
 
 const RESTORE_SUBSCRIPTION_TIMEOUT_MS = 90_000;
 const SESSION_LIST_PAGE_SIZE = 30;
-const SESSION_EVENTS_PAGE_SIZE = 50;
-const SESSION_EVENTS_RESTORE_PAGE_SIZE = 500;
+const SESSION_MESSAGES_PAGE_SIZE = 50;
 
 // 重连判据:ActiveRunStatus 属于这些态时认为有活跃 run(对齐后端 RUN_STATUS_ACTIVE)。
 const ACTIVE_RUN_STATUSES = new Set([
@@ -37,16 +30,6 @@ const ACTIVE_RUN_STATUSES = new Set([
   'starting',
 ]);
 
-function historyShouldReplaceMessages(history: Message[], currentMessages: Message[]) {
-  if (!currentMessages.length) {
-    return true;
-  }
-  if (!history.length) {
-    return false;
-  }
-  return history.length >= currentMessages.length;
-}
-
 function terminalActivityForRunEvent(event: SessionEventRecord): {
   status: 'completed' | 'failed' | 'stopped';
   phase: string;
@@ -93,6 +76,8 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
   const currentSessionIdRef = useRef<string | null>(ctx.currentSessionId);
   const agentIdRef = useRef(ctx.agentId);
   const runSubscriptionAbortRef = useRef<AbortController | null>(null);
+  const loadSessionGenerationRef = useRef(0);
+  const olderMessageRequestRef = useRef(new Map<string, symbol>());
   const loadSessionRef = useRef<((sessionId: string) => Promise<void>) | null>(null);
   const fetchSessionsRef = useRef<
     ((
@@ -161,13 +146,16 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       sessionId: string;
       invocationId: string;
       afterSeqId: number;
-      initialEvents?: SessionEventRecord[];
     }) => {
       runSubscriptionAbortRef.current?.abort();
       const controller = new AbortController();
       runSubscriptionAbortRef.current = controller;
       let shouldReloadSession = false;
       let terminalStatusSeen = false;
+      const isCurrentSubscription = () => (
+        runSubscriptionAbortRef.current === controller
+        && currentSessionIdRef.current === options.sessionId
+      );
       const stopRestoreSubscription = () => {
         if (runSubscriptionAbortRef.current !== controller || controller.signal.aborted) {
           return;
@@ -187,12 +175,13 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
           },
           { signal: controller.signal },
         );
+        if (!isCurrentSubscription()) {
+          controller.abort();
+          return;
+        }
         const reader = stream.getReader();
         const decoder = new TextDecoder();
         let buffer = '';
-        let mergedEvents: SessionEventRecord[] = Array.isArray(options.initialEvents)
-          ? options.initialEvents
-          : [];
         useStreamingStore.getState().setCurrentRunId(options.invocationId);
         useStreamingStore.getState().updateActivity({
           sessionId: options.sessionId,
@@ -225,7 +214,10 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
             }
             try {
               const event = JSON.parse(dataString) as SessionEventRecord;
-              mergedEvents = mergeSessionEventRecords(mergedEvents, [event]) as SessionEventRecord[];
+              if (!isCurrentSubscription()) {
+                stopRestoreSubscription();
+                break;
+              }
               terminalStatusSeen = terminalStatusSeen || eventHasTerminalRunStatus(event);
               shouldReloadSession = shouldReloadSession || terminalStatusSeen;
               if (event.EventType === 'run_checkpoint') {
@@ -241,10 +233,6 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
                   countEvent: false,
                 });
               }
-              if (currentSessionIdRef.current !== options.sessionId) {
-                stopRestoreSubscription();
-                break;
-              }
               // 重连期间不覆盖消息列表(保持 loadSession 的 ListSessionMessages 结果)。
               // run 结束后 shouldReloadSession 会重新 loadSession 拿最终消息。
               // 增量事件仅更新 streaming activity(上方 terminalActivity 已处理)。
@@ -260,14 +248,17 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         }
       } finally {
         globalThis.clearTimeout(timeoutTimer);
-        if (runSubscriptionAbortRef.current === controller) {
+        const ownedCurrentSubscription = runSubscriptionAbortRef.current === controller;
+        if (ownedCurrentSubscription) {
           runSubscriptionAbortRef.current = null;
         }
-        useStreamingStore.getState().setCurrentRunId('');
-        if (shouldReloadSession && currentSessionIdRef.current === options.sessionId) {
-          void loadSessionRef.current?.(options.sessionId);
+        if (ownedCurrentSubscription && currentSessionIdRef.current === options.sessionId) {
+          useStreamingStore.getState().setCurrentRunId('');
+          if (shouldReloadSession) {
+            void loadSessionRef.current?.(options.sessionId);
+          }
+          void fetchSessionsRef.current?.(agentIdRef.current, options.sessionId);
         }
-        void fetchSessionsRef.current?.(agentIdRef.current, options.sessionId);
       }
     },
     [api],
@@ -275,8 +266,23 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
 
   const loadSession = useCallback(
     async (sessionId: string) => {
+      const previousSessionId = currentSessionIdRef.current;
+      const generation = ++loadSessionGenerationRef.current;
+      if (previousSessionId !== sessionId) {
+        disconnectRun?.();
+        useMessageStore.getState().setMessages([]);
+        useSessionStore.getState().clearSessionMessageHistory(sessionId);
+        useCheckpointStore.getState().setSessionCheckpoints(sessionId, []);
+        useCheckpointStore.getState().setSessionToolReceipts(sessionId, []);
+        useStreamingStore.getState().setCurrentRunId('');
+        useStreamingStore.getState().clearActivity();
+        useStreamingStore.getState().clearSessionActivity(previousSessionId);
+      }
       currentSessionIdRef.current = sessionId;
-      const isStillCurrentSession = () => currentSessionIdRef.current === sessionId;
+      const isStillCurrentSession = () => (
+        currentSessionIdRef.current === sessionId
+        && loadSessionGenerationRef.current === generation
+      );
       useSessionStore.getState().setCurrentSessionId(sessionId);
       resetCompaction();
       runSubscriptionAbortRef.current?.abort();
@@ -285,13 +291,8 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       }
 
       try {
-        // PR4:用 ListSessionMessages 替换 buildMessagesFromSessionEvents(服务端投影)。
-        // 同时仍拉 ListSessionEvents 填 eventCache(供 loadOlderSessionEvents 向上翻页,
-        // 后端 ListSessionMessages 的 BeforeSeqId 留作后续优化)。
-        // 注意:不传 agentId —— hosted-ui 会话历史存在 server DB,走 hosted path
-        // (ConversationService.get_events + 投影)。传 agentId 会触发 runtime path
-        // (从 runtime agent 拉事件),hosted 场景 runtime 不持有会话历史 → 消息消失。
         const messagesData = await api.listSessionMessages(sessionId, {
+          limit: SESSION_MESSAGES_PAGE_SIZE,
           includeReasoning: true,
           includeToolEvents: true,
           includeAttachments: true,
@@ -301,37 +302,25 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         }
         const history = mapBackendMessages(messagesData.Messages);
         useMessageStore.getState().setMessages(history);
+        useSessionStore.getState().setSessionMessageHistory(sessionId, {
+          nextCursor: messagesData.NextCursor,
+          hasMore: messagesData.HasMore,
+        });
         void loadFeedbackForMessages(agentIdRef.current, sessionId, history);
         const lastSeqId = messagesData.LatestSeqId || 0;
 
-        // 填 eventCache(供 loadOlderSessionEvents 翻更早历史;非阻塞)
-        // offset 表示"已加载多少条最新事件",首次拿 limit=500 条后 offset=已加载数量,
-        // 否则 loadOlder 会重复从 offset=0 拉最新页。
-        void api.listSessionEvents(sessionId, { limit: SESSION_EVENTS_RESTORE_PAGE_SIZE })
-          .then((eventData) => {
-            if (!isStillCurrentSession()) return;
-            const loadedEvents = (eventData.Events || []) as SessionEventRecord[];
-            useSessionStore.getState().setSessionEventCache(sessionId, {
-              events: loadedEvents,
-              total: eventData.Total ?? 0,
-              offset: (eventData.Offset ?? 0) + loadedEvents.length,
-              limit: eventData.Limit ?? 0,
-            });
-          })
-          .catch((error) => {
-            console.warn('[SessionLifecycle] event cache load failed:', error);
-          });
-
         const runtimeCapabilities = useBootstrapStore.getState().capabilities || uiCapabilities;
         if (runtimeCapabilities.RunLifecycle.Enabled && runtimeCapabilities.RunLifecycle.Checkpoints) {
           void api.listSessionCheckpoints({
             agentId: agentIdRef.current,
             sessionId,
           }).then((checkpointData) => {
+            if (!isStillCurrentSession()) return;
             useCheckpointStore
               .getState()
               .setSessionCheckpoints(sessionId, checkpointData.Checkpoints || []);
           }).catch((error) => {
+            if (!isStillCurrentSession()) return;
             console.warn('[SessionLifecycle] checkpoint load failed:', error);
             useCheckpointStore.getState().setSessionCheckpoints(sessionId, []);
           });
@@ -339,10 +328,12 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
             agentId: agentIdRef.current,
             sessionId,
           }).then((receiptData) => {
+            if (!isStillCurrentSession()) return;
             useCheckpointStore
               .getState()
               .setSessionToolReceipts(sessionId, receiptData.ToolReceipts || []);
           }).catch((error) => {
+            if (!isStillCurrentSession()) return;
             console.warn('[SessionLifecycle] tool receipt load failed:', error);
             useCheckpointStore.getState().setSessionToolReceipts(sessionId, []);
           });
@@ -367,7 +358,6 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
                 sessionId,
                 invocationId: session.ActiveInvocationId!,
                 afterSeqId: lastSeqId,
-                initialEvents: [],
               });
             }
           } catch (error) {
@@ -380,6 +370,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
     },
     [
       api,
+      disconnectRun,
       isMobile,
       loadFeedbackForMessages,
       resetCompaction,
@@ -419,10 +410,16 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         if (restoredSessionId && restoredSessionId !== activeSessionId) {
           void loadSession(restoredSessionId);
         } else if (!restoredSessionId && activeSessionId) {
+          loadSessionGenerationRef.current += 1;
+          runSubscriptionAbortRef.current?.abort();
+          disconnectRun?.();
           currentSessionIdRef.current = null;
           useSessionStore.getState().setCurrentSessionId(null);
           useMessageStore.getState().setMessages([]);
+          useSessionStore.getState().clearSessionMessageHistory();
           useCheckpointStore.getState().clearSessionCheckpoints();
+          useStreamingStore.getState().setCurrentRunId('');
+          useStreamingStore.getState().clearActivity();
         }
       } catch (error) {
         if (error instanceof CancelledError) return;
@@ -431,7 +428,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         useSessionStore.getState().setLoadingSessions(false);
       }
     },
-    [api, loadSession],
+    [api, disconnectRun, loadSession],
   );
 
   const loadMoreSessions = useCallback(async () => {
@@ -480,6 +477,8 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
   const createNewSession = useCallback(async () => {
     try {
       disconnectRun?.();
+      loadSessionGenerationRef.current += 1;
+      runSubscriptionAbortRef.current?.abort();
       const session = await api.createSession(agentId);
       const newId = session.SessionId;
       if (newId) {
@@ -489,8 +488,11 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         currentSessionIdRef.current = newId;
         useSessionStore.getState().setCurrentSessionId(newId);
         useMessageStore.getState().setMessages([]);
+        useSessionStore.getState().clearSessionMessageHistory(newId);
         useCheckpointStore.getState().setSessionCheckpoints(newId, []);
         useCheckpointStore.getState().setSessionToolReceipts(newId, []);
+        useStreamingStore.getState().setCurrentRunId('');
+        useStreamingStore.getState().clearActivity();
         if (isMobile) {
           useUIStore.getState().setMobileSidebarOpen(false);
           useUIStore.getState().setMobileActionsOpen(false);
@@ -508,12 +510,17 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       try {
         await api.deleteSession(sessionId);
         useSessionStore.getState().removeSession(sessionId);
-        useSessionStore.getState().clearSessionEventCache(sessionId);
+        useSessionStore.getState().clearSessionMessageHistory(sessionId);
         if (currentSessionIdRef.current === sessionId) {
+          loadSessionGenerationRef.current += 1;
+          runSubscriptionAbortRef.current?.abort();
+          disconnectRun?.();
           currentSessionIdRef.current = null;
           useMessageStore.getState().setMessages([]);
           useCheckpointStore.getState().clearSessionCheckpoints(sessionId);
           useSessionStore.getState().setCurrentSessionId(null);
+          useStreamingStore.getState().setCurrentRunId('');
+          useStreamingStore.getState().clearActivity();
           void fetchSessions(agentId);
         }
       } catch (error) {
@@ -521,41 +528,59 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         console.error('Failed to delete session', error);
       }
     },
-    [agentId, api, fetchSessions],
+    [agentId, api, disconnectRun, fetchSessions],
   );
 
-  const loadOlderSessionEvents = useCallback(async (sessionId: string) => {
-    const cache = useSessionStore.getState().eventCache[sessionId];
-    if (!cache || cache.isLoadingOlder) {
-      return;
-    }
-    const nextPage = resolveOlderSessionEventPage(cache, SESSION_EVENTS_PAGE_SIZE);
-    if (!nextPage) {
+  const loadOlderSessionMessages = useCallback(async (sessionId: string) => {
+    const historyState = useSessionStore.getState().messageHistory[sessionId];
+    if (
+      !historyState
+      || !historyState.hasMore
+      || historyState.nextCursor === null
+      || historyState.isLoadingOlder
+    ) {
       return;
     }
+    const generation = loadSessionGenerationRef.current;
+    const requestToken = Symbol(sessionId);
+    olderMessageRequestRef.current.set(sessionId, requestToken);
     try {
-      useSessionStore.getState().setSessionEventLoadingOlder(sessionId, true);
-      const data = await api.listSessionEvents(sessionId, nextPage);
-      const incoming = (data.Events || []) as SessionEventRecord[];
-      const merged = mergeSessionEventRecords(incoming, cache.events) as SessionEventRecord[];
-      const loadedCount = cache.offset + incoming.length;
-      useSessionStore.getState().setSessionEventCache(sessionId, {
-        events: merged,
-        total: Number(data.Total ?? cache.total),
-        offset: loadedCount,
-        limit: merged.length,
+      useSessionStore.getState().setSessionMessageHistoryLoading(sessionId, true);
+      const data = await api.listSessionMessages(sessionId, {
+        beforeSeqId: historyState.nextCursor,
+        limit: SESSION_MESSAGES_PAGE_SIZE,
+        includeReasoning: true,
+        includeToolEvents: true,
+        includeAttachments: true,
       });
-      if (currentSessionIdRef.current === sessionId) {
-        const history = buildMessagesFromSessionEvents(merged);
-        useMessageStore.getState().setMessages(history);
-        void loadFeedbackForMessages(agentIdRef.current, sessionId, history);
+      if (
+        currentSessionIdRef.current !== sessionId
+        || loadSessionGenerationRef.current !== generation
+        || olderMessageRequestRef.current.get(sessionId) !== requestToken
+      ) {
+        return;
       }
+      const olderMessages = mapBackendMessages(data.Messages);
+      const olderIds = new Set(olderMessages.map((message) => message.id));
+      const mergedHistory = [
+        ...olderMessages,
+        ...useMessageStore.getState().messages.filter((message) => !olderIds.has(message.id)),
+      ];
+      useMessageStore.getState().setMessages(mergedHistory);
+      useSessionStore.getState().setSessionMessageHistory(sessionId, {
+        nextCursor: data.NextCursor,
+        hasMore: data.HasMore,
+      });
+      void loadFeedbackForMessages(agentIdRef.current, sessionId, olderMessages);
     } catch (error) {
       if (!(error instanceof CancelledError)) {
-        console.error('Failed to load older session events:', error);
+        console.error('Failed to load older session messages:', error);
       }
     } finally {
-      useSessionStore.getState().setSessionEventLoadingOlder(sessionId, false);
+      if (olderMessageRequestRef.current.get(sessionId) === requestToken) {
+        olderMessageRequestRef.current.delete(sessionId);
+        useSessionStore.getState().setSessionMessageHistoryLoading(sessionId, false);
+      }
     }
   }, [api, loadFeedbackForMessages]);
 
@@ -563,7 +588,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
     fetchSessions,
     loadMoreSessions,
     loadSession,
-    loadOlderSessionEvents,
+    loadOlderSessionMessages,
     createNewSession,
     deleteSession,
     currentSessionIdRef,
diff --git a/src/stores/session.ts b/src/stores/session.ts
index ef7743a..b1b0086 100644
--- a/src/stores/session.ts
+++ b/src/stores/session.ts
@@ -1,6 +1,5 @@
 import { create } from 'zustand';
 import type { Session } from '../components/chat/types.js';
-import type { SessionEventRecord } from '../types/session-events.js';
 import { buildSessionPaginationState, mergeLoadedPages } from '../utils/session-pagination.js';
 
 export type SessionState = {
@@ -14,11 +13,9 @@ export type SessionState = {
   hasMoreSessions: boolean;
   isLoadingSessions: boolean;
   pinnedSessionIds: string[];
-  eventCache: Record<string, {
-    events: SessionEventRecord[];
-    total: number;
-    offset: number;
-    limit: number;
+  messageHistory: Record<string, {
+    nextCursor: number | null;
+    hasMore: boolean;
     isLoadingOlder: boolean;
   }>;
 };
@@ -37,15 +34,13 @@ export type SessionActions = {
   setLoadingSessions: (loading: boolean) => void;
   resetSessionPagination: (agentId: string) => void;
   togglePinnedSession: (id: string) => void;
-  setSessionEventCache: (sessionId: string, cache: {
-    events: SessionEventRecord[];
-    total: number;
-    offset: number;
-    limit: number;
+  setSessionMessageHistory: (sessionId: string, history: {
+    nextCursor: number | null;
+    hasMore: boolean;
     isLoadingOlder?: boolean;
   }) => void;
-  setSessionEventLoadingOlder: (sessionId: string, loading: boolean) => void;
-  clearSessionEventCache: (sessionId?: string) => void;
+  setSessionMessageHistoryLoading: (sessionId: string, loading: boolean) => void;
+  clearSessionMessageHistory: (sessionId?: string) => void;
 };
 
 function sessionUpdatedAtValue(session: Session): number {
@@ -118,7 +113,7 @@ export const useSessionStore = create<SessionStore>()((set) => ({
   hasMoreSessions: false,
   isLoadingSessions: false,
   pinnedSessionIds: readPinnedSessionIds(),
-  eventCache: {},
+  messageHistory: {},
   setSessions: (sessions) =>
     set((s) => ({ sessions: sortSessions(sessions, s.pinnedSessionIds) })),
   setCurrentSessionId: (id) => set({ currentSessionId: id }),
@@ -193,37 +188,35 @@ export const useSessionStore = create<SessionStore>()((set) => ({
         sessions: sortSessions(s.sessions, pinnedSessionIds),
       };
     }),
-  setSessionEventCache: (sessionId, cache) =>
+  setSessionMessageHistory: (sessionId, history) =>
     set((s) => ({
-      eventCache: {
-        ...s.eventCache,
+      messageHistory: {
+        ...s.messageHistory,
         [sessionId]: {
-          events: cache.events,
-          total: cache.total,
-          offset: cache.offset,
-          limit: cache.limit,
-          isLoadingOlder: cache.isLoadingOlder ?? false,
+          nextCursor: history.nextCursor,
+          hasMore: history.hasMore,
+          isLoadingOlder: history.isLoadingOlder ?? false,
         },
       },
     })),
-  setSessionEventLoadingOlder: (sessionId, loading) =>
+  setSessionMessageHistoryLoading: (sessionId, loading) =>
     set((s) => {
-      const existing = s.eventCache[sessionId];
+      const existing = s.messageHistory[sessionId];
       if (!existing) return {};
       return {
-        eventCache: {
-          ...s.eventCache,
+        messageHistory: {
+          ...s.messageHistory,
           [sessionId]: { ...existing, isLoadingOlder: loading },
         },
       };
     }),
-  clearSessionEventCache: (sessionId) =>
+  clearSessionMessageHistory: (sessionId) =>
     set((s) => {
       if (!sessionId) {
-        return { eventCache: {} };
+        return { messageHistory: {} };
       }
-      const next = { ...s.eventCache };
+      const next = { ...s.messageHistory };
       delete next[sessionId];
-      return { eventCache: next };
+      return { messageHistory: next };
     }),
 }));
diff --git a/src/utils/messages.js b/src/utils/messages.js
index 024df78..d8743bb 100644
--- a/src/utils/messages.js
+++ b/src/utils/messages.js
@@ -39,6 +39,11 @@ function extractContentText(content) {
 
 function mapToolEvents(toolEvents) {
   const tools = {};
+  const nameCounts = new Map();
+  for (const te of toolEvents ?? []) {
+    if (!te?.Name) continue;
+    nameCounts.set(te.Name, (nameCounts.get(te.Name) || 0) + 1);
+  }
   for (const te of toolEvents ?? []) {
     if (!te?.Name) continue;
     const status = TOOL_STATUS_MAP[String(te.Status ?? 'completed').toLowerCase()] ?? 'completed';
@@ -57,8 +62,9 @@ function mapToolEvents(toolEvents) {
     if (te.ToolCallId) {
       entry.previousResponseId = te.ToolCallId;
     }
-    // 同名 tool 后者覆盖前者(保留最后状态)
-    tools[te.Name] = entry;
+    // 仅同名多次时用 ToolCallId 分键；单工具和旧事件保持 name 键兼容。
+    const key = nameCounts.get(te.Name) > 1 && te.ToolCallId ? te.ToolCallId : te.Name;
+    tools[key] = entry;
   }
   return tools;
 }
diff --git a/src/utils/session-message-history.ts b/src/utils/session-message-history.ts
new file mode 100644
index 0000000..005f656
--- /dev/null
+++ b/src/utils/session-message-history.ts
@@ -0,0 +1,9 @@
+export function ownsOlderMessageScrollRequest(options: {
+  requestedSessionId: string;
+  activeSessionId: string | null;
+  requestToken: symbol;
+  activeRequestToken: symbol | null;
+}): boolean {
+  return options.requestedSessionId === options.activeSessionId
+    && options.requestToken === options.activeRequestToken;
+}

From 73179669cc3a345846c420e87c49e15c5ec63f03 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 24 Jul 2026 16:30:23 +0800
Subject: [PATCH 02/61] feat(runtime): add AG-UI and A2UI hosted chat transport

---
 package-lock.json                             | 6437 ++++++++++++-----
 package.json                                  |   11 +-
 postcss.config.js                             |    2 +-
 src/App.tsx                                   |   11 +-
 src/__tests__/agui-run-client.test.ts         |  196 +
 src/__tests__/agui-transport.test.ts          |   60 +
 .../chat-message-list-contract.test.ts        |   21 +-
 src/__tests__/messages-mapper.test.ts         |   70 +
 src/__tests__/run-engine.test.ts              |  185 +
 .../session-message-history-store.test.ts     |   27 +-
 src/__tests__/streaming-store.test.ts         |   19 +
 src/api/messages.ts                           |   10 +
 src/components/chat/A2UIActivityMessage.tsx   |   49 +
 src/components/chat/ChatMessageList.tsx       |  272 +-
 src/components/chat/ConnectedMessageList.tsx  |   10 +
 src/components/chat/types.ts                  |   23 +-
 src/core/run/a2ui.ts                          |   56 +
 src/core/run/agui.ts                          |  257 +
 src/core/run/dispatcher.ts                    |  189 +-
 src/core/run/engine.ts                        |  143 +-
 src/core/run/types.ts                         |   39 +-
 src/core/stream/responses-protocol.ts         |    1 +
 src/core/stream/types.ts                      |   18 +
 src/hooks/useRunAgent.ts                      |   65 +-
 src/hooks/useSessionLifecycle.ts              |    5 +
 src/index.css                                 |   31 +-
 src/stores/session.ts                         |   23 +-
 src/stores/streaming.ts                       |   59 +-
 src/types/api.ts                              |   16 +-
 src/types/capabilities.ts                     |    8 +-
 src/utils/capabilities.js                     |   55 +
 src/utils/messages.js                         |   30 +-
 src/utils/responses-stream.js                 |  101 +-
 tests/message-virtualization.test.mjs         |   24 +
 tests/responses-stream.test.mjs               |   30 +
 vite.config.ts                                |    2 +-
 36 files changed, 6736 insertions(+), 1819 deletions(-)
 create mode 100644 src/__tests__/agui-run-client.test.ts
 create mode 100644 src/__tests__/agui-transport.test.ts
 create mode 100644 src/components/chat/A2UIActivityMessage.tsx
 create mode 100644 src/core/run/a2ui.ts
 create mode 100644 src/core/run/agui.ts

diff --git a/package-lock.json b/package-lock.json
index 8d8da26..0b892ef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.2.19",
       "license": "Apache-2.0",
       "dependencies": {
+        "@ag-ui/client": "0.0.57",
         "@codemirror/autocomplete": "^6.20.2",
         "@codemirror/commands": "^6.10.3",
         "@codemirror/language": "^6.12.3",
@@ -17,6 +18,8 @@
         "@codemirror/state": "^6.6.0",
         "@codemirror/theme-one-dark": "^6.1.3",
         "@codemirror/view": "^6.43.0",
+        "@copilotkit/a2ui-renderer": "^1.63.1",
+        "@copilotkit/react-core": "^1.63.1",
         "@radix-ui/react-accordion": "^1.2.12",
         "@radix-ui/react-avatar": "^1.1.11",
         "@radix-ui/react-dialog": "^1.1.15",
@@ -25,7 +28,8 @@
         "@radix-ui/react-separator": "^1.1.8",
         "@radix-ui/react-slot": "^1.2.4",
         "@radix-ui/react-tabs": "^1.1.13",
-        "@tailwindcss/typography": "^0.5.19",
+        "@tailwindcss/postcss": "^4.3.3",
+        "@tailwindcss/typography": "^0.5.20",
         "@xterm/addon-fit": "^0.11.0",
         "@xterm/xterm": "^6.0.0",
         "class-variance-authority": "^0.7.1",
@@ -44,10 +48,12 @@
         "tailwind-merge": "^3.5.0",
         "tailwindcss-animate": "^1.0.7",
         "uuid": "^13.0.0",
+        "zod": "^4.4.3",
         "zustand": "^5.0.13"
       },
       "devDependencies": {
         "@eslint/js": "^9.39.4",
+        "@playwright/test": "^1.61.1",
         "@types/katex": "^0.16.8",
         "@types/node": "^24.12.0",
         "@types/react": "^19.2.14",
@@ -64,7 +70,7 @@
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
         "rollup-plugin-visualizer": "^7.0.1",
-        "tailwindcss": "^3.4.3",
+        "tailwindcss": "^4.3.3",
         "typescript": "~5.9.3",
         "typescript-eslint": "^8.57.0",
         "vite": "^8.0.1",
@@ -75,6 +81,116 @@
         "react-dom": "^19.2.4"
       }
     },
+    "node_modules/@0no-co/graphql.web": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@0no-co/graphql.web/-/graphql.web-1.3.2.tgz",
+      "integrity": "sha512-Q1+pRlLhE31GOY/2c9BAEnFTNxO7Awtc6fhhEDlxyCBQ2N0IhD32cPVvPChrK9mwBNSgRdW/sF1kd2e0ojHj1Q==",
+      "license": "MIT",
+      "peerDependencies": {
+        "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0"
+      },
+      "peerDependenciesMeta": {
+        "graphql": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@a2ui/web_core": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/@a2ui/web_core/-/web_core-0.9.0.tgz",
+      "integrity": "sha512-TsMWuEeuVDsScGIGPy/fWIZu+EOBRfhx6KwjKh3VwY1AwysRenQM8zDr8VrSk14Wck/aBgVxk2zWVrMCK2/s6A==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@preact/signals-core": "^1.13.0",
+        "date-fns": "^4.1.0",
+        "zod": "^3.25.76",
+        "zod-to-json-schema": "^3.25.1"
+      }
+    },
+    "node_modules/@a2ui/web_core/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/@ag-ui/client": {
+      "version": "0.0.57",
+      "resolved": "https://registry.npmjs.org/@ag-ui/client/-/client-0.0.57.tgz",
+      "integrity": "sha512-Xap2alG9Z0/j5kb3x4D7oTpe2sw1dfrC9rgJJr2NZu5vKcm8dzIPNd31mF2B4zS3BKqYIu245yxKPhEtT30MHw==",
+      "dependencies": {
+        "@ag-ui/core": "0.0.57",
+        "@ag-ui/encoder": "0.0.57",
+        "@ag-ui/proto": "0.0.57",
+        "@types/uuid": "^10.0.0",
+        "compare-versions": "^6.1.1",
+        "fast-json-patch": "^3.1.1",
+        "rxjs": "7.8.1",
+        "untruncate-json": "^0.0.1",
+        "uuid": "^11.1.0",
+        "zod": "^3.22.4"
+      }
+    },
+    "node_modules/@ag-ui/client/node_modules/uuid": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.1.tgz",
+      "integrity": "sha512-vIYxrBCC/N/K+Js3qSN88go7kIfNPssr/hHCesKCQNAjmgvYS2oqr69kIufEG+O4+PfezOH4EbIeHCfFov8ZgQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
+    "node_modules/@ag-ui/client/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/@ag-ui/core": {
+      "version": "0.0.57",
+      "resolved": "https://registry.npmjs.org/@ag-ui/core/-/core-0.0.57.tgz",
+      "integrity": "sha512-gho1OWjNE6E3Rl7ZEZ1wr2CEpUHjLFU0FqzCZZk439TicLu+BfLCMkMokB07bMGlRmbJ60hM6LW60iOVauCx+Q==",
+      "dependencies": {
+        "zod": "^3.22.4"
+      }
+    },
+    "node_modules/@ag-ui/core/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/@ag-ui/encoder": {
+      "version": "0.0.57",
+      "resolved": "https://registry.npmjs.org/@ag-ui/encoder/-/encoder-0.0.57.tgz",
+      "integrity": "sha512-ifD9NctR4xyPDR58xF9GK1bj/S8oECFkTeDfuYD8tXdbcOstIJ2TOqU2zhiCKnw7Vw+zR9Qv3TbsM9E7Gi9X3Q==",
+      "dependencies": {
+        "@ag-ui/core": "0.0.57",
+        "@ag-ui/proto": "0.0.57"
+      }
+    },
+    "node_modules/@ag-ui/proto": {
+      "version": "0.0.57",
+      "resolved": "https://registry.npmjs.org/@ag-ui/proto/-/proto-0.0.57.tgz",
+      "integrity": "sha512-pPENOZt0P6ibH8sCTgq05wLYXi5t3P9B5r/1bWYehXjUxtyOdnukSlWM++SsCIwUXsQdm/b3aBgGjEeTF7RenA==",
+      "dependencies": {
+        "@ag-ui/core": "0.0.57",
+        "@bufbuild/protobuf": "^2.2.5",
+        "@protobuf-ts/protoc": "^2.11.1"
+      }
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmmirror.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -355,6 +471,12 @@
       "integrity": "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA==",
       "license": "MIT"
     },
+    "node_modules/@bufbuild/protobuf": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz",
+      "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==",
+      "license": "(Apache-2.0 AND BSD-3-Clause)"
+    },
     "node_modules/@chevrotain/types": {
       "version": "11.1.2",
       "resolved": "https://registry.npmjs.org/@chevrotain/types/-/types-11.1.2.tgz",
@@ -774,197 +896,1175 @@
         "w3c-keyname": "^2.2.4"
       }
     },
-    "node_modules/@emnapi/core": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
-      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.2.1",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@emnapi/runtime": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
-      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
-      "dev": true,
+    "node_modules/@copilotkit/a2ui-renderer": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/a2ui-renderer/-/a2ui-renderer-1.63.1.tgz",
+      "integrity": "sha512-IsFT01Gyf2vwQZ0wvT5PGHS8P2UdIkXsZsedoBBju7HEoE2RJI0HPZB+zUxg41HuTI2NSgbACNsio4g2SxTj4A==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "tslib": "^2.4.0"
+        "@a2ui/web_core": "0.9.0",
+        "clsx": "^2.1.1",
+        "lit": "^3.3.2",
+        "zod": "^3.25.75",
+        "zod-to-json-schema": "^3.24.1"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^18 || ^19 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@emnapi/wasi-threads": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
-      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
-      "dev": true,
+    "node_modules/@copilotkit/a2ui-renderer/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
       }
     },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
-      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
-      "dev": true,
-      "license": "MIT",
+    "node_modules/@copilotkit/core": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/core/-/core-1.63.1.tgz",
+      "integrity": "sha512-Js7oHLtylw6sQQja/g7CunvF7l7dfhVq/n+NVNnuRbnvrq/xJxpEJfEsM+UomYxalB2pbtpqC+uxjnaoM5zk3A==",
       "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
+        "@ag-ui/client": "0.0.57",
+        "@copilotkit/shared": "1.63.1",
+        "@tanstack/pacer": "^0.20.1",
+        "phoenix": "^1.8.4",
+        "rxjs": "7.8.1",
+        "zod-to-json-schema": "^3.24.6"
       },
       "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+        "node": ">=18"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+    "node_modules/@copilotkit/license-verifier": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@copilotkit/license-verifier/-/license-verifier-0.5.0.tgz",
+      "integrity": "sha512-vrwKtIpYwF0FT9ZoYASH8owa2cGV0dhDvJGaCRaRMStwDxpc6DRdydKkhx8cWZXyBRxEYcq/Vygv4JvevhQQdQ==",
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/react-core/-/react-core-1.63.1.tgz",
+      "integrity": "sha512-Zv20Rebsh6VcvO00HDbh9B0Q6XnmEYygv8BKur0+OS4eRb1gR4QmWjff/+sjJgweFpgb645jY1i0FB4MU7j7pg==",
+      "license": "MIT",
+      "dependencies": {
+        "@ag-ui/client": "0.0.57",
+        "@ag-ui/core": "0.0.57",
+        "@copilotkit/a2ui-renderer": "1.63.1",
+        "@copilotkit/core": "1.63.1",
+        "@copilotkit/runtime-client-gql": "1.63.1",
+        "@copilotkit/shared": "1.63.1",
+        "@copilotkit/web-components": "1.63.1",
+        "@copilotkit/web-inspector": "1.63.1",
+        "@jetbrains/websandbox": "^1.1.3",
+        "@lit-labs/react": "^2.0.2",
+        "@radix-ui/react-dropdown-menu": "^2.1.15",
+        "@radix-ui/react-slot": "^1.2.3",
+        "@radix-ui/react-tooltip": "^1.2.7",
+        "@scarf/scarf": "^1.3.0",
+        "@tanstack/react-virtual": "^3.13.0",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "katex": "^0.16.22",
+        "lit": "^3.3.2",
+        "lucide-react": "^0.525.0",
+        "react-markdown": "^8.0.7",
+        "rxjs": "7.8.1",
+        "streamdown": "^1.3.0",
+        "tailwind-merge": "^3.3.1",
+        "tw-animate-css": "^1.3.5",
+        "untruncate-json": "^0.0.1",
+        "use-stick-to-bottom": "^1.1.1",
+        "zod-to-json-schema": "^3.24.5"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^18 || ^19 || ^19.0.0-rc",
+        "zod": ">=3.0.0"
       }
     },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.2",
-      "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
-      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
-      "dev": true,
+    "node_modules/@copilotkit/react-core/node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
       "license": "MIT",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      "dependencies": {
+        "@types/unist": "^2"
       }
     },
-    "node_modules/@eslint/config-array": {
-      "version": "0.21.2",
-      "resolved": "https://registry.npmmirror.com/@eslint/config-array/-/config-array-0.21.2.tgz",
-      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
-      "dev": true,
-      "license": "Apache-2.0",
+    "node_modules/@copilotkit/react-core/node_modules/@types/mdast": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
+      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "license": "MIT",
       "dependencies": {
-        "@eslint/object-schema": "^2.1.7",
-        "debug": "^4.3.1",
-        "minimatch": "^3.1.5"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "@types/unist": "^2"
       }
     },
-    "node_modules/@eslint/config-helpers": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmmirror.com/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
-      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@eslint/core": "^0.17.0"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+    "node_modules/@copilotkit/react-core/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/hast-util-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-2.0.1.tgz",
+      "integrity": "sha512-nAxA0v8+vXSBDt3AnRUNjyRIQ0rD+ntpbAp4LnPkumc5M9yUbSMa4XDU9Q6etY4f1Wp4bNgvc1yjiZtsTTrSng==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@eslint/core": {
-      "version": "0.17.0",
-      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-0.17.0.tgz",
-      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/json-schema": "^7.0.15"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+    "node_modules/@copilotkit/react-core/node_modules/inline-style-parser": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.1.1.tgz",
+      "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==",
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/lucide-react": {
+      "version": "0.525.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.525.0.tgz",
+      "integrity": "sha512-Tm1txJ2OkymCGkvwoHt33Y2JpN5xucVq1slHcgE6Lk0WjDfjgKWor5CdVER8U6DvcfMwh4M8XxmpTiyzfmfDYQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/@eslint/eslintrc": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
-      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
-      "dev": true,
+    "node_modules/@copilotkit/react-core/node_modules/mdast-util-from-markdown": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-1.3.1.tgz",
+      "integrity": "sha512-4xTO/M8c82qBcnQc1tgpNtubGUW/Y1tBQ1B0i5CtSoelOLKFYlElIr3bvgREYYO5iRqbMY1YuqZng0GVOI8Qww==",
       "license": "MIT",
       "dependencies": {
-        "ajv": "^6.14.0",
-        "debug": "^4.3.2",
-        "espree": "^10.0.1",
-        "globals": "^14.0.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.1",
-        "minimatch": "^3.1.5",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "mdast-util-to-string": "^3.1.0",
+        "micromark": "^3.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-decode-string": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "uvu": "^0.5.0"
       },
       "funding": {
-        "url": "https://opencollective.com/eslint"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmmirror.com/globals/-/globals-14.0.0.tgz",
-      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
-      "dev": true,
+    "node_modules/@copilotkit/react-core/node_modules/mdast-util-to-hast": {
+      "version": "12.3.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-12.3.0.tgz",
+      "integrity": "sha512-pits93r8PhnIoU4Vy9bjW39M2jJ6/tdHyja9rrot9uujkN7UTU9SDnE6WNJz/IGyQk3XHX6yNNtrBH6cQzm8Hw==",
       "license": "MIT",
-      "engines": {
-        "node": ">=18"
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-definitions": "^5.0.0",
+        "micromark-util-sanitize-uri": "^1.1.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-generated": "^2.0.0",
+        "unist-util-position": "^4.0.0",
+        "unist-util-visit": "^4.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@eslint/js": {
-      "version": "9.39.4",
-      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.39.4.tgz",
-      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
-      "dev": true,
+    "node_modules/@copilotkit/react-core/node_modules/mdast-util-to-string": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-3.2.0.tgz",
+      "integrity": "sha512-V4Zn/ncyN1QNSqSBxTrMOLpjr+IKdHl2v3KVLoWmDPscP4r9GcCi71gjgvUV1SFSKh92AjAG4peFuBl2/YgCJg==",
       "license": "MIT",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      "dependencies": {
+        "@types/mdast": "^3.0.0"
       },
       "funding": {
-        "url": "https://eslint.org/donate"
-      }
-    },
-    "node_modules/@eslint/object-schema": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmmirror.com/@eslint/object-schema/-/object-schema-2.1.7.tgz",
-      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/@eslint/plugin-kit": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmmirror.com/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
-      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
-      "dev": true,
-      "license": "Apache-2.0",
+    "node_modules/@copilotkit/react-core/node_modules/micromark": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-3.2.0.tgz",
+      "integrity": "sha512-uD66tJj54JLYq0De10AhWycZWGQNUvDI55xPgk2sQM5kn1JYlhbCMTtEeT27+vAhW2FBQxLlOmS3pmA7/2z4aA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "@eslint/core": "^0.17.0",
-        "levn": "^0.4.1"
-      },
-      "engines": {
-        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
-      }
-    },
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-core-commonmark": "^1.0.1",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-combine-extensions": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-sanitize-uri": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-core-commonmark": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz",
+      "integrity": "sha512-BgHO1aRbolh2hcrzL2d1La37V0Aoz73ymF8rAcKnohLy93titmv62E0gP8Hrx9PKcKrqCZ1BbLGbP3bEhoXYlw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-factory-destination": "^1.0.0",
+        "micromark-factory-label": "^1.0.0",
+        "micromark-factory-space": "^1.0.0",
+        "micromark-factory-title": "^1.0.0",
+        "micromark-factory-whitespace": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-classify-character": "^1.0.0",
+        "micromark-util-html-tag-name": "^1.0.0",
+        "micromark-util-normalize-identifier": "^1.0.0",
+        "micromark-util-resolve-all": "^1.0.0",
+        "micromark-util-subtokenize": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.1",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-factory-destination": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-1.1.0.tgz",
+      "integrity": "sha512-XaNDROBgx9SgSChd69pjiGKbV+nfHGDPVYFs5dOoDd7ZnMAE+Cuu91BCpsY8RT2NP9vo/B8pds2VQNCLiu0zhg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-factory-label": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-1.1.0.tgz",
+      "integrity": "sha512-OLtyez4vZo/1NjxGhcpDSbHQ+m0IIGnT8BoPamh+7jVlzLJBH98zzuCoUeMxvM6WsNeh8wx8cKvqLiPHEACn0w==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-factory-space": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz",
+      "integrity": "sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-factory-title": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-1.1.0.tgz",
+      "integrity": "sha512-J7n9R3vMmgjDOCY8NPw55jiyaQnH5kBdV2/UXCtZIpnHH3P6nHUKaH7XXEYuWwx/xUJcawa8plLBEjMPU24HzQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-factory-whitespace": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-1.1.0.tgz",
+      "integrity": "sha512-v2WlmiymVSp5oMg+1Q0N1Lxmt6pMhIHD457whWM7/GUlEks1hI9xj5w3zbc4uuMKXGisksZk8DzP2UyGbGqNsQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-character": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-1.2.0.tgz",
+      "integrity": "sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-chunked": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-1.1.0.tgz",
+      "integrity": "sha512-Ye01HXpkZPNcV6FiyoW2fGZDUw4Yc7vT0E9Sad83+bEDiCJ1uXu0S3mr8WLpsz3HaG3x2q0HM6CTuPdcZcluFQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-classify-character": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-1.1.0.tgz",
+      "integrity": "sha512-SL0wLxtKSnklKSUplok1WQFoGhUdWYKggKUiqhX+Swala+BtptGCu5iPRc+xvzJ4PXE/hwM3FNXsfEVgoZsWbw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-combine-extensions": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-1.1.0.tgz",
+      "integrity": "sha512-Q20sp4mfNf9yEqDL50WwuWZHUrCO4fEyeDCnMGmG5Pr0Cz15Uo7KBs6jq+dq0EgX4DPwwrh9m0X+zPV1ypFvUA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-1.1.0.tgz",
+      "integrity": "sha512-m9V0ExGv0jB1OT21mrWcuf4QhP46pH1KkfWy9ZEezqHKAxkj4mPCy3nIH1rkbdMlChLHX531eOrymlwyZIf2iw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-decode-string": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-1.1.0.tgz",
+      "integrity": "sha512-YphLGCK8gM1tG1bd54azwyrQRjCFcmgj2S2GoJDNnh4vYtnL38JS8M4gpxzOPNyHdNEpheyWXCTnnTDY3N+NVQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-decode-numeric-character-reference": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-1.1.0.tgz",
+      "integrity": "sha512-EuEzTWSTAj9PA5GOAs992GzNh2dGQO52UvAbtSOMvXTxv3Criqb6IOzJUBCmEqrrXSblJIJBbFFv6zPxpreiJw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-html-tag-name": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-1.2.0.tgz",
+      "integrity": "sha512-VTQzcuQgFUD7yYztuQFKXT49KghjtETQ+Wv/zUjGSGBioZnkA4P1XXZPT1FHeJA6RwRXSF47yvJ1tsJdoxwO+Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-normalize-identifier": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-1.1.0.tgz",
+      "integrity": "sha512-N+w5vhqrBihhjdpM8+5Xsxy71QWqGn7HYNUvch71iV2PM7+E3uWGox1Qp90loa1ephtCxG2ftRV/Conitc6P2Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-resolve-all": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-1.1.0.tgz",
+      "integrity": "sha512-b/G6BTMSg+bX+xVCshPTPyAu2tmA0E4X98NSR7eIbeC6ycCqCeE7wjfDIgzEbkzdEVJXRtOG4FbEm/uGbCRouA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-sanitize-uri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-1.2.0.tgz",
+      "integrity": "sha512-QO4GXv0XZfWey4pYFndLUKEAktKkG5kZTdUNaTAkzbuJxn2tNBOr+QtxR2XpWaMhbImT2dPzyLrPXLlPhph34A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^1.0.0",
+        "micromark-util-encode": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-subtokenize": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-1.1.0.tgz",
+      "integrity": "sha512-kUQHyzRoxvZO2PuLzMt2P/dwVsTiivCK8icYTeR+3WgbuPqfHgPPy7nFKbeqRivBvn/3N3GBiNC+JRTMSxEC7A==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^1.0.0",
+        "micromark-util-symbol": "^1.0.0",
+        "micromark-util-types": "^1.0.0",
+        "uvu": "^0.5.0"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-symbol": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz",
+      "integrity": "sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/micromark-util-types": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-1.1.0.tgz",
+      "integrity": "sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/@copilotkit/react-core/node_modules/property-information": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
+      "integrity": "sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/react-markdown": {
+      "version": "8.0.7",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-8.0.7.tgz",
+      "integrity": "sha512-bvWbzG4MtOU62XqBx3Xx+zB2raaFFsq4mYiAzfjXJMEz2sixgeAfraA3tvzULF02ZdOMUOKTBFFaZJDDrq+BJQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/prop-types": "^15.0.0",
+        "@types/unist": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^2.0.0",
+        "prop-types": "^15.0.0",
+        "property-information": "^6.0.0",
+        "react-is": "^18.0.0",
+        "remark-parse": "^10.0.0",
+        "remark-rehype": "^10.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-object": "^0.4.0",
+        "unified": "^10.0.0",
+        "unist-util-visit": "^4.0.0",
+        "vfile": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16",
+        "react": ">=16"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/remark-parse": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-10.0.2.tgz",
+      "integrity": "sha512-3ydxgHa/ZQzG8LvC7jTXccARYDcRld3VfcgIIFs7bI6vbRSxJJmzgLEIIoYKyrfhaY+ujuWaf/PJiMZXoiCXgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "mdast-util-from-markdown": "^1.0.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/remark-rehype": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-10.1.0.tgz",
+      "integrity": "sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^2.0.0",
+        "@types/mdast": "^3.0.0",
+        "mdast-util-to-hast": "^12.1.0",
+        "unified": "^10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/style-to-object": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-0.4.4.tgz",
+      "integrity": "sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.1.1"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unified": {
+      "version": "10.1.2",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-10.1.2.tgz",
+      "integrity": "sha512-pUSWAi/RAnVy1Pif2kAoeWNBa3JVrx0MId2LASj8G+7AiHWoKZNTomq6LG326T68U7/e263X6fTdcXIy7XnF7Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "bail": "^2.0.0",
+        "extend": "^3.0.0",
+        "is-buffer": "^2.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unist-util-position": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-4.0.4.tgz",
+      "integrity": "sha512-kUBE91efOWfIVBo8xzh/uZQ7p9ffYRtUbMRZBNFYwf0RK8koUMx6dGUfwylLOKmaT2cs4wSW96QoYUSXAyEtpg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unist-util-stringify-position": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-3.0.3.tgz",
+      "integrity": "sha512-k5GzIBZ/QatR8N5X2y+drfpWG8IDBzdnVj6OInRNWm1oXrzydiaAT2OQiA8DPRRZyAKb9b6I2a6PxYklZD0gKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/vfile": {
+      "version": "5.3.7",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-5.3.7.tgz",
+      "integrity": "sha512-r7qlzkgErKjobAmyNIkkSpizsFPYiUPuJb5pNW1RB4JcYVZhs4lIbVqk8XPk033CV/1z8ss5pkax8SuhGpcG8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "is-buffer": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0",
+        "vfile-message": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/react-core/node_modules/vfile-message": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-3.1.4.tgz",
+      "integrity": "sha512-fa0Z6P8HUrQN4BZaX05SIVXic+7kE3b05PWAtPuYP9QLHsLKYR7/AlLW3NtOrpXRLeawpDLMsVkmk5DG0NXgWw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-stringify-position": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/@copilotkit/runtime-client-gql": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/runtime-client-gql/-/runtime-client-gql-1.63.1.tgz",
+      "integrity": "sha512-1nsCdQOmcoC9uyolyDPMduCYVNKusrorDvovb73PyedgQVRhRb4yK1QAhBDCJ8snvuMXkWT+hHBjkfvzExNKVA==",
+      "license": "MIT",
+      "dependencies": {
+        "@copilotkit/shared": "1.63.1",
+        "@urql/core": "^5.0.3",
+        "untruncate-json": "^0.0.1",
+        "urql": "^4.1.0"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19 || ^19.0.0-rc"
+      }
+    },
+    "node_modules/@copilotkit/shared": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/shared/-/shared-1.63.1.tgz",
+      "integrity": "sha512-jm7eNDS4AcA+s1lkOnd9U1BKelgGrFLXg64e5T4AVN5BUJyi2GRC67unBjT+9cvMgZGXI2Dj4jrsY5rQyiaXAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@ag-ui/client": "0.0.57",
+        "@copilotkit/license-verifier": "~0.5.0",
+        "@segment/analytics-node": "^2.1.2",
+        "@standard-schema/spec": "^1.0.0",
+        "chalk": "4.1.2",
+        "graphql": "^16.8.1",
+        "partial-json": "^0.1.7",
+        "uuid": "^11.1.0",
+        "zod": "^3.23.3",
+        "zod-to-json-schema": "^3.23.5"
+      },
+      "peerDependencies": {
+        "@ag-ui/core": ">=0.0.48"
+      }
+    },
+    "node_modules/@copilotkit/shared/node_modules/uuid": {
+      "version": "11.1.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-11.1.1.tgz",
+      "integrity": "sha512-vIYxrBCC/N/K+Js3qSN88go7kIfNPssr/hHCesKCQNAjmgvYS2oqr69kIufEG+O4+PfezOH4EbIeHCfFov8ZgQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/esm/bin/uuid"
+      }
+    },
+    "node_modules/@copilotkit/shared/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/@copilotkit/web-components": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/web-components/-/web-components-1.63.1.tgz",
+      "integrity": "sha512-tH4ZS29nUAo2snVQ2tryDKbqBnZddUwodsLx2O847tFM6CdYenucr47IJp0Q3w5mDZznsb3fTdNGqg0o0w8Wiw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "lit": "^3.3.2"
+      }
+    },
+    "node_modules/@copilotkit/web-inspector": {
+      "version": "1.63.1",
+      "resolved": "https://registry.npmjs.org/@copilotkit/web-inspector/-/web-inspector-1.63.1.tgz",
+      "integrity": "sha512-xgqYWNowTnNF3jnbk9ASACsOxYDNmv+JvDtwP6U2z413aMY0APWlYYQl616hJrXdQvBiJCgol+q8xFrjYB5xrg==",
+      "dependencies": {
+        "@ag-ui/client": "0.0.57",
+        "@copilotkit/core": "1.63.1",
+        "lit": "^3.2.0",
+        "lucide": "^0.525.0",
+        "marked": "^12.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@copilotkit/web-inspector/node_modules/marked": {
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-12.0.2.tgz",
+      "integrity": "sha512-qXUm7e/YKFoqFPYPa3Ukg9xlI5cyAtGmyEIzMfW//m6kXwCy2Ps9DYf5ioijFKQ8qyuscrHoY04iJGctu2Kg0Q==",
+      "license": "MIT",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
+      "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmmirror.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmmirror.com/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmmirror.com/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmmirror.com/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmmirror.com/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmmirror.com/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmmirror.com/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmmirror.com/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmmirror.com/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz",
+      "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.8.0",
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.9.tgz",
+      "integrity": "sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.8.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz",
+      "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
+      "license": "MIT"
+    },
     "node_modules/@humanfs/core": {
       "version": "0.19.1",
       "resolved": "https://registry.npmmirror.com/@humanfs/core/-/core-0.19.1.tgz",
@@ -972,396 +2072,1870 @@
       "dev": true,
       "license": "Apache-2.0",
       "engines": {
-        "node": ">=18.18.0"
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmmirror.com/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@iconify/types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmmirror.com/@iconify/types/-/types-2.0.0.tgz",
+      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
+      "license": "MIT"
+    },
+    "node_modules/@iconify/utils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@iconify/utils/-/utils-3.1.0.tgz",
+      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+      "license": "MIT",
+      "dependencies": {
+        "@antfu/install-pkg": "^1.1.0",
+        "@iconify/types": "^2.0.0",
+        "mlly": "^1.8.0"
+      }
+    },
+    "node_modules/@jetbrains/websandbox": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@jetbrains/websandbox/-/websandbox-1.3.1.tgz",
+      "integrity": "sha512-YTl3MJXbAkYDyuRhWqlQoo7eY2jaLGRqUkx4LVRvxr0VnK7s5bu0p2KAGOWZIBf6I3pmuuq+JzBDHw1b0fV0/Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.2.tgz",
+      "integrity": "sha512-sxQE460fPZyU3sdc8lafxiPwJHBzZRy/udNFynGQky1SePYBdhkBl1kOagA9uT3pxR8K09bOrmTUqA9wb/PjSQ==",
+      "license": "MIT"
+    },
+    "node_modules/@lezer/cpp": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@lezer/cpp/-/cpp-1.1.5.tgz",
+      "integrity": "sha512-DIhSXmYtJKLehrjzDFN+2cPt547ySQ41nA8yqcDf/GxMc+YM736xqltFkvADL2M0VebU5I+3+4ks2Vv+Kyq3Aw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.3.tgz",
+      "integrity": "sha512-RzBo8r+/6QJeow7aPHIpGVIH59xTcJXp399820gZoMo9noQDRVpJLheIBUicYwKcsbOYoBRoLZlf2720dG/4Tg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/go": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@lezer/go/-/go-1.0.1.tgz",
+      "integrity": "sha512-xToRsYxwsgJNHTgNdStpcvmbVuKxTapV0dM0wey1geMMRc9aggoVyKgzYp41D2/vVOx+Ii4hmE206kvxIXBVXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
+      "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.3.13",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.13.tgz",
+      "integrity": "sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/java": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@lezer/java/-/java-1.1.3.tgz",
+      "integrity": "sha512-yHquUfujwg6Yu4Fd1GNHCvidIvJwi/1Xu2DaKl/pfWIA2c1oXkVvawH3NyXhCaFx4OdlYBVX5wvz2f7Aoa/4Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.4.tgz",
+      "integrity": "sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.1.3",
+        "@lezer/lr": "^1.3.0"
+      }
+    },
+    "node_modules/@lezer/json": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.3.tgz",
+      "integrity": "sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.10",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.10.tgz",
+      "integrity": "sha512-rnCpTIBafOx4mRp43xOxDJbFipJm/c0cia/V5TiGlhmMa+wsSdoGmUN3w5Bqrks/09Q/D4tNAmWaT8p6NRi77A==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/markdown": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.6.3.tgz",
+      "integrity": "sha512-jpGm5Ps+XErS+xA4urw7ogEGkeZOahVQF21Z6oECF0sj+2liwZopd2+I8uH5I/vZsRuuze3OxBREIANLf6KKUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.5.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/php": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@lezer/php/-/php-1.0.5.tgz",
+      "integrity": "sha512-W7asp9DhM6q0W6DYNwIkLSKOvxlXRrif+UXBMxzsJUuqmhE7oVU+gS3THO4S/Puh7Xzgm858UNaFi6dxTP8dJA==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.1.0"
+      }
+    },
+    "node_modules/@lezer/python": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/@lezer/python/-/python-1.1.18.tgz",
+      "integrity": "sha512-31FiUrU7z9+d/ElGQLJFXl+dKOdx0jALlP3KEOsGTex8mvj+SoE1FgItcHWK/axkxCHGUSpqIHt6JAWfWu9Rhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/rust": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@lezer/rust/-/rust-1.0.2.tgz",
+      "integrity": "sha512-Lz5sIPBdF2FUXcWeCu1//ojFAZqzTQNRga0aYv6dYXqJqPfMdCAI0NzajWUd4Xijj1IKJLtjoXRPMvTKWBcqKg==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/sass": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lezer/sass/-/sass-1.1.0.tgz",
+      "integrity": "sha512-3mMGdCTUZ/84ArHOuXWQr37pnf7f+Nw9ycPUeKX+wu19b7pSMcZGLbaXwvD2APMBDOGxPmpK/O6S1v1EvLoqgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/xml": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.6.tgz",
+      "integrity": "sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/yaml": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@lezer/yaml/-/yaml-1.0.4.tgz",
+      "integrity": "sha512-2lrrHqxalACEbxIbsjhqGpSW8kWpUKuY6RHgnSAFZa6qK62wvnPxA8hGOwOoDbwHcOFs5M4o27mjGu+P7TvBmw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.2.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.4.0"
+      }
+    },
+    "node_modules/@lit-labs/react": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@lit-labs/react/-/react-2.1.3.tgz",
+      "integrity": "sha512-OD9h2JynerBQUMNzb563jiVpxfvPF0HjQkKY2mx0lpVYvD7F+rtJpOGz6ek+6ufMidV3i+MPT9SX62OKWHFrQg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/react": "^1.0.3"
+      }
+    },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.6.0.tgz",
+      "integrity": "sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@lit/react": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@lit/react/-/react-1.0.8.tgz",
+      "integrity": "sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==",
+      "license": "BSD-3-Clause",
+      "peerDependencies": {
+        "@types/react": "17 || 18 || 19"
+      }
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.1.2.tgz",
+      "integrity": "sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.5.0"
+      }
+    },
+    "node_modules/@lukeed/csprng": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lukeed/csprng/-/csprng-1.1.0.tgz",
+      "integrity": "sha512-Z7C/xXCiGWsg0KuKsHTKJxbWhpI3Vs5GwLfOean7MGyVFGqdRgBbAjOCh6u4bbjPc/8MJ2pZmK/0DLdCbivLDA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@lukeed/uuid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@lukeed/uuid/-/uuid-2.0.1.tgz",
+      "integrity": "sha512-qC72D4+CDdjGqJvkFMMEAtancHUQ7/d/tAiHf64z8MopFDmcrtbcJuerDtFceuAfQJ2pDSfCKCtbqoGBNnwg0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/csprng": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "license": "MIT"
+    },
+    "node_modules/@mermaid-js/parser": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
+      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
+      "license": "MIT",
+      "dependencies": {
+        "@chevrotain/types": "~11.1.1"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
+      "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.132.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.132.0.tgz",
+      "integrity": "sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@playwright/test": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.61.1.tgz",
+      "integrity": "sha512-8nKv6+0RJSL9FE4jYOEGXnPeM/Hg12qZpmqzZjRh3qM0Y7c3z1mrOTfFLids72RDQYVh9WpLEfR5WdpNX4fkig==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@preact/signals-core": {
+      "version": "1.14.4",
+      "resolved": "https://registry.npmjs.org/@preact/signals-core/-/signals-core-1.14.4.tgz",
+      "integrity": "sha512-HNB6HYeYKhQbJ1aKl+YRjrS4+QWHLKX6qKoUsfS/m0vqzsVaEBiZiaKbG/e+NKk2ch5ALQr/ihWaMHxiCuuWHA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/@protobuf-ts/protoc": {
+      "version": "2.11.1",
+      "resolved": "https://registry.npmjs.org/@protobuf-ts/protoc/-/protoc-2.11.1.tgz",
+      "integrity": "sha512-mUZJaV0daGO6HUX90o/atzQ6A7bbN2RSuHtdwo8SSF2Qoe3zHwa4IHyCN1evftTeHfLmdz+45qo47sL+5P8nyg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "protoc": "protoc.js"
+      }
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/number/-/number-1.1.1.tgz",
+      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-accordion": {
+      "version": "1.2.12",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
+      "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collapsible": "1.1.12",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.13.tgz",
+      "integrity": "sha512-0Q310knIY0K+mkmncU9FxLggfW7V49Ok2oY+iu27KkERTsQXxYCIC8XW5QoK4w7Jp1z00vT5xj3oxTcn7QlcTg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.8"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.4.tgz",
+      "integrity": "sha512-pWJo6lQAfR6uy1n7ii7PaCc9dLPwTXDYbQpORZU5B548Aqvl2pP1SM1vJGKyxIFqZMHRopRO4CQYX2iXAIB5jA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.8.tgz",
+      "integrity": "sha512-DOlK1BdcIeYYUcFkSYFka4v1h95XTov93b0jCgW1EEiZuIhdwHY2NlE1teLIh+p0uBsuZI5A+voay+iVWpprfA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.1.tgz",
+      "integrity": "sha512-Bu/aAQHFFh6/QAvXAeUMurJ9fbW0JUIqlojU/yBXZ7cAVqy75Y7JYYyuCr9zLNF0p4WWoJYV54CTUIf4l7FzTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-avatar/-/react-avatar-1.1.11.tgz",
+      "integrity": "sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.4",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-is-hydrated": "0.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-context/-/react-context-1.1.3.tgz",
+      "integrity": "sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
+      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
+      "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
+      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-context/-/react-context-1.1.2.tgz",
+      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
+      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-focus-guards": "1.1.3",
+        "@radix-ui/react-focus-scope": "1.1.7",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-portal": "1.1.9",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-slot": "1.2.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
+      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
+      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-escape-keydown": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.22",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.22.tgz",
+      "integrity": "sha512-wZRLTjZaJf1HTxx0YepFKZUuo+SZMi+Cr4kJ2fuA5FxDSUE0vHDTscahUaU+jfz6LFk4OuguwqJs5K0JsIsIBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-id": "1.1.3",
+        "@radix-ui/react-menu": "2.1.22",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-controllable-state": "1.2.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.4.tgz",
+      "integrity": "sha512-pWJo6lQAfR6uy1n7ii7PaCc9dLPwTXDYbQpORZU5B548Aqvl2pP1SM1vJGKyxIFqZMHRopRO4CQYX2iXAIB5jA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.2.1.tgz",
+      "integrity": "sha512-EraVbFjiIjibpLr6EjvEDmSCYJU2SlKDMiO+qEK/D9GOWnQoAQlpQo2occGYC1UM9MBeEx5Bek3UtW/Qi57vAg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-id": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.3.tgz",
+      "integrity": "sha512-f/Wxm0ctyMymUJK0fqTSQlm85rbzdAkoNbPXJQ5+6caowVO8Yx+NWGjGz/oGhs/D+WIbbQpOrU0hU2Li2/42xQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.8.tgz",
+      "integrity": "sha512-DOlK1BdcIeYYUcFkSYFka4v1h95XTov93b0jCgW1EEiZuIhdwHY2NlE1teLIh+p0uBsuZI5A+voay+iVWpprfA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.1.tgz",
+      "integrity": "sha512-Bu/aAQHFFh6/QAvXAeUMurJ9fbW0JUIqlojU/yBXZ7cAVqy75Y7JYYyuCr9zLNF0p4WWoJYV54CTUIf4l7FzTw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.5.tgz",
+      "integrity": "sha512-UB1dXpxvHjR48poyKdKdTm7jT0kp3elkUKdKQiOkirlbYumqXinSJtrjDsr9maXNPvL12bKI4CDSmydms/9Aeg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-use-effect-event": "0.0.4",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.4.tgz",
+      "integrity": "sha512-XYcfa6wlXDCwQtePuEiPmXLSAhGL4DWtedSyRgGbG3y10mw+OnrLp6SyeY1gJFMiYF0Dx0nMAX9InylKbLEFQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.3.tgz",
+      "integrity": "sha512-rDiah9wvtqihWtWz02XreeRKIxt2EJF8y5D9rtY9l5A2zxePAtcPiOMpDugNRw5bFHz+1/8viVoc7ZVKiJknCw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
+      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
+      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-id/-/react-id-1.1.1.tgz",
+      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@humanfs/node": {
-      "version": "0.16.7",
-      "resolved": "https://registry.npmmirror.com/@humanfs/node/-/node-0.16.7.tgz",
-      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
-      "dev": true,
-      "license": "Apache-2.0",
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.22",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.22.tgz",
+      "integrity": "sha512-xCFrVLttGDPwMjIPI6GS+tm3IGUNKsPXffrJQIPpQJuE9Qy1bU9GNUCkwranU/pEqyBlwMxcBIK/FUJFAZ9SqQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.13",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-direction": "1.1.3",
+        "@radix-ui/react-dismissable-layer": "1.1.17",
+        "@radix-ui/react-focus-guards": "1.1.5",
+        "@radix-ui/react-focus-scope": "1.1.14",
+        "@radix-ui/react-id": "1.1.3",
+        "@radix-ui/react-popper": "1.3.5",
+        "@radix-ui/react-portal": "1.1.15",
+        "@radix-ui/react-presence": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-roving-focus": "1.1.17",
+        "@radix-ui/react-slot": "1.3.1",
+        "@radix-ui/react-use-callback-ref": "1.1.3",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-collection": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.13.tgz",
+      "integrity": "sha512-Q8xYqNRFObXPmi45bFSkGdM2JA5hjBeYGFqzg6lZR3wp6b+cciraVq8DdneTabtws+uOYqjmsvmKOufk/M9Cyg==",
+      "license": "MIT",
       "dependencies": {
-        "@humanfs/core": "^0.19.1",
-        "@humanwhocodes/retry": "^0.4.0"
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-slot": "1.3.1"
       },
-      "engines": {
-        "node": ">=18.18.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=12.22"
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.4.tgz",
+      "integrity": "sha512-pWJo6lQAfR6uy1n7ii7PaCc9dLPwTXDYbQpORZU5B548Aqvl2pP1SM1vJGKyxIFqZMHRopRO4CQYX2iXAIB5jA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@humanwhocodes/retry": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmmirror.com/@humanwhocodes/retry/-/retry-0.4.3.tgz",
-      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": ">=18.18"
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-context": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.2.1.tgz",
+      "integrity": "sha512-EraVbFjiIjibpLr6EjvEDmSCYJU2SlKDMiO+qEK/D9GOWnQoAQlpQo2occGYC1UM9MBeEx5Bek3UtW/Qi57vAg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@iconify/types": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmmirror.com/@iconify/types/-/types-2.0.0.tgz",
-      "integrity": "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==",
-      "license": "MIT"
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-direction": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.3.tgz",
+      "integrity": "sha512-OdgAA/xb6WOQMKNn0mtbYoruMG6YMaBOnq+evWxSpMmiEMBdeFZawnIWRfPPeVXCRm+0lnN8jpJLjhD7/UIxWw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/@iconify/utils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmmirror.com/@iconify/utils/-/utils-3.1.0.tgz",
-      "integrity": "sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.17.tgz",
+      "integrity": "sha512-QAXwa38pG0xNAYh1pjdSaf86NrkqsMoDNmget/Y7X8O8E/C3Iqlj9GAPE4DfX9BPLXc7WH2TWSzMRnIoCdcjzQ==",
       "license": "MIT",
       "dependencies": {
-        "@antfu/install-pkg": "^1.1.0",
-        "@iconify/types": "^2.0.0",
-        "mlly": "^1.8.0"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-callback-ref": "1.1.3",
+        "@radix-ui/react-use-effect-event": "0.0.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.13",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
-      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.5.tgz",
+      "integrity": "sha512-UQvlB7L/BYh3P8MLvwZnQkH521EDos40Rwnbt5+Qpg4Vbk0z3xJjRUmR6+aka4aT1IQQXFdO5bNPoE7cvFl5xQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.14.tgz",
+      "integrity": "sha512-/x4htnJfmW53MplkrePaDpf1o/rN1C++g88WpVobULXbSyC19NtLkXmewuJ/HCaceSmfKDNL5gOXcBGnuAvnvQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.5.0",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-callback-ref": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@jridgewell/remapping": {
-      "version": "2.3.5",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/remapping/-/remapping-2.3.5.tgz",
-      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
-      "dev": true,
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-id": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.3.tgz",
+      "integrity": "sha512-f/Wxm0ctyMymUJK0fqTSQlm85rbzdAkoNbPXJQ5+6caowVO8Yx+NWGjGz/oGhs/D+WIbbQpOrU0hU2Li2/42xQ==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.24"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.15.tgz",
+      "integrity": "sha512-kAfBVJUKNNKZuyGQXXG6rKolAV2KAmxxVkPXJgoq9dEFTl39286RufHQFNTL8rzha4vP8159BJ6hMGpB+bqv7A==",
       "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "license": "MIT"
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.9.tgz",
+      "integrity": "sha512-LTi1v05bprIb8/GSY/GWusI0jfsYjQ3CD3Nin8o7jVxnpHzVQfzjOQJoJTQkE9bdmOnsS7SFdhkXiBv8PrYnxw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.31",
-      "resolved": "https://registry.npmmirror.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
-      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.8.tgz",
+      "integrity": "sha512-DOlK1BdcIeYYUcFkSYFka4v1h95XTov93b0jCgW1EEiZuIhdwHY2NlE1teLIh+p0uBsuZI5A+voay+iVWpprfA==",
       "license": "MIT",
       "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
+        "@radix-ui/react-slot": "1.3.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.17.tgz",
+      "integrity": "sha512-YdJmjETw7Py+4Nziv71jgZ6fH7xQgB5p+pQ5rV8Iufyrm0RHSijec/UV1zPfQoK/YcfzB9nOl/2bi1zf1SjRMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.13",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-direction": "1.1.3",
+        "@radix-ui/react-id": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-callback-ref": "1.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.5",
+        "@radix-ui/react-use-is-hydrated": "0.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/common": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.5.2.tgz",
-      "integrity": "sha512-sxQE460fPZyU3sdc8lafxiPwJHBzZRy/udNFynGQky1SePYBdhkBl1kOagA9uT3pxR8K09bOrmTUqA9wb/PjSQ==",
-      "license": "MIT"
-    },
-    "node_modules/@lezer/cpp": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@lezer/cpp/-/cpp-1.1.5.tgz",
-      "integrity": "sha512-DIhSXmYtJKLehrjzDFN+2cPt547ySQ41nA8yqcDf/GxMc+YM736xqltFkvADL2M0VebU5I+3+4ks2Vv+Kyq3Aw==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.1.tgz",
+      "integrity": "sha512-Bu/aAQHFFh6/QAvXAeUMurJ9fbW0JUIqlojU/yBXZ7cAVqy75Y7JYYyuCr9zLNF0p4WWoJYV54CTUIf4l7FzTw==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/css": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.3.3.tgz",
-      "integrity": "sha512-RzBo8r+/6QJeow7aPHIpGVIH59xTcJXp399820gZoMo9noQDRVpJLheIBUicYwKcsbOYoBRoLZlf2720dG/4Tg==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.3.tgz",
+      "integrity": "sha512-AUS7HoBBAncIsGMLNG+CcpLuJ+JIBbZzmyM8Qdb1eIThX0AlhSSC6wn40xfBlPE+ypx/vSSiRWnklUAjy3U3UA==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.3.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/go": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@lezer/go/-/go-1.0.1.tgz",
-      "integrity": "sha512-xToRsYxwsgJNHTgNdStpcvmbVuKxTapV0dM0wey1geMMRc9aggoVyKgzYp41D2/vVOx+Ii4hmE206kvxIXBVXQ==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.5.tgz",
+      "integrity": "sha512-UB1dXpxvHjR48poyKdKdTm7jT0kp3elkUKdKQiOkirlbYumqXinSJtrjDsr9maXNPvL12bKI4CDSmydms/9Aeg==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.3.0"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-use-effect-event": "0.0.4",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/highlight": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.3.tgz",
-      "integrity": "sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.4.tgz",
+      "integrity": "sha512-XYcfa6wlXDCwQtePuEiPmXLSAhGL4DWtedSyRgGbG3y10mw+OnrLp6SyeY1gJFMiYF0Dx0nMAX9InylKbLEFQQ==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.3.0"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/html": {
-      "version": "1.3.13",
-      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.3.13.tgz",
-      "integrity": "sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==",
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.2.tgz",
+      "integrity": "sha512-2+gAVu9uaSLbopCTvvuWX9MIgEOlyqXC1Ok+KLCO7cZPSHLENs7dL0KbFQUGFIcFKmDW/bmaQRJtd8E3cnMRUw==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/java": {
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-use-layout-effect": {
       "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@lezer/java/-/java-1.1.3.tgz",
-      "integrity": "sha512-yHquUfujwg6Yu4Fd1GNHCvidIvJwi/1Xu2DaKl/pfWIA2c1oXkVvawH3NyXhCaFx4OdlYBVX5wvz2f7Aoa/4Xw==",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.3.tgz",
+      "integrity": "sha512-rDiah9wvtqihWtWz02XreeRKIxt2EJF8y5D9rtY9l5A2zxePAtcPiOMpDugNRw5bFHz+1/8viVoc7ZVKiJknCw==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/javascript": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.5.4.tgz",
-      "integrity": "sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==",
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.14",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.14.tgz",
+      "integrity": "sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.1.3",
-        "@lezer/lr": "^1.3.0"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.11",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1",
+        "@radix-ui/react-use-previous": "1.1.1",
+        "@radix-ui/react-visually-hidden": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/json": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@lezer/json/-/json-1.0.3.tgz",
-      "integrity": "sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==",
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.3.5.tgz",
+      "integrity": "sha512-6hLng2Rs45IZcvZ31BNvMeaFEMMEbtsog4xPcb8LZrGfyoV9fdAXqB9UKhLpTHtL0+E2DhSr6VW54Tehd6ksAQ==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.13",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-callback-ref": "1.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.3",
+        "@radix-ui/react-use-rect": "1.1.3",
+        "@radix-ui/react-use-size": "1.1.3",
+        "@radix-ui/rect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/lr": {
-      "version": "1.4.10",
-      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.10.tgz",
-      "integrity": "sha512-rnCpTIBafOx4mRp43xOxDJbFipJm/c0cia/V5TiGlhmMa+wsSdoGmUN3w5Bqrks/09Q/D4tNAmWaT8p6NRi77A==",
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.4.tgz",
+      "integrity": "sha512-pWJo6lQAfR6uy1n7ii7PaCc9dLPwTXDYbQpORZU5B548Aqvl2pP1SM1vJGKyxIFqZMHRopRO4CQYX2iXAIB5jA==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.0.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/markdown": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.6.3.tgz",
-      "integrity": "sha512-jpGm5Ps+XErS+xA4urw7ogEGkeZOahVQF21Z6oECF0sj+2liwZopd2+I8uH5I/vZsRuuze3OxBREIANLf6KKUw==",
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-context": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.2.1.tgz",
+      "integrity": "sha512-EraVbFjiIjibpLr6EjvEDmSCYJU2SlKDMiO+qEK/D9GOWnQoAQlpQo2occGYC1UM9MBeEx5Bek3UtW/Qi57vAg==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.5.0",
-        "@lezer/highlight": "^1.0.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/php": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@lezer/php/-/php-1.0.5.tgz",
-      "integrity": "sha512-W7asp9DhM6q0W6DYNwIkLSKOvxlXRrif+UXBMxzsJUuqmhE7oVU+gS3THO4S/Puh7Xzgm858UNaFi6dxTP8dJA==",
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.8.tgz",
+      "integrity": "sha512-DOlK1BdcIeYYUcFkSYFka4v1h95XTov93b0jCgW1EEiZuIhdwHY2NlE1teLIh+p0uBsuZI5A+voay+iVWpprfA==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.1.0"
+        "@radix-ui/react-slot": "1.3.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/python": {
-      "version": "1.1.18",
-      "resolved": "https://registry.npmjs.org/@lezer/python/-/python-1.1.18.tgz",
-      "integrity": "sha512-31FiUrU7z9+d/ElGQLJFXl+dKOdx0jALlP3KEOsGTex8mvj+SoE1FgItcHWK/axkxCHGUSpqIHt6JAWfWu9Rhg==",
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.1.tgz",
+      "integrity": "sha512-Bu/aAQHFFh6/QAvXAeUMurJ9fbW0JUIqlojU/yBXZ7cAVqy75Y7JYYyuCr9zLNF0p4WWoJYV54CTUIf4l7FzTw==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/rust": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@lezer/rust/-/rust-1.0.2.tgz",
-      "integrity": "sha512-Lz5sIPBdF2FUXcWeCu1//ojFAZqzTQNRga0aYv6dYXqJqPfMdCAI0NzajWUd4Xijj1IKJLtjoXRPMvTKWBcqKg==",
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.3.tgz",
+      "integrity": "sha512-AUS7HoBBAncIsGMLNG+CcpLuJ+JIBbZzmyM8Qdb1eIThX0AlhSSC6wn40xfBlPE+ypx/vSSiRWnklUAjy3U3UA==",
       "license": "MIT",
-      "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.3.tgz",
+      "integrity": "sha512-rDiah9wvtqihWtWz02XreeRKIxt2EJF8y5D9rtY9l5A2zxePAtcPiOMpDugNRw5bFHz+1/8viVoc7ZVKiJknCw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/sass": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@lezer/sass/-/sass-1.1.0.tgz",
-      "integrity": "sha512-3mMGdCTUZ/84ArHOuXWQr37pnf7f+Nw9ycPUeKX+wu19b7pSMcZGLbaXwvD2APMBDOGxPmpK/O6S1v1EvLoqgQ==",
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
+      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/xml": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@lezer/xml/-/xml-1.0.6.tgz",
-      "integrity": "sha512-CdDwirL0OEaStFue/66ZmFSeppuL6Dwjlk8qk153mSQwiSH/Dlri4GNymrNWnUmPl2Um7QfV1FO9KFUyX3Twww==",
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
+      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.0.0"
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@lezer/yaml": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@lezer/yaml/-/yaml-1.0.4.tgz",
-      "integrity": "sha512-2lrrHqxalACEbxIbsjhqGpSW8kWpUKuY6RHgnSAFZa6qK62wvnPxA8hGOwOoDbwHcOFs5M4o27mjGu+P7TvBmw==",
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
       "license": "MIT",
       "dependencies": {
-        "@lezer/common": "^1.2.0",
-        "@lezer/highlight": "^1.0.0",
-        "@lezer/lr": "^1.4.0"
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@marijn/find-cluster-break": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
-      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
-      "license": "MIT"
-    },
-    "node_modules/@mermaid-js/parser": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
-      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
       "license": "MIT",
       "dependencies": {
-        "@chevrotain/types": "~11.1.1"
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
-      "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
-      "dev": true,
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
+      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
       "license": "MIT",
-      "optional": true,
       "dependencies": {
-        "@tybys/wasm-util": "^0.10.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/Brooooooklyn"
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-collection": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
       },
       "peerDependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmmirror.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
+      "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
+        "@radix-ui/number": "1.1.1",
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-compose-refs": "1.1.2",
+        "@radix-ui/react-context": "1.1.2",
+        "@radix-ui/react-direction": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-callback-ref": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
       },
-      "engines": {
-        "node": ">= 8"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmmirror.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
+      "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 8"
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmmirror.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
+      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
       "license": "MIT",
       "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
+        "@radix-ui/react-slot": "1.2.4"
       },
-      "engines": {
-        "node": ">= 8"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@oxc-project/types": {
-      "version": "0.132.0",
-      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.132.0.tgz",
-      "integrity": "sha512-FESMOxil5Se014ui/Eq8fT5uHJo6nIRwH0PfJrZJXs6Gek3ZVFOrpUv3YIZT20m+extU98Hg1Ym72U58rlsxUQ==",
-      "dev": true,
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
+      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
       "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/Boshen"
-      }
-    },
-    "node_modules/@radix-ui/number": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/number/-/number-1.1.1.tgz",
-      "integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
-      "license": "MIT"
-    },
-    "node_modules/@radix-ui/primitive": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/primitive/-/primitive-1.1.3.tgz",
-      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
-      "license": "MIT"
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/@radix-ui/react-accordion": {
-      "version": "1.2.12",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz",
-      "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==",
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
+      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
       "license": "MIT",
       "dependencies": {
         "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collapsible": "1.1.12",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
         "@radix-ui/react-context": "1.1.2",
         "@radix-ui/react-direction": "1.1.1",
         "@radix-ui/react-id": "1.1.1",
+        "@radix-ui/react-presence": "1.1.5",
         "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-roving-focus": "1.1.11",
         "@radix-ui/react-use-controllable-state": "1.2.2"
       },
       "peerDependencies": {
@@ -1379,17 +3953,25 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-avatar/-/react-avatar-1.1.11.tgz",
-      "integrity": "sha512-0Qk603AHGV28BOBO34p7IgD5m+V5Sg/YovfayABkoDDBM5d3NCx0Mp4gGrjzLGes1jV5eNOE1r3itqOR33VC6Q==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-context": "1.1.3",
-        "@radix-ui/react-primitive": "2.1.4",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-is-hydrated": "0.1.0",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.14",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.14.tgz",
+      "integrity": "sha512-C/JxCKJJac+wtHPW1yFBSN8Ssuaufy2jYQMgyiJYyW4Fw0WJfDWXQDAly1qsbd1YDznH+sYitaljhf8igPCvmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-context": "1.2.1",
+        "@radix-ui/react-dismissable-layer": "1.1.17",
+        "@radix-ui/react-id": "1.1.3",
+        "@radix-ui/react-popper": "1.3.5",
+        "@radix-ui/react-portal": "1.1.15",
+        "@radix-ui/react-presence": "1.1.9",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-slot": "1.3.1",
+        "@radix-ui/react-use-controllable-state": "1.2.5",
+        "@radix-ui/react-use-layout-effect": "1.1.3",
+        "@radix-ui/react-visually-hidden": "1.2.9"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1406,10 +3988,16 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-context": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-context/-/react-context-1.1.3.tgz",
-      "integrity": "sha512-ieIFACdMpYfMEjF0rEf5KLvfVyIkOz6PDGyNnP+u+4xQ6jny3VCgA4OgXOwNx2aUkxn8zx9fiVcM8CfFYv9Lxw==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.4.tgz",
+      "integrity": "sha512-pWJo6lQAfR6uy1n7ii7PaCc9dLPwTXDYbQpORZU5B548Aqvl2pP1SM1vJGKyxIFqZMHRopRO4CQYX2iXAIB5jA==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1421,13 +4009,32 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-avatar/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-context": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.2.1.tgz",
+      "integrity": "sha512-EraVbFjiIjibpLr6EjvEDmSCYJU2SlKDMiO+qEK/D9GOWnQoAQlpQo2occGYC1UM9MBeEx5Bek3UtW/Qi57vAg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.17.tgz",
+      "integrity": "sha512-QAXwa38pG0xNAYh1pjdSaf86NrkqsMoDNmget/Y7X8O8E/C3Iqlj9GAPE4DfX9BPLXc7WH2TWSzMRnIoCdcjzQ==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-callback-ref": "1.1.3",
+        "@radix-ui/react-use-effect-event": "0.0.4"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1444,20 +4051,32 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collapsible": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz",
-      "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-id": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.3.tgz",
+      "integrity": "sha512-f/Wxm0ctyMymUJK0fqTSQlm85rbzdAkoNbPXJQ5+6caowVO8Yx+NWGjGz/oGhs/D+WIbbQpOrU0hU2Li2/42xQ==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-portal": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.15.tgz",
+      "integrity": "sha512-kAfBVJUKNNKZuyGQXXG6rKolAV2KAmxxVkPXJgoq9dEFTl39286RufHQFNTL8rzha4vP8159BJ6hMGpB+bqv7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.8",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1474,16 +4093,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collection": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
-      "integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-presence": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.9.tgz",
+      "integrity": "sha512-LTi1v05bprIb8/GSY/GWusI0jfsYjQ3CD3Nin8o7jVxnpHzVQfzjOQJoJTQkE9bdmOnsS7SFdhkXiBv8PrYnxw==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1500,29 +4116,38 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.8.tgz",
+      "integrity": "sha512-DOlK1BdcIeYYUcFkSYFka4v1h95XTov93b0jCgW1EEiZuIhdwHY2NlE1teLIh+p0uBsuZI5A+voay+iVWpprfA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@radix-ui/react-slot": "1.3.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-compose-refs": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
-      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.1.tgz",
+      "integrity": "sha512-Bu/aAQHFFh6/QAvXAeUMurJ9fbW0JUIqlojU/yBXZ7cAVqy75Y7JYYyuCr9zLNF0p4WWoJYV54CTUIf4l7FzTw==",
       "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.4"
+      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1533,10 +4158,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-context": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-context/-/react-context-1.1.2.tgz",
-      "integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.3.tgz",
+      "integrity": "sha512-AUS7HoBBAncIsGMLNG+CcpLuJ+JIBbZzmyM8Qdb1eIThX0AlhSSC6wn40xfBlPE+ypx/vSSiRWnklUAjy3U3UA==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1548,49 +4173,33 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz",
-      "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.5.tgz",
+      "integrity": "sha512-UB1dXpxvHjR48poyKdKdTm7jT0kp3elkUKdKQiOkirlbYumqXinSJtrjDsr9maXNPvL12bKI4CDSmydms/9Aeg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-focus-guards": "1.1.3",
-        "@radix-ui/react-focus-scope": "1.1.7",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-portal": "1.1.9",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-slot": "1.2.3",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "aria-hidden": "^1.2.4",
-        "react-remove-scroll": "^2.6.3"
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-use-effect-event": "0.0.4",
+        "@radix-ui/react-use-layout-effect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.4.tgz",
+      "integrity": "sha512-XYcfa6wlXDCwQtePuEiPmXLSAhGL4DWtedSyRgGbG3y10mw+OnrLp6SyeY1gJFMiYF0Dx0nMAX9InylKbLEFQQ==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1602,10 +4211,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-direction": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
-      "integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.3.tgz",
+      "integrity": "sha512-rDiah9wvtqihWtWz02XreeRKIxt2EJF8y5D9rtY9l5A2zxePAtcPiOMpDugNRw5bFHz+1/8viVoc7ZVKiJknCw==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1617,17 +4226,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dismissable-layer": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz",
-      "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==",
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.9.tgz",
+      "integrity": "sha512-seuZXNZVCz1kLSQMRO/TdNOSahBI3S5nXE4jzO7u7aFRWQlMAnwyrr8vKMkEU115fCLEyzR2YyjnP+aRMxK34w==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-escape-keydown": "1.1.1"
+        "@radix-ui/react-primitive": "2.1.8"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1644,10 +4249,10 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-guards": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz",
-      "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==",
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
+      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
       "license": "MIT",
       "peerDependencies": {
         "@types/react": "*",
@@ -1659,35 +4264,29 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-focus-scope": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
-      "integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1"
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-id": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-id/-/react-id-1.1.1.tgz",
-      "integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
       "license": "MIT",
       "dependencies": {
         "@radix-ui/react-use-layout-effect": "1.1.1"
@@ -1702,121 +4301,113 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-navigation-menu": {
-      "version": "1.2.14",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.14.tgz",
-      "integrity": "sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==",
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
+      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-dismissable-layer": "1.1.11",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1",
-        "@radix-ui/react-use-previous": "1.1.1",
-        "@radix-ui/react-visually-hidden": "1.2.3"
+        "@radix-ui/react-use-callback-ref": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
+      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.5.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
           "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-portal": {
-      "version": "1.1.9",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
-      "integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
+      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-presence": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-presence/-/react-presence-1.1.5.tgz",
-      "integrity": "sha512-/jfEwNDdQVBCNvjkGit4h6pMOzq8bHkopq458dPt2lMjx+eBQUohZNG9A7DtO/O5ukSbxuaNGXMjHicgwy6rQQ==",
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.3.tgz",
+      "integrity": "sha512-W0GSYZFKEfi6raMiMEfJSngvVbFDIyxtW5JuVg5NoQBY59l0dVQVGLbhog/tOdwq0qtZ+TXuX1ikSNan4/IZXA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
+        "@radix-ui/rect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
-      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.3.tgz",
+      "integrity": "sha512-jJq6tQQLvO/z4uWbztjwPV+1a/+H4rCaWypasLB/ac8DEdd6+p7dIm7o3F6P2KZPGkPMqD4s5424EdAdoU+GLA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-slot": "1.2.3"
+        "@radix-ui/react-use-layout-effect": "1.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
           "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
         }
       }
     },
-    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
-      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+    "node_modules/@radix-ui/react-use-size/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.3.tgz",
+      "integrity": "sha512-rDiah9wvtqihWtWz02XreeRKIxt2EJF8y5D9rtY9l5A2zxePAtcPiOMpDugNRw5bFHz+1/8viVoc7ZVKiJknCw==",
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
       "peerDependencies": {
         "@types/react": "*",
         "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
@@ -1827,21 +4418,13 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-roving-focus": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz",
-      "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==",
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmmirror.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
+      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-collection": "1.1.7",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
+        "@radix-ui/react-primitive": "2.1.3"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -1858,553 +4441,803 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-scroll-area": {
-      "version": "1.2.10",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz",
-      "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==",
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.3.tgz",
+      "integrity": "sha512-JtyZR+mqgBibTo8xea3B6ZRmzZiM/YeVBtUkas6zMuXjAlfIFIW2FgqeM9eLyvEaYX66vr6DJMK+4U6LV0KhNw==",
+      "license": "MIT"
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.2.tgz",
+      "integrity": "sha512-ZS4D1JPGn/MYQN/SYDWftIE/nVsM8j/AFOYEzAoOE2O3NktQOZru+/vYXGbR/qtdLdIfGCP0lcoJiYVzsEz+iQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.2.tgz",
+      "integrity": "sha512-vdFA9+C/rekyGce7WqHs/xoT0ioZEWaOFyZLIV1mEeNFaFDUQrPIo8Vs2GvJ6eetb3rzDUtUBgzto3ExpXJB3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.2.tgz",
+      "integrity": "sha512-BewSOwTHazv77DTYiAZXSqqKZ4KP/KonFisDMVU7PImxoWfB2aepnPhd2E4SWz3zDzYgDNbs6jBmTdgNnF02GA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.2.tgz",
+      "integrity": "sha512-m41o7M0YWtUdqk61Tb+jnKb2rN++iRdIASlExkUoKfIAH30DOHCB8fVLzSUpbWHHU8esmEioY62PxzexE8MBuA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.2.tgz",
+      "integrity": "sha512-jcojB9H7W/jS29pMKWAK1N+fU99vXodHDTatS3b3y/XSOCiHo0kkA74pL3jJmkoQtYpOCxDvaKs1fo2Ij/1X5w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.2.tgz",
+      "integrity": "sha512-1jn6qDU5iiOgFgygDzKUuKP0maTi0/f1+sBLgvij/76C77Nm3ts6ufz9Bjg5q5dduxiUIxtq86JIoBvo1xQ4Ig==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.2.tgz",
+      "integrity": "sha512-QVLO/czFMdoMFSqlX3bcswcJNm/23r+qoa/jgtmFc/qEp6/jXmIkDjF/XIo8dPfGaiwy1xfQn8o77L79GeXFgw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.2.tgz",
+      "integrity": "sha512-hgO5Abm0w5UL6FEa2iFnZqo2KlK7TQ5QhV5x09hujBf7t5KzHQ1VmfPuTpqRy/rNlSxua3eWH374xxiVrP+lcA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.2.tgz",
+      "integrity": "sha512-fy8rXxuYEu602abC8MUNaPjYLIFzReOaEIEMKMUa0rFEUxNpVXhs15KSSQ4qlqSaM7B6rcj9rDZgADh/IGDzLQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.2.tgz",
+      "integrity": "sha512-0+bOkiQ779+r1WpoHOWHqncvyySci0vKph+myNDYb+im6meJAzHQXay6oEgnkHuUGouM1LKTZwqKpBow6Kj7CQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.2.tgz",
+      "integrity": "sha512-mjSkrzZK5Qsl0a9d1JgILOiuZOSDTVdKENcSXBoqbzSrspLR/4/IRVDo5wd2GgZjNss/viBFJdeq+j7qH2nypw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.2.tgz",
+      "integrity": "sha512-1v5vHasdfQAZoEHakBV72LIFAC9JjnymsiKxp+GEr/ma3+NJCPSaYK+qavInOovJkgwFrs7GccX2d6IgDA3Z5w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/number": "1.1.1",
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-compose-refs": "1.1.2",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-use-callback-ref": "1.1.1",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@radix-ui/react-separator": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-separator/-/react-separator-1.1.8.tgz",
-      "integrity": "sha512-sDvqVY4itsKwwSMEe0jtKgfTh+72Sy3gPmQpjqcQneqQ4PFmr/1I0YA+2/puilhggCe2gJcx5EBAYFkWkdpa5g==",
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.2.tgz",
+      "integrity": "sha512-mb1VobWn6NheziTk5/WEaR6AKVbrwT5sOi6C7zk3gy/pD1qtJfU1j4PgTo2NJnOtbL9Dl3Aeei8w9jJ7qC2jZQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@emnapi/core": "1.10.0",
+        "@emnapi/runtime": "1.10.0",
+        "@napi-rs/wasm-runtime": "^1.1.4"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@radix-ui/react-separator/node_modules/@radix-ui/react-primitive": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-primitive/-/react-primitive-2.1.4.tgz",
-      "integrity": "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg==",
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.2.tgz",
+      "integrity": "sha512-SqKonF56vA/L2yHwHYcEp2P34URpOZ7d1fS635cTkpDnUtEGdUbhI6NzsPdqeSWvAAeGDrxjWjNmibDIdFf9/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-slot": "1.2.4"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@radix-ui/react-slot": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-slot/-/react-slot-1.2.4.tgz",
-      "integrity": "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA==",
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.2.tgz",
+      "integrity": "sha512-v7qRI7gXLRINcOGXt+7YmAZ6iFuyZVMIoXAxhd8oP+DR9dLfL9GfNIx7PLMxmhZdvq8waUJBQiWN9EKNy+TRBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
       "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
       }
     },
-    "node_modules/@radix-ui/react-tabs": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
-      "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.7",
+      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
+      "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@scarf/scarf": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@scarf/scarf/-/scarf-1.4.0.tgz",
+      "integrity": "sha512-xxeapPiUXdZAE3che6f3xogoJPeZgig6omHEy1rIY5WVsB3H2BHNnZH+gHG6x91SCWyQCzWGsuL2Hh3ClO5/qQ==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@segment/analytics-core": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-core/-/analytics-core-1.8.2.tgz",
+      "integrity": "sha512-5FDy6l8chpzUfJcNlIcyqYQq4+JTUynlVoCeCUuVz+l+6W0PXg+ljKp34R4yLVCcY5VVZohuW+HH0VLWdwYVAg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/primitive": "1.1.3",
-        "@radix-ui/react-context": "1.1.2",
-        "@radix-ui/react-direction": "1.1.1",
-        "@radix-ui/react-id": "1.1.1",
-        "@radix-ui/react-presence": "1.1.5",
-        "@radix-ui/react-primitive": "2.1.3",
-        "@radix-ui/react-roving-focus": "1.1.11",
-        "@radix-ui/react-use-controllable-state": "1.2.2"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "@lukeed/uuid": "^2.0.0",
+        "@segment/analytics-generic-utils": "1.2.0",
+        "dset": "^3.1.4",
+        "tslib": "^2.4.1"
       }
     },
-    "node_modules/@radix-ui/react-use-callback-ref": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
-      "integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
+    "node_modules/@segment/analytics-generic-utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-generic-utils/-/analytics-generic-utils-1.2.0.tgz",
+      "integrity": "sha512-DfnW6mW3YQOLlDQQdR89k4EqfHb0g/3XvBXkovH1FstUN93eL1kfW9CsDcVQyH3bAC5ZsFyjA/o/1Q2j0QeoWw==",
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "dependencies": {
+        "tslib": "^2.4.1"
       }
     },
-    "node_modules/@radix-ui/react-use-controllable-state": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
-      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+    "node_modules/@segment/analytics-node": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@segment/analytics-node/-/analytics-node-2.3.0.tgz",
+      "integrity": "sha512-fOXLL8uY0uAWw/sTLmezze80hj8YGgXXlAfvSS6TUmivk4D/SP0C0sxnbpFdkUzWg2zT64qWIZj26afEtSnxUA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-effect-event": "0.0.2",
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+        "@lukeed/uuid": "^2.0.0",
+        "@segment/analytics-core": "1.8.2",
+        "@segment/analytics-generic-utils": "1.2.0",
+        "buffer": "^6.0.3",
+        "jose": "^5.1.0",
+        "node-fetch": "^2.6.7",
+        "tslib": "^2.4.1"
       },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "engines": {
+        "node": ">=20"
       }
     },
-    "node_modules/@radix-ui/react-use-effect-event": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
-      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+    "node_modules/@shikijs/core": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.23.0.tgz",
+      "integrity": "sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-layout-effect": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4",
+        "hast-util-to-html": "^9.0.5"
       }
     },
-    "node_modules/@radix-ui/react-use-escape-keydown": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
-      "integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
+    "node_modules/@shikijs/engine-javascript": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz",
+      "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-use-callback-ref": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "oniguruma-to-es": "^4.3.4"
       }
     },
-    "node_modules/@radix-ui/react-use-is-hydrated": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
-      "integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
+    "node_modules/@shikijs/engine-oniguruma": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz",
+      "integrity": "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==",
       "license": "MIT",
       "dependencies": {
-        "use-sync-external-store": "^1.5.0"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2"
       }
     },
-    "node_modules/@radix-ui/react-use-layout-effect": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
-      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+    "node_modules/@shikijs/langs": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.23.0.tgz",
+      "integrity": "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
+      }
+    },
+    "node_modules/@shikijs/themes": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.23.0.tgz",
+      "integrity": "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==",
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "dependencies": {
+        "@shikijs/types": "3.23.0"
       }
     },
-    "node_modules/@radix-ui/react-use-previous": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
-      "integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
+    "node_modules/@shikijs/types": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.23.0.tgz",
+      "integrity": "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==",
       "license": "MIT",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
+      "dependencies": {
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
       }
     },
-    "node_modules/@radix-ui/react-visually-hidden": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmmirror.com/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
-      "integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
+    "node_modules/@shikijs/vscode-textmate": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
+      "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz",
+      "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==",
       "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-primitive": "2.1.3"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "@types/react-dom": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
-        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "@types/react-dom": {
-          "optional": true
-        }
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.24.1",
+        "jiti": "^2.7.0",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.3.3"
       }
     },
-    "node_modules/@rolldown/binding-android-arm64": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.2.tgz",
-      "integrity": "sha512-ZS4D1JPGn/MYQN/SYDWftIE/nVsM8j/AFOYEzAoOE2O3NktQOZru+/vYXGbR/qtdLdIfGCP0lcoJiYVzsEz+iQ==",
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz",
+      "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-arm64": "4.3.3",
+        "@tailwindcss/oxide-darwin-x64": "4.3.3",
+        "@tailwindcss/oxide-freebsd-x64": "4.3.3",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.3.3",
+        "@tailwindcss/oxide-linux-x64-musl": "4.3.3",
+        "@tailwindcss/oxide-wasm32-wasi": "4.3.3",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz",
+      "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-darwin-arm64": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.2.tgz",
-      "integrity": "sha512-vdFA9+C/rekyGce7WqHs/xoT0ioZEWaOFyZLIV1mEeNFaFDUQrPIo8Vs2GvJ6eetb3rzDUtUBgzto3ExpXJB3w==",
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz",
+      "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-darwin-x64": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.2.tgz",
-      "integrity": "sha512-BewSOwTHazv77DTYiAZXSqqKZ4KP/KonFisDMVU7PImxoWfB2aepnPhd2E4SWz3zDzYgDNbs6jBmTdgNnF02GA==",
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz",
+      "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-freebsd-x64": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.2.tgz",
-      "integrity": "sha512-m41o7M0YWtUdqk61Tb+jnKb2rN++iRdIASlExkUoKfIAH30DOHCB8fVLzSUpbWHHU8esmEioY62PxzexE8MBuA==",
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz",
+      "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.2.tgz",
-      "integrity": "sha512-jcojB9H7W/jS29pMKWAK1N+fU99vXodHDTatS3b3y/XSOCiHo0kkA74pL3jJmkoQtYpOCxDvaKs1fo2Ij/1X5w==",
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz",
+      "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==",
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-arm64-gnu": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.2.tgz",
-      "integrity": "sha512-1jn6qDU5iiOgFgygDzKUuKP0maTi0/f1+sBLgvij/76C77Nm3ts6ufz9Bjg5q5dduxiUIxtq86JIoBvo1xQ4Ig==",
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz",
+      "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
+      "libc": [
+        "glibc"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-arm64-musl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.2.tgz",
-      "integrity": "sha512-QVLO/czFMdoMFSqlX3bcswcJNm/23r+qoa/jgtmFc/qEp6/jXmIkDjF/XIo8dPfGaiwy1xfQn8o77L79GeXFgw==",
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz",
+      "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
+      "libc": [
+        "musl"
+      ],
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.2.tgz",
-      "integrity": "sha512-hgO5Abm0w5UL6FEa2iFnZqo2KlK7TQ5QhV5x09hujBf7t5KzHQ1VmfPuTpqRy/rNlSxua3eWH374xxiVrP+lcA==",
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz",
+      "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==",
       "cpu": [
-        "ppc64"
+        "x64"
+      ],
+      "libc": [
+        "glibc"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-s390x-gnu": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.2.tgz",
-      "integrity": "sha512-fy8rXxuYEu602abC8MUNaPjYLIFzReOaEIEMKMUa0rFEUxNpVXhs15KSSQ4qlqSaM7B6rcj9rDZgADh/IGDzLQ==",
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz",
+      "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==",
       "cpu": [
-        "s390x"
+        "x64"
+      ],
+      "libc": [
+        "musl"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-linux-x64-gnu": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.2.tgz",
-      "integrity": "sha512-0+bOkiQ779+r1WpoHOWHqncvyySci0vKph+myNDYb+im6meJAzHQXay6oEgnkHuUGouM1LKTZwqKpBow6Kj7CQ==",
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz",
+      "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
       "cpu": [
-        "x64"
+        "wasm32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "linux"
-      ],
+      "dependencies": {
+        "@emnapi/core": "^1.11.1",
+        "@emnapi/runtime": "^1.11.1",
+        "@emnapi/wasi-threads": "^1.2.2",
+        "@napi-rs/wasm-runtime": "^1.1.4",
+        "@tybys/wasm-util": "^0.10.2",
+        "tslib": "^2.8.1"
+      },
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">=14.0.0"
       }
     },
-    "node_modules/@rolldown/binding-linux-x64-musl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.2.tgz",
-      "integrity": "sha512-mjSkrzZK5Qsl0a9d1JgILOiuZOSDTVdKENcSXBoqbzSrspLR/4/IRVDo5wd2GgZjNss/viBFJdeq+j7qH2nypw==",
-      "cpu": [
-        "x64"
-      ],
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+      "version": "1.11.1",
+      "inBundle": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.2",
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@rolldown/binding-openharmony-arm64": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.2.tgz",
-      "integrity": "sha512-1v5vHasdfQAZoEHakBV72LIFAC9JjnymsiKxp+GEr/ma3+NJCPSaYK+qavInOovJkgwFrs7GccX2d6IgDA3Z5w==",
-      "cpu": [
-        "arm64"
-      ],
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+      "version": "1.11.1",
+      "inBundle": true,
       "license": "MIT",
       "optional": true,
-      "os": [
-        "openharmony"
-      ],
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
-    "node_modules/@rolldown/binding-wasm32-wasi": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.2.tgz",
-      "integrity": "sha512-mb1VobWn6NheziTk5/WEaR6AKVbrwT5sOi6C7zk3gy/pD1qtJfU1j4PgTo2NJnOtbL9Dl3Aeei8w9jJ7qC2jZQ==",
-      "cpu": [
-        "wasm32"
-      ],
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.2",
+      "inBundle": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
-        "@emnapi/core": "1.10.0",
-        "@emnapi/runtime": "1.10.0",
-        "@napi-rs/wasm-runtime": "^1.1.4"
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.4",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.1"
       },
-      "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
       }
     },
-    "node_modules/@rolldown/binding-win32-arm64-msvc": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.2.tgz",
-      "integrity": "sha512-SqKonF56vA/L2yHwHYcEp2P34URpOZ7d1fS635cTkpDnUtEGdUbhI6NzsPdqeSWvAAeGDrxjWjNmibDIdFf9/A==",
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+      "version": "0.10.2",
+      "inBundle": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+      "version": "2.8.1",
+      "inBundle": true,
+      "license": "0BSD",
+      "optional": true
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz",
+      "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==",
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/binding-win32-x64-msvc": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.2.tgz",
-      "integrity": "sha512-v7qRI7gXLRINcOGXt+7YmAZ6iFuyZVMIoXAxhd8oP+DR9dLfL9GfNIx7PLMxmhZdvq8waUJBQiWN9EKNy+TRBQ==",
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz",
+      "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==",
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ],
       "engines": {
-        "node": "^20.19.0 || >=22.12.0"
+        "node": ">= 20"
       }
     },
-    "node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-rc.7",
-      "resolved": "https://registry.npmmirror.com/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
-      "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
-      "dev": true,
-      "license": "MIT"
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.3.tgz",
+      "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==",
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.3.3",
+        "@tailwindcss/oxide": "4.3.3",
+        "postcss": "^8.5.16",
+        "tailwindcss": "4.3.3"
+      }
+    },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.20",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.20.tgz",
+      "integrity": "sha512-hwbzQuNUfcPvbegQFatVPl/MY/tcM9KLl963hQ5laJKPh81TEZ1+dNG9PirGvcaDBkp+BCshExAyKVPW91dozw==",
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || >=4.0.0 || insiders"
+      }
+    },
+    "node_modules/@tanstack/devtools-event-client": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@tanstack/devtools-event-client/-/devtools-event-client-0.4.4.tgz",
+      "integrity": "sha512-6T5Yop/793YI+H+5J8Hsyj4kCih9sl4t3ElLgKioW5hk3ocn+ZdSJ94tT7vL7uabxSugWYBZlOTMPzEw2puvQw==",
+      "license": "MIT",
+      "bin": {
+        "intent": "bin/intent.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
     },
-    "node_modules/@standard-schema/spec": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
-      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
-      "dev": true,
-      "license": "MIT"
+    "node_modules/@tanstack/pacer": {
+      "version": "0.20.1",
+      "resolved": "https://registry.npmjs.org/@tanstack/pacer/-/pacer-0.20.1.tgz",
+      "integrity": "sha512-ZNQ1bIL6eUXVKdic0tiImvBVkWrg/IoSK6VIacTrO3d3HAGnd70qFJNJagR/YOJIOw4EKGWnodwpYZkN1pWuVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/devtools-event-client": "^0.4.3",
+        "@tanstack/store": "^0.9.3"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
     },
-    "node_modules/@tailwindcss/typography": {
-      "version": "0.5.19",
-      "resolved": "https://registry.npmmirror.com/@tailwindcss/typography/-/typography-0.5.19.tgz",
-      "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
+    "node_modules/@tanstack/react-virtual": {
+      "version": "3.14.8",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-virtual/-/react-virtual-3.14.8.tgz",
+      "integrity": "sha512-O39GJQpAYEJcIu3uN1//YtmhjSEOyw75vg9CKCatBDPiD5hKtZQoJHfferyrB/LdOD3UWaoMLWtdEjarwIwdDw==",
       "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "6.0.10"
+        "@tanstack/virtual-core": "3.17.6"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
       },
       "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tanstack/store": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/store/-/store-0.9.3.tgz",
+      "integrity": "sha512-8reSzl/qGWGGVKhBoxXPMWzATSbZLZFWhwBAFO9NAyp0TxzfBP0mIrGb8CP8KrQTmvzXlR/vFPPUrHTLBGyFyw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.17.6",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.17.6.tgz",
+      "integrity": "sha512-h0/Ebo18CkOrChlQIhNtQkM5ySUnh/GumQ/D1st3hG2HWUPEF+ILUc2k29UtivCi/9G7w7G3/f7Xyd5cCFbKBw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
     "node_modules/@tybys/wasm-util": {
@@ -2772,6 +5605,12 @@
       "integrity": "sha512-vqlvI7qlMvcCBbVe0AKAb4f97//Hy0EBTaiW8AalRnG/xAN5zOiWWyrNqNXeq8+KAuvRewjCVY1+IPxk4RdNYw==",
       "license": "MIT"
     },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "license": "MIT"
+    },
     "node_modules/@types/react": {
       "version": "19.2.14",
       "resolved": "https://registry.npmmirror.com/@types/react/-/react-19.2.14.tgz",
@@ -2805,8 +5644,7 @@
       "version": "2.0.7",
       "resolved": "https://registry.npmmirror.com/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/@types/unist": {
       "version": "3.0.3",
@@ -2818,7 +5656,6 @@
       "version": "10.0.0",
       "resolved": "https://registry.npmmirror.com/@types/uuid/-/uuid-10.0.0.tgz",
       "integrity": "sha512-7gqG38EyHgyP1S+7+xomFtL+ZNHcKv6DwNaCZmJmo1vgMugyF3TCnXVg4t1uk89mLNwnLtnY3TpOpCOyp1/xHQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
@@ -3132,6 +5969,16 @@
         "d3-transition": "^3.0.1"
       }
     },
+    "node_modules/@urql/core": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@urql/core/-/core-5.2.0.tgz",
+      "integrity": "sha512-/n0ieD0mvvDnVAXEQgX/7qJiVcvYvNkOHeBvkwtylfjydar123caCXcl58PXFY11oU1oquJocVXHxLAbtv4x1A==",
+      "license": "MIT",
+      "dependencies": {
+        "@0no-co/graphql.web": "^1.0.13",
+        "wonka": "^6.3.2"
+      }
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/@vitejs/plugin-react/-/plugin-react-6.0.1.tgz",
@@ -3342,7 +6189,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
@@ -3354,31 +6200,6 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
-    },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
@@ -3462,6 +6283,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.10.12",
       "resolved": "https://registry.npmmirror.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.12.tgz",
@@ -3475,18 +6316,6 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/brace-expansion": {
       "version": "1.1.13",
       "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.13.tgz",
@@ -3498,18 +6327,6 @@
         "concat-map": "0.0.1"
       }
     },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmmirror.com/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/browserslist": {
       "version": "4.28.1",
       "resolved": "https://registry.npmmirror.com/browserslist/-/browserslist-4.28.1.tgz",
@@ -3544,6 +6361,30 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
     "node_modules/bundle-name": {
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
@@ -3570,15 +6411,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmmirror.com/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001782",
       "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001782.tgz",
@@ -3624,7 +6456,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
@@ -3677,42 +6508,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmmirror.com/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/class-variance-authority": {
       "version": "0.7.1",
       "resolved": "https://registry.npmmirror.com/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
@@ -3768,7 +6563,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
@@ -3781,7 +6575,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
       "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/comma-separated-tokens": {
@@ -3794,14 +6587,11 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmmirror.com/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
+    "node_modules/compare-versions": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.1.tgz",
+      "integrity": "sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==",
+      "license": "MIT"
     },
     "node_modules/concat-map": {
       "version": "0.0.1",
@@ -4379,6 +7169,16 @@
         "lodash-es": "^4.17.21"
       }
     },
+    "node_modules/date-fns": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.4.0.tgz",
+      "integrity": "sha512-+1UMbeh68lH1SegH83CGWwpb6OHHbpSgr3+s5Eww5M4CAgswBpoWS0AjTOfEJ33HiYKz1hdj/KTFprzXHmq/6w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/dayjs": {
       "version": "1.11.20",
       "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz",
@@ -4487,7 +7287,6 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -4512,17 +7311,14 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmmirror.com/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmmirror.com/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
+    "node_modules/diff": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.2.tgz",
+      "integrity": "sha512-vtcDfH3TOjP8UekytvnHH1o1P4FcUdt4eQ1Y+Abap1tk/OB2MWQvcwS2ClCd1zuIhc3JKOx6p3kod8Vfys3E+A==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
     },
     "node_modules/dompurify": {
       "version": "3.4.7",
@@ -4533,6 +7329,15 @@
         "@types/trusted-types": "^2.0.7"
       }
     },
+    "node_modules/dset": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",
+      "integrity": "sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.329",
       "resolved": "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.5.329.tgz",
@@ -4547,6 +7352,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/enhanced-resolve": {
+      "version": "5.24.3",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.3.tgz",
+      "integrity": "sha512-PwKooW9JUzh5chmYfHM3IQl5OkK2u2Nm011MgeZrss3JmFraUx/fqrf78kk8GUMYoibx/14MdwTl/1WKkG7TpQ==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/entities": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/entities/-/entities-6.0.1.tgz",
@@ -4835,33 +7653,11 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fast-glob": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmmirror.com/fast-glob/-/fast-glob-3.3.3.tgz",
-      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
-      "license": "MIT",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.8"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
+    "node_modules/fast-json-patch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-json-patch/-/fast-json-patch-3.1.1.tgz",
+      "integrity": "sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==",
+      "license": "MIT"
     },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
@@ -4877,15 +7673,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/fastq": {
-      "version": "1.20.1",
-      "resolved": "https://registry.npmmirror.com/fastq/-/fastq-1.20.1.tgz",
-      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
-      "license": "ISC",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
     "node_modules/fault": {
       "version": "1.0.4",
       "resolved": "https://registry.npmmirror.com/fault/-/fault-1.0.4.tgz",
@@ -4912,18 +7699,6 @@
         "node": ">=16.0.0"
       }
     },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
@@ -5015,6 +7790,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -5025,15 +7801,6 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/gensync": {
       "version": "1.0.0-beta.2",
       "resolved": "https://registry.npmmirror.com/gensync/-/gensync-1.0.0-beta.2.tgz",
@@ -5058,7 +7825,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/get-east-asian-width/-/get-east-asian-width-1.6.0.tgz",
       "integrity": "sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -5080,6 +7846,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
@@ -5101,6 +7868,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/graphql": {
+      "version": "16.14.2",
+      "resolved": "https://registry.npmjs.org/graphql/-/graphql-16.14.2.tgz",
+      "integrity": "sha512-Chq1s4CY7jmh8gO2qvLIJyfCDIN+EHLFW/9iShnp1z8FjBQMoodWP1kDC36VAMXXIvAjj4ARa7ntfAV2BrjsbA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
+      }
+    },
     "node_modules/hachure-fill": {
       "version": "0.5.2",
       "resolved": "https://registry.npmmirror.com/hachure-fill/-/hachure-fill-0.5.2.tgz",
@@ -5111,23 +7893,17 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmmirror.com/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
+    "node_modules/hast": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hast/-/hast-1.0.0.tgz",
+      "integrity": "sha512-vFUqlRV5C+xqP76Wwq2SrM0kipnmpxJm7OfvVXpB35Fp+Fn4MV+ozr+JZr5qFvyR1q/U+Foim2x+3P+x9S1PLA==",
+      "deprecated": "Renamed to rehype",
+      "license": "MIT"
     },
     "node_modules/hast-util-from-dom": {
       "version": "5.0.1",
@@ -5190,34 +7966,97 @@
         "hastscript": "^9.0.0",
         "property-information": "^7.0.0",
         "vfile": "^6.0.0",
-        "vfile-location": "^5.0.0",
-        "web-namespaces": "^2.0.0"
+        "vfile-location": "^5.0.0",
+        "web-namespaces": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-is-element": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmmirror.com/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
+      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmmirror.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-raw": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/hast-util-raw/-/hast-util-raw-9.1.0.tgz",
+      "integrity": "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "hast-util-from-parse5": "^8.0.0",
+        "hast-util-to-parse5": "^8.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "parse5": "^7.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-is-element": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/hast-util-is-element/-/hast-util-is-element-3.0.0.tgz",
-      "integrity": "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==",
+    "node_modules/hast-util-sanitize": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/hast-util-sanitize/-/hast-util-sanitize-5.0.2.tgz",
+      "integrity": "sha512-3yTWghByc50aGS7JlGhk61SPenfE/p1oaFeNwkOOyrscaOkMGrcW9+Cy/QAIOBpZxP1yqDIzFMR0+Np0i0+usg==",
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "unist-util-position": "^5.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/hast-util-parse-selector": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmmirror.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
-      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+    "node_modules/hast-util-to-html": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/hast-util-to-html/-/hast-util-to-html-9.0.5.tgz",
+      "integrity": "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==",
       "license": "MIT",
       "dependencies": {
-        "@types/hast": "^3.0.0"
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "html-void-elements": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "stringify-entities": "^4.0.0",
+        "zwitch": "^2.0.4"
       },
       "funding": {
         "type": "opencollective",
@@ -5251,6 +8090,25 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hast-util-to-parse5": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/hast-util-to-parse5/-/hast-util-to-parse5-8.0.1.tgz",
+      "integrity": "sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "web-namespaces": "^2.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/hast-util-to-text": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/hast-util-to-text/-/hast-util-to-text-4.0.2.tgz",
@@ -5339,6 +8197,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/html-void-elements": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-void-elements/-/html-void-elements-3.0.0.tgz",
+      "integrity": "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/iconv-lite": {
       "version": "0.6.3",
       "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
@@ -5351,6 +8219,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.2.tgz",
@@ -5427,31 +8315,27 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+    "node_modules/is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
       "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=4"
       }
     },
     "node_modules/is-decimal": {
@@ -5484,6 +8368,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -5493,6 +8378,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -5543,15 +8429,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
     "node_modules/is-plain-obj": {
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
@@ -5588,19 +8465,27 @@
       "license": "ISC"
     },
     "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmmirror.com/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
+      "integrity": "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==",
       "license": "MIT",
       "bin": {
-        "jiti": "bin/jiti.js"
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jose": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-5.10.0.tgz",
+      "integrity": "sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
       }
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/js-yaml": {
@@ -5703,6 +8588,15 @@
       "resolved": "https://registry.npmmirror.com/khroma/-/khroma-2.1.0.tgz",
       "integrity": "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="
     },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/layout-base": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/layout-base/-/layout-base-1.0.2.tgz",
@@ -5727,7 +8621,6 @@
       "version": "1.32.0",
       "resolved": "https://registry.npmmirror.com/lightningcss/-/lightningcss-1.32.0.tgz",
       "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
-      "dev": true,
       "license": "MPL-2.0",
       "dependencies": {
         "detect-libc": "^2.0.3"
@@ -5760,7 +8653,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5781,7 +8673,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5802,7 +8693,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5823,7 +8713,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5844,7 +8733,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5865,7 +8753,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5886,7 +8773,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5907,7 +8793,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5928,7 +8813,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5949,7 +8833,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5970,7 +8853,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -5984,23 +8866,36 @@
         "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmmirror.com/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+    "node_modules/lit": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.3.3.tgz",
+      "integrity": "sha512-fycuvZg/hkpozL00lm1pEJH5nN/lr9ZXd6mJI2HSN4+Bzc+LDNdEApJ6HFbPkdFNHLvOplIIuJvxkS4XUxqirw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^2.1.0",
+        "lit-element": "^4.2.0",
+        "lit-html": "^3.3.0"
       }
     },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmmirror.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
+    "node_modules/lit-element": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.2.2.tgz",
+      "integrity": "sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.5.0",
+        "@lit/reactive-element": "^2.1.0",
+        "lit-html": "^3.3.0"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.3.tgz",
+      "integrity": "sha512-el8M6jK2o3RXBnrSHX3ZKrsN8zEV63pSExTO1wYJz7QndGYZ8353e2a5PPX+qHe2aGayfnchQmkAojaWAREOIA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
@@ -6041,6 +8936,18 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
     "node_modules/lowlight": {
       "version": "1.20.0",
       "resolved": "https://registry.npmmirror.com/lowlight/-/lowlight-1.20.0.tgz",
@@ -6065,6 +8972,12 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide": {
+      "version": "0.525.0",
+      "resolved": "https://registry.npmjs.org/lucide/-/lucide-0.525.0.tgz",
+      "integrity": "sha512-sfehWlaE/7NVkcEQ4T9JD3eID8RNMIGJBBUq9wF3UFiJIrcMKRbU3g1KGfDk4svcW7yw8BtDLXaXo02scDtUYQ==",
+      "license": "ISC"
+    },
     "node_modules/lucide-react": {
       "version": "1.7.0",
       "resolved": "https://registry.npmmirror.com/lucide-react/-/lucide-react-1.7.0.tgz",
@@ -6078,7 +8991,6 @@
       "version": "0.30.21",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
       "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.5"
@@ -6106,6 +9018,78 @@
         "node": ">= 20"
       }
     },
+    "node_modules/mdast-util-definitions": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-5.1.2.tgz",
+      "integrity": "sha512-8SVPMuHqlPME/z3gqVwWY4zVXn8lqKv/pAhC57FuJ40ImXyBpmO5ukh98zB2v7Blql2FiHjHv9LVztSIqjY+MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^3.0.0",
+        "@types/unist": "^2.0.0",
+        "unist-util-visit": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-definitions/node_modules/@types/mdast": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz",
+      "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2"
+      }
+    },
+    "node_modules/mdast-util-definitions/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
+    "node_modules/mdast-util-definitions/node_modules/unist-util-is": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-5.2.1.tgz",
+      "integrity": "sha512-u9njyyfEh43npf1M+yGKDGVPbY/JWEemg5nH05ncKPfi+kBbKBJoTdsogMu33uhytuLlv9y0O7GH7fEdwLdLQw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-definitions/node_modules/unist-util-visit": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-4.1.2.tgz",
+      "integrity": "sha512-MSd8OUGISqHdVvfY9TPhyK2VdUrPgxkUtWSuMHF6XAAFuL4LokseigBnZtPnJMu+FbynTkFNnFlyjxpVKujMRg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0",
+        "unist-util-visit-parents": "^5.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-definitions/node_modules/unist-util-visit-parents": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-5.1.3.tgz",
+      "integrity": "sha512-x6+y8g7wWMyQhL1iZfhIPhDAs7Xwbn9nRosDXl7qoPTSCy0yNxnKc+hWokFifWQIDGi154rdUqKvbCa4+1kLhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "unist-util-is": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mdast-util-find-and-replace": {
       "version": "3.0.2",
       "resolved": "https://registry.npmmirror.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
@@ -6407,15 +9391,6 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/mermaid": {
       "version": "11.15.0",
       "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
@@ -6496,22 +9471,93 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "decode-named-character-reference": "^1.0.0",
-        "devlop": "^1.0.0",
-        "micromark-factory-destination": "^2.0.0",
-        "micromark-factory-label": "^2.0.0",
-        "micromark-factory-space": "^2.0.0",
-        "micromark-factory-title": "^2.0.0",
-        "micromark-factory-whitespace": "^2.0.0",
-        "micromark-util-character": "^2.0.0",
-        "micromark-util-chunked": "^2.0.0",
-        "micromark-util-classify-character": "^2.0.0",
-        "micromark-util-html-tag-name": "^2.0.0",
-        "micromark-util-normalize-identifier": "^2.0.0",
-        "micromark-util-resolve-all": "^2.0.0",
-        "micromark-util-subtokenize": "^2.0.0",
-        "micromark-util-symbol": "^2.0.0",
-        "micromark-util-types": "^2.0.0"
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-cjk-friendly": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/micromark-extension-cjk-friendly/-/micromark-extension-cjk-friendly-1.2.3.tgz",
+      "integrity": "sha512-gRzVLUdjXBLX6zNPSnHGDoo+ZTp5zy+MZm0g3sv+3chPXY7l9gW+DnrcHcZh/jiPR6MjPKO4AEJNp4Aw6V9z5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.1.0",
+        "micromark-extension-cjk-friendly-util": "2.1.1",
+        "micromark-util-chunked": "^2.0.1",
+        "micromark-util-resolve-all": "^2.0.1",
+        "micromark-util-symbol": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "micromark": "^4.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "micromark-util-types": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/micromark-extension-cjk-friendly-gfm-strikethrough": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/micromark-extension-cjk-friendly-gfm-strikethrough/-/micromark-extension-cjk-friendly-gfm-strikethrough-1.2.3.tgz",
+      "integrity": "sha512-gSPnxgHDDqXYOBvQRq6lerrq9mjDhdtKn+7XETuXjxWcL62yZEfUdA28Ml1I2vDIPfAOIKLa0h2XDSGkInGHFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.1.0",
+        "get-east-asian-width": "^1.3.0",
+        "micromark-extension-cjk-friendly-util": "2.1.1",
+        "micromark-util-character": "^2.1.1",
+        "micromark-util-chunked": "^2.0.1",
+        "micromark-util-resolve-all": "^2.0.1",
+        "micromark-util-symbol": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "micromark": "^4.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "micromark-util-types": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/micromark-extension-cjk-friendly-util": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-cjk-friendly-util/-/micromark-extension-cjk-friendly-util-2.1.1.tgz",
+      "integrity": "sha512-egs6+12JU2yutskHY55FyR48ZiEcFOJFyk9rsiyIhcJ6IvWB6ABBqVrBw8IobqJTDZ/wdSr9eoXDPb5S2nW1bg==",
+      "license": "MIT",
+      "dependencies": {
+        "get-east-asian-width": "^1.3.0",
+        "micromark-util-character": "^2.1.1",
+        "micromark-util-symbol": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependenciesMeta": {
+        "micromark-util-types": {
+          "optional": true
+        }
       }
     },
     "node_modules/micromark-extension-gfm": {
@@ -7027,19 +10073,6 @@
       ],
       "license": "MIT"
     },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmmirror.com/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "license": "MIT",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
     "node_modules/minimatch": {
       "version": "3.1.5",
       "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.5.tgz",
@@ -7080,27 +10113,25 @@
       "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
       "license": "MIT"
     },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
       "license": "MIT"
     },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
     "node_modules/nanoid": {
-      "version": "3.3.12",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
-      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
       "funding": [
         {
           "type": "github",
@@ -7122,6 +10153,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/node-releases": {
       "version": "2.0.36",
       "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.36.tgz",
@@ -7129,15 +10180,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
@@ -7147,15 +10189,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmmirror.com/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/obug": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.1.tgz",
@@ -7167,6 +10200,23 @@
       ],
       "license": "MIT"
     },
+    "node_modules/oniguruma-parser": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/oniguruma-parser/-/oniguruma-parser-0.12.2.tgz",
+      "integrity": "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==",
+      "license": "MIT"
+    },
+    "node_modules/oniguruma-to-es": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/oniguruma-to-es/-/oniguruma-to-es-4.3.6.tgz",
+      "integrity": "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==",
+      "license": "MIT",
+      "dependencies": {
+        "oniguruma-parser": "^0.12.2",
+        "regex": "^6.1.0",
+        "regex-recursion": "^6.0.2"
+      }
+    },
     "node_modules/open": {
       "version": "11.0.0",
       "resolved": "https://registry.npmjs.org/open/-/open-11.0.0.tgz",
@@ -7294,6 +10344,12 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/partial-json": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/partial-json/-/partial-json-0.1.7.tgz",
+      "integrity": "sha512-Njv/59hHaokb/hRUjce3Hdv12wd60MtM9Z5Olmn+nehe0QDAsRtRbJPvJ0Z91TusF0SuZRIvnM+S4l6EIP8leA==",
+      "license": "MIT"
+    },
     "node_modules/path-data-parser": {
       "version": "0.1.0",
       "resolved": "https://registry.npmmirror.com/path-data-parser/-/path-data-parser-0.1.0.tgz",
@@ -7320,45 +10376,24 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "license": "MIT"
-    },
     "node_modules/pathe": {
       "version": "2.0.3",
       "resolved": "https://registry.npmmirror.com/pathe/-/pathe-2.0.3.tgz",
       "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
       "license": "MIT"
     },
+    "node_modules/phoenix": {
+      "version": "1.8.9",
+      "resolved": "https://registry.npmjs.org/phoenix/-/phoenix-1.8.9.tgz",
+      "integrity": "sha512-/2qzAZB3P2s08fFAYaG65lqaNFmVXUSlXdY4/JDdDKIC81y2cFWkPwI8gycy4VLpv197JwZ5PpBf3VhoG32yGA==",
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
       "license": "ISC"
     },
-    "node_modules/picomatch": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.2.tgz",
-      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/pirates": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmmirror.com/pirates/-/pirates-4.0.7.tgz",
-      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/pkg-types": {
       "version": "1.3.1",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.3.1.tgz",
@@ -7370,6 +10405,53 @@
         "pathe": "^2.0.1"
       }
     },
+    "node_modules/playwright": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz",
+      "integrity": "sha512-DWnY5o3YbLWK4GovuAVwpqL+1VwGNdUGrRr++8j8PtQQzvAVZUIMjKQ90fY689sEJZJBbZVw1rXaOKSTitkzPQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "playwright-core": "1.61.1"
+      },
+      "bin": {
+        "playwright": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "fsevents": "2.3.2"
+      }
+    },
+    "node_modules/playwright-core": {
+      "version": "1.61.1",
+      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.61.1.tgz",
+      "integrity": "sha512-h7Qlt6m4REp25qvIdvbDtVmD4LqVXfpRxhORv9L0jzETM05p4fuPJ3dKyuSXQxDSbXnmS79HAgi9589lGSpLkg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "playwright-core": "cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/playwright/node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
     "node_modules/points-on-curve": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/points-on-curve/-/points-on-curve-0.2.0.tgz",
@@ -7387,9 +10469,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.15",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
-      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "version": "8.5.22",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.22.tgz",
+      "integrity": "sha512-KBDEIpLrvpv16pp3K0Fw+UCoZfopFjjgeB+0tA/aaThfEE74kKDLrgg603YvOWJyg3+WYtyq3xYsQWsIyZlPqQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -7406,7 +10488,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.12",
+        "nanoid": "^3.3.16",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -7414,128 +10496,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmmirror.com/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-js": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmmirror.com/postcss-js/-/postcss-js-4.1.0.tgz",
-      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >= 16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
-      }
-    },
-    "node_modules/postcss-load-config": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmmirror.com/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
-      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "lilconfig": "^3.1.1"
-      },
-      "engines": {
-        "node": ">= 18"
-      },
-      "peerDependencies": {
-        "jiti": ">=1.21.0",
-        "postcss": ">=8.0.9",
-        "tsx": "^4.8.1",
-        "yaml": "^2.4.2"
-      },
-      "peerDependenciesMeta": {
-        "jiti": {
-          "optional": true
-        },
-        "postcss": {
-          "optional": true
-        },
-        "tsx": {
-          "optional": true
-        },
-        "yaml": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmmirror.com/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
-      },
-      "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
-      }
-    },
-    "node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/postcss-selector-parser": {
       "version": "6.0.10",
       "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
@@ -7553,6 +10513,7 @@
       "version": "4.2.0",
       "resolved": "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/powershell-utils": {
@@ -7587,6 +10548,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
     "node_modules/property-information": {
       "version": "7.1.0",
       "resolved": "https://registry.npmmirror.com/property-information/-/property-information-7.1.0.tgz",
@@ -7607,26 +10585,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
     "node_modules/react": {
       "version": "19.2.4",
       "resolved": "https://registry.npmmirror.com/react/-/react-19.2.4.tgz",
@@ -7648,6 +10606,12 @@
         "react": "^19.2.4"
       }
     },
+    "node_modules/react-is": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
+      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
+      "license": "MIT"
+    },
     "node_modules/react-markdown": {
       "version": "10.1.0",
       "resolved": "https://registry.npmmirror.com/react-markdown/-/react-markdown-10.1.0.tgz",
@@ -7764,36 +10728,6 @@
         "react": ">= 0.14.0"
       }
     },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "license": "MIT",
-      "dependencies": {
-        "pify": "^2.3.0"
-      }
-    },
-    "node_modules/read-cache/node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmmirror.com/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmmirror.com/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
     "node_modules/refractor": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/refractor/-/refractor-5.0.0.tgz",
@@ -7810,6 +10744,39 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/regex": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/regex/-/regex-6.1.0.tgz",
+      "integrity": "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-recursion": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/regex-recursion/-/regex-recursion-6.0.2.tgz",
+      "integrity": "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==",
+      "license": "MIT",
+      "dependencies": {
+        "regex-utilities": "^2.3.0"
+      }
+    },
+    "node_modules/regex-utilities": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/regex-utilities/-/regex-utilities-2.3.0.tgz",
+      "integrity": "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==",
+      "license": "MIT"
+    },
+    "node_modules/rehype-harden": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/rehype-harden/-/rehype-harden-1.1.8.tgz",
+      "integrity": "sha512-Qn7vR1xrf6fZCrkm9TDWi/AB4ylrHy+jqsNm1EHOAmbARYA6gsnVJBq/sdBh6kmT4NEZxH5vgIjrscefJAOXcw==",
+      "license": "MIT",
+      "dependencies": {
+        "unist-util-visit": "^5.0.0"
+      }
+    },
     "node_modules/rehype-katex": {
       "version": "7.0.1",
       "resolved": "https://registry.npmmirror.com/rehype-katex/-/rehype-katex-7.0.1.tgz",
@@ -7829,6 +10796,77 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/rehype-raw": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-raw/-/rehype-raw-7.0.0.tgz",
+      "integrity": "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-raw": "^9.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/rehype-sanitize": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/rehype-sanitize/-/rehype-sanitize-6.0.0.tgz",
+      "integrity": "sha512-CsnhKNsyI8Tub6L4sm5ZFsme4puGfc6pYylvXo1AeqaGbjOYyzNv3qZPwvs0oMJ39eryyeOdmxwUIo94IpEhqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "hast-util-sanitize": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-cjk-friendly": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/remark-cjk-friendly/-/remark-cjk-friendly-1.2.3.tgz",
+      "integrity": "sha512-UvAgxwlNk+l9Oqgl/9MWK2eWRS7zgBW/nXX9AthV7nd/3lNejF138E7Xbmk9Zs4WjTJGs721r7fAEc7tNFoH7g==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-cjk-friendly": "1.2.3"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "@types/mdast": "^4.0.0",
+        "unified": "^11.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/mdast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/remark-cjk-friendly-gfm-strikethrough": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/remark-cjk-friendly-gfm-strikethrough/-/remark-cjk-friendly-gfm-strikethrough-1.2.3.tgz",
+      "integrity": "sha512-bXfMZtsaomK6ysNN/UGRIcasQAYkC10NtPmP0oOHOV8YOhA2TXmwRXCku4qOzjIFxAPfish5+XS0eIug2PzNZA==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-cjk-friendly-gfm-strikethrough": "1.2.3"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "@types/mdast": "^4.0.0",
+        "unified": "^11.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/mdast": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/remark-gfm": {
       "version": "4.0.1",
       "resolved": "https://registry.npmmirror.com/remark-gfm/-/remark-gfm-4.0.1.tgz",
@@ -7911,25 +10949,11 @@
         "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.16.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
+    "node_modules/remend": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/remend/-/remend-1.0.1.tgz",
+      "integrity": "sha512-152puVH0qMoRJQFnaMG+rVDdf01Jq/CaED+MBuXExurJgdbkLp0c3TIe4R12o28Klx8uyGsjvFNG05aFG69G9w==",
+      "license": "Apache-2.0"
     },
     "node_modules/resolve-from": {
       "version": "4.0.0",
@@ -7941,16 +10965,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/reusify": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.1.0.tgz",
-      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
-      "license": "MIT",
-      "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/robust-predicates": {
       "version": "3.0.3",
       "resolved": "https://registry.npmmirror.com/robust-predicates/-/robust-predicates-3.0.3.tgz",
@@ -8067,35 +11081,33 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "queue-microtask": "^1.2.2"
-      }
-    },
     "node_modules/rw": {
       "version": "1.3.3",
       "resolved": "https://registry.npmmirror.com/rw/-/rw-1.3.3.tgz",
       "integrity": "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==",
       "license": "BSD-3-Clause"
     },
+    "node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/sade": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/sade/-/sade-1.8.1.tgz",
+      "integrity": "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==",
+      "license": "MIT",
+      "dependencies": {
+        "mri": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
@@ -8141,6 +11153,22 @@
         "node": ">=8"
       }
     },
+    "node_modules/shiki": {
+      "version": "3.23.0",
+      "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.23.0.tgz",
+      "integrity": "sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==",
+      "license": "MIT",
+      "dependencies": {
+        "@shikijs/core": "3.23.0",
+        "@shikijs/engine-javascript": "3.23.0",
+        "@shikijs/engine-oniguruma": "3.23.0",
+        "@shikijs/langs": "3.23.0",
+        "@shikijs/themes": "3.23.0",
+        "@shikijs/types": "3.23.0",
+        "@shikijs/vscode-textmate": "^10.0.2",
+        "@types/hast": "^3.0.4"
+      }
+    },
     "node_modules/siginfo": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/siginfo/-/siginfo-2.0.0.tgz",
@@ -8191,6 +11219,49 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/streamdown": {
+      "version": "1.6.11",
+      "resolved": "https://registry.npmjs.org/streamdown/-/streamdown-1.6.11.tgz",
+      "integrity": "sha512-Y38fwRx5kCKTluwM+Gf27jbbi9q6Qy+WC9YrC1YbCpMkktT3PsRBJHMWiqYeF8y/JzLpB1IzDoeaB6qkQEDnAA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1",
+        "hast": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.3.6",
+        "html-url-attributes": "^3.0.1",
+        "katex": "^0.16.22",
+        "lucide-react": "^0.542.0",
+        "marked": "^16.2.1",
+        "mermaid": "^11.11.0",
+        "rehype-harden": "^1.1.6",
+        "rehype-katex": "^7.0.1",
+        "rehype-raw": "^7.0.0",
+        "rehype-sanitize": "^6.0.0",
+        "remark-cjk-friendly": "^1.2.3",
+        "remark-cjk-friendly-gfm-strikethrough": "^1.2.3",
+        "remark-gfm": "^4.0.1",
+        "remark-math": "^6.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.1.2",
+        "remend": "1.0.1",
+        "shiki": "^3.12.2",
+        "tailwind-merge": "^3.3.1",
+        "unified": "^11.0.5",
+        "unist-util-visit": "^5.0.0"
+      },
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/streamdown/node_modules/lucide-react": {
+      "version": "0.542.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.542.0.tgz",
+      "integrity": "sha512-w3hD8/SQB7+lzU2r4VdFyzzOzKnUjTZIF/MQJGSSvni7Llewni4vuViRppfRAa2guOsY5k4jZyxw/i9DQHv+dw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",
@@ -8282,33 +11353,10 @@
       "integrity": "sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==",
       "license": "MIT"
     },
-    "node_modules/sucrase": {
-      "version": "3.35.1",
-      "resolved": "https://registry.npmmirror.com/sucrase/-/sucrase-3.35.1.tgz",
-      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "tinyglobby": "^0.2.11",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -8317,18 +11365,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/tailwind-merge": {
       "version": "3.5.0",
       "resolved": "https://registry.npmmirror.com/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
@@ -8340,41 +11376,10 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.19",
-      "resolved": "https://registry.npmmirror.com/tailwindcss/-/tailwindcss-3.4.19.tgz",
-      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
-      "license": "MIT",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.7",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz",
+      "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==",
+      "license": "MIT"
     },
     "node_modules/tailwindcss-animate": {
       "version": "1.0.7",
@@ -8385,38 +11390,17 @@
         "tailwindcss": ">=3.0.0 || insiders"
       }
     },
-    "node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
       "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
       "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmmirror.com/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
-      "dependencies": {
-        "any-promise": "^1.0.0"
-      }
-    },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmmirror.com/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
+        "node": ">=6"
       },
-      "engines": {
-        "node": ">=0.8"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
       }
     },
     "node_modules/tinybench": {
@@ -8439,6 +11423,7 @@
       "version": "0.2.16",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
       "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "fdir": "^6.5.0",
@@ -8455,6 +11440,7 @@
       "version": "6.5.0",
       "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
       "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12.0.0"
@@ -8472,6 +11458,7 @@
       "version": "4.0.4",
       "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
       "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -8490,17 +11477,11 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
     },
     "node_modules/trim-lines": {
       "version": "3.0.1",
@@ -8544,18 +11525,21 @@
         "node": ">=6.10"
       }
     },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmmirror.com/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
-    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/type-check/-/type-check-0.4.0.tgz",
@@ -8653,6 +11637,16 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/unist-util-generated": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-generated/-/unist-util-generated-2.0.1.tgz",
+      "integrity": "sha512-qF72kLmPxAw0oN2fwpWIqbXAVyEqUzDHMsbtPvOudIlUzXYFIeQIuxXQCRCFh22B7cixvU0MG7m3MW8FTq/S+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/unist-util-is": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/unist-util-is/-/unist-util-is-6.0.1.tgz",
@@ -8735,6 +11729,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/untruncate-json": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/untruncate-json/-/untruncate-json-0.0.1.tgz",
+      "integrity": "sha512-4W9enDK4X1y1s2S/Rz7ysw6kDuMS3VmRjMFg7GZrNO+98OSe+x5Lh7PKYoVjy3lW/1wmhs6HW0lusnQRHgMarA==",
+      "license": "MIT"
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
@@ -8776,6 +11776,20 @@
         "punycode": "^2.1.0"
       }
     },
+    "node_modules/urql": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/urql/-/urql-4.2.2.tgz",
+      "integrity": "sha512-3GgqNa6iF7bC4hY/ImJKN4REQILcSU9VKcKL8gfELZM8mM5BnLH1BsCc8kBdnVGD1LIFOs4W3O2idNHhON1r0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@urql/core": "^5.1.1",
+        "wonka": "^6.3.2"
+      },
+      "peerDependencies": {
+        "@urql/core": "^5.0.0",
+        "react": ">= 16.8.0"
+      }
+    },
     "node_modules/use-callback-ref": {
       "version": "1.3.3",
       "resolved": "https://registry.npmmirror.com/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
@@ -8819,6 +11833,21 @@
         }
       }
     },
+    "node_modules/use-stick-to-bottom": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/use-stick-to-bottom/-/use-stick-to-bottom-1.1.6.tgz",
+      "integrity": "sha512-z3Up8jYQGTkUCsGBnwg6/wj70KgXoW5Kz1AAc1j8MtQuYMBo6ZsdhrIXoegxa7gaMMilgQYyTohTrt3p94jHog==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/samdenty"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/use-sync-external-store": {
       "version": "1.6.0",
       "resolved": "https://registry.npmmirror.com/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
@@ -8847,6 +11876,24 @@
         "uuid": "dist-node/bin/uuid"
       }
     },
+    "node_modules/uvu": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/uvu/-/uvu-0.5.6.tgz",
+      "integrity": "sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0",
+        "diff": "^5.0.0",
+        "kleur": "^4.0.3",
+        "sade": "^1.7.3"
+      },
+      "bin": {
+        "uvu": "bin.js"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmmirror.com/vfile/-/vfile-6.0.3.tgz",
@@ -9099,6 +12146,22 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmmirror.com/which/-/which-2.0.2.tgz",
@@ -9132,6 +12195,12 @@
         "node": ">=8"
       }
     },
+    "node_modules/wonka": {
+      "version": "6.3.6",
+      "resolved": "https://registry.npmjs.org/wonka/-/wonka-6.3.6.tgz",
+      "integrity": "sha512-MXH+6mDHAZ2GuMpgKS055FR6v0xVP3XwquxIMYXgiW+FejHQlMGlvVRZT4qMCxR+bEo/FCtIdKxwej9WV3YQag==",
+      "license": "MIT"
+    },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmmirror.com/word-wrap/-/word-wrap-1.2.5.tgz",
@@ -9249,15 +12318,23 @@
       }
     },
     "node_modules/zod": {
-      "version": "4.3.6",
-      "resolved": "https://registry.npmmirror.com/zod/-/zod-4.3.6.tgz",
-      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
-      "dev": true,
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
+      "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
     },
+    "node_modules/zod-to-json-schema": {
+      "version": "3.25.2",
+      "resolved": "https://registry.npmjs.org/zod-to-json-schema/-/zod-to-json-schema-3.25.2.tgz",
+      "integrity": "sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "zod": "^3.25.28 || ^4"
+      }
+    },
     "node_modules/zod-validation-error": {
       "version": "4.0.2",
       "resolved": "https://registry.npmmirror.com/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
diff --git a/package.json b/package.json
index 7a6722b..2f1aa22 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "preview": "vite preview",
     "test": "vitest run src",
     "test:watch": "vitest src",
+    "test:e2e:agui": "playwright test --config playwright.agui.config.mjs",
     "build:ksadk": "VITE_BASE_PATH=./ vite build --outDir dist-ksadk"
   },
   "exports": {
@@ -57,6 +58,7 @@
     "react-dom": "^19.2.4"
   },
   "dependencies": {
+    "@ag-ui/client": "0.0.57",
     "@codemirror/autocomplete": "^6.20.2",
     "@codemirror/commands": "^6.10.3",
     "@codemirror/language": "^6.12.3",
@@ -65,6 +67,8 @@
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.0",
+    "@copilotkit/a2ui-renderer": "^1.63.1",
+    "@copilotkit/react-core": "^1.63.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -73,7 +77,8 @@
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
-    "@tailwindcss/typography": "^0.5.19",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/typography": "^0.5.20",
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "class-variance-authority": "^0.7.1",
@@ -92,10 +97,12 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "uuid": "^13.0.0",
+    "zod": "^4.4.3",
     "zustand": "^5.0.13"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",
+    "@playwright/test": "^1.61.1",
     "@types/katex": "^0.16.8",
     "@types/node": "^24.12.0",
     "@types/react": "^19.2.14",
@@ -112,7 +119,7 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "rollup-plugin-visualizer": "^7.0.1",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^4.3.3",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.57.0",
     "vite": "^8.0.1",
diff --git a/postcss.config.js b/postcss.config.js
index 2e7af2b..14502dc 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 export default {
   plugins: {
-    tailwindcss: {},
+    "@tailwindcss/postcss": {},
     autoprefixer: {},
   },
 }
diff --git a/src/App.tsx b/src/App.tsx
index 1d37ebe..f5325f5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -134,7 +134,14 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
   const selectedModelMetadata =
     availableModels.find((model) => model.id === selectedModel) || null;
 
-  const { submitDraft, stopGeneration, disconnectRun, resumeCheckpoint } = useRunAgent({
+  const {
+    submitDraft,
+    stopGeneration,
+    disconnectRun,
+    resumeCheckpoint,
+    submitAguiAction,
+    respondToAguiApproval,
+  } = useRunAgent({
     agentId,
     currentSessionId,
     agentFramework,
@@ -358,6 +365,8 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
               onDeleteFeedback={deleteResponseFeedback}
               onSubmitFeedback={submitResponseFeedback}
               onRespondToApproval={respondToApproval}
+              onRespondToAguiApproval={respondToAguiApproval}
+              onSubmitAguiAction={submitAguiAction}
               onStopGeneration={handleStopGeneration}
               onCancelRemote={uiCapabilities.StopRun ? handleCancelRemote : undefined}
               checkpointResumeEnabled={
diff --git a/src/__tests__/agui-run-client.test.ts b/src/__tests__/agui-run-client.test.ts
new file mode 100644
index 0000000..708ccd1
--- /dev/null
+++ b/src/__tests__/agui-run-client.test.ts
@@ -0,0 +1,196 @@
+import { describe, expect, it, vi } from 'vitest';
+import { AguiRunClient } from '../core/run/agui.js';
+import type { RunEvent } from '../core/run/types.js';
+
+function sse(events: Array<Record<string, unknown>>): Response {
+  const body = events.map((event) => `data: ${JSON.stringify(event)}\n\n`).join('');
+  return new Response(body, {
+    status: 200,
+    headers: { 'content-type': 'text/event-stream' },
+  });
+}
+
+describe('AguiRunClient', () => {
+  it('uses HttpAgent and projects official text, tool, reasoning, and activity events', async () => {
+    const calls: Array<{ url: string; body: Record<string, unknown> }> = [];
+    const fetchMock = vi.fn(async (url: string, init: RequestInit) => {
+      calls.push({ url, body: JSON.parse(String(init.body)) as Record<string, unknown> });
+      return sse([
+        { type: 'RUN_STARTED', threadId: 'session-1', runId: 'run-1' },
+        { type: 'REASONING_MESSAGE_CONTENT', messageId: 'reasoning-1', delta: 'plan' },
+        { type: 'TEXT_MESSAGE_START', messageId: 'message-1', role: 'assistant' },
+        { type: 'TEXT_MESSAGE_CONTENT', messageId: 'message-1', delta: 'hello' },
+        { type: 'TOOL_CALL_START', toolCallId: 'tool-1', toolCallName: 'lookup' },
+        { type: 'TOOL_CALL_ARGS', toolCallId: 'tool-1', delta: '{"q":"x"}' },
+        { type: 'TOOL_CALL_END', toolCallId: 'tool-1' },
+        { type: 'TOOL_CALL_RESULT', messageId: 'tool-result-1', toolCallId: 'tool-1', content: 'ok', role: 'tool' },
+        {
+          type: 'ACTIVITY_SNAPSHOT',
+          messageId: 'surface-1',
+          activityType: 'a2ui-surface',
+          content: {
+            surfaceId: 'surface-1',
+            a2ui_operations: [
+              { createSurface: { surfaceId: 'surface-1' } },
+              {
+                updateComponents: {
+                  surfaceId: 'surface-1',
+                  components: [{ id: 'surface-1-root', component: 'Column', children: [] }],
+                },
+              },
+            ],
+          },
+        },
+        { type: 'TEXT_MESSAGE_END', messageId: 'message-1' },
+        { type: 'RUN_FINISHED', threadId: 'session-1', runId: 'run-1', outcome: { type: 'success' } },
+      ]);
+    });
+    const projected: RunEvent[] = [];
+    const client = new AguiRunClient({
+      url: '/agentengine/agui',
+      agentId: 'agent-1',
+      threadId: 'session-1',
+      fetch: fetchMock,
+      onEvent: (event) => projected.push(event),
+    });
+
+    const result = await client.run('hello', 'run-1');
+
+    expect(result.status).toBe('completed');
+    expect(calls).toHaveLength(1);
+    expect(calls[0].url).toBe('/agentengine/agui');
+    expect(calls[0].body).toMatchObject({
+      threadId: 'session-1',
+      runId: 'run-1',
+      forwardedProps: { injectA2UITool: true },
+    });
+    expect(projected).toContainEqual({ type: 'text_delta', messageId: 'message-1', delta: 'hello' });
+    expect(projected).toContainEqual({ type: 'reasoning_delta', messageId: 'reasoning-1', delta: 'plan' });
+    expect(projected).toContainEqual({ type: 'tool_result', messageId: 'message-1', name: 'lookup', output: 'ok' });
+    expect(projected).toContainEqual({
+      type: 'agui_activity',
+      messageId: 'message-1',
+      surfaceId: 'surface-1',
+      messages: [
+        { createSurface: { surfaceId: 'surface-1' } },
+        {
+          updateComponents: {
+            surfaceId: 'surface-1',
+            components: [{ id: 'root', component: 'Column', children: [] }],
+          },
+        },
+      ],
+    });
+  });
+
+  it('builds the official resume array for the pending interrupt', async () => {
+    const requestBodies: Array<Record<string, unknown>> = [];
+    const projected: RunEvent[] = [];
+    const responses = [
+      sse([
+        { type: 'RUN_STARTED', threadId: 'session-1', runId: 'run-1' },
+        {
+          type: 'RUN_FINISHED',
+          threadId: 'session-1',
+          runId: 'run-1',
+          outcome: {
+            type: 'interrupt',
+            interrupts: [{
+              id: 'approval-1',
+              reason: 'approval',
+              message: 'Approve writing the file?',
+              toolCallId: 'tool-1',
+              metadata: {
+                tool_name: 'write_file',
+                arguments: { path: '/tmp/x.txt' },
+                approval_level: 'elevated',
+              },
+            }],
+          },
+        },
+      ]),
+      sse([
+        { type: 'RUN_STARTED', threadId: 'session-1', runId: 'run-2' },
+        { type: 'RUN_FINISHED', threadId: 'session-1', runId: 'run-2', outcome: { type: 'success' } },
+      ]),
+    ];
+    const fetchMock = vi.fn(async (_url: string, init: RequestInit) => {
+      requestBodies.push(JSON.parse(String(init.body)) as Record<string, unknown>);
+      return responses.shift()!;
+    });
+    const client = new AguiRunClient({
+      url: '/agentengine/agui',
+      agentId: 'agent-1',
+      threadId: 'session-1',
+      fetch: fetchMock,
+      onEvent: (event) => projected.push(event),
+    });
+
+    expect((await client.run('run command', 'run-1')).status).toBe('interrupted');
+    expect(projected).toContainEqual({
+      type: 'approval_requested',
+      messageId: 'run-1:assistant',
+      approvalRequestId: 'approval-1',
+      protocol: 'ag-ui',
+      name: 'write_file',
+      args: '{\n  "path": "/tmp/x.txt"\n}',
+      message: 'Approve writing the file?',
+      approvalLevel: 'elevated',
+    });
+    expect((await client.resume('run-2', {
+      interruptId: 'approval-1',
+      status: 'resolved',
+      payload: { decision: 'approve' },
+    })).status).toBe('completed');
+
+    expect(requestBodies[1]).toMatchObject({
+      threadId: 'session-1',
+      runId: 'run-2',
+      resume: [{
+        interruptId: 'approval-1',
+        status: 'resolved',
+        payload: { decision: 'approve' },
+      }],
+    });
+    expect(requestBodies[0].context).toEqual(expect.arrayContaining([
+      expect.objectContaining({
+        description: expect.stringContaining('A2UI Component Schema'),
+        value: expect.stringContaining('https://a2ui.org/specification/v0_9/basic_catalog.json'),
+      }),
+    ]));
+  });
+
+  it('resumes a durable interrupt after the page is rehydrated', async () => {
+    const requestBodies: Array<Record<string, unknown>> = [];
+    const fetchMock = vi.fn(async (_url: string, init: RequestInit) => {
+      requestBodies.push(JSON.parse(String(init.body)) as Record<string, unknown>);
+      return sse([
+        { type: 'RUN_STARTED', threadId: 'session-1', runId: 'run-resume' },
+        { type: 'RUN_FINISHED', threadId: 'session-1', runId: 'run-resume', outcome: { type: 'success' } },
+      ]);
+    });
+    const client = new AguiRunClient({
+      url: '/agentengine/agui',
+      agentId: 'agent-1',
+      threadId: 'session-1',
+      fetch: fetchMock,
+      onEvent: () => {},
+    });
+
+    await expect(client.resume('run-resume', {
+      interruptId: 'approval-durable-1',
+      status: 'resolved',
+      payload: { decision: 'approve' },
+    })).resolves.toMatchObject({ status: 'completed' });
+
+    expect(requestBodies[0]).toMatchObject({
+      threadId: 'session-1',
+      runId: 'run-resume',
+      resume: [{
+        interruptId: 'approval-durable-1',
+        status: 'resolved',
+        payload: { decision: 'approve' },
+      }],
+    });
+  });
+});
diff --git a/src/__tests__/agui-transport.test.ts b/src/__tests__/agui-transport.test.ts
new file mode 100644
index 0000000..b63e606
--- /dev/null
+++ b/src/__tests__/agui-transport.test.ts
@@ -0,0 +1,60 @@
+import { describe, expect, it } from 'vitest';
+import {
+  normalizeCapabilities,
+  resolveHostedChatTransport,
+} from '../utils/capabilities.js';
+
+const responses = {
+  Protocol: 'responses',
+  Runtime: 'ksadk',
+  Endpoint: '/v1/responses',
+  Version: 'v1',
+  Capabilities: { A2UI: false, Interrupt: true, Cancel: true },
+};
+
+const agui = {
+  Protocol: 'ag-ui',
+  Runtime: 'copilotkit',
+  Endpoint: '/agentengine/agui',
+  Version: '0.1.19',
+  Capabilities: { A2UI: true, Interrupt: true, Cancel: true },
+};
+
+describe('HostedChat transport selection', () => {
+  it('selects advertised AG-UI without guessing from framework', () => {
+    const capabilities = normalizeCapabilities({
+      Data: {
+        Agent: { Framework: 'custom-framework' },
+        HostedChat: { PreferredTransport: 'ag-ui', Transports: [agui, responses] },
+        Capabilities: { HostedChat: { Enabled: true } },
+      },
+    });
+
+    expect(resolveHostedChatTransport(capabilities)).toMatchObject(agui);
+  });
+
+  it('falls back to Responses when AG-UI is absent or malformed', () => {
+    const capabilities = normalizeCapabilities({
+      Data: {
+        HostedChat: {
+          PreferredTransport: 'ag-ui',
+          Transports: [{ ...agui, Endpoint: 'not-an-app-path' }, responses],
+        },
+        Capabilities: { HostedChat: { Enabled: true } },
+      },
+    });
+
+    expect(resolveHostedChatTransport(capabilities)).toMatchObject(responses);
+  });
+
+  it('keeps legacy bootstrap responses-compatible', () => {
+    const capabilities = normalizeCapabilities({
+      Data: { Agent: { Framework: 'langgraph' }, Capabilities: {} },
+    });
+
+    expect(resolveHostedChatTransport(capabilities)).toMatchObject({
+      Protocol: 'responses',
+      Endpoint: '/v1/responses',
+    });
+  });
+});
diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index afaf540..0b7a197 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -77,11 +77,20 @@ describe('chat message list contracts', () => {
     expect(source).toContain('group-open/details:rotate-180');
     expect(source).toContain('max-h-[min(46vh,28rem)]');
     expect(source).toContain('custom-scrollbar');
-    expect(source).toContain('border-emerald-200/70');
+    expect(source).toContain('border-slate-200/80');
     expect(source).toContain('生成中');
     expect(source).toContain('leading-7');
   });
 
+  it('remeasures virtual rows when expandable content changes height', () => {
+    const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatMessageList.tsx'), 'utf8');
+
+    expect(source).toContain('new ResizeObserver(measure)');
+    expect(source).toContain('observer.observe(node)');
+    expect(source).toContain('observer.disconnect()');
+    expect(source).toContain('scroller.scrollTop += height - previousHeight');
+  });
+
   it('virtualizes long message transcripts instead of mapping the full list directly', () => {
     const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatMessageList.tsx'), 'utf8');
 
@@ -192,4 +201,14 @@ describe('chat message list contracts', () => {
     // run 结束后 shouldReloadSession 重新 loadSession 拿最终消息。
     expect(lifecycleSource).toContain('重连期间不覆盖消息列表');
   });
+
+  it('keeps an initial transcript load distinct from an actually empty session', () => {
+    const connectedSource = readFileSync(resolve(repoRoot, 'src/components/chat/ConnectedMessageList.tsx'), 'utf8');
+    const listSource = readFileSync(resolve(repoRoot, 'src/components/chat/ChatMessageList.tsx'), 'utf8');
+
+    expect(connectedSource).toContain('isLoadingSessions');
+    expect(connectedSource).toContain('isLoadingInitialHistory');
+    expect(listSource).toContain('InitialHistorySkeleton');
+    expect(listSource).toContain('messages.length === 0 && isLoadingInitialHistory');
+  });
 });
diff --git a/src/__tests__/messages-mapper.test.ts b/src/__tests__/messages-mapper.test.ts
index 08f327b..9676657 100644
--- a/src/__tests__/messages-mapper.test.ts
+++ b/src/__tests__/messages-mapper.test.ts
@@ -75,6 +75,31 @@ describe('mapBackendMessage', () => {
     expect(result.tools.send_email.status).toBe('paused');
     expect(result.tools.send_email.approvalRequestId).toBe('apr-1');
     expect(result.tools.send_email.approvalStatus).toBe('pending');
+    expect(result.tools.send_email.approvalProtocol).toBe('responses');
+  });
+
+  it('preserves AG-UI protocol for replayed approval events', () => {
+    const msg = {
+      Role: 'assistant',
+      Content: { text: '' },
+      ToolEvents: [
+        {
+          Name: 'run_command',
+          Status: 'approved',
+          ApprovalRequestId: 'interrupt-1',
+          Protocol: 'ag-ui',
+          ApprovalLevel: 'elevated',
+          ApprovalMessage: '运行此高风险命令前需要确认。',
+        },
+      ],
+    } as BackendMessage;
+
+    const result = mapBackendMessage(msg);
+
+    expect(result.tools.run_command.approvalStatus).toBe('approved');
+    expect(result.tools.run_command.approvalProtocol).toBe('ag-ui');
+    expect(result.tools.run_command.approvalLevel).toBe('elevated');
+    expect(result.tools.run_command.approvalMessage).toBe('运行此高风险命令前需要确认。');
   });
 
   it('maps denied approval to rejected', () => {
@@ -97,4 +122,49 @@ describe('mapBackendMessage', () => {
     expect(result[0].role).toBe('user');
     expect(result[1].role).toBe('model');
   });
+
+  it('rehydrates persisted A2UI operations as an activity message', () => {
+    const result = mapBackendMessages([{
+      MessageId: 'assistant-1',
+      Role: 'assistant',
+      Content: { text: '状态如下' },
+      Activities: [{
+        MessageId: 'run-1:a2ui:status',
+        SurfaceId: 'status',
+        Content: {
+          a2ui_operations: [{ createSurface: { surfaceId: 'status' } }],
+        },
+      }],
+    }]);
+
+    expect(result).toHaveLength(2);
+    expect(result[1]).toMatchObject({
+      role: 'a2ui',
+      aguiActivity: {
+        surfaceId: 'status',
+        messages: [{ createSurface: { surfaceId: 'status' } }],
+      },
+    });
+  });
+
+  it('repairs only the legacy A2UI root id during history rehydration', () => {
+    const result = mapBackendMessages([{
+      MessageId: 'assistant-legacy',
+      Role: 'assistant',
+      Content: { text: '状态如下' },
+      Activities: [{
+        SurfaceId: 'status',
+        Content: {
+          a2ui_operations: [{
+            updateComponents: {
+              surfaceId: 'status',
+              components: [{ id: 'status-root', component: 'Column', children: [] }],
+            },
+          }],
+        },
+      }],
+    }]);
+
+    expect(result[1].aguiActivity.messages[0].updateComponents.components[0].id).toBe('root');
+  });
 });
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index ef9fd02..7a530d8 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -97,6 +97,191 @@ describe('RunEngineImpl', () => {
     useSessionStore.getState().setCurrentSessionId(null);
     useCheckpointStore.getState().clearSessionCheckpoints();
     resetDispatcherState();
+    vi.unstubAllGlobals();
+  });
+
+  it('projects AG-UI approval resolution without reviving the pending card', () => {
+    useSessionStore.getState().setCurrentSessionId('session-1');
+
+    dispatchRunEventToStores({
+      type: 'approval_requested',
+      sessionId: 'session-1',
+      messageId: 'message-1',
+      approvalRequestId: 'approval-1',
+      protocol: 'ag-ui',
+      name: 'write_file',
+      args: '{"path":"/tmp/x.txt"}',
+      message: 'Approve?',
+    });
+    dispatchRunEventToStores({
+      type: 'approval_resolved',
+      sessionId: 'session-1',
+      approvalRequestId: 'approval-1',
+      decision: 'approved',
+    });
+    dispatchRunEventToStores({
+      type: 'approval_requested',
+      sessionId: 'session-1',
+      messageId: 'message-1',
+      approvalRequestId: 'approval-1',
+      protocol: 'ag-ui',
+      name: 'write_file',
+      args: '{"path":"/tmp/x.txt"}',
+      message: 'Approve?',
+    });
+
+    expect(useMessageStore.getState().messages[0].tools?.['approval-1']).toMatchObject({
+      approvalRequestId: 'approval-1',
+      approvalProtocol: 'ag-ui',
+      approvalStatus: 'approved',
+      status: 'completed',
+    });
+  });
+
+  it('projects a live AG-UI approval into a fresh assistant row after a session switch', () => {
+    useSessionStore.getState().setCurrentSessionId('session-before');
+    dispatchRunEventToStores({
+      type: 'assistant_message_created',
+      sessionId: 'session-before',
+      messageId: 'assistant-before',
+    });
+
+    // Loading a different session clears the visible transcript but must not
+    // leave a module-level assistant marker that drops its first live event.
+    useMessageStore.getState().setMessages([]);
+    useSessionStore.getState().setCurrentSessionId('session-live');
+    dispatchRunEventToStores({
+      type: 'approval_requested',
+      sessionId: 'session-live',
+      messageId: 'assistant-live',
+      approvalRequestId: 'approval-live',
+      protocol: 'ag-ui',
+      name: 'run_command',
+      args: '{"command":"pwd"}',
+      message: 'Approval required',
+    });
+
+    expect(useMessageStore.getState().messages).toEqual([
+      expect.objectContaining({
+        id: 'assistant-live',
+        tools: {
+          'approval-live': expect.objectContaining({
+            approvalStatus: 'pending',
+            approvalProtocol: 'ag-ui',
+          }),
+        },
+      }),
+    ]);
+  });
+
+  it('settles session streaming when AG-UI finishes with an approval interrupt', async () => {
+    const fetchMock = vi.fn(async () => new Response(
+      [
+        'data: {"type":"RUN_STARTED","threadId":"session-approval","runId":"run-approval"}',
+        '',
+        'data: {"type":"RUN_FINISHED","threadId":"session-approval","runId":"run-approval","outcome":{"type":"interrupt","interrupts":[{"id":"approval-1","reason":"tool","message":"Approval required","toolCallId":"approval-1"}]}}',
+        '',
+      ].join('\n'),
+      { headers: { 'content-type': 'text/event-stream' } },
+    ));
+    vi.stubGlobal('fetch', fetchMock);
+    useSessionStore.getState().setCurrentSessionId('session-approval');
+    const engine = createRunEngine(createApiFacade([]));
+    engine.subscribe(dispatchRunEventToStores);
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: 'langgraph',
+      selectedModel: '',
+      thinkingMode: 'auto',
+      hostedChatTransport: {
+        Protocol: 'ag-ui',
+        Runtime: 'copilotkit',
+        Endpoint: '/agentengine/agui',
+        Version: '0.1.19',
+        Capabilities: { A2UI: true, Interrupt: true, Cancel: true },
+      },
+    });
+
+    expect(engine.start({ text: 'run command', attachments: [], sessionId: 'session-approval' })).toBe(true);
+    for (let attempt = 0; attempt < 20 && fetchMock.mock.calls.length === 0; attempt += 1) {
+      await new Promise((resolve) => setTimeout(resolve, 0));
+    }
+    expect(fetchMock).toHaveBeenCalledOnce();
+    await waitForEngineIdle(engine);
+
+    expect(useStreamingStore.getState().getSessionActivity('session-approval')).toMatchObject({
+      status: 'waiting',
+      phase: '等待人工确认',
+    });
+    expect(useStreamingStore.getState().isSessionStreaming('session-approval')).toBe(false);
+    expect(useMessageStore.getState().messages[0].tools?.['approval-1']).toMatchObject({
+      approvalStatus: 'pending',
+      approvalProtocol: 'ag-ui',
+    });
+  });
+
+  it('resumes a rehydrated AG-UI approval through its durable session', async () => {
+    const fetchCalls: Array<{ url: string; body: Record<string, unknown> }> = [];
+    vi.stubGlobal('fetch', vi.fn(async (url: string, init: RequestInit) => {
+      fetchCalls.push({ url, body: JSON.parse(String(init.body)) as Record<string, unknown> });
+      return new Response(
+        [
+          'data: {"type":"RUN_STARTED","threadId":"session-history","runId":"run-resume"}',
+          '',
+          'data: {"type":"RUN_FINISHED","threadId":"session-history","runId":"run-resume","outcome":{"type":"success"}}',
+          '',
+        ].join('\n'),
+        { headers: { 'content-type': 'text/event-stream' } },
+      );
+    }));
+    const engine = createRunEngine(createApiFacade([]));
+    const resolved: string[] = [];
+    engine.subscribe((event) => {
+      if (event.type === 'approval_resolved') resolved.push(event.approvalRequestId);
+    });
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: 'langgraph',
+      selectedModel: '',
+      thinkingMode: 'auto',
+      hostedChatTransport: {
+        Protocol: 'ag-ui',
+        Runtime: 'copilotkit',
+        Endpoint: '/agentengine/agui',
+        Version: '0.1.19',
+        Capabilities: { A2UI: true, Interrupt: true, Cancel: true },
+      },
+    });
+
+    const accepted = engine.resumeAguiInterrupt({
+      sessionId: 'session-history',
+      interruptId: 'approval-history-1',
+      status: 'resolved',
+      payload: { decision: 'approve' },
+    });
+
+    expect(accepted).toBe(true);
+    for (let attempt = 0; attempt < 20 && fetchCalls.length === 0; attempt += 1) {
+      await new Promise((resolve) => setTimeout(resolve, 0));
+    }
+    await waitForEngineIdle(engine);
+
+    expect(fetchCalls).toEqual([
+      expect.objectContaining({
+        url: '/agentengine/agui',
+        body: expect.objectContaining({
+          threadId: 'session-history',
+          resume: [{
+            interruptId: 'approval-history-1',
+            status: 'resolved',
+            payload: { decision: 'approve' },
+          }],
+        }),
+      }),
+    ]);
+    expect(resolved).toEqual(['approval-history-1']);
   });
 
   it('uses the latest runtime config when starting a run', async () => {
diff --git a/src/__tests__/session-message-history-store.test.ts b/src/__tests__/session-message-history-store.test.ts
index 83450b1..64c1673 100644
--- a/src/__tests__/session-message-history-store.test.ts
+++ b/src/__tests__/session-message-history-store.test.ts
@@ -14,17 +14,21 @@ describe('session message history state', () => {
     store.setSessionMessageHistoryLoading('session-a', true);
 
     expect(useSessionStore.getState().messageHistory).toEqual({
-      'session-a': { nextCursor: 8, hasMore: true, isLoadingOlder: true },
-      'session-b': { nextCursor: null, hasMore: false, isLoadingOlder: false },
+      'session-a': { nextCursor: 8, hasMore: true, isLoadingInitial: false, isLoadingOlder: true },
+      'session-b': { nextCursor: null, hasMore: false, isLoadingInitial: false, isLoadingOlder: false },
     });
 
     store.clearSessionMessageHistory('session-a');
 
     expect(useSessionStore.getState().messageHistory).toEqual({
-      'session-b': { nextCursor: null, hasMore: false, isLoadingOlder: false },
+      'session-b': { nextCursor: null, hasMore: false, isLoadingInitial: false, isLoadingOlder: false },
     });
   });
 
+  it('starts in restoring mode so the first paint cannot claim an empty session', () => {
+    expect(useSessionStore.getState().isLoadingSessions).toBe(true);
+  });
+
   it('rejects stale older-message scroll work after session or request changes', () => {
     const requestToken = Symbol('request-a');
 
@@ -47,4 +51,21 @@ describe('session message history state', () => {
       activeRequestToken: Symbol('replacement'),
     })).toBe(false);
   });
+
+  it('tracks initial history loading independently from loading older pages', () => {
+    const store = useSessionStore.getState();
+
+    store.setSessionInitialMessageHistoryLoading('session-a', true);
+
+    expect(useSessionStore.getState().messageHistory['session-a']).toEqual({
+      nextCursor: null,
+      hasMore: false,
+      isLoadingOlder: false,
+      isLoadingInitial: true,
+    });
+
+    store.setSessionMessageHistory('session-a', { nextCursor: null, hasMore: false });
+
+    expect(useSessionStore.getState().messageHistory['session-a']?.isLoadingInitial).toBe(false);
+  });
 });
diff --git a/src/__tests__/streaming-store.test.ts b/src/__tests__/streaming-store.test.ts
index fa93673..20eb279 100644
--- a/src/__tests__/streaming-store.test.ts
+++ b/src/__tests__/streaming-store.test.ts
@@ -15,6 +15,7 @@ describe('streaming store session activity', () => {
       status: 'running',
       phase: '后台长任务运行中',
     });
+    store.setSessionStreaming('session-1', true);
 
     useStreamingStore.getState().stopActivity('用户停止接收');
 
@@ -25,4 +26,22 @@ describe('streaming store session activity', () => {
     expect(useStreamingStore.getState().isSessionStreaming('session-1')).toBe(false);
     expect(useStreamingStore.getState().getSessionActivity('session-1')?.status).toBe('stopped');
   });
+
+  it('keeps a pending approval visible after its transport stream settles', () => {
+    const store = useStreamingStore.getState();
+    store.updateActivity({
+      sessionId: 'session-approval',
+      status: 'waiting',
+      phase: '等待人工确认',
+    });
+    store.setSessionStreaming('session-approval', true);
+
+    store.setSessionStreaming('session-approval', false);
+
+    expect(store.getSessionActivity('session-approval')).toMatchObject({
+      status: 'waiting',
+      phase: '等待人工确认',
+    });
+    expect(store.isSessionStreaming('session-approval')).toBe(false);
+  });
 });
diff --git a/src/api/messages.ts b/src/api/messages.ts
index bb8e5f6..3b1ad9b 100644
--- a/src/api/messages.ts
+++ b/src/api/messages.ts
@@ -14,9 +14,19 @@ export type BackendMessage = {
     Status?: 'running' | 'completed' | 'failed' | 'paused' | 'approved' | 'denied';
     ToolCallId?: string;
     ApprovalRequestId?: string;
+    Protocol?: string;
+    ApprovalLevel?: string;
+    ApprovalMessage?: string;
     ResultSeqId?: number;
     Reason?: string;
   }[];
+  Activities?: {
+    SeqId?: number;
+    Type?: string;
+    MessageId?: string;
+    SurfaceId?: string;
+    Content?: unknown;
+  }[];
   Attachments?: {
     file_uri: string;
     name: string;
diff --git a/src/components/chat/A2UIActivityMessage.tsx b/src/components/chat/A2UIActivityMessage.tsx
new file mode 100644
index 0000000..6c19639
--- /dev/null
+++ b/src/components/chat/A2UIActivityMessage.tsx
@@ -0,0 +1,49 @@
+import { useEffect } from 'react';
+import {
+  A2UIProvider,
+  A2UIRenderer,
+  useA2UI,
+  type A2UIClientEventMessage,
+} from '@copilotkit/a2ui-renderer';
+import { ksadkA2uiCatalog } from '../../core/run/a2ui.js';
+
+function ActivitySurface({
+  surfaceId,
+  messages,
+}: {
+  surfaceId: string;
+  messages: Array<Record<string, unknown>>;
+}) {
+  const { processMessages } = useA2UI();
+
+  useEffect(() => {
+    processMessages(messages);
+  }, [messages, processMessages]);
+
+  return (
+    <A2UIRenderer
+      surfaceId={surfaceId}
+      className="w-full"
+      fallback={<div className="text-sm text-slate-500 dark:text-slate-400">界面内容暂不可用</div>}
+      loadingFallback={<div className="text-sm text-slate-500 dark:text-slate-400">正在加载界面</div>}
+    />
+  );
+}
+
+export function A2UIActivityMessage({
+  surfaceId,
+  messages,
+  onAction,
+}: {
+  surfaceId: string;
+  messages: Array<Record<string, unknown>>;
+  onAction?: (message: A2UIClientEventMessage) => void;
+}) {
+  return (
+    <div className="mb-3 w-full overflow-hidden rounded-lg border border-slate-200 bg-white p-3 shadow-sm dark:border-slate-700 dark:bg-slate-900">
+      <A2UIProvider catalog={ksadkA2uiCatalog} onAction={onAction}>
+        <ActivitySurface surfaceId={surfaceId} messages={messages} />
+      </A2UIProvider>
+    </div>
+  );
+}
diff --git a/src/components/chat/ChatMessageList.tsx b/src/components/chat/ChatMessageList.tsx
index c74b333..b7ba952 100644
--- a/src/components/chat/ChatMessageList.tsx
+++ b/src/components/chat/ChatMessageList.tsx
@@ -1,4 +1,13 @@
-import { useEffect, useLayoutEffect, useMemo, useState, type RefObject } from 'react';
+import {
+  useCallback,
+  useEffect,
+  useLayoutEffect,
+  useMemo,
+  useRef,
+  useState,
+  type ReactNode,
+  type RefObject,
+} from 'react';
 
 import {
   Bot,
@@ -27,6 +36,8 @@ import { calculateVirtualMessageWindow } from '../../utils/message-virtualizatio
 import type { RunActivity } from '../../stores/streaming.js';
 import type { SessionCheckpoint } from '../../stores/checkpoint.js';
 import type { ComposerContextIndicator, Message, MessageAttachment } from './types';
+import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
+import { A2UIActivityMessage } from './A2UIActivityMessage';
 
 type ChatMessageListProps = {
   agentName: string;
@@ -35,12 +46,15 @@ type ChatMessageListProps = {
   activity: RunActivity | null;
   contextIndicator: ComposerContextIndicator;
   messages: Message[];
+  isLoadingInitialHistory?: boolean;
   onOpenAttachmentPreview: (attachment: MessageAttachment) => void;
   onRespondToApproval: (options: {
     approvalRequestId: string;
     approve: boolean;
     previousResponseId?: string;
   }) => void;
+  onRespondToAguiApproval?: (options: { interruptId: string; approve: boolean }) => void;
+  onSubmitAguiAction?: (message: A2UIClientEventMessage) => void;
   onSubmitFeedback: (options: {
     message: Message;
     rating: 'up' | 'down';
@@ -57,6 +71,55 @@ type ChatMessageListProps = {
 const DEFAULT_MESSAGE_ROW_HEIGHT = 140;
 const MESSAGE_VIRTUALIZATION_OVERSCAN = 4;
 
+function approvalLevelLabel(level?: string) {
+  const normalized = String(level || '').trim().toLowerCase();
+  if (normalized === 'elevated') return '高风险';
+  if (normalized === 'always') return '始终确认';
+  if (normalized === 'confirm') return '需确认';
+  return level || '';
+}
+
+function approvalLevelTone(level?: string) {
+  const normalized = String(level || '').trim().toLowerCase();
+  return normalized === 'elevated'
+    ? 'border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-900/70 dark:bg-rose-950/30 dark:text-rose-200'
+    : 'border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900/70 dark:bg-amber-950/30 dark:text-amber-200';
+}
+
+function MeasuredMessageRow({
+  messageId,
+  top,
+  onMeasure,
+  children,
+}: {
+  messageId: string;
+  top: number;
+  onMeasure: (messageId: string, height: number, top: number) => void;
+  children: ReactNode;
+}) {
+  const rowRef = useRef<HTMLDivElement>(null);
+
+  useLayoutEffect(() => {
+    const node = rowRef.current;
+    if (!node) return undefined;
+    const measure = () => onMeasure(messageId, node.offsetHeight, top);
+    measure();
+    if (typeof ResizeObserver === 'undefined') return undefined;
+    const observer = new ResizeObserver(measure);
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, [messageId, onMeasure, top]);
+
+  return (
+    <div
+      ref={rowRef}
+      style={{ position: 'absolute', top, left: 0, right: 0 }}
+    >
+      {children}
+    </div>
+  );
+}
+
 function formatElapsed(ms: number) {
   const safe = Math.max(0, Math.floor(ms / 1000));
   const minutes = Math.floor(safe / 60);
@@ -85,11 +148,6 @@ function AnimatedTokenCount({ contextIndicator }: { contextIndicator: ComposerCo
   const contextWindowTokens = contextIndicator?.contextWindowTokens;
   const label = formatCompactTokens(usedTokens);
   const windowLabel = formatCompactTokens(contextWindowTokens);
-  const [pulseKey, setPulseKey] = useState(0);
-
-  useEffect(() => {
-    if (label) setPulseKey((current) => current + 1);
-  }, [label]);
 
   if (!label) return null;
 
@@ -97,7 +155,7 @@ function AnimatedTokenCount({ contextIndicator }: { contextIndicator: ComposerCo
   const title = contextIndicator?.label || `估算 token ${detail}`;
   return (
     <span
-      key={pulseKey}
+      key={label}
       className="token-count-pulse hidden text-slate-400 dark:text-slate-500 sm:inline"
       title={title}
     >
@@ -204,6 +262,17 @@ function EmptyState({ agentName }: { agentName: string }) {
   );
 }
 
+function InitialHistorySkeleton() {
+  return (
+    <div className="mx-auto flex w-full max-w-[44rem] flex-col gap-5 px-2 py-8" aria-label="正在加载会话历史">
+      <div className="h-4 w-28 animate-pulse rounded bg-slate-200/80 dark:bg-slate-800" />
+      <div className="h-20 w-4/5 animate-pulse rounded-lg bg-slate-100 dark:bg-slate-900" />
+      <div className="ml-auto h-12 w-3/5 animate-pulse rounded-lg bg-slate-100 dark:bg-slate-900" />
+      <div className="h-16 w-11/12 animate-pulse rounded-lg bg-slate-100 dark:bg-slate-900" />
+    </div>
+  );
+}
+
 function formatCheckpointPhase(phase?: string) {
   const normalized = String(phase || '').trim();
   if (!normalized) return '保存运行状态';
@@ -665,7 +734,9 @@ function ChatMessage({
   onDeleteFeedback,
   onOpenAttachmentPreview,
   onRespondToApproval,
+  onRespondToAguiApproval,
   onSubmitFeedback,
+  onSubmitAguiAction,
 }: {
   agentName: string;
   isMobile: boolean;
@@ -675,7 +746,9 @@ function ChatMessage({
   onDeleteFeedback: (message: Message) => void;
   onOpenAttachmentPreview: (attachment: MessageAttachment) => void;
   onRespondToApproval: ChatMessageListProps['onRespondToApproval'];
+  onRespondToAguiApproval?: ChatMessageListProps['onRespondToAguiApproval'];
   onSubmitFeedback: ChatMessageListProps['onSubmitFeedback'];
+  onSubmitAguiAction?: ChatMessageListProps['onSubmitAguiAction'];
 }) {
   if (message.role === 'user') {
     return (
@@ -694,6 +767,16 @@ function ChatMessage({
     );
   }
 
+  if (message.role === 'a2ui' && message.aguiActivity) {
+    return (
+      <A2UIActivityMessage
+        surfaceId={message.aguiActivity.surfaceId}
+        messages={message.aguiActivity.messages}
+        onAction={onSubmitAguiAction}
+      />
+    );
+  }
+
   return (
     <div className="mb-3 max-w-none">
       <div className="mb-1.5 flex items-center gap-2 text-xs text-slate-400">
@@ -710,22 +793,22 @@ function ChatMessage({
       ) : null}
 
       {message.reasoning ? (
-        <details className="group/details mb-3 overflow-hidden rounded-lg border border-emerald-200/70 bg-emerald-50/40 text-sm text-slate-600 transition-colors open:bg-white dark:border-emerald-900/50 dark:bg-emerald-950/10 dark:text-slate-300 dark:open:bg-slate-950/30">
-          <summary className="flex cursor-pointer list-none items-center justify-between gap-3 border-l-2 border-emerald-400 px-3 py-2 font-medium outline-none marker:hidden dark:border-emerald-500">
+        <details className="group/details mb-3 overflow-hidden rounded-md border border-slate-200/80 bg-slate-50/60 text-sm text-slate-600 transition-colors open:bg-white dark:border-slate-700/80 dark:bg-slate-900/40 dark:text-slate-300 dark:open:bg-slate-950/30">
+          <summary className="flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 font-medium outline-none marker:hidden">
             <div className="flex min-w-0 items-center gap-2">
               {isStreaming && isLastMessage && !message.content ? (
-                <RefreshCcw className="h-4 w-4 animate-spin text-emerald-500" />
+                <RefreshCcw className="h-4 w-4 animate-spin text-slate-500" />
               ) : (
-                <Check className="h-4 w-4 text-emerald-500" />
+                <Check className="h-4 w-4 text-slate-400" />
               )}
               <span className="truncate">思考过程</span>
-              <span className="rounded-full bg-emerald-100 px-2 py-0.5 text-[11px] font-medium text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300">
+              <span className="rounded-full bg-slate-200/70 px-2 py-0.5 text-[11px] font-medium text-slate-600 dark:bg-slate-800 dark:text-slate-300">
                 {isStreaming && isLastMessage && !message.content ? '生成中' : '已完成'}
               </span>
             </div>
             <ChevronDown className="h-4 w-4 flex-shrink-0 text-slate-400 transition-transform group-open/details:rotate-180" />
           </summary>
-          <div className="border-t border-emerald-100/80 bg-white/70 dark:border-emerald-950 dark:bg-slate-950/20">
+          <div className="border-t border-slate-200/70 bg-white/70 dark:border-slate-800 dark:bg-slate-950/20">
             <div className="custom-scrollbar max-h-[min(46vh,28rem)] overflow-y-auto px-4 py-3 text-[14px] leading-7 text-slate-600 dark:text-slate-300 [&_p]:my-2 [&_pre]:my-2">
               <MessageMarkdown content={message.reasoning} />
             </div>
@@ -737,30 +820,37 @@ function ChatMessage({
         ? Object.values(message.tools).map((tool, toolIndex) => (
             <details
               key={`${tool.name}-${toolIndex}`}
-              open={tool.status === 'paused' ? true : undefined}
+              // Approval status is the user-facing source of truth. A tool
+              // result can settle its execution status before the interrupt
+              // is rendered, but a pending decision must remain actionable.
+              open={tool.approvalStatus === 'pending' || tool.status === 'paused' ? true : undefined}
               className={cn(
-                'group/details mb-3 rounded-xl border px-3 py-2.5 text-sm transition-all',
+                'group/details mb-2 overflow-hidden rounded-md border text-sm transition-colors',
                 tool.status === 'paused'
-                  ? 'border-amber-200 bg-amber-50/50 text-amber-800 dark:border-amber-900/60 dark:bg-amber-950/20 dark:text-amber-200'
+                  ? 'border-amber-200/80 bg-amber-50/25 text-slate-700 dark:border-amber-900/60 dark:bg-amber-950/10 dark:text-slate-200'
                   : tool.status === 'error'
-                    ? 'border-rose-200 bg-rose-50/40 text-rose-700 dark:border-rose-900/60 dark:bg-rose-950/20 dark:text-rose-200'
-                  : 'border-blue-200 bg-blue-50/30 text-blue-600 dark:border-blue-900/50 dark:bg-blue-950/20 dark:text-blue-400',
+                    ? 'border-rose-200/80 bg-rose-50/25 text-rose-700 dark:border-rose-900/60 dark:bg-rose-950/10 dark:text-rose-200'
+                    : 'border-slate-200/80 bg-slate-50/40 text-slate-600 dark:border-slate-700/80 dark:bg-slate-900/30 dark:text-slate-300',
               )}
             >
-              <summary className="flex cursor-pointer list-none items-center justify-between gap-2 font-medium">
+              <summary className="flex cursor-pointer list-none items-center justify-between gap-2 px-3 py-2 font-medium">
                 <div className="flex items-center gap-2">
                   {tool.status === 'running' ? (
-                    <RefreshCcw className="h-4 w-4 animate-spin text-blue-500" />
+                    <RefreshCcw className="h-4 w-4 animate-spin text-slate-500" />
                   ) : tool.status === 'paused' ? (
                     <ShieldCheck className="h-4 w-4 text-amber-500" />
                   ) : tool.status === 'error' ? (
                     <XCircle className="h-4 w-4 text-rose-500" />
                   ) : (
-                    <Check className="h-4 w-4 text-emerald-500" />
+                    <Check className="h-4 w-4 text-slate-400" />
                   )}
                   <span>
-                    {tool.status === 'paused'
+                    {tool.approvalStatus === 'pending'
                       ? '等待审批：'
+                      : tool.approvalStatus === 'approved'
+                        ? '已批准：'
+                        : tool.approvalStatus === 'rejected'
+                          ? '已拒绝：'
                       : tool.status === 'error'
                         ? '工具调用失败：'
                         : '工具调用：'}
@@ -770,54 +860,89 @@ function ChatMessage({
               </summary>
               <div
                 className={cn(
-                  'mx-1 mt-3 flex flex-col gap-3 border-l-2 py-1 pl-4 font-mono text-[13px] leading-relaxed opacity-90',
+                  'flex flex-col gap-3 border-t px-3 py-3 font-mono text-[13px] leading-relaxed',
                   tool.status === 'paused'
-                    ? 'border-amber-200 dark:border-amber-800'
+                    ? 'border-amber-200/70 dark:border-amber-900/60'
                     : tool.status === 'error'
-                      ? 'border-rose-200 dark:border-rose-800'
-                      : 'border-blue-200 dark:border-blue-800',
+                      ? 'border-rose-200/70 dark:border-rose-900/60'
+                      : 'border-slate-200/70 dark:border-slate-800',
                 )}
               >
-                {tool.status === 'paused' && tool.approvalRequestId ? (
-                  <div className="rounded-2xl border border-amber-200 bg-white/75 p-3 font-sans text-sm text-amber-900 shadow-sm dark:border-amber-900/70 dark:bg-slate-950/40 dark:text-amber-100">
-                    <div className="font-medium">该工具调用需要人工确认后继续。</div>
+                {tool.approvalRequestId ? (
+                  <div className="font-sans text-sm text-slate-700 dark:text-slate-200">
+                    <div className="font-medium">
+                      {tool.approvalStatus === 'approved'
+                        ? '已批准该工具调用。'
+                        : tool.approvalStatus === 'rejected'
+                          ? '已拒绝该工具调用。'
+                          : tool.approvalMessage || '该工具调用需要人工确认后继续。'}
+                    </div>
+                    {tool.approvalLevel ? (
+                      <div className={cn(
+                        'mt-2 inline-flex items-center rounded border px-1.5 py-0.5 text-xs font-medium',
+                        approvalLevelTone(tool.approvalLevel),
+                      )}>
+                        审批级别：{approvalLevelLabel(tool.approvalLevel)}
+                      </div>
+                    ) : null}
                     {tool.serverLabel ? (
                       <div className="mt-1 text-xs text-amber-700/80 dark:text-amber-200/80">
                         MCP Server: {tool.serverLabel}
                       </div>
                     ) : null}
+                    {tool.approvalStatus === 'pending' ? (
                     <div className="mt-3 flex flex-wrap gap-2">
                       <button
                         type="button"
-                        disabled={tool.approvalStatus === 'approved' || tool.approvalStatus === 'rejected'}
+                        disabled={isStreaming || tool.approvalStatus !== 'pending'}
                         onClick={() =>
-                          onRespondToApproval({
-                            approvalRequestId: tool.approvalRequestId || '',
-                            approve: true,
-                            previousResponseId: tool.previousResponseId,
-                          })
+                          tool.approvalProtocol === 'ag-ui'
+                            ? onRespondToAguiApproval?.({
+                                interruptId: tool.approvalRequestId || '',
+                                approve: true,
+                              })
+                            : onRespondToApproval({
+                                approvalRequestId: tool.approvalRequestId || '',
+                                approve: true,
+                                previousResponseId: tool.previousResponseId,
+                              })
                         }
-                        className="inline-flex items-center gap-1.5 rounded-xl bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-55"
+                        className="inline-flex min-h-8 items-center gap-1.5 rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-55"
                       >
                         <Check className="h-3.5 w-3.5" />
                         批准并继续
                       </button>
                       <button
                         type="button"
-                        disabled={tool.approvalStatus === 'approved' || tool.approvalStatus === 'rejected'}
+                        disabled={isStreaming || tool.approvalStatus !== 'pending'}
                         onClick={() =>
-                          onRespondToApproval({
-                            approvalRequestId: tool.approvalRequestId || '',
-                            approve: false,
-                            previousResponseId: tool.previousResponseId,
-                          })
+                          tool.approvalProtocol === 'ag-ui'
+                            ? onRespondToAguiApproval?.({
+                                interruptId: tool.approvalRequestId || '',
+                                approve: false,
+                              })
+                            : onRespondToApproval({
+                                approvalRequestId: tool.approvalRequestId || '',
+                                approve: false,
+                                previousResponseId: tool.previousResponseId,
+                              })
                         }
-                        className="inline-flex items-center gap-1.5 rounded-xl border border-rose-200 bg-white px-3 py-1.5 text-xs font-semibold text-rose-600 shadow-sm transition hover:bg-rose-50 disabled:cursor-not-allowed disabled:opacity-55 dark:border-rose-900/70 dark:bg-slate-950 dark:text-rose-300 dark:hover:bg-rose-950/30"
+                        className="inline-flex min-h-8 items-center gap-1.5 rounded-md border border-slate-300 bg-white px-3 py-1.5 text-xs font-semibold text-slate-600 transition hover:border-rose-300 hover:bg-rose-50 hover:text-rose-600 disabled:cursor-not-allowed disabled:opacity-55 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-300 dark:hover:border-rose-800 dark:hover:bg-rose-950/30 dark:hover:text-rose-300"
                       >
                         <XCircle className="h-3.5 w-3.5" />
                         拒绝
                       </button>
                     </div>
+                    ) : (
+                      <div className="mt-2 inline-flex items-center gap-1.5 text-xs font-medium text-slate-500 dark:text-slate-400">
+                        {tool.approvalStatus === 'approved' ? (
+                          <Check className="h-3.5 w-3.5 text-emerald-500" />
+                        ) : (
+                          <XCircle className="h-3.5 w-3.5 text-rose-500" />
+                        )}
+                        {tool.approvalStatus === 'approved' ? '已批准' : '已拒绝'}
+                      </div>
+                    )}
                   </div>
                 ) : null}
                 {tool.args ? (
@@ -843,6 +968,15 @@ function ChatMessage({
         ) : null}
       </div>
 
+      {message.aguiActivities?.map((activity) => (
+        <A2UIActivityMessage
+          key={activity.surfaceId}
+          surfaceId={activity.surfaceId}
+          messages={activity.messages}
+          onAction={onSubmitAguiAction}
+        />
+      ))}
+
       <FeedbackControls
         isLastMessage={isLastMessage}
         isStreaming={isStreaming}
@@ -861,10 +995,13 @@ export function ChatMessageList({
   activity,
   contextIndicator,
   messages,
+  isLoadingInitialHistory = false,
   onDeleteFeedback,
   onOpenAttachmentPreview,
   onRespondToApproval,
+  onRespondToAguiApproval,
   onSubmitFeedback,
+  onSubmitAguiAction,
   onStopGeneration,
   onCancelRemote,
   checkpoints = [],
@@ -874,6 +1011,7 @@ export function ChatMessageList({
   const [scrollTop, setScrollTop] = useState(0);
   const [viewportHeight, setViewportHeight] = useState(0);
   const [measuredHeights, setMeasuredHeights] = useState<Map<string, number>>(new Map());
+  const measuredHeightsRef = useRef(measuredHeights);
 
   useLayoutEffect(() => {
     const scroller = scrollRef.current;
@@ -911,19 +1049,24 @@ export function ChatMessageList({
 
   const visibleItems = virtualWindow.visibleItems;
 
-  const updateMeasuredHeight = (messageId: string, height: number) => {
+  const updateMeasuredHeight = useCallback((messageId: string, height: number, top: number) => {
     if (!messageId || !Number.isFinite(height) || height <= 0) {
       return;
     }
-    setMeasuredHeights((current) => {
-      if (current.get(messageId) === height) {
-        return current;
-      }
-      const next = new Map(current);
-      next.set(messageId, height);
-      return next;
-    });
-  };
+    const current = measuredHeightsRef.current;
+    const previousHeight = current.get(messageId) ?? DEFAULT_MESSAGE_ROW_HEIGHT;
+    if (previousHeight === height) return;
+    const next = new Map(current);
+    next.set(messageId, height);
+    measuredHeightsRef.current = next;
+    setMeasuredHeights(next);
+
+    const scroller = scrollRef.current;
+    if (scroller && top < scroller.scrollTop) {
+      scroller.scrollTop += height - previousHeight;
+      setScrollTop(scroller.scrollTop);
+    }
+  }, [scrollRef]);
 
   return (
     <div
@@ -940,23 +1083,18 @@ export function ChatMessageList({
           isStreaming={isStreaming}
           onResumeCheckpoint={onResumeCheckpoint}
         />
-        {messages.length === 0 ? (
+        {messages.length === 0 && isLoadingInitialHistory ? (
+        <InitialHistorySkeleton />
+        ) : messages.length === 0 ? (
         <EmptyState agentName={agentName} />
         ) : (
           <div style={{ height: virtualWindow.totalHeight }} className="relative">
             {visibleItems.map((entry) => (
-              <div
+              <MeasuredMessageRow
                 key={entry.item.id || entry.index}
-                ref={(node) => {
-                  if (!node) return;
-                  updateMeasuredHeight(entry.item.id || String(entry.index), node.offsetHeight);
-                }}
-                style={{
-                  position: 'absolute',
-                  top: entry.top,
-                  left: 0,
-                  right: 0,
-                }}
+                messageId={entry.item.id || String(entry.index)}
+                top={entry.top}
+                onMeasure={updateMeasuredHeight}
               >
                 {entry.item.role === 'system' ? (
                   <SystemMessage message={entry.item} />
@@ -970,10 +1108,12 @@ export function ChatMessageList({
                     onDeleteFeedback={onDeleteFeedback}
                     onOpenAttachmentPreview={onOpenAttachmentPreview}
                     onRespondToApproval={onRespondToApproval}
+                    onRespondToAguiApproval={onRespondToAguiApproval}
                     onSubmitFeedback={onSubmitFeedback}
+                    onSubmitAguiAction={onSubmitAguiAction}
                   />
                 )}
-              </div>
+              </MeasuredMessageRow>
             ))}
           </div>
         )}
diff --git a/src/components/chat/ConnectedMessageList.tsx b/src/components/chat/ConnectedMessageList.tsx
index d3deca3..12d1ba2 100644
--- a/src/components/chat/ConnectedMessageList.tsx
+++ b/src/components/chat/ConnectedMessageList.tsx
@@ -14,6 +14,7 @@ import type { ModelStore } from '../../stores/model.js';
 import type { SessionStore } from '../../stores/session.js';
 import type { StreamingStore } from '../../stores/streaming.js';
 import type { UIStore } from '../../stores/ui.js';
+import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
 
 type ConnectedMessageListProps = {
   agentName: string;
@@ -21,6 +22,8 @@ type ConnectedMessageListProps = {
   onDeleteFeedback: (message: Message) => void;
   onSubmitFeedback: (options: { message: Message; rating: 'up' | 'down'; comment?: string }) => void;
   onRespondToApproval: (options: { approvalRequestId: string; approve: boolean; previousResponseId?: string }) => void;
+  onRespondToAguiApproval?: (options: { interruptId: string; approve: boolean }) => void;
+  onSubmitAguiAction?: (message: A2UIClientEventMessage) => void;
   onStopGeneration?: () => void;
   onCancelRemote?: () => void;
   checkpointResumeEnabled?: boolean;
@@ -34,6 +37,8 @@ export function ConnectedMessageList({
   onDeleteFeedback,
   onSubmitFeedback,
   onRespondToApproval,
+  onRespondToAguiApproval,
+  onSubmitAguiAction,
   onStopGeneration,
   onCancelRemote,
   checkpointResumeEnabled = false,
@@ -42,12 +47,14 @@ export function ConnectedMessageList({
 }: ConnectedMessageListProps) {
   const messages = useMessageStore(s => s.messages);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
+  const isLoadingSessions = useSessionStore((s: SessionStore) => s.isLoadingSessions);
   const isStreaming = useStreamingStore((s: StreamingStore) => Boolean(s.getSessionActivity(currentSessionId) && s.isSessionStreaming(currentSessionId)));
   const activity = useStreamingStore((s: StreamingStore) => s.getSessionActivity(currentSessionId));
   const checkpoints = useCheckpointStore(s => s.getSessionCheckpoints(currentSessionId));
   const currentMessageHistory = useSessionStore((s: SessionStore) =>
     currentSessionId ? s.messageHistory[currentSessionId] : null,
   );
+  const isLoadingInitialHistory = isLoadingSessions || Boolean(currentMessageHistory?.isLoadingInitial);
   const input = useUIStore((s: UIStore) => s.input);
   const availableModels = useModelStore((s: ModelStore) => s.availableModels);
   const selectedModel = useModelStore((s: ModelStore) => s.selectedModel);
@@ -259,10 +266,13 @@ export function ConnectedMessageList({
         activity={activity}
         contextIndicator={contextIndicator}
         messages={messages}
+        isLoadingInitialHistory={isLoadingInitialHistory}
         onDeleteFeedback={onDeleteFeedback}
         onOpenAttachmentPreview={openAttachmentPreview}
         onRespondToApproval={onRespondToApproval}
+        onRespondToAguiApproval={onRespondToAguiApproval}
         onSubmitFeedback={onSubmitFeedback}
+        onSubmitAguiAction={onSubmitAguiAction}
         onStopGeneration={onStopGeneration}
         onCancelRemote={onCancelRemote}
         checkpoints={checkpointResumeEnabled ? checkpoints : []}
diff --git a/src/components/chat/types.ts b/src/components/chat/types.ts
index e2746bd..eb30fa9 100644
--- a/src/components/chat/types.ts
+++ b/src/components/chat/types.ts
@@ -12,7 +12,7 @@ export type PreviewImageSize = {
 
 export type Message = {
   id: string;
-  role: 'user' | 'model' | 'tool' | 'system';
+  role: 'user' | 'model' | 'tool' | 'system' | 'a2ui';
   content: string;
   timestamp: number;
   responseId?: string;
@@ -26,6 +26,24 @@ export type Message = {
   compactedUntilSeqId?: number;
   historical?: boolean;
   reasoning?: string;
+  a2ui?: {
+    surfaceId: string;
+    surface: import('../../core/stream/types.js').A2UISurface;
+    pendingInteraction?: {
+      interactionId: string;
+      kind: string;
+      inputSchema: Record<string, unknown>;
+    };
+    ended?: boolean;
+  };
+  aguiActivity?: {
+    surfaceId: string;
+    messages: Array<Record<string, unknown>>;
+  };
+  aguiActivities?: Array<{
+    surfaceId: string;
+    messages: Array<Record<string, unknown>>;
+  }>;
   tools?: {
     [name: string]: {
       name: string;
@@ -36,6 +54,9 @@ export type Message = {
       previousResponseId?: string;
       serverLabel?: string;
       approvalStatus?: 'pending' | 'approved' | 'rejected';
+      approvalProtocol?: 'responses' | 'ag-ui';
+      approvalMessage?: string;
+      approvalLevel?: string;
     };
   };
   attachments?: MessageAttachment[];
diff --git a/src/core/run/a2ui.ts b/src/core/run/a2ui.ts
new file mode 100644
index 0000000..feb56e7
--- /dev/null
+++ b/src/core/run/a2ui.ts
@@ -0,0 +1,56 @@
+import {
+  A2UI_SCHEMA_CONTEXT_DESCRIPTION,
+  basicCatalog,
+  buildCatalogContextValue,
+} from '@copilotkit/a2ui-renderer';
+
+// The agent currently emits the official v0.9 basic catalog id.  Creating a
+// second catalog that happens to contain the same components changes that id,
+// which makes the renderer reject every createSurface operation.
+export const ksadkA2uiCatalog = basicCatalog;
+
+export const ksadkA2uiAgentContext = {
+  description: A2UI_SCHEMA_CONTEXT_DESCRIPTION,
+  value: buildCatalogContextValue(ksadkA2uiCatalog),
+};
+
+/**
+ * CopilotKit's v0.9 React renderer always begins rendering at component id
+ * `root`. Early local A2UI events used a surface-specific `*-root` id and
+ * were persisted that way. Keep the repair deliberately narrow so a valid
+ * A2UI tree is never rewritten.
+ */
+export function normalizeA2uiOperations(
+  operations: Array<Record<string, unknown>>,
+): Array<Record<string, unknown>> {
+  return operations.map((operation) => {
+    const update = operation.updateComponents;
+    if (!update || typeof update !== 'object' || Array.isArray(update)) return operation;
+
+    const components = (update as Record<string, unknown>).components;
+    if (!Array.isArray(components)) return operation;
+
+    const componentRecords = components.filter(
+      (component): component is Record<string, unknown> => Boolean(
+        component && typeof component === 'object' && !Array.isArray(component),
+      ),
+    );
+    if (componentRecords.some((component) => component.id === 'root')) return operation;
+
+    const legacyRoots = componentRecords.filter(
+      (component) => typeof component.id === 'string' && component.id.endsWith('-root'),
+    );
+    if (legacyRoots.length !== 1) return operation;
+
+    const legacyRoot = legacyRoots[0];
+    return {
+      ...operation,
+      updateComponents: {
+        ...update,
+        components: components.map((component) => component === legacyRoot
+          ? { ...legacyRoot, id: 'root' }
+          : component),
+      },
+    };
+  });
+}
diff --git a/src/core/run/agui.ts b/src/core/run/agui.ts
new file mode 100644
index 0000000..6f7f99a
--- /dev/null
+++ b/src/core/run/agui.ts
@@ -0,0 +1,257 @@
+import {
+  buildResumeArray,
+  HttpAgent,
+  type AgentSubscriber,
+  type RunAgentResult,
+} from '@ag-ui/client';
+import type { BaseEvent, Interrupt } from '@ag-ui/core';
+import type { RunEvent } from './types.js';
+import { ksadkA2uiAgentContext, normalizeA2uiOperations } from './a2ui.js';
+
+type AguiRunStatus = 'completed' | 'interrupted' | 'failed' | 'cancelled';
+
+type AguiRunResult = {
+  status: AguiRunStatus;
+  result: RunAgentResult;
+};
+
+type AguiRunClientOptions = {
+  url: string;
+  agentId: string;
+  threadId: string;
+  onEvent: (event: RunEvent) => void;
+  fetch?: typeof fetch;
+};
+
+type ToolState = { name: string; args: string };
+
+function eventType(event: BaseEvent): string {
+  return String((event as { type?: unknown }).type || '').toUpperCase();
+}
+
+function eventMessageId(event: BaseEvent, fallback: string): string {
+  return String((event as { messageId?: unknown }).messageId || fallback);
+}
+
+function eventRunId(event: BaseEvent, fallback: string): string {
+  return String((event as { runId?: unknown }).runId || fallback);
+}
+
+function asObject(value: unknown): Record<string, unknown> {
+  return value && typeof value === 'object' && !Array.isArray(value)
+    ? value as Record<string, unknown>
+    : {};
+}
+
+function activityMessages(content: unknown): Array<Record<string, unknown>> {
+  if (Array.isArray(content)) {
+    return normalizeA2uiOperations(
+      content.filter((item): item is Record<string, unknown> => Boolean(item && typeof item === 'object')),
+    );
+  }
+  if (content && typeof content === 'object') {
+    const operations = (content as Record<string, unknown>).a2ui_operations;
+    if (Array.isArray(operations)) {
+      return normalizeA2uiOperations(
+        operations.filter((item): item is Record<string, unknown> => Boolean(item && typeof item === 'object')),
+      );
+    }
+    return [content as Record<string, unknown>];
+  }
+  return [];
+}
+
+function stringifyPayload(value: unknown): string {
+  if (value === undefined || value === null || value === '') return '';
+  if (typeof value === 'string') return value;
+  return JSON.stringify(value, null, 2);
+}
+
+export class AguiRunClient {
+  private readonly agent: HttpAgent;
+  private readonly onEvent: (event: RunEvent) => void;
+  private readonly tools = new Map<string, ToolState>();
+  private readonly runMessageIds = new Map<string, string>();
+  private readonly pendingByRun = new Map<string, Interrupt[]>();
+  private activeRunId = '';
+
+  constructor(options: AguiRunClientOptions) {
+    this.agent = new HttpAgent({
+      url: options.url,
+      agentId: options.agentId,
+      threadId: options.threadId,
+      fetch: options.fetch,
+    });
+    this.onEvent = options.onEvent;
+  }
+
+  async run(text: string, runId: string, signal?: AbortSignal): Promise<AguiRunResult> {
+    this.activeRunId = runId;
+    this.agent.addMessage({
+      id: `${runId}:user`,
+      role: 'user',
+      content: text,
+    });
+    return this.execute({ runId, abortController: this.controllerFor(signal) });
+  }
+
+  async resume(
+    runId: string,
+    response: { interruptId: string; status: 'resolved' | 'cancelled'; payload?: unknown },
+  ): Promise<AguiRunResult> {
+    const rememberedInterrupts = this.agent.pendingInterrupts.length > 0
+      ? this.agent.pendingInterrupts
+      : this.pendingByRun.get(this.activeRunId) || [];
+    // A browser refresh drops HttpAgent's in-memory interrupt list. The server
+    // is still authoritative for its durable thread, so send the official
+    // resume shape for the persisted interrupt id instead of rejecting it.
+    const interrupts = rememberedInterrupts.length > 0
+      ? rememberedInterrupts
+      : [{ id: response.interruptId, reason: 'approval' } satisfies Interrupt];
+    const resume = buildResumeArray(interrupts, {
+      [response.interruptId]: response.status === 'resolved'
+        ? { status: 'resolved', payload: response.payload }
+        : { status: 'cancelled' },
+    });
+    if (!resume.some((entry) => entry.interruptId === response.interruptId)) {
+      throw new Error(`AG-UI interrupt ${response.interruptId} is not pending`);
+    }
+    this.activeRunId = runId;
+    return this.execute({ runId, resume });
+  }
+
+  abort(): void {
+    this.agent.abortRun();
+  }
+
+  private controllerFor(signal?: AbortSignal): AbortController | undefined {
+    if (!signal) return undefined;
+    const controller = new AbortController();
+    if (signal.aborted) controller.abort(signal.reason);
+    signal.addEventListener('abort', () => controller.abort(signal.reason), { once: true });
+    return controller;
+  }
+
+  private async execute(parameters: {
+    runId: string;
+    resume?: ReturnType<typeof buildResumeArray>;
+    abortController?: AbortController;
+  }): Promise<AguiRunResult> {
+    let status: AguiRunStatus = 'completed';
+    const subscriber: AgentSubscriber = {
+      onEvent: ({ event }) => {
+        const result = this.project(event, parameters.runId);
+        if (result.status) status = result.status;
+        result.events.forEach((item) => this.onEvent(item));
+      },
+      onRunFinishedEvent: ({ outcome }) => {
+        status = outcome === 'interrupt' ? 'interrupted' : 'completed';
+      },
+      onRunErrorEvent: () => {
+        status = 'failed';
+      },
+    };
+    const result = await this.agent.runAgent({
+      runId: parameters.runId,
+      context: [ksadkA2uiAgentContext],
+      forwardedProps: { injectA2UITool: true },
+      resume: parameters.resume,
+      abortController: parameters.abortController,
+    }, subscriber);
+    const pending = this.agent.pendingInterrupts.slice();
+    if (pending.length > 0) {
+      this.pendingByRun.set(parameters.runId, pending);
+      status = 'interrupted';
+    }
+    return { status, result };
+  }
+
+  private project(event: BaseEvent, fallbackRunId: string): { events: RunEvent[]; status?: AguiRunStatus } {
+    const type = eventType(event);
+    const runId = eventRunId(event, fallbackRunId);
+    const messageId = eventMessageId(event, `${runId}:assistant`);
+    const payload = event as unknown as Record<string, unknown>;
+    const events: RunEvent[] = [];
+
+    if (type === 'RUN_STARTED') {
+      events.push({ type: 'activity', phase: 'AG-UI 运行已创建', status: 'running', countEvent: false });
+    } else if (type === 'TEXT_MESSAGE_START') {
+      this.runMessageIds.set(runId, messageId);
+      events.push({ type: 'assistant_message_created', messageId });
+    } else if (type === 'TEXT_MESSAGE_CONTENT') {
+      events.push({ type: 'text_delta', messageId: this.runMessageIds.get(runId) || messageId, delta: String(payload.delta || '') });
+    } else if (type === 'TEXT_MESSAGE_END') {
+      events.push({ type: 'activity', phase: '生成回复内容', status: 'running' });
+    } else if (type === 'REASONING_MESSAGE_CONTENT') {
+      events.push({ type: 'reasoning_delta', messageId: this.runMessageIds.get(runId) || messageId, delta: String(payload.delta || '') });
+    } else if (type === 'TOOL_CALL_START') {
+      const toolCallId = String(payload.toolCallId || 'tool');
+      this.tools.set(toolCallId, { name: String(payload.toolCallName || 'tool'), args: '' });
+      events.push({ type: 'tool_upsert', messageId: this.runMessageIds.get(runId) || `${runId}:assistant`, name: String(payload.toolCallName || 'tool'), args: '', status: 'running' });
+    } else if (type === 'TOOL_CALL_ARGS') {
+      const toolCallId = String(payload.toolCallId || 'tool');
+      const tool = this.tools.get(toolCallId) || { name: 'tool', args: '' };
+      tool.args += String(payload.delta || '');
+      this.tools.set(toolCallId, tool);
+      events.push({ type: 'tool_upsert', messageId: this.runMessageIds.get(runId) || `${runId}:assistant`, name: tool.name, args: tool.args, status: 'running' });
+    } else if (type === 'TOOL_CALL_RESULT') {
+      const toolCallId = String(payload.toolCallId || 'tool');
+      const tool = this.tools.get(toolCallId) || { name: 'tool', args: '' };
+      events.push({ type: 'tool_result', messageId: this.runMessageIds.get(runId) || `${runId}:assistant`, name: tool.name, output: String(payload.content || '') });
+    } else if (type === 'ACTIVITY_SNAPSHOT') {
+      const content = payload.content;
+      const activity = asObject(content);
+      const surfaceId = String(activity.surfaceId || activity.surface_id || payload.messageId || 'default');
+      events.push({
+        type: 'agui_activity',
+        // A2UI operations belong to the assistant turn that produced them.
+        // Keeping the activity on a standalone message lets later text tokens
+        // push the card above the scroll position, which looks like it only
+        // appears after a history reload.
+        messageId: this.runMessageIds.get(runId) || messageId,
+        surfaceId,
+        messages: activityMessages(activity.content ?? content),
+      });
+    } else if (type === 'RUN_FINISHED') {
+      const outcome = asObject(payload.outcome);
+      if (String(outcome.type || '').toLowerCase() === 'interrupt') {
+        const interrupts = Array.isArray(outcome.interrupts) ? outcome.interrupts : [];
+        this.pendingByRun.set(runId, interrupts as Interrupt[]);
+        for (const interrupt of interrupts as Interrupt[]) {
+          const metadata = asObject(interrupt.metadata);
+          const tool = interrupt.toolCallId ? this.tools.get(interrupt.toolCallId) : undefined;
+          const name = String(
+            metadata.tool_name
+            || metadata.toolName
+            || tool?.name
+            || interrupt.reason
+            || '人工确认',
+          );
+          const args = stringifyPayload(
+            metadata.arguments
+            ?? metadata.tool_args
+            ?? metadata.args
+            ?? tool?.args,
+          );
+          events.push({
+            type: 'approval_requested',
+            messageId: this.runMessageIds.get(runId) || `${runId}:assistant`,
+            approvalRequestId: interrupt.id,
+            protocol: 'ag-ui',
+            name,
+            args,
+            ...(interrupt.message ? { message: interrupt.message } : {}),
+            ...(metadata.approval_level ? { approvalLevel: String(metadata.approval_level) } : {}),
+          });
+        }
+        events.push({ type: 'activity', phase: '等待人工确认', status: 'waiting' });
+        return { events, status: 'interrupted' };
+      }
+      events.push({ type: 'terminal', status: 'completed' });
+    } else if (type === 'RUN_ERROR') {
+      events.push({ type: 'error', error: new Error('AG-UI 运行失败') });
+      return { events, status: 'failed' };
+    }
+    return { events };
+  }
+}
diff --git a/src/core/run/dispatcher.ts b/src/core/run/dispatcher.ts
index 9ea0c92..55c9671 100644
--- a/src/core/run/dispatcher.ts
+++ b/src/core/run/dispatcher.ts
@@ -7,18 +7,17 @@ import { buildCompactionMessage } from '../../utils/session-events.js';
 import { isFailedToolOutput } from '../../utils/tool-display.js';
 import type { Message } from '../../components/chat/types.js';
 
-let assistantCreated = false;
-
 const TERMINAL_COMPLETE_STATUSES = new Set(['completed']);
 const TERMINAL_ERROR_STATUSES = new Set(['failed', 'error', 'cancelled', 'canceled', 'aborted', 'incomplete']);
 
 function ensureAssistantMessage(id: string) {
-  if (assistantCreated) return;
-  assistantCreated = true;
-  useMessageStore.getState().patchMessages((prev) => [
-    ...prev,
-    { id, role: 'model', content: '', timestamp: Date.now(), reasoning: '' },
-  ]);
+  useMessageStore.getState().patchMessages((prev) => {
+    if (prev.some((message) => message.id === id)) return prev;
+    return [
+      ...prev,
+      { id, role: 'model', content: '', timestamp: Date.now(), reasoning: '' },
+    ];
+  });
 }
 
 function settleRunningToolsForTerminalStatus(status: string) {
@@ -48,9 +47,6 @@ function settleRunningToolsForTerminalStatus(status: string) {
 
 export function dispatchRunEventToStores(event: RunEvent) {
   if (event.sessionId && useSessionStore.getState().currentSessionId !== event.sessionId) {
-    if (event.type === 'stage_changed' && (event.stage === 'completing' || event.stage === 'error' || event.stage === 'cancelled')) {
-      assistantCreated = false;
-    }
     return;
   }
 
@@ -117,17 +113,24 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ms.patchMessages((prev) =>
         prev.map((msg) => {
           if (msg.id !== event.messageId) return msg;
+          const current = msg.tools?.[event.name];
+          const currentApprovalResolved = current?.approvalStatus === 'approved'
+            || current?.approvalStatus === 'rejected';
           return {
             ...msg,
             tools: {
               ...(msg.tools || {}),
               [event.name]: {
-                ...(msg.tools?.[event.name] || { name: event.name, args: '' }),
+                ...(current || { name: event.name, args: '' }),
                 name: event.name,
                 args: event.args,
-                status: event.status as NonNullable<Message['tools']>[string]['status'],
+                status: currentApprovalResolved
+                  ? 'completed'
+                  : event.status as NonNullable<Message['tools']>[string]['status'],
                 ...(event.extra || {}),
-                ...(event.extra?.approvalRequestId ? { approvalStatus: 'pending' as const } : {}),
+                ...(event.extra?.approvalRequestId && !currentApprovalResolved
+                  ? { approvalStatus: 'pending' as const }
+                  : {}),
               },
             },
           };
@@ -156,6 +159,57 @@ export function dispatchRunEventToStores(event: RunEvent) {
       );
       break;
 
+    case 'approval_requested': {
+      ensureAssistantMessage(event.messageId);
+      ms.patchMessages((prev) =>
+        prev.map((msg) => {
+          if (msg.id !== event.messageId) return msg;
+          const existing = msg.tools?.[event.approvalRequestId];
+          const alreadyResolved = existing?.approvalStatus === 'approved'
+            || existing?.approvalStatus === 'rejected';
+          return {
+            ...msg,
+            tools: {
+              ...(msg.tools || {}),
+              [event.approvalRequestId]: {
+                ...(existing || {}),
+                name: event.name,
+                args: event.args,
+                status: alreadyResolved ? 'completed' : 'paused',
+                approvalRequestId: event.approvalRequestId,
+                approvalProtocol: event.protocol,
+                approvalStatus: alreadyResolved ? existing.approvalStatus : 'pending',
+                ...(event.message ? { approvalMessage: event.message } : {}),
+                ...(event.approvalLevel ? { approvalLevel: event.approvalLevel } : {}),
+              },
+            },
+          };
+        }),
+      );
+      break;
+    }
+
+    case 'approval_resolved':
+      ms.patchMessages((prev) =>
+        prev.map((msg) => {
+          if (!msg.tools) return msg;
+          let changed = false;
+          const tools = Object.fromEntries(
+            Object.entries(msg.tools).map(([key, tool]) => {
+              if (tool.approvalRequestId !== event.approvalRequestId) return [key, tool];
+              changed = true;
+              return [key, {
+                ...tool,
+                status: 'completed' as const,
+                approvalStatus: event.decision,
+              }];
+            }),
+          ) as NonNullable<Message['tools']>;
+          return changed ? { ...msg, tools } : msg;
+        }),
+      );
+      break;
+
     case 'system_message':
       ms.patchMessages((prev) => [
         ...prev,
@@ -194,7 +248,6 @@ export function dispatchRunEventToStores(event: RunEvent) {
         useStreamingStore.getState().setSessionStreaming(event.sessionId, true);
       } else if (event.stage === 'completing' || event.stage === 'error' || event.stage === 'cancelled') {
         useStreamingStore.getState().setSessionStreaming(event.sessionId, false);
-        assistantCreated = false;
       }
       break;
 
@@ -207,7 +260,6 @@ export function dispatchRunEventToStores(event: RunEvent) {
           state.clearSessionActivity(event.sessionId);
         }
       }, 2400);
-      assistantCreated = false;
       break;
 
     case 'error':
@@ -227,7 +279,6 @@ export function dispatchRunEventToStores(event: RunEvent) {
           timestamp: Date.now(),
         },
       ]);
-      assistantCreated = false;
       break;
 
     case 'terminal':
@@ -266,9 +317,111 @@ export function dispatchRunEventToStores(event: RunEvent) {
       }
       break;
     }
+
+    case 'a2ui_surface_begin': {
+      const msgId = `a2ui-${event.surfaceId}`;
+      useMessageStore.getState().patchMessages((prev) => {
+        const without = prev.filter((m) => m.id !== msgId);
+        return [
+          ...without,
+          {
+            id: msgId,
+            role: 'a2ui' as const,
+            content: '',
+            timestamp: Date.now(),
+            a2ui: {
+              surfaceId: event.surfaceId,
+              surface: event.surface,
+            },
+          },
+        ];
+      });
+      break;
+    }
+
+    case 'a2ui_surface_update': {
+      const msgId = `a2ui-${event.surfaceId}`;
+      useMessageStore.getState().patchMessages((prev) =>
+        prev.map((m) =>
+          m.id === msgId && m.a2ui
+            ? { ...m, a2ui: { ...m.a2ui, surface: event.surface } }
+            : m,
+        ),
+      );
+      break;
+    }
+
+    case 'a2ui_surface_end': {
+      const msgId = `a2ui-${event.surfaceId}`;
+      useMessageStore.getState().patchMessages((prev) =>
+        prev.map((m) =>
+          m.id === msgId && m.a2ui
+            ? { ...m, a2ui: { ...m.a2ui, ended: true } }
+            : m,
+        ),
+      );
+      break;
+    }
+
+    case 'a2ui_interaction': {
+      const msgId = `a2ui-${event.surfaceId}`;
+      useMessageStore.getState().patchMessages((prev) =>
+        prev.map((m) =>
+          m.id === msgId && m.a2ui
+            ? {
+                ...m,
+                a2ui: {
+                  ...m.a2ui,
+                  pendingInteraction: {
+                    interactionId: event.interactionId,
+                    kind: event.kind,
+                    inputSchema: event.inputSchema,
+                  },
+                },
+              }
+            : m,
+        ),
+      );
+      break;
+    }
+
+    case 'agui_activity': {
+      const msgId = `agui-a2ui-${event.surfaceId}`;
+      useMessageStore.getState().patchMessages((prev) => {
+        const activity = { surfaceId: event.surfaceId, messages: event.messages };
+        let attached = false;
+        const withAttachedActivity = prev.map((message) => {
+          if (message.id !== event.messageId) return message;
+          attached = true;
+          const prior = message.aguiActivities || [];
+          const next = [
+            ...prior.filter((item) => item.surfaceId !== event.surfaceId),
+            activity,
+          ];
+          return { ...message, aguiActivities: next };
+        });
+        if (attached) return withAttachedActivity;
+
+        // An activity can legally arrive before the assistant message. Keep
+        // the existing standalone fallback for that edge case and for replay.
+        const current = prev.find((message) => message.id === msgId);
+        const nextMessage: Message = {
+          id: msgId,
+          role: 'a2ui',
+          content: '',
+          timestamp: current?.timestamp || Date.now(),
+          aguiActivity: activity,
+        };
+        return current
+          ? prev.map((message) => message.id === msgId ? nextMessage : message)
+          : [...prev, nextMessage];
+      });
+      break;
+    }
   }
 }
 
 export function resetDispatcherState() {
-  assistantCreated = false;
+  // Kept for test and session lifecycle callers. Message existence is now the
+  // source of truth, so switching sessions cannot drop a live AG-UI event.
 }
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index d28f8e7..e5914ac 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -11,6 +11,7 @@ import { resolveRunAgentApiFormat } from '../../utils/layout-constants.js';
 import { useStreamingStore } from '../../stores/streaming.js';
 import type { StreamProtocol } from '../stream/types.js';
 import type { RuntimeApiFormat } from '../../types/api.js';
+import { AguiRunClient } from './agui.js';
 
 type StreamConsumeResult = {
   receivedData: boolean;
@@ -94,6 +95,8 @@ export class RunEngineImpl implements RunEngine {
   private abortController: AbortController | null = null;
   private activeCompactionId: string | null = null;
   private activeSessionId: string | null = null;
+  private aguiClient: AguiRunClient | null = null;
+  private aguiThreadSessionId: string | null = null;
   private api: ApiFacade;
   private config: RunEngineConfig = {
     agentId: 'default-agent',
@@ -125,6 +128,21 @@ export class RunEngineImpl implements RunEngine {
     }
   }
 
+  private getAguiClient(sessionId: string): AguiRunClient | null {
+    const transport = this.config.hostedChatTransport;
+    if (transport?.Protocol !== 'ag-ui' || !transport.Endpoint) return null;
+    if (!this.aguiClient || this.aguiThreadSessionId !== sessionId) {
+      this.aguiClient = new AguiRunClient({
+        url: transport.Endpoint,
+        agentId: this.config.agentId,
+        threadId: sessionId,
+        onEvent: (event) => this.emit(event),
+      });
+      this.aguiThreadSessionId = sessionId;
+    }
+    return this.aguiClient;
+  }
+
   private setStage(stage: RunStage) {
     const allowed = VALID_TRANSITIONS[this._stage];
     if (allowed && !allowed.includes(stage)) {
@@ -182,6 +200,35 @@ export class RunEngineImpl implements RunEngine {
         const invocationId = createInvocationId();
         useStreamingStore.getState().setCurrentRunId(invocationId);
 
+        const hostedTransport = this.config.hostedChatTransport;
+        const useAgui = !isResponsesResume
+          && draft.attachments.length === 0
+          && hostedTransport?.Protocol === 'ag-ui';
+        const aguiClient = useAgui ? this.getAguiClient(sessionId) : null;
+        if (aguiClient && hostedTransport) {
+          this.setStage('streaming');
+          this.emit({ type: 'activity', phase: '等待 AG-UI 输出', status: 'waiting', countEvent: false });
+          const aguiResult = await aguiClient.run(
+            draft.text,
+            invocationId,
+            this.abortController?.signal,
+          );
+          if (aguiResult.status === 'interrupted') {
+            this.setStage('completing');
+            this.emit({ type: 'stream_ended' });
+            return;
+          }
+          if (aguiResult.status !== 'completed') {
+            this.setStage('error');
+            this.emit({ type: 'activity', phase: 'AG-UI 运行失败', status: 'failed', countEvent: false });
+            return;
+          }
+          this.setStage('completing');
+          this.emit({ type: 'activity', phase: '运行完成', status: 'completed', countEvent: false });
+          this.emit({ type: 'stream_ended' });
+          return;
+        }
+
         const body = this.buildRequestBody(
           sessionId,
           apiFormat,
@@ -258,7 +305,7 @@ export class RunEngineImpl implements RunEngine {
           }
         }
       } finally {
-        useStreamingStore.getState().setStreaming(false);
+        useStreamingStore.getState().setSessionStreaming(sessionId, false);
         this.setStage('idle');
         this.activeCompactionId = null;
         this.activeSessionId = null;
@@ -278,6 +325,7 @@ export class RunEngineImpl implements RunEngine {
       });
     }
     this.abortController?.abort();
+    this.aguiClient?.abort();
     useStreamingStore.getState().stopActivity(
       invocationId
         ? '已向运行时发送取消请求；如果当前框架只支持协作式取消，后台可能会在下一个安全点停止。'
@@ -296,7 +344,8 @@ export class RunEngineImpl implements RunEngine {
   disconnect(): void {
     if (this._stage === 'idle') return;
     this.abortController?.abort();
-    useStreamingStore.getState().setStreaming(false);
+    this.aguiClient?.abort();
+    useStreamingStore.getState().setSessionStreaming(this.activeSessionId, false);
     useStreamingStore.getState().clearActivity();
     this._stage = 'idle';
     this.activeCompactionId = null;
@@ -385,7 +434,7 @@ export class RunEngineImpl implements RunEngine {
           console.error('Failed to subscribe to run events:', error);
         }
       } finally {
-        useStreamingStore.getState().setStreaming(false);
+        useStreamingStore.getState().setSessionStreaming(params.sessionId, false);
         useStreamingStore.getState().setCurrentRunId('');
         this.setStage('idle');
         this.activeSessionId = null;
@@ -503,7 +552,7 @@ export class RunEngineImpl implements RunEngine {
           this.emit({ type: 'error', error: error instanceof Error ? error : new Error(String(error)) });
         }
       } finally {
-        useStreamingStore.getState().setStreaming(false);
+        useStreamingStore.getState().setSessionStreaming(params.sessionId, false);
         useStreamingStore.getState().setCurrentRunId('');
         this.setStage('idle');
         this.activeSessionId = null;
@@ -514,6 +563,70 @@ export class RunEngineImpl implements RunEngine {
     return true;
   }
 
+  resumeAguiInterrupt(params: {
+    sessionId?: string | null;
+    interruptId: string;
+    status: 'resolved' | 'cancelled';
+    payload?: unknown;
+    onSettled?: (sessionId: string | null) => void;
+  }): boolean {
+    if (this._stage !== 'idle') return false;
+
+    const sessionId = params.sessionId || this.aguiThreadSessionId;
+    if (!sessionId) return false;
+    const aguiClient = this.getAguiClient(sessionId);
+    if (!aguiClient) return false;
+    this.activeSessionId = sessionId;
+    const invocationId = createInvocationId();
+    useStreamingStore.getState().setCurrentRunId(invocationId);
+    this.setStage('connecting');
+    this.emit({ type: 'activity', phase: '提交人工确认', status: 'connecting', countEvent: false });
+
+    void (async () => {
+      try {
+        this.setStage('streaming');
+        const result = await aguiClient.resume(invocationId, {
+          interruptId: params.interruptId,
+          status: params.status,
+          payload: params.payload,
+        });
+        const payload = params.payload && typeof params.payload === 'object'
+          ? params.payload as Record<string, unknown>
+          : {};
+        const rawDecision = String(payload.decision || payload.type || '').toLowerCase();
+        this.emit({
+          type: 'approval_resolved',
+          approvalRequestId: params.interruptId,
+          decision: params.status === 'cancelled' || rawDecision === 'reject' || rawDecision === 'rejected'
+            ? 'rejected'
+            : 'approved',
+        });
+        if (result.status === 'interrupted') {
+          this.setStage('completing');
+          this.emit({ type: 'stream_ended' });
+          return;
+        }
+        if (result.status !== 'completed') {
+          this.setStage('error');
+          this.emit({ type: 'activity', phase: '人工确认恢复失败', status: 'failed', countEvent: false });
+          return;
+        }
+        this.setStage('completing');
+        this.emit({ type: 'activity', phase: '运行完成', status: 'completed', countEvent: false });
+        this.emit({ type: 'stream_ended' });
+      } catch (error) {
+        this.setStage('error');
+        this.emit({ type: 'error', error: error instanceof Error ? error : new Error(String(error)) });
+      } finally {
+        useStreamingStore.getState().setCurrentRunId('');
+        this.setStage('idle');
+        this.activeSessionId = null;
+        params.onSettled?.(sessionId);
+      }
+    })();
+    return true;
+  }
+
   private async createSession(draft: {
     onSessionCreated?: (sessionId: string) => void;
     onSessionUpsert?: (sessionId: string) => void;
@@ -724,7 +837,15 @@ export class RunEngineImpl implements RunEngine {
         this.emit({ type: 'tool_result', messageId, name: action.name, output: action.output });
         break;
       case 'approval_request':
-        this.emit({ type: 'system_message', content: '本次运行需要人工审批后才能继续。' });
+        this.emit({
+          type: 'approval_requested',
+          messageId,
+          approvalRequestId: action.approvalRequestId,
+          protocol: 'responses',
+          name: '人工确认',
+          args: '',
+          message: '本次运行需要人工审批后才能继续。',
+        });
         break;
       case 'incomplete':
         this.emit({ type: 'system_message', content: '本次运行已中断，需要人工确认后继续。' });
@@ -738,6 +859,18 @@ export class RunEngineImpl implements RunEngine {
       case 'compaction':
         this.emit({ type: 'compaction', phase: action.phase, trigger: action.trigger, compactedUntilSeqId: action.compactedUntilSeqId });
         break;
+      case 'a2ui_surface_begin':
+        this.emit({ type: 'a2ui_surface_begin', surfaceId: action.surfaceId, surface: action.surface });
+        break;
+      case 'a2ui_surface_update':
+        this.emit({ type: 'a2ui_surface_update', surfaceId: action.surfaceId, surface: action.surface });
+        break;
+      case 'a2ui_surface_end':
+        this.emit({ type: 'a2ui_surface_end', surfaceId: action.surfaceId });
+        break;
+      case 'a2ui_interaction':
+        this.emit({ type: 'a2ui_interaction', surfaceId: action.surfaceId, interactionId: action.interactionId, kind: action.kind, inputSchema: action.inputSchema });
+        break;
     }
   }
 
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index 078bd58..f82001f 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -1,4 +1,5 @@
 import type { RuntimeApiFormat } from '../../types/api.js';
+import type { HostedChatTransport } from '../../types/api.js';
 import type { ModelCatalogItem } from '../../components/chat/types.js';
 
 export type RunStage =
@@ -25,12 +26,40 @@ export type RunEvent =
   | { type: 'reasoning_delta'; messageId: string; delta: string; sessionId?: string | null }
   | { type: 'tool_upsert'; messageId: string; name: string; args: string; status: string; extra?: Record<string, unknown>; sessionId?: string | null }
   | { type: 'tool_result'; messageId: string; name: string; output: string; sessionId?: string | null }
+  | {
+      type: 'approval_requested';
+      messageId: string;
+      approvalRequestId: string;
+      protocol: 'ag-ui' | 'responses';
+      name: string;
+      args: string;
+      message?: string;
+      approvalLevel?: string;
+      sessionId?: string | null;
+    }
+  | {
+      type: 'approval_resolved';
+      approvalRequestId: string;
+      decision: 'approved' | 'rejected';
+      sessionId?: string | null;
+    }
   | { type: 'compaction'; phase: string; trigger?: string; compactedUntilSeqId?: number; sessionId?: string | null }
   | { type: 'system_message'; content: string; sessionId?: string | null }
   | { type: 'stream_ended'; sessionId?: string | null }
   | { type: 'error'; error: Error; sessionId?: string | null }
   | { type: 'terminal'; status: string; sessionId?: string | null }
-  | { type: 'stream_event'; event: import('../../types/session-events.js').SessionEventRecord; sessionId?: string | null };
+  | { type: 'stream_event'; event: import('../../types/session-events.js').SessionEventRecord; sessionId?: string | null }
+  | { type: 'a2ui_surface_begin'; surfaceId: string; surface: import('../stream/types.js').A2UISurface; sessionId?: string | null }
+  | { type: 'a2ui_surface_update'; surfaceId: string; surface: import('../stream/types.js').A2UISurface; sessionId?: string | null }
+  | { type: 'a2ui_surface_end'; surfaceId: string; sessionId?: string | null }
+  | { type: 'a2ui_interaction'; surfaceId: string; interactionId: string; kind: string; inputSchema: Record<string, unknown>; sessionId?: string | null }
+  | {
+      type: 'agui_activity';
+      messageId: string;
+      surfaceId: string;
+      messages: Array<Record<string, unknown>>;
+      sessionId?: string | null;
+    };
 
 export type RunEngineConfig = {
   agentId: string;
@@ -39,6 +68,7 @@ export type RunEngineConfig = {
   selectedModel: string;
   selectedModelMetadata?: ModelCatalogItem | null;
   thinkingMode: string;
+  hostedChatTransport?: HostedChatTransport;
   checkpointResumePreviewEnabled?: boolean;
 };
 
@@ -70,6 +100,13 @@ export interface RunEngine {
     resumeAttemptId?: string;
     onSettled?: (sessionId: string | null) => void;
   }): boolean;
+  resumeAguiInterrupt(params: {
+    sessionId?: string | null;
+    interruptId: string;
+    status: 'resolved' | 'cancelled';
+    payload?: unknown;
+    onSettled?: (sessionId: string | null) => void;
+  }): boolean;
   readonly stage: RunStage;
   subscribe(listener: (event: RunEvent) => void): () => void;
 }
diff --git a/src/core/stream/responses-protocol.ts b/src/core/stream/responses-protocol.ts
index 80b5548..e0719c2 100644
--- a/src/core/stream/responses-protocol.ts
+++ b/src/core/stream/responses-protocol.ts
@@ -32,6 +32,7 @@ export class ResponsesProtocol implements StreamProtocol {
             ...(approvalRequestId ? { approvalRequestId } : {}),
             ...(previousResponseId ? { previousResponseId } : {}),
             ...(serverLabel ? { serverLabel } : {}),
+            ...(approvalRequestId ? { approvalProtocol: 'responses' } : {}),
           },
         } as StreamAction;
       }
diff --git a/src/core/stream/types.ts b/src/core/stream/types.ts
index 1d2299e..82b1614 100644
--- a/src/core/stream/types.ts
+++ b/src/core/stream/types.ts
@@ -1,3 +1,17 @@
+export interface A2UIComponent {
+  component_id: string;
+  type: string;
+  props: Record<string, unknown>;
+  children: A2UIComponent[];
+}
+
+export interface A2UISurface {
+  surface_id: string;
+  catalog_id: string;
+  components: A2UIComponent[];
+  data_model: Record<string, unknown>;
+}
+
 export type StreamAction =
   | { type: 'text_delta'; text: string }
   | { type: 'text_final'; text: string }
@@ -5,6 +19,10 @@ export type StreamAction =
   | { type: 'tool_upsert'; name: string; args: string; status: 'running' | 'completed' | 'error' | 'paused'; extra?: Record<string, unknown> }
   | { type: 'tool_result'; name: string; output: string }
   | { type: 'approval_request'; approvalRequestId: string; previousResponseId?: string }
+  | { type: 'a2ui_surface_begin'; surfaceId: string; surface: A2UISurface }
+  | { type: 'a2ui_surface_update'; surfaceId: string; surface: A2UISurface }
+  | { type: 'a2ui_surface_end'; surfaceId: string }
+  | { type: 'a2ui_interaction'; surfaceId: string; interactionId: string; kind: string; inputSchema: Record<string, unknown> }
   | { type: 'compaction'; phase: 'start' | 'done' | 'failed'; trigger?: string; compactedUntilSeqId?: number }
   | { type: 'incomplete' }
   | { type: 'failed'; message: string }
diff --git a/src/hooks/useRunAgent.ts b/src/hooks/useRunAgent.ts
index 02323c7..ced6db5 100644
--- a/src/hooks/useRunAgent.ts
+++ b/src/hooks/useRunAgent.ts
@@ -9,6 +9,8 @@ import type { ApiFacade } from '../core/api/types.js';
 import { RunEngineImpl, dispatchRunEventToStores, resetDispatcherState } from '../core/run/index.js';
 import type { ModelCatalogItem, Session } from '../components/chat/types.js';
 import { writePersistedSessionId } from '../utils/session.js';
+import { resolveHostedChatTransport } from '../utils/capabilities.js';
+import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
 
 type QueuedDraft = {
   text: string;
@@ -57,9 +59,10 @@ export function useRunAgent(ctx: RunAgentContext) {
       selectedModel,
       selectedModelMetadata,
       thinkingMode,
+      hostedChatTransport: resolveHostedChatTransport(uiCapabilities),
       checkpointResumePreviewEnabled: Boolean(uiCapabilities.RunLifecycle?.CheckpointResumePreview),
     });
-  }, [agentId, apiFormats, agentFramework, selectedModel, selectedModelMetadata, thinkingMode, uiCapabilities.RunLifecycle?.CheckpointResumePreview]);
+  }, [agentId, apiFormats, agentFramework, selectedModel, selectedModelMetadata, thinkingMode, uiCapabilities]);
 
   const getEngine = useCallback((sessionId: string | null | undefined) => {
     const key = String(sessionId || 'new-session');
@@ -235,5 +238,63 @@ export function useRunAgent(ctx: RunAgentContext) {
     resetDispatcherState();
   }, []);
 
-  return { submitDraft, stopGeneration, disconnectRun, resumeCheckpoint, resetCompaction };
+  const submitAguiAction = useCallback((message: A2UIClientEventMessage) => {
+    const action = message.userAction;
+    if (!action) return false;
+    const context = action.context || {};
+    const interruptId = String(context.interruptId || context.interrupt_id || '');
+    if (!interruptId) return false;
+    const sessionId = currentSessionIdRef.current;
+    if (!sessionId) return false;
+    const engine = getEngine(sessionId);
+    const status = context.status === 'cancelled' ? 'cancelled' : 'resolved';
+    const payload = Object.prototype.hasOwnProperty.call(context, 'payload')
+      ? context.payload
+      : {
+          action: action.name,
+          sourceComponentId: action.sourceComponentId,
+          context,
+        };
+    return engine.resumeAguiInterrupt({
+      sessionId,
+      interruptId,
+      status,
+      payload,
+      onSettled: onRunSettled,
+    });
+  }, [currentSessionIdRef, getEngine, onRunSettled]);
+
+  const respondToAguiApproval = useCallback((options: {
+    interruptId: string;
+    approve: boolean;
+  }) => {
+    if (!options.interruptId) return false;
+    const sessionId = currentSessionIdRef.current;
+    if (!sessionId) return false;
+    const engine = getEngine(sessionId);
+    if (engine.stage !== 'idle') return false;
+
+    useStreamingStore.getState().setSessionStreaming(sessionId, true);
+    const accepted = engine.resumeAguiInterrupt({
+      sessionId,
+      interruptId: options.interruptId,
+      status: 'resolved',
+      payload: { decision: options.approve ? 'approve' : 'reject' },
+      onSettled: onRunSettled,
+    });
+    if (!accepted) {
+      useStreamingStore.getState().setSessionStreaming(sessionId, false);
+    }
+    return accepted;
+  }, [currentSessionIdRef, getEngine, onRunSettled]);
+
+  return {
+    submitDraft,
+    stopGeneration,
+    disconnectRun,
+    resumeCheckpoint,
+    submitAguiAction,
+    respondToAguiApproval,
+    resetCompaction,
+  };
 }
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index b1bac02..bd34d19 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -284,6 +284,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         && loadSessionGenerationRef.current === generation
       );
       useSessionStore.getState().setCurrentSessionId(sessionId);
+      useSessionStore.getState().setSessionInitialMessageHistoryLoading(sessionId, true);
       resetCompaction();
       runSubscriptionAbortRef.current?.abort();
       if (isMobile) {
@@ -366,6 +367,10 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         }
       } catch (error) {
         console.error('Failed to load session messages:', error);
+      } finally {
+        if (isStillCurrentSession()) {
+          useSessionStore.getState().setSessionInitialMessageHistoryLoading(sessionId, false);
+        }
       }
     },
     [
diff --git a/src/index.css b/src/index.css
index 26d0197..aeb3820 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,31 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+@plugin "tailwindcss-animate";
+
+@theme {
+  --color-primary: hsl(215 78% 52%);
+  --color-primary-foreground: hsl(0 0% 100%);
+  --color-accent: hsl(215 78% 95%);
+  --color-accent-foreground: hsl(215 78% 25%);
+  --color-background: hsl(210 20% 99%);
+  --color-foreground: hsl(215 25% 15%);
+  --color-muted: hsl(210 15% 96%);
+  --color-muted-foreground: hsl(215.4 16.3% 46.9%);
+  --color-border: hsl(210 12% 90%);
+  --color-card: hsl(0 0% 100%);
+  --color-card-foreground: hsl(222.2 84% 4.9%);
+  --color-popover: hsl(0 0% 100%);
+  --color-popover-foreground: hsl(222.2 84% 4.9%);
+  --color-secondary: hsl(210 40% 96.1%);
+  --color-secondary-foreground: hsl(222.2 47.4% 11.2%);
+  --color-destructive: hsl(0 84.2% 60.2%);
+  --color-destructive-foreground: hsl(210 40% 98%);
+  --color-input: hsl(214.3 31.8% 91.4%);
+  --color-ring: hsl(222.2 84% 4.9%);
+  --radius: 0.75rem;
+}
+
+@custom-variant dark (&:where(.dark, .dark *));
 
 @layer base {
   :root {
diff --git a/src/stores/session.ts b/src/stores/session.ts
index b1b0086..8616233 100644
--- a/src/stores/session.ts
+++ b/src/stores/session.ts
@@ -16,6 +16,7 @@ export type SessionState = {
   messageHistory: Record<string, {
     nextCursor: number | null;
     hasMore: boolean;
+    isLoadingInitial: boolean;
     isLoadingOlder: boolean;
   }>;
 };
@@ -39,6 +40,7 @@ export type SessionActions = {
     hasMore: boolean;
     isLoadingOlder?: boolean;
   }) => void;
+  setSessionInitialMessageHistoryLoading: (sessionId: string, loading: boolean) => void;
   setSessionMessageHistoryLoading: (sessionId: string, loading: boolean) => void;
   clearSessionMessageHistory: (sessionId?: string) => void;
 };
@@ -111,7 +113,10 @@ export const useSessionStore = create<SessionStore>()((set) => ({
   sessionsPageSize: 30,
   loadedPages: new Set(),
   hasMoreSessions: false,
-  isLoadingSessions: false,
+  // Session restoration starts from an unknown state. Rendering an empty
+  // transcript before the first list request completes makes persisted
+  // approvals look as if they only appear after a manual refresh.
+  isLoadingSessions: true,
   pinnedSessionIds: readPinnedSessionIds(),
   messageHistory: {},
   setSessions: (sessions) =>
@@ -195,10 +200,26 @@ export const useSessionStore = create<SessionStore>()((set) => ({
         [sessionId]: {
           nextCursor: history.nextCursor,
           hasMore: history.hasMore,
+          isLoadingInitial: false,
           isLoadingOlder: history.isLoadingOlder ?? false,
         },
       },
     })),
+  setSessionInitialMessageHistoryLoading: (sessionId, loading) =>
+    set((s) => {
+      const existing = s.messageHistory[sessionId];
+      return {
+        messageHistory: {
+          ...s.messageHistory,
+          [sessionId]: {
+            nextCursor: existing?.nextCursor ?? null,
+            hasMore: existing?.hasMore ?? false,
+            isLoadingInitial: loading,
+            isLoadingOlder: existing?.isLoadingOlder ?? false,
+          },
+        },
+      };
+    }),
   setSessionMessageHistoryLoading: (sessionId, loading) =>
     set((s) => {
       const existing = s.messageHistory[sessionId];
diff --git a/src/stores/streaming.ts b/src/stores/streaming.ts
index 7b1db57..5bcbe65 100644
--- a/src/stores/streaming.ts
+++ b/src/stores/streaming.ts
@@ -19,6 +19,7 @@ export type StreamingState = {
   stopRequested: boolean;
   activity: RunActivity | null;
   sessionActivities: Record<string, RunActivity>;
+  sessionStreaming: Record<string, true>;
 };
 
 export type StreamingActions = {
@@ -52,9 +53,13 @@ export type StreamingActions = {
 
 export type StreamingStore = StreamingState & StreamingActions;
 
-const isActivityActive = (activity: RunActivity | null | undefined): boolean => (
-  Boolean(activity && activity.status !== 'completed' && activity.status !== 'failed' && activity.status !== 'stopped')
-);
+const hasStreamingSession = (sessions: Record<string, true>): boolean => Object.keys(sessions).length > 0;
+
+const withoutStreamingSession = (sessions: Record<string, true>, key: string): Record<string, true> => {
+  const next = { ...sessions };
+  delete next[key];
+  return next;
+};
 
 export const useStreamingStore = create<StreamingStore>()((set, get) => ({
   isStreaming: false,
@@ -62,26 +67,21 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
   stopRequested: false,
   activity: null,
   sessionActivities: {},
+  sessionStreaming: {},
   setStreaming: (streaming) => set({ isStreaming: streaming }),
   setSessionStreaming: (sessionId, streaming) => set((state) => {
     const key = String(sessionId || '');
     if (!key) return { isStreaming: streaming };
-    if (!streaming) {
-      const current = state.sessionActivities[key];
-      if (!current) {
-        return { isStreaming: Object.values(state.sessionActivities).some(isActivityActive) };
-      }
-      return {
-        isStreaming: Object.entries(state.sessionActivities).some(([id, activity]) => (
-          id !== key && isActivityActive(activity)
-        )),
-      };
-    }
-    return { isStreaming: true };
+    const remaining = withoutStreamingSession(state.sessionStreaming, key);
+    const sessionStreaming = streaming ? { ...remaining, [key]: true as const } : remaining;
+    return {
+      sessionStreaming,
+      isStreaming: hasStreamingSession(sessionStreaming),
+    };
   }),
   isSessionStreaming: (sessionId) => {
-    const activity = get().getSessionActivity(sessionId);
-    return isActivityActive(activity);
+    const key = String(sessionId || '');
+    return Boolean(key && get().sessionStreaming[key]);
   },
   getSessionActivity: (sessionId) => {
     const key = String(sessionId || '');
@@ -127,11 +127,7 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
         };
     if (key) {
       return {
-        isStreaming: nextActivity.status !== 'completed' && nextActivity.status !== 'failed' && nextActivity.status !== 'stopped'
-          ? true
-          : Object.entries(state.sessionActivities).some(([id, existing]) => (
-              id !== key && existing.status !== 'completed' && existing.status !== 'failed' && existing.status !== 'stopped'
-            )),
+        isStreaming: hasStreamingSession(state.sessionStreaming),
         sessionActivities: {
           ...state.sessionActivities,
           [key]: nextActivity,
@@ -174,12 +170,12 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
       lastEventAt: Date.now(),
     };
     const sessionActivities = { ...state.sessionActivities, [key]: nextActivity };
+    const sessionStreaming = withoutStreamingSession(state.sessionStreaming, key);
     return {
-      isStreaming: Object.entries(sessionActivities).some(([id, activity]) => (
-        id !== key && activity.status !== 'completed' && activity.status !== 'failed' && activity.status !== 'stopped'
-      )),
+      isStreaming: hasStreamingSession(sessionStreaming),
       activity: nextActivity,
       sessionActivities,
+      sessionStreaming,
     };
   }),
   clearActivity: () => set({ activity: null }),
@@ -187,11 +183,20 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
     const key = String(sessionId || '');
     if (!key) return {};
     const { [key]: _removed, ...sessionActivities } = state.sessionActivities;
+    const sessionStreaming = withoutStreamingSession(state.sessionStreaming, key);
     return {
       sessionActivities,
-      isStreaming: Object.values(sessionActivities).some((activity) => activity.status !== 'completed' && activity.status !== 'failed' && activity.status !== 'stopped'),
+      sessionStreaming,
+      isStreaming: hasStreamingSession(sessionStreaming),
       activity: state.activity === _removed ? null : state.activity,
     };
   }),
-  resetRun: () => set({ isStreaming: false, currentRunId: '', stopRequested: false, activity: null, sessionActivities: {} }),
+  resetRun: () => set({
+    isStreaming: false,
+    currentRunId: '',
+    stopRequested: false,
+    activity: null,
+    sessionActivities: {},
+    sessionStreaming: {},
+  }),
 }));
diff --git a/src/types/api.ts b/src/types/api.ts
index 43ba189..1e57ac3 100644
--- a/src/types/api.ts
+++ b/src/types/api.ts
@@ -1 +1,15 @@
-export type RuntimeApiFormat = 'responses' | 'chat_completions';
\ No newline at end of file
+export type RuntimeApiFormat = 'responses' | 'chat_completions';
+
+export type HostedChatTransportProtocol = 'ag-ui' | 'responses';
+
+export type HostedChatTransport = {
+  Protocol: HostedChatTransportProtocol;
+  Runtime: string;
+  Endpoint: string;
+  Version: string;
+  Capabilities: {
+    A2UI: boolean;
+    Interrupt: boolean;
+    Cancel: boolean;
+  };
+};
diff --git a/src/types/capabilities.ts b/src/types/capabilities.ts
index 5eca6db..1c78fb6 100644
--- a/src/types/capabilities.ts
+++ b/src/types/capabilities.ts
@@ -1,4 +1,8 @@
-import type { RuntimeApiFormat } from './api.js';
+import type {
+  HostedChatTransport,
+  HostedChatTransportProtocol,
+  RuntimeApiFormat,
+} from './api.js';
 
 export type BuiltinToolCapability = {
   name: string;
@@ -23,6 +27,8 @@ export type UiCapabilities = {
   HostedChat: {
     Enabled: boolean;
     ApiFormats: RuntimeApiFormat[];
+    PreferredTransport: HostedChatTransportProtocol;
+    Transports: HostedChatTransport[];
   };
   NativeDashboard: {
     Enabled: boolean;
diff --git a/src/utils/capabilities.js b/src/utils/capabilities.js
index c0856e6..85755eb 100644
--- a/src/utils/capabilities.js
+++ b/src/utils/capabilities.js
@@ -60,6 +60,32 @@ function normalizeBuiltinTools(value) {
     });
 }
 
+function normalizeHostedChatTransports(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.flatMap((item) => {
+    const transport = asObject(item);
+    const protocol = String(transport.Protocol || '').trim().toLowerCase();
+    const endpoint = String(transport.Endpoint || '').trim();
+    if (!['ag-ui', 'responses'].includes(protocol) || !endpoint.startsWith('/')) {
+      return [];
+    }
+    const capabilities = asObject(transport.Capabilities);
+    return [{
+      Protocol: protocol,
+      Runtime: String(transport.Runtime || '').trim(),
+      Endpoint: endpoint,
+      Version: String(transport.Version || '').trim(),
+      Capabilities: {
+        A2UI: Boolean(capabilities.A2UI),
+        Interrupt: Boolean(capabilities.Interrupt),
+        Cancel: Boolean(capabilities.Cancel),
+      },
+    }];
+  });
+}
+
 export function normalizeCapabilities(bootstrap) {
   const data = bootstrap?.Data || bootstrap || {};
   const rawCapabilities = asObject(data.Capabilities);
@@ -79,6 +105,16 @@ export function normalizeCapabilities(bootstrap) {
   const nativeDashboard = asObject(rawCapabilities.NativeDashboard);
   const nativeTerminal = asObject(rawCapabilities.NativeTerminal);
   const runLifecycle = asObject(rawCapabilities.RunLifecycle);
+  const topLevelHostedChat = asObject(data.HostedChat);
+  const transports = normalizeHostedChatTransports(
+    hostedChat.Transports || topLevelHostedChat.Transports,
+  );
+  const preferredCandidate = String(
+    hostedChat.PreferredTransport || topLevelHostedChat.PreferredTransport || 'responses',
+  ).trim().toLowerCase();
+  const preferredTransport = transports.some(
+    (transport) => transport.Protocol === preferredCandidate,
+  ) ? preferredCandidate : 'responses';
 
   const hostedChatEnabled = normalizeEnabled(hostedChat.Enabled, defaultHostedChat);
   const nativeDashboardEnabled = normalizeEnabled(
@@ -93,6 +129,8 @@ export function normalizeCapabilities(bootstrap) {
     HostedChat: {
       Enabled: hostedChatEnabled,
       ApiFormats: normalizeApiFormats(hostedChat.ApiFormats || apiFormats),
+      PreferredTransport: preferredTransport,
+      Transports: transports,
     },
     NativeDashboard: {
       Enabled: nativeDashboardEnabled,
@@ -149,3 +187,20 @@ export function isNativeDashboardEnabled(capabilities) {
 export function isNativeTerminalEnabled(capabilities) {
   return normalizeCapabilities({ Data: { Capabilities: capabilities } }).NativeTerminal.Enabled;
 }
+
+export function resolveHostedChatTransport(capabilities) {
+  const hostedChat = normalizeCapabilities({ Data: { Capabilities: capabilities } }).HostedChat;
+  const preferred = hostedChat.Transports.find(
+    (transport) => transport.Protocol === hostedChat.PreferredTransport,
+  );
+  const responses = hostedChat.Transports.find(
+    (transport) => transport.Protocol === 'responses',
+  );
+  return preferred || responses || {
+    Protocol: 'responses',
+    Runtime: 'ksadk',
+    Endpoint: '/v1/responses',
+    Version: 'v1',
+    Capabilities: { A2UI: false, Interrupt: false, Cancel: false },
+  };
+}
diff --git a/src/utils/messages.js b/src/utils/messages.js
index d8743bb..71ae815 100644
--- a/src/utils/messages.js
+++ b/src/utils/messages.js
@@ -58,6 +58,11 @@ function mapToolEvents(toolEvents) {
     if (te.ApprovalRequestId) {
       entry.approvalRequestId = te.ApprovalRequestId;
       entry.approvalStatus = APPROVAL_STATUS_MAP[String(te.Status ?? 'paused').toLowerCase()] ?? 'pending';
+      entry.approvalProtocol = String(te.Protocol ?? '').toLowerCase() === 'ag-ui'
+        ? 'ag-ui'
+        : 'responses';
+      if (te.ApprovalMessage) entry.approvalMessage = String(te.ApprovalMessage);
+      if (te.ApprovalLevel) entry.approvalLevel = String(te.ApprovalLevel);
     }
     if (te.ToolCallId) {
       entry.previousResponseId = te.ToolCallId;
@@ -104,6 +109,29 @@ export function mapBackendMessage(msg) {
   return result;
 }
 
+function mapBackendActivities(msg) {
+  if (!Array.isArray(msg.Activities)) return [];
+  return msg.Activities.flatMap((activity, index) => {
+    const surfaceId = String(activity?.SurfaceId || '');
+    if (!surfaceId) return [];
+    const content = activity?.Content;
+    const messages = Array.isArray(content?.a2ui_operations)
+      ? content.a2ui_operations
+      : Array.isArray(content)
+        ? content
+        : [];
+    if (!messages.length) return [];
+    return [{
+      id: activity.MessageId || `a2ui-${msg.MessageId || msg.SeqId || 'message'}-${index}`,
+      role: 'a2ui',
+      content: '',
+      timestamp: parseTimestamp(msg.Timestamp),
+      aguiActivity: { surfaceId, messages: normalizeA2uiOperations(messages) },
+    }];
+  });
+}
+
 export function mapBackendMessages(messages) {
-  return messages.map(mapBackendMessage);
+  return messages.flatMap((message) => [mapBackendMessage(message), ...mapBackendActivities(message)]);
 }
+import { normalizeA2uiOperations } from '../core/run/a2ui.js';
diff --git a/src/utils/responses-stream.js b/src/utils/responses-stream.js
index 56e1a37..42a3e20 100644
--- a/src/utils/responses-stream.js
+++ b/src/utils/responses-stream.js
@@ -115,6 +115,28 @@ function completedOutputItems(data) {
   return Array.isArray(payload?.output) ? payload.output : [];
 }
 
+function unwrapInterruptInfo(value) {
+  let current = value;
+  if (typeof current === 'string') {
+    try {
+      current = JSON.parse(current);
+    } catch {
+      return {};
+    }
+  }
+  if (Array.isArray(current)) {
+    current = current[0] || {};
+  }
+  if (!current || typeof current !== 'object') return {};
+  if (current.value && typeof current.value === 'object' && !Array.isArray(current.value)) {
+    return {
+      ...current.value,
+      approval_request_id: current.value.approval_request_id || current.value.id || current.id,
+    };
+  }
+  return current;
+}
+
 function normalizeOutputItem({ data, state, status }) {
   const item = data?.item || data?.output_item || data || {};
   const type = String(item.type || '').trim();
@@ -276,16 +298,89 @@ export function normalizeResponsesStreamEvent({ eventName, data, state }) {
   }
 
   if (eventType === 'response.approval_request' || eventType === 'response.ksadk.approval_request') {
-    const interruptInfo = data?.interrupt_info && typeof data.interrupt_info === 'object' ? data.interrupt_info : {};
+    const interruptInfo = unwrapInterruptInfo(data?.interrupt_info);
+    const approvalRequestId = String(interruptInfo.approval_request_id || interruptInfo.id || '');
+    const previousResponseId = String(data?.response_id || state.currentResponseId || '');
+    // 把审批详情(工具名/参数/允许决定)转成可交互 tool_upsert(status=paused),
+    // 让 ChatMessageList 渲染 ApprovalBar(批准/拒绝按钮),而不是只出一句系统消息。
+    // 兼容两种嵌套:interrupt_info.approval_requests.action_requests(外层包装)
+    // 与 interrupt_info.action_requests(runner 直出)。
+    const ar = (interruptInfo.approval_requests && typeof interruptInfo.approval_requests === 'object')
+      ? interruptInfo.approval_requests
+      : interruptInfo;
+    const actionRequests = Array.isArray(ar.action_requests) ? ar.action_requests : [];
+    if (actionRequests.length > 0) {
+      return actionRequests.map((req) => ({
+        type: 'tool_upsert',
+        name: String(req?.name || 'tool'),
+        args: JSON.stringify(req?.args ?? {}),
+        status: 'paused',
+        approvalRequestId,
+        previousResponseId,
+      }));
+    }
     return [
       {
         type: 'approval_request',
-        approvalRequestId: String(interruptInfo.approval_request_id || interruptInfo.id || ''),
-        previousResponseId: String(data?.response_id || state.currentResponseId || ''),
+        approvalRequestId,
+        previousResponseId,
       },
     ];
   }
 
+  // A2UI surface 生命周期。兼容两种命名:
+  //  - ksadk 冻结命名(G0.2):a2ui.surface.begin / .update / .end
+  //  - a2ui.org v1.0 官方协议:createSurface / updateComponents / deleteSurface
+  // 前端统一归一成内部 StreamAction,后续若后端切官方协议,前端零改。
+  const surfaceBeginTypes = new Set([
+    'response.ksadk.a2ui_surface_begin', 'a2ui.surface.begin',
+    'response.a2ui.createSurface', 'a2ui.createSurface', 'createSurface',
+  ]);
+  if (surfaceBeginTypes.has(eventType)) {
+    const surface = data?.surface && typeof data.surface === 'object' ? data.surface : {};
+    return [{
+      type: 'a2ui_surface_begin',
+      surfaceId: String(data?.surface_id || data?.surfaceId || surface.surface_id || surface.surfaceId || ''),
+      surface,
+    }];
+  }
+
+  const surfaceUpdateTypes = new Set([
+    'response.ksadk.a2ui_surface_update', 'a2ui.surface.update',
+    'response.a2ui.updateComponents', 'a2ui.updateComponents', 'updateComponents',
+  ]);
+  if (surfaceUpdateTypes.has(eventType)) {
+    const surface = data?.surface && typeof data.surface === 'object' ? data.surface : {};
+    return [{
+      type: 'a2ui_surface_update',
+      surfaceId: String(data?.surface_id || data?.surfaceId || surface.surface_id || surface.surfaceId || ''),
+      surface,
+    }];
+  }
+
+  const surfaceEndTypes = new Set([
+    'response.ksadk.a2ui_surface_end', 'a2ui.surface.end',
+    'response.a2ui.deleteSurface', 'a2ui.deleteSurface', 'deleteSurface',
+  ]);
+  if (surfaceEndTypes.has(eventType)) {
+    return [{ type: 'a2ui_surface_end', surfaceId: String(data?.surface_id || data?.surfaceId || '') }];
+  }
+
+  // A2UI 交互(input_required)。官方 v1.0 经 actionResponse 承载同步回包;
+  // 此处归一 interaction(input_required 登记),兼容 ksadk 冻结命名 a2ui.interaction。
+  const interactionTypes = new Set([
+    'response.ksadk.a2ui_interaction', 'a2ui.interaction',
+  ]);
+  if (interactionTypes.has(eventType)) {
+    return [{
+      type: 'a2ui_interaction',
+      surfaceId: String(data?.surface_id || data?.surfaceId || ''),
+      interactionId: String(data?.interaction_id || data?.interactionId || ''),
+      kind: String(data?.kind || 'input'),
+      inputSchema: data?.input_schema && typeof data.input_schema === 'object' ? data.input_schema : {},
+    }];
+  }
+
   const fallbackText = data?.content?.parts?.[0]?.text;
   if (fallbackText && !data?.actions?.finishReason) {
     return [{ type: 'text_delta', text: String(fallbackText) }];
diff --git a/tests/message-virtualization.test.mjs b/tests/message-virtualization.test.mjs
index f265332..b515012 100644
--- a/tests/message-virtualization.test.mjs
+++ b/tests/message-virtualization.test.mjs
@@ -53,3 +53,27 @@ test('message virtualization honors measured heights when available', async () =
   assert.ok(windowed.totalHeight > items.length * 100);
   assert.ok(windowed.visibleItems.some((entry) => entry.item.id === 'msg-2'));
 });
+
+test('message virtualization moves later rows after an expanded row is remeasured', async () => {
+  const virtualization = await loadMessageVirtualizationUtils();
+  const items = [{ id: 'reasoning' }, { id: 'approval' }, { id: 'result' }];
+
+  const collapsed = virtualization.calculateVirtualMessageWindow({
+    items,
+    viewportHeight: 1000,
+    overscan: 0,
+    defaultItemHeight: 100,
+  });
+  const expanded = virtualization.calculateVirtualMessageWindow({
+    items,
+    viewportHeight: 1000,
+    overscan: 0,
+    defaultItemHeight: 100,
+    measuredHeights: new Map([['reasoning', 320]]),
+  });
+
+  assert.equal(collapsed.visibleItems[1].top, 100);
+  assert.equal(expanded.visibleItems[1].top, 320);
+  assert.equal(expanded.visibleItems[2].top, 420);
+  assert.equal(expanded.totalHeight, 520);
+});
diff --git a/tests/responses-stream.test.mjs b/tests/responses-stream.test.mjs
index e5c7237..4fe4810 100644
--- a/tests/responses-stream.test.mjs
+++ b/tests/responses-stream.test.mjs
@@ -118,6 +118,36 @@ test('responses stream utils expose standard mcp approval request resume metadat
   );
 });
 
+test('responses stream utils project wrapped LangGraph HITL interrupts immediately', async () => {
+  const responsesStream = await loadResponsesStreamUtils();
+  assert.ok(responsesStream, 'expected Responses stream helpers to exist');
+  const state = responsesStream.createResponsesStreamState();
+
+  assert.deepEqual(
+    responsesStream.normalizeResponsesStreamEvent({
+      eventName: 'response.approval_request',
+      data: {
+        interrupt_info: [{
+          id: 'interrupt-1',
+          value: {
+            action_requests: [{ name: 'write_file', args: { path: '/tmp/x.txt' } }],
+            review_configs: [{ allowed_decisions: ['approve', 'reject'] }],
+          },
+        }],
+      },
+      state,
+    }),
+    [{
+      type: 'tool_upsert',
+      name: 'write_file',
+      args: '{"path":"/tmp/x.txt"}',
+      status: 'paused',
+      approvalRequestId: 'interrupt-1',
+      previousResponseId: '',
+    }],
+  );
+});
+
 test('responses stream utils normalize reasoning summary and completed text variants', async () => {
   const responsesStream = await loadResponsesStreamUtils();
 
diff --git a/vite.config.ts b/vite.config.ts
index b564d46..46a9d64 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -30,4 +30,4 @@ export default defineConfig({
       }
     }
   }
-})
\ No newline at end of file
+})

From 54f9d2223589ace800e9097c25672238cb554f1f Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 24 Jul 2026 16:30:42 +0800
Subject: [PATCH 03/61] test(web): cover AG-UI approval and A2UI replay

---
 .gitignore                             |   3 +
 docs/a2ui-frontend-integration-plan.md | 115 +++++++++++++
 e2e/agui.spec.mjs                      | 215 +++++++++++++++++++++++++
 playwright.agui.config.mjs             |  17 ++
 4 files changed, 350 insertions(+)
 create mode 100644 docs/a2ui-frontend-integration-plan.md
 create mode 100644 e2e/agui.spec.mjs
 create mode 100644 playwright.agui.config.mjs

diff --git a/.gitignore b/.gitignore
index fb0e775..38f67ff 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,6 +4,9 @@ dist-hosted/
 dist-ksadk/
 dist-lib/
 coverage/
+output/
+test-results/
+.playwright-cli/
 *.tsbuildinfo
 *.tgz
 *.tgz.sha256
diff --git a/docs/a2ui-frontend-integration-plan.md b/docs/a2ui-frontend-integration-plan.md
new file mode 100644
index 0000000..90560a1
--- /dev/null
+++ b/docs/a2ui-frontend-integration-plan.md
@@ -0,0 +1,115 @@
+# A2UI And AG-UI Integration
+
+## Status
+
+KSADK Web uses the official transports and renderer:
+
+- `@ag-ui/client` owns streaming, interrupts, resume payloads, and aborts.
+- `@copilotkit/a2ui-renderer` owns catalog validation, A2UI state, rendering,
+  and user actions.
+- KSADK's `RuntimeAdapter` and `RuntimeEvent` remain the backend's common
+  execution and persistence model. Neither library is replaced by a custom
+  browser SSE protocol.
+
+The old proposal for a private `SubmitA2UIAction` endpoint and a hand-written
+`A2UISurface` component is retired. New work must not revive either path.
+
+## Transport Boundary
+
+`GetAgentUiBootstrap` advertises the usable transports. The web client selects
+AG-UI only when it is explicitly advertised as valid:
+
+```json
+{
+  "HostedChat": {
+    "PreferredTransport": "ag-ui",
+    "Transports": [
+      {
+        "Protocol": "ag-ui",
+        "Runtime": "copilotkit",
+        "Endpoint": "/agentengine/agui",
+        "Version": "0.1.19",
+        "Capabilities": { "A2UI": true, "Interrupt": true, "Cancel": true }
+      },
+      {
+        "Protocol": "responses",
+        "Runtime": "ksadk",
+        "Endpoint": "/v1/responses",
+        "Version": "v1",
+        "Capabilities": { "A2UI": false, "Interrupt": true, "Cancel": true }
+      }
+    ]
+  }
+}
+```
+
+`/v1/responses` preserves the OpenAI Responses contract. It is not relabelled
+as AG-UI and it does not gain a second, incompatible A2UI protocol. If AG-UI
+is absent or malformed, the client falls back to Responses.
+
+## Live Run And Resume
+
+`src/core/run/agui.ts` creates an official `HttpAgent` with the server's
+advertised endpoint. Every run carries the official A2UI catalog context and
+`injectA2UITool: true`. `AguiRunClient` projects AG-UI events to the existing
+run dispatcher:
+
+| AG-UI event | Web projection |
+| --- | --- |
+| `TEXT_MESSAGE_*` | assistant message and deltas |
+| `REASONING_MESSAGE_CONTENT` | reasoning delta |
+| `TOOL_CALL_*` | tool activity/result |
+| `ACTIVITY_SNAPSHOT` | A2UI activity attached to the producing assistant turn |
+| interrupted `RUN_FINISHED` | pending approval card |
+
+Approval accepts or rejects through `RunEngine.resumeAguiInterrupt`. The
+client builds the official AG-UI resume array through `buildResumeArray`; it
+does not invent a KSADK-only action endpoint. A durable interrupt can be
+resumed after a page reload because the session and interrupt id are sent back
+to the runtime, which remains authoritative.
+
+The existing Responses approval path remains independent and continues to use
+the OpenAI-compatible approval resume input. Do not merge the two payload
+formats in the browser.
+
+## A2UI Rendering
+
+`src/components/chat/A2UIActivityMessage.tsx` renders activity messages with
+`A2UIProvider`, `A2UIRenderer`, and the official v0.9 `basicCatalog`. The only
+compatibility repair is `normalizeA2uiOperations`: it renames one persisted
+legacy `*-root` component id to `root`, which is the identifier expected by the
+official renderer. Valid current A2UI messages are never rewritten.
+
+Renderer callbacks pass `A2UIClientEventMessage` directly to the AG-UI run
+hook. This supports more than approval: any catalog-supported form, selection,
+or action can carry its own `userAction.context` and resume the matching
+interrupt. Policy enforcement, actor validation, idempotency, and tool receipt
+checks remain backend responsibilities.
+
+## Replay And UI Rules
+
+- A2UI activities are persisted as RuntimeEvents and replayed into the same
+  assistant turn as live events.
+- A pending approval is rendered immediately when its `RUN_FINISHED` interrupt
+  arrives; it must not depend on a history refresh.
+- A resolved approval stays terminal after replay. A duplicated pending event
+  must not make a completed decision actionable again.
+- The renderer is a message-row surface, not a floating overlay. On a narrow
+  viewport it remains in normal document flow above the composer.
+
+## Verification
+
+Required automated checks:
+
+```bash
+npm run lint
+npm test
+node --test tests/*.mjs
+npm run build:all
+```
+
+Backend protocol coverage lives in `ksadk-python/tests/agui/` and validates
+AG-UI wire format, RuntimeAdapter ownership, LangGraph interrupts, A2UI
+projection, and application factory wiring. A browser smoke must additionally
+verify an advertised AG-UI endpoint, live activity rendering, approval resume,
+history replay, and desktop/mobile layout before release.
diff --git a/e2e/agui.spec.mjs b/e2e/agui.spec.mjs
new file mode 100644
index 0000000..fd30c3c
--- /dev/null
+++ b/e2e/agui.spec.mjs
@@ -0,0 +1,215 @@
+import { expect, test } from '@playwright/test';
+
+const SESSION_ID = 'session-agui-e2e';
+const CATALOG_ID = 'https://a2ui.org/specification/v0_9/basic_catalog.json';
+
+function envelope(data) {
+  return { Code: 0, Message: 'Success', Data: data };
+}
+
+function statusOperations() {
+  return [
+    {
+      version: 'v0.9',
+      createSurface: { surfaceId: 'fixture-status', catalogId: CATALOG_ID },
+    },
+    {
+      version: 'v0.9',
+      updateComponents: {
+        surfaceId: 'fixture-status',
+        components: [
+          { id: 'root', component: 'Column', children: ['fixture-status-title'] },
+          {
+            id: 'fixture-status-title',
+            component: 'Text',
+            variant: 'h3',
+            text: 'E2E 状态卡',
+          },
+        ],
+      },
+    },
+  ];
+}
+
+function sse(events) {
+  return events.map((event) => `data: ${JSON.stringify(event)}\n\n`).join('');
+}
+
+function bootstrap() {
+  return {
+    Agent: { AgentId: 'fixture-agent', Name: 'AG-UI Fixture', Framework: 'langgraph' },
+    ApiFormats: ['responses'],
+    Capabilities: {
+      Attachments: false,
+      WorkspaceFiles: false,
+      Approval: true,
+      Thinking: true,
+      StopRun: true,
+      ResumeRun: true,
+    },
+    HostedChat: {
+      PreferredTransport: 'ag-ui',
+      Transports: [
+        {
+          Protocol: 'ag-ui',
+          Runtime: 'copilotkit',
+          Endpoint: '/agentengine/agui',
+          Version: '0.1.19',
+          Capabilities: { A2UI: true, Interrupt: true, Cancel: true },
+        },
+        {
+          Protocol: 'responses',
+          Runtime: 'ksadk',
+          Endpoint: '/v1/responses',
+          Version: 'v1',
+          Capabilities: { A2UI: false, Interrupt: true, Cancel: true },
+        },
+      ],
+    },
+    Model: { id: 'fixture-model', display_name: 'Fixture Model' },
+  };
+}
+
+async function installFixture(page) {
+  const state = { approved: false, created: false, aguiBodies: [] };
+
+  await page.route('**/agentengine/agui', async (route) => {
+    const body = route.request().postDataJSON();
+    state.aguiBodies.push(body);
+    const isResume = Array.isArray(body.resume) && body.resume.length > 0;
+    const events = isResume
+      ? [
+          { type: 'RUN_STARTED', threadId: SESSION_ID, runId: body.runId },
+          { type: 'TEXT_MESSAGE_START', messageId: 'assistant-resumed', role: 'assistant' },
+          { type: 'TEXT_MESSAGE_CONTENT', messageId: 'assistant-resumed', delta: '审批已完成。' },
+          { type: 'TEXT_MESSAGE_END', messageId: 'assistant-resumed' },
+          { type: 'RUN_FINISHED', threadId: SESSION_ID, runId: body.runId, outcome: { type: 'success' } },
+        ]
+      : [
+          { type: 'RUN_STARTED', threadId: SESSION_ID, runId: body.runId },
+          { type: 'TEXT_MESSAGE_START', messageId: 'assistant-approval', role: 'assistant' },
+          { type: 'TEXT_MESSAGE_CONTENT', messageId: 'assistant-approval', delta: '需要人工确认。' },
+          { type: 'TOOL_CALL_START', toolCallId: 'tool-write', toolCallName: 'write_file' },
+          { type: 'TOOL_CALL_ARGS', toolCallId: 'tool-write', delta: '{"path":"demo.txt"}' },
+          {
+            type: 'ACTIVITY_SNAPSHOT',
+            messageId: 'activity-status',
+            activityType: 'a2ui-surface',
+            content: { surfaceId: 'fixture-status', a2ui_operations: statusOperations() },
+          },
+          { type: 'TEXT_MESSAGE_END', messageId: 'assistant-approval' },
+          { type: 'TOOL_CALL_END', toolCallId: 'tool-write' },
+          {
+            type: 'RUN_FINISHED',
+            threadId: SESSION_ID,
+            runId: body.runId,
+            outcome: {
+              type: 'interrupt',
+              interrupts: [{
+                id: 'approval-write',
+                reason: 'approval',
+                message: '确认写入 demo.txt？',
+                toolCallId: 'tool-write',
+                metadata: {
+                  tool_name: 'write_file',
+                  arguments: { path: 'demo.txt' },
+                  approval_level: 'elevated',
+                },
+              }],
+            },
+          },
+        ];
+    await route.fulfill({
+      status: 200,
+      contentType: 'text/event-stream',
+      body: sse(events),
+    });
+  });
+
+  await page.route('**/agentengine/api/v1/**', async (route) => {
+    const action = new URL(route.request().url()).pathname.split('/').pop();
+    if (action === 'CreateSession') state.created = true;
+    const history = state.approved
+      ? [
+          {
+            MessageId: 'assistant-approval',
+            Role: 'assistant',
+            Content: { text: '需要人工确认。' },
+            ToolEvents: [{
+              Name: 'write_file',
+              Args: { path: 'demo.txt' },
+              Status: 'approved',
+              ApprovalRequestId: 'approval-write',
+              Protocol: 'ag-ui',
+            }],
+            Activities: [{
+              SurfaceId: 'fixture-status',
+              Content: { a2ui_operations: statusOperations() },
+            }],
+          },
+          {
+            MessageId: 'assistant-resumed',
+            Role: 'assistant',
+            Content: { text: '审批已完成。' },
+          },
+        ]
+      : [];
+    const payloadByAction = {
+      GetAgentUiBootstrap: bootstrap(),
+      ListSessions: {
+        Sessions: state.created
+          ? [{ SessionId: SESSION_ID, AgentId: 'fixture-agent', Title: 'AG-UI fixture' }]
+          : [],
+        Total: state.created ? 1 : 0,
+        Page: 1,
+        PageSize: 30,
+      },
+      ListAgentModels: { Models: [{ id: 'fixture-model', display_name: 'Fixture Model' }] },
+      CreateSession: { Session: { SessionId: SESSION_ID, AgentId: 'fixture-agent' } },
+      GetSession: { Session: { SessionId: SESSION_ID, AgentId: 'fixture-agent' } },
+      ListSessionMessages: { Messages: history, LatestSeqId: history.length, HasMore: false, NextCursor: null },
+      ListSessionCheckpoints: { Checkpoints: [] },
+      ListToolReceipts: { ToolReceipts: [] },
+      GetResponseFeedback: null,
+    };
+    await route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(envelope(payloadByAction[action] ?? {})) });
+  });
+  return state;
+}
+
+test('projects AG-UI activity, resumes approval, and replays terminal state', async ({ page }) => {
+  const fixture = await installFixture(page);
+  await page.goto('/');
+
+  await expect(page.getByText('AG-UI Fixture')).toBeVisible();
+  const composer = page.getByPlaceholder('发送消息...');
+  await composer.fill('请写入 demo.txt');
+  await composer.press('Enter');
+
+  await expect(page.getByText('E2E 状态卡')).toBeVisible();
+  await expect(page.locator('summary').filter({ hasText: '等待审批' })).toBeVisible();
+  await expect(page.getByRole('button', { name: '批准并继续' })).toBeVisible();
+  await page.getByRole('button', { name: '批准并继续' }).click();
+
+  await expect.poll(() => fixture.aguiBodies.length).toBe(2);
+  expect(fixture.aguiBodies[1].resume).toEqual([
+    {
+      interruptId: 'approval-write',
+      status: 'resolved',
+      payload: { decision: 'approve' },
+    },
+  ]);
+  await expect(page.getByText('审批已完成。')).toBeVisible();
+  await expect(page.locator('summary').filter({ hasText: '已批准' })).toBeVisible();
+
+  fixture.approved = true;
+  await page.reload();
+  await expect(page.getByText('E2E 状态卡')).toBeVisible();
+  await expect(page.getByText('审批已完成。')).toBeVisible();
+  await expect(page.getByRole('button', { name: '批准并继续' })).toHaveCount(0);
+
+  await page.setViewportSize({ width: 390, height: 844 });
+  await expect(composer).toBeInViewport();
+  await expect(page.getByText('E2E 状态卡')).toBeInViewport();
+  expect(await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)).toBe(true);
+});
diff --git a/playwright.agui.config.mjs b/playwright.agui.config.mjs
new file mode 100644
index 0000000..f732b17
--- /dev/null
+++ b/playwright.agui.config.mjs
@@ -0,0 +1,17 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './e2e',
+  testMatch: 'agui.spec.mjs',
+  timeout: 30_000,
+  use: {
+    baseURL: 'http://127.0.0.1:4173',
+    viewport: { width: 1280, height: 900 },
+    screenshot: 'only-on-failure',
+  },
+  webServer: {
+    command: 'npm run dev -- --host 127.0.0.1 --port 4173 --strictPort',
+    url: 'http://127.0.0.1:4173',
+    reuseExistingServer: false,
+  },
+});

From 098f66e559de2bc49d2e0055fa6107c4aab61885 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 24 Jul 2026 16:50:45 +0800
Subject: [PATCH 04/61] fix(deps): update transitive dompurify security patch

---
 package-lock.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0b892ef..244577c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7321,9 +7321,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.4.7",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.7.tgz",
-      "integrity": "sha512-2jBxDJY4RR06tQNy4w5FlFH7kfxsQZlufd0sbv+chfHCxeJwrFw2baUDsSwvBISD4K4RDbd0PTfy3uNXsR6siA==",
+      "version": "3.4.12",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.12.tgz",
+      "integrity": "sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"

From 36ce6b0b375cbc61a2b83f1bbd6ebdec837e2635 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 24 Jul 2026 17:28:46 +0800
Subject: [PATCH 05/61] chore(release): prepare ksadk-web 0.3.0 review
 candidate

---
 CHANGELOG.md      | 44 ++++++++++++++++++++++++++++++++++++++++++++
 package-lock.json |  4 ++--
 package.json      |  2 +-
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f7b84d7..a4dcab4 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,49 @@
 # Changelog
 
+## 0.3.0 - 2026-07-24
+
+> **Review candidate, not a published npm release.** `0.3.0` is the web
+> counterpart of the KsADK `0.8.0` review branch. No npm tag or package is
+> created by this changelog entry.
+
+### Hosted runtime transport
+
+- Add the official `@ag-ui/client` transport and capability-driven runtime
+  dispatcher for Hosted Chat. The existing OpenAI Responses stream remains the
+  default compatibility path whenever AG-UI is unavailable or not negotiated.
+- Make the transport choice a run concern instead of a second page or client:
+  session restoration, composer state, streaming state, and the API facade
+  stay shared across Responses and AG-UI.
+
+### A2UI and approvals
+
+- Render RuntimeEvent-projected A2UI activities through
+  `@copilotkit/a2ui-renderer`, with a bounded activity surface that works in
+  the message timeline and on compact viewports.
+- Persist and replay activity/approval state with session history. A pending
+  card can appear after a reload without a manual refresh; an answered card is
+  terminal and does not submit the same approval again.
+- Route approval answers through the existing resume contract and expose
+  explicit pending, responding, resolved, and error UI states. UI actions do
+  not replace backend approval or tool policy enforcement.
+
+### Session and UI fixes
+
+- Repair restored-session history projection, event cursor merging, and active
+  approval hydration so a switch/reload does not erase messages or leave a
+  stale interactive card above the current run.
+- Refine expandable activity layout and mobile spacing so A2UI content remains
+  within the chat flow instead of overlaying neighboring messages.
+
+### Tooling and compatibility
+
+- Migrate the app styling pipeline to Tailwind CSS v4.
+- Update the locked DOMPurify transitive dependency security patch.
+- This candidate requires the corresponding Hosted runtime capability. It does
+  not make a new npm package available to `ksadk-python`; Python remains pinned
+  to the currently published web package until a reviewed npm publication
+  occurs.
+
 ## 0.2.18 - 2026-07-08
 
 - Load restored sessions through the server-projected `ListSessionMessages`
diff --git a/package-lock.json b/package-lock.json
index 244577c..e2f556d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.2.19",
+  "version": "0.3.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@kingsoftcloud/ksadk-web",
-      "version": "0.2.19",
+      "version": "0.3.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@ag-ui/client": "0.0.57",
diff --git a/package.json b/package.json
index 2f1aa22..03c3ebd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.2.19",
+  "version": "0.3.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 993c7c5891f12cb62520bf44bbaa34f2b325bb6b Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 24 Jul 2026 23:57:27 +0800
Subject: [PATCH 06/61] feat(markdown): preserve line breaks in chat message
 rendering

Add remark-breaks so single newlines in assistant output render as
hard breaks instead of collapsing to a space, fixing lost line breaks
in streamed/plain-text agent replies. Applied to both the plain and
math-enabled markdown renderers.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 package-lock.json                             | 30 +++++++++++++++++++
 package.json                                  |  1 +
 src/components/MessageMarkdown.tsx            |  3 +-
 .../markdown/MathMessageMarkdown.tsx          |  3 +-
 4 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index e2f556d..c65c74c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -43,6 +43,7 @@
         "react-markdown": "^10.1.0",
         "react-syntax-highlighter": "^16.1.1",
         "rehype-katex": "^7.0.1",
+        "remark-breaks": "^4.0.0",
         "remark-gfm": "^4.0.1",
         "remark-math": "^6.0.0",
         "tailwind-merge": "^3.5.0",
@@ -9322,6 +9323,20 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/mdast-util-newline-to-break": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-newline-to-break/-/mdast-util-newline-to-break-2.0.0.tgz",
+      "integrity": "sha512-MbgeFca0hLYIEx/2zGsszCSEJJ1JSCdiY5xQxRcLDDGa8EPvlLPupJ4DSajbMPAnC0je8jfb9TiUATnxxrHUog==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-find-and-replace": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/mdast-util-phrasing": {
       "version": "4.1.0",
       "resolved": "https://registry.npmmirror.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
@@ -10825,6 +10840,21 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/remark-breaks": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/remark-breaks/-/remark-breaks-4.0.0.tgz",
+      "integrity": "sha512-IjEjJOkH4FuJvHZVIW0QCDWxcG96kCq7An/KVH2NfJe6rKZU2AsHeB3OEjPNRxi4QC34Xdx7I2KGYn6IpT7gxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-newline-to-break": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/remark-cjk-friendly": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/remark-cjk-friendly/-/remark-cjk-friendly-1.2.3.tgz",
diff --git a/package.json b/package.json
index 03c3ebd..e4f4b3c 100644
--- a/package.json
+++ b/package.json
@@ -92,6 +92,7 @@
     "react-markdown": "^10.1.0",
     "react-syntax-highlighter": "^16.1.1",
     "rehype-katex": "^7.0.1",
+    "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "tailwind-merge": "^3.5.0",
diff --git a/src/components/MessageMarkdown.tsx b/src/components/MessageMarkdown.tsx
index 1bc616e..fe7d66c 100644
--- a/src/components/MessageMarkdown.tsx
+++ b/src/components/MessageMarkdown.tsx
@@ -1,6 +1,7 @@
 import React, { Suspense } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
+import remarkBreaks from 'remark-breaks';
 import { preprocessMarkdown } from '../utils/markdown.js';
 
 const LazyCodeBlock = React.lazy(() =>
@@ -87,7 +88,7 @@ const PlainMarkdown: React.FC<{ content: string }> = React.memo(({ content }) =>
   return (
     <div className="prose prose-slate dark:prose-invert max-w-none break-words text-[15px] leading-7 prose-headings:mb-3 prose-headings:mt-6 prose-headings:font-semibold prose-headings:text-slate-900 dark:prose-headings:text-slate-50 prose-h1:text-[1.95rem] prose-h1:leading-tight prose-h1:tracking-[-0.02em] prose-h2:text-[1.55rem] prose-h2:leading-tight prose-h2:tracking-[-0.015em] prose-h3:text-[1.2rem] prose-h3:leading-snug prose-p:my-3 prose-p:leading-7 prose-strong:text-slate-900 dark:prose-strong:text-slate-100 prose-ol:my-3 prose-ul:my-3 prose-li:my-1.5 prose-li:leading-7 prose-hr:my-5 prose-hr:border-slate-200 dark:prose-hr:border-slate-700 prose-pre:m-0 prose-pre:bg-transparent prose-pre:p-0 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
       <ReactMarkdown
-        remarkPlugins={[remarkGfm]}
+        remarkPlugins={[remarkGfm, remarkBreaks]}
         components={markdownComponents}
       >
         {processedContent}
diff --git a/src/components/markdown/MathMessageMarkdown.tsx b/src/components/markdown/MathMessageMarkdown.tsx
index ca48902..7789b18 100644
--- a/src/components/markdown/MathMessageMarkdown.tsx
+++ b/src/components/markdown/MathMessageMarkdown.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
+import remarkBreaks from 'remark-breaks';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
 import { CodeBlock } from './CodeBlock.js';
@@ -67,7 +68,7 @@ export const MathMessageMarkdown: React.FC<MathMessageMarkdownProps> = React.mem
   return (
     <div className="prose prose-slate dark:prose-invert max-w-none break-words text-[15px] leading-7 prose-headings:mb-3 prose-headings:mt-6 prose-headings:font-semibold prose-headings:text-slate-900 dark:prose-headings:text-slate-50 prose-h1:text-[1.95rem] prose-h1:leading-tight prose-h1:tracking-[-0.02em] prose-h2:text-[1.55rem] prose-h2:leading-tight prose-h2:tracking-[-0.015em] prose-h3:text-[1.2rem] prose-h3:leading-snug prose-p:my-3 prose-p:leading-7 prose-strong:text-slate-900 dark:prose-strong:text-slate-100 prose-ol:my-3 prose-ul:my-3 prose-li:my-1.5 prose-li:leading-7 prose-hr:my-5 prose-hr:border-slate-200 dark:prose-hr:border-slate-700 prose-pre:m-0 prose-pre:bg-transparent prose-pre:p-0 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
       <ReactMarkdown
-        remarkPlugins={[remarkGfm, remarkMath]}
+        remarkPlugins={[remarkGfm, remarkMath, remarkBreaks]}
         rehypePlugins={[rehypeKatex]}
         components={markdownComponents}
       >

From 598f09cfbd472634fbc7c06485d1f634f83d6ce8 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 28 Jul 2026 08:42:32 +0800
Subject: [PATCH 07/61] feat(web): align chat UI with wework style + streaming
 reconnect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

整体风格向 wework 看齐,覆盖配色/字体/侧边栏/输入框/消息区/工具渲染/错误展示:

- 设计 token: primary 改 teal、surface/text-*/sidebar 独立灰阶对齐 wework 精确值,
  字体栈加 PingFang SC/Microsoft YaHei, 基础圆角 0.5rem
- 侧边栏: 会话行 h-[30px] rounded-[10px] + sidebar 灰阶, 右侧操作按钮 hover 才显示,
  时间 label hover 时让位避免与删除按钮重叠
- 输入框: 双层 26px 圆角(外层 surface 软阴影/内层 background 细边),
  底部工具栏左组(附件+model+思考 chip)右组(上下文环+发送钮),
  model/思考改 wework 自定义下拉 MenuChip(替代原生 select),
  附件 badge 改色块+文件名/大小+悬浮圆形删除钮
- 上下文长度: wework 圆环指示器(conic-gradient 进度环,>=85% 转 red,hover 弹 tooltip)
- 消息区: user 气泡 bg-muted 右对齐, assistant 居中窄栏平铺,
  hover 浮出操作行(复制+反馈快捷,opacity 切换)
- 工具/审批卡: 审批按钮 rounded-full bg-foreground + ghost 拒绝, 去掉 emerald 绿
- 错误/限流: StatusBanner 内联状态条(限流 amber+倒计时/网络 spinner/失败重试),
  engine 识别 429 emit rate_limited 事件, 不再白屏
- 流式重连: 记录 lastSeqId, 网络断线改用 resumeRun(afterSeqId) 续订而非从头重跑
- 回到底部圆钮 + 流式思考占位

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/chat/ChatComposer.tsx          | 230 +++++++++------
 src/components/chat/ChatHeader.tsx            |   8 +-
 src/components/chat/ChatMessageList.tsx       |  61 +++-
 src/components/chat/ChatSidebar.tsx           |  86 +++---
 src/components/chat/ContextUsageIndicator.tsx |  41 +++
 src/components/chat/MenuChip.tsx              |  75 +++++
 src/components/chat/ProcessingBlocksView.tsx  | 276 ++++++++++++++++++
 src/components/chat/StatusBanner.tsx          |  81 +++++
 src/components/chat/types.ts                  |   5 +
 src/core/run/blocks.ts                        | 140 +++++++++
 src/core/run/dispatcher.ts                    |  70 ++++-
 src/core/run/engine.ts                        |  27 ++
 src/core/run/types.ts                         |   1 +
 src/index.css                                 |  72 +++--
 src/stores/streaming.ts                       |  25 ++
 tailwind.config.ts                            |  33 ++-
 16 files changed, 1052 insertions(+), 179 deletions(-)
 create mode 100644 src/components/chat/ContextUsageIndicator.tsx
 create mode 100644 src/components/chat/MenuChip.tsx
 create mode 100644 src/components/chat/ProcessingBlocksView.tsx
 create mode 100644 src/components/chat/StatusBanner.tsx
 create mode 100644 src/core/run/blocks.ts

diff --git a/src/components/chat/ChatComposer.tsx b/src/components/chat/ChatComposer.tsx
index c961e56..77761ec 100644
--- a/src/components/chat/ChatComposer.tsx
+++ b/src/components/chat/ChatComposer.tsx
@@ -7,10 +7,15 @@ import type {
   RefObject,
 } from 'react';
 
-import { Paperclip, Send, ShieldCheck, StopCircle } from 'lucide-react';
+import { ArrowUp, Paperclip, Square } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
+import { useModelStore } from '@/stores/model.js';
+import type { ModelStore } from '@/stores/model.js';
+import { normalizeThinkingMode } from '@/utils/model-options.js';
 
+import { ContextUsageIndicator } from './ContextUsageIndicator';
+import { MenuChip } from './MenuChip';
 import type { ComposerContextIndicator } from './types';
 
 type ChatComposerProps = {
@@ -53,6 +58,22 @@ export function ChatComposer({
   const placeholderText = isMobile ? '发送消息...' : '发送消息... (Shift + Enter 换行)';
   const activeStopTitle = onCancelRemote ? '保留恢复点并结束本次执行' : '停止生成';
 
+  // wework 风格:model/思考 chip 放输入框工具栏(从 model store 直读,不经 props)。
+  const availableModels = useModelStore((s: ModelStore) => s.availableModels);
+  const selectedModel = useModelStore((s: ModelStore) => s.selectedModel);
+  const thinkingMode = useModelStore((s: ModelStore) => s.thinkingMode);
+  const setSelectedModel = useModelStore((s: ModelStore) => s.setSelectedModel);
+  const setThinkingMode = useModelStore((s: ModelStore) => s.setThinkingMode);
+  const selectedModelLabel =
+    availableModels.find((m) => m.id === selectedModel)?.display_name || selectedModel || '';
+  const thinkingLabel = (mode: 'auto' | 'enabled' | 'disabled') =>
+    mode === 'enabled' ? '开启思考' : mode === 'disabled' ? '关闭思考' : '思考自动';
+  const formatFileSize = (bytes: number) => {
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+  };
+
   const handleDrop = (event: DragEvent<HTMLFormElement>) => {
     event.preventDefault();
     event.stopPropagation();
@@ -85,7 +106,7 @@ export function ChatComposer({
   };
 
   return (
-    <div className="relative z-10 flex-shrink-0 bg-white/95 px-3 py-3 backdrop-blur dark:bg-slate-900/95 sm:px-4 sm:py-3">
+    <div className="relative z-10 flex-shrink-0 bg-background/95 px-3 py-3 backdrop-blur sm:px-4 sm:py-3">
       <div className="mx-auto w-full max-w-[64rem]">
         {queuedDrafts.length > 0 ? (
           <div className="mb-2 rounded-2xl border border-amber-200/80 bg-amber-50/80 px-3 py-2 text-xs text-amber-900 shadow-sm dark:border-amber-900/60 dark:bg-amber-950/30 dark:text-amber-100">
@@ -99,12 +120,12 @@ export function ChatComposer({
                 return (
                   <div
                     key={`${index}-${preview}-${draft.attachments.length}`}
-                    className="flex items-center gap-2 rounded-xl bg-white/70 px-2 py-1.5 dark:bg-slate-950/35"
+                    className="flex items-center gap-2 rounded-xl bg-background/70 px-2 py-1.5"
                   >
                     <span className="flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-100 font-mono text-[10px] text-amber-700 dark:bg-amber-900/50 dark:text-amber-100">
                       {index + 1}
                     </span>
-                    <span className="min-w-0 flex-1 truncate text-slate-700 dark:text-slate-200">
+                    <span className="min-w-0 flex-1 truncate text-text-secondary">
                       {preview}
                     </span>
                     {draft.attachments.length > 0 ? (
@@ -124,61 +145,47 @@ export function ChatComposer({
           </div>
         ) : null}
 
-        <div className="flex items-center gap-3">
-          <form
-            onSubmit={handleSubmit}
-            onDragOver={(event) => {
-              event.preventDefault();
-              event.stopPropagation();
-            }}
-            onDrop={handleDrop}
-            className="relative flex min-w-0 flex-1 flex-col rounded-[1.25rem] border border-slate-200 bg-white p-1.5 shadow-[0_8px_22px_rgba(15,23,42,0.07)] transition-all focus-within:border-slate-300 focus-within:ring-1 focus-within:ring-slate-300 dark:border-slate-700 dark:bg-slate-900 dark:focus-within:border-slate-600 dark:focus-within:ring-slate-600"
-          >
-            {attachments.length > 0 ? (
-              <div className="mb-1.5 flex flex-wrap gap-2 px-1.5 pt-1.5">
-                {attachments.map((file, index) => (
-                  <div
-                    key={`${file.name}-${file.size}-${index}`}
-                    className={cn(
-                      'flex items-center gap-2 rounded-xl border border-slate-200 bg-slate-100 px-3 py-1.5 text-xs text-slate-600 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300',
-                      isMobile ? 'max-w-full' : '',
-                    )}
-                  >
-                    <span className="max-w-[10rem] truncate font-medium sm:max-w-[12rem]">
-                      {file.name}
-                    </span>
-                    <button
-                      type="button"
-                      onClick={() => onRemoveAttachment(index)}
-                      className="text-slate-400 transition hover:text-red-500"
-                      aria-label={`移除附件 ${file.name}`}
+        {/* wework 风格:外层 surface+软阴影,内层 background+细边,圆角 26px */}
+        <div className="relative rounded-[26px] bg-surface shadow-[0_0_0_0.5px_rgba(15,23,42,0.08),0_3px_7.5px_rgba(0,0,0,0.04),0_0_20px_rgba(0,0,0,0.05)] dark:shadow-[0_0_0_0.5px_rgba(255,255,255,0.06),0_3px_7.5px_rgba(0,0,0,0.2)]">
+          <div className="flex items-center gap-3">
+            <form
+              onSubmit={handleSubmit}
+              onDragOver={(event) => {
+                event.preventDefault();
+                event.stopPropagation();
+              }}
+              onDrop={handleDrop}
+              className="relative flex min-w-0 flex-1 flex-col rounded-[26px] border border-border/45 bg-background px-4 pb-1.5 pt-2 transition-all focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15"
+            >
+              {attachments.length > 0 ? (
+                <div className="mb-1.5 flex flex-wrap gap-2">
+                  {attachments.map((file, index) => (
+                    <div
+                      key={`${file.name}-${file.size}-${index}`}
+                      className={cn(
+                        'group relative flex items-center gap-2 rounded-xl border border-border bg-background px-3 py-2 text-xs',
+                        isMobile ? 'max-w-full' : 'max-w-[14rem]',
+                      )}
                     >
-                      ×
-                    </button>
-                  </div>
-                ))}
-              </div>
-            ) : null}
-
-            <div className="flex w-full items-end gap-2">
-              <label
-                className="relative flex h-9 w-9 flex-shrink-0 items-center justify-center overflow-hidden rounded-xl text-slate-400 transition hover:bg-slate-100 hover:text-slate-600 dark:hover:bg-slate-800 dark:hover:text-slate-200"
-                title="上传附件"
-              >
-                <input
-                  ref={fileInputRef}
-                  type="file"
-                  multiple
-                  className="hidden"
-                  onChange={(event) => {
-                    if (event.target.files && event.target.files.length > 0) {
-                      onAppendAttachments(Array.from(event.target.files));
-                      event.target.value = '';
-                    }
-                  }}
-                />
-                <Paperclip className="h-5 w-5" />
-              </label>
+                      <span className="flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-lg bg-muted text-text-muted">
+                        <Paperclip className="h-3.5 w-3.5" />
+                      </span>
+                      <span className="min-w-0 flex-1">
+                        <span className="block truncate font-medium text-text-primary">{file.name}</span>
+                        <span className="block text-[10px] text-text-muted">{formatFileSize(file.size)}</span>
+                      </span>
+                      <button
+                        type="button"
+                        onClick={() => onRemoveAttachment(index)}
+                        className="absolute -right-1.5 -top-1.5 flex h-4 w-4 items-center justify-center rounded-full border border-border bg-background text-text-muted shadow-sm transition hover:text-rose-500"
+                        aria-label={`移除附件 ${file.name}`}
+                      >
+                        <span className="text-[11px] leading-none">×</span>
+                      </button>
+                    </div>
+                  ))}
+                </div>
+              ) : null}
 
               <textarea
                 ref={textareaRef}
@@ -189,45 +196,84 @@ export function ChatComposer({
                 onPaste={onPaste}
                 placeholder={placeholderText}
                 className={cn(
-                  'custom-scrollbar min-h-[38px] w-full resize-none border-0 bg-transparent px-2 py-1.5 text-[15px] leading-6 outline-none placeholder:text-slate-400 dark:text-slate-100 dark:placeholder:text-slate-500',
+                  'custom-scrollbar min-h-[48px] w-full resize-none border-0 bg-transparent px-0 text-[15px] leading-6 text-foreground outline-none placeholder:text-text-muted/55',
                   isMobile ? 'text-[16px]' : 'text-[15px]',
                 )}
                 style={{ maxHeight: `${composerMaxHeight}px`, overflowY: 'auto' }}
               />
 
-              <button
-                type="submit"
-                disabled={!isStreaming && !input.trim() && attachments.length === 0}
-                className={cn(
-                  'flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-xl transition-all',
-                  isStreaming
-                    ? 'bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white'
-                    : input.trim() || attachments.length > 0
-                    ? 'bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white'
-                    : 'bg-slate-100 text-slate-400 dark:bg-slate-800 dark:text-slate-600',
-                )}
-                title={isStreaming ? activeStopTitle : '发送消息'}
-              >
-                {isStreaming ? <StopCircle className="h-4 w-4" /> : <Send className="ml-0.5 h-4 w-4" />}
-              </button>
-            </div>
-          </form>
-
-          {composerContextIndicator ? (
-            <div
-              className={cn(
-                'hidden flex-shrink-0 items-center gap-1.5 rounded-full px-2.5 py-1 text-right text-[11px] leading-5 transition-colors sm:inline-flex',
-                composerContextIndicator.phase === 'compressing'
-                  ? 'bg-amber-50 text-amber-600 dark:bg-amber-950/30 dark:text-amber-300'
-                  : composerContextIndicator.phase === 'warning'
-                    ? 'bg-rose-50 text-rose-600 dark:bg-rose-950/30 dark:text-rose-300'
-                    : 'bg-slate-50 text-slate-400 dark:bg-slate-800/50 dark:text-slate-500',
-              )}
-            >
-              <ShieldCheck className="h-3 w-3" />
-              {composerContextIndicator.label}
-            </div>
-          ) : null}
+              {/* wework 风格工具栏:左组(附件+model+思考) | 右组(上下文环+发送) */}
+              <div className="mt-auto flex min-h-8 items-center justify-between gap-2 pt-1">
+                <div className="flex items-center gap-2">
+                  <label
+                    className="flex h-8 w-8 items-center justify-center rounded-full text-text-muted transition hover:bg-muted hover:text-text-secondary"
+                    title="上传附件"
+                  >
+                    <input
+                      ref={fileInputRef}
+                      type="file"
+                      multiple
+                      className="hidden"
+                      onChange={(event) => {
+                        if (event.target.files && event.target.files.length > 0) {
+                          onAppendAttachments(Array.from(event.target.files));
+                          event.target.value = '';
+                        }
+                      }}
+                    />
+                    <Paperclip className="h-[18px] w-[18px]" />
+                  </label>
+
+                  {availableModels.length > 0 ? (
+                    <MenuChip
+                      label={selectedModelLabel || selectedModel}
+                      title={selectedModelLabel || selectedModel}
+                      value={selectedModel}
+                      onChange={(value) => setSelectedModel(value)}
+                      options={availableModels.map((model) => ({
+                        value: model.id,
+                        label: model.display_name || model.id,
+                      }))}
+                    />
+                  ) : null}
+
+                  <MenuChip
+                    label={thinkingLabel(thinkingMode)}
+                    title="控制模型 thinking/reasoning 参数"
+                    value={thinkingMode}
+                    onChange={(value) =>
+                      setThinkingMode(normalizeThinkingMode(value) as 'auto' | 'enabled' | 'disabled')
+                    }
+                    options={[
+                      { value: 'auto', label: '思考自动' },
+                      { value: 'enabled', label: '开启思考' },
+                      { value: 'disabled', label: '关闭思考' },
+                    ]}
+                  />
+                </div>
+
+                <div className="flex items-center gap-1.5">
+                  {composerContextIndicator ? <ContextUsageIndicator indicator={composerContextIndicator} /> : null}
+
+                  <button
+                    type="submit"
+                    disabled={!isStreaming && !input.trim() && attachments.length === 0}
+                    className={cn(
+                      'flex h-8 w-8 items-center justify-center rounded-full transition-all',
+                      isStreaming
+                        ? 'bg-foreground text-background hover:opacity-80'
+                        : input.trim() || attachments.length > 0
+                          ? 'bg-foreground text-background hover:opacity-80'
+                          : 'bg-muted text-text-muted/45',
+                    )}
+                    title={isStreaming ? activeStopTitle : '发送消息'}
+                  >
+                    {isStreaming ? <Square className="h-3.5 w-3.5 fill-current" /> : <ArrowUp className="h-[18px] w-[18px]" />}
+                  </button>
+                </div>
+              </div>
+            </form>
+          </div>
         </div>
       </div>
     </div>
diff --git a/src/components/chat/ChatHeader.tsx b/src/components/chat/ChatHeader.tsx
index 48bd6b1..97315af 100644
--- a/src/components/chat/ChatHeader.tsx
+++ b/src/components/chat/ChatHeader.tsx
@@ -166,8 +166,8 @@ export function ChatHeader({
     <>
       <header
         className={cn(
-          'flex flex-shrink-0 items-center justify-between border-b border-slate-200/30 bg-white/95 px-3 py-2 backdrop-blur dark:border-slate-800 dark:bg-slate-900/95 sm:px-4',
-          isMobile ? 'pt-[calc(var(--safe-area-top)+0.5rem)]' : 'h-14',
+          'flex flex-shrink-0 items-center justify-between border-b border-black/[0.06] bg-background/95 px-3 py-2 backdrop-blur dark:border-white/[0.08] dark:bg-background/95 sm:px-4',
+          isMobile ? 'pt-[calc(var(--safe-area-top)+0.5rem)]' : 'h-12',
         )}
       >
         <div className="flex min-w-0 items-center gap-2">
@@ -234,7 +234,8 @@ export function ChatHeader({
                 <span>TUI</span>
               </button>
             ) : null}
-            {!nativeLauncherMode ? (
+            {/* 桌面:model/思考已移到输入框工具栏(ChatComposer),顶栏不再重复渲染 */}
+            {!nativeLauncherMode && isMobile ? (
               <ModelSelector
                 availableModels={availableModels}
                 selectedModel={selectedModel}
@@ -245,6 +246,7 @@ export function ChatHeader({
                 thinkingEnabled={thinkingEnabled}
                 thinkingMode={thinkingMode}
                 onSelectThinkingMode={onSelectThinkingMode}
+                compact
               />
             ) : null}
             {!nativeLauncherMode && currentSessionId ? (
diff --git a/src/components/chat/ChatMessageList.tsx b/src/components/chat/ChatMessageList.tsx
index b7ba952..dc7cfc6 100644
--- a/src/components/chat/ChatMessageList.tsx
+++ b/src/components/chat/ChatMessageList.tsx
@@ -10,6 +10,7 @@ import {
 } from 'react';
 
 import {
+  ArrowDown,
   Bot,
   Check,
   ChevronDown,
@@ -27,6 +28,8 @@ import {
 import { cn } from '@/lib/utils';
 
 import { MessageMarkdown } from '../MessageMarkdown';
+import { ProcessingBlocksView } from './ProcessingBlocksView';
+import { StatusBanner } from './StatusBanner';
 import { shouldRenderFeedbackControls } from '../../utils/feedback.js';
 import { formatToolPayload } from '../../utils/tool-display.js';
 import { copyTextToClipboard } from '../../utils/clipboard.js';
@@ -630,6 +633,11 @@ function FeedbackControls({
   const pending = Boolean(message.feedback?.pending);
   const rating = message.feedback?.rating;
 
+  const copyMessageText = async () => {
+    const text = message.content || '';
+    if (text) void (copyTextToClipboard as (t: string) => Promise<boolean>)(text);
+  };
+
   if (!visible) {
     return null;
   }
@@ -640,8 +648,17 @@ function FeedbackControls({
   };
 
   return (
-    <div className="mt-3 flex flex-col gap-2">
-      <div className="flex flex-wrap items-center gap-2 text-xs text-slate-500 dark:text-slate-400">
+    <div className="mt-2 flex flex-col gap-2 opacity-0 transition-opacity duration-150 group-hover/message:opacity-100 focus-within/message:opacity-100">
+      <div className="flex flex-wrap items-center gap-1.5 text-xs text-text-muted">
+        <button
+          type="button"
+          onClick={() => { void copyMessageText(); }}
+          className="inline-flex items-center gap-1 rounded-full px-2 py-1 font-medium text-text-secondary transition hover:bg-muted hover:text-text-primary"
+          title="复制"
+        >
+          <Copy className="h-3.5 w-3.5" />
+        </button>
+        <span className="text-text-muted/60">·</span>
         <span className="font-medium">本次回复有帮助吗？</span>
         <button
           type="button"
@@ -650,8 +667,8 @@ function FeedbackControls({
           className={cn(
             'inline-flex items-center gap-1 rounded-full border px-2.5 py-1 font-medium transition disabled:cursor-not-allowed disabled:opacity-60',
             rating === 'up'
-              ? 'border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900/70 dark:bg-emerald-950/30 dark:text-emerald-200'
-              : 'border-slate-200 bg-white text-slate-600 hover:border-emerald-200 hover:text-emerald-700 dark:border-slate-800 dark:bg-slate-950/40 dark:text-slate-300 dark:hover:border-emerald-900/70 dark:hover:text-emerald-200',
+              ? 'border-primary/30 bg-primary/10 text-primary'
+              : 'border-border bg-background text-text-secondary hover:border-primary/30 hover:text-primary',
           )}
         >
           <ThumbsUp className="h-3.5 w-3.5" />
@@ -667,8 +684,8 @@ function FeedbackControls({
           className={cn(
             'inline-flex items-center gap-1 rounded-full border px-2.5 py-1 font-medium transition disabled:cursor-not-allowed disabled:opacity-60',
             rating === 'down'
-              ? 'border-rose-200 bg-rose-50 text-rose-700 dark:border-rose-900/70 dark:bg-rose-950/30 dark:text-rose-200'
-              : 'border-slate-200 bg-white text-slate-600 hover:border-rose-200 hover:text-rose-700 dark:border-slate-800 dark:bg-slate-950/40 dark:text-slate-300 dark:hover:border-rose-900/70 dark:hover:text-rose-200',
+              ? 'border-rose-300 bg-rose-50 text-rose-600 dark:border-rose-900/70 dark:bg-rose-950/30 dark:text-rose-300'
+              : 'border-border bg-background text-text-secondary hover:border-rose-300 hover:text-rose-600',
           )}
         >
           <ThumbsDown className="h-3.5 w-3.5" />
@@ -753,7 +770,7 @@ function ChatMessage({
   if (message.role === 'user') {
     return (
       <div className="mb-3 flex justify-end">
-        <div className="max-w-[80%] rounded-2xl rounded-br-sm bg-blue-600 px-3.5 py-2.5 text-[14px] leading-relaxed text-white dark:bg-blue-500">
+        <div className="max-w-[80%] rounded-2xl bg-muted px-3 py-2 text-[14px] leading-relaxed text-foreground">
           {message.attachments?.length ? (
             <MessageAttachments
               attachments={message.attachments}
@@ -778,8 +795,8 @@ function ChatMessage({
   }
 
   return (
-    <div className="mb-3 max-w-none">
-      <div className="mb-1.5 flex items-center gap-2 text-xs text-slate-400">
+    <div className="group/message mx-auto mb-3 w-full max-w-3xl px-6">
+      <div className="mb-1.5 flex items-center gap-2 text-xs text-text-muted">
         <Bot className="w-3.5 h-3.5" />
         <span>{agentName}</span>
       </div>
@@ -792,6 +809,15 @@ function ChatMessage({
         />
       ) : null}
 
+      {message.blocks?.length ? (
+        <ProcessingBlocksView
+          message={message}
+          isStreaming={isStreaming}
+          onRespondToApproval={onRespondToApproval}
+          onRespondToAguiApproval={onRespondToAguiApproval}
+        />
+      ) : (
+        <>
       {message.reasoning ? (
         <details className="group/details mb-3 overflow-hidden rounded-md border border-slate-200/80 bg-slate-50/60 text-sm text-slate-600 transition-colors open:bg-white dark:border-slate-700/80 dark:bg-slate-900/40 dark:text-slate-300 dark:open:bg-slate-950/30">
           <summary className="flex cursor-pointer list-none items-center justify-between gap-3 px-3 py-2 font-medium outline-none marker:hidden">
@@ -967,6 +993,8 @@ function ChatMessage({
           <span className="ml-1 mt-2 inline-block h-4 w-2 animate-pulse rounded-sm bg-emerald-500 align-middle opacity-80 shadow-sm" />
         ) : null}
       </div>
+        </>
+      )}
 
       {message.aguiActivities?.map((activity) => (
         <A2UIActivityMessage
@@ -1118,6 +1146,21 @@ export function ChatMessageList({
           </div>
         )}
       </div>
+      <StatusBanner />
+      {/* wework 风格:滚走后显示回到底部圆钮 */}
+      {scrollTop > 320 ? (
+        <button
+          type="button"
+          onClick={() => {
+            const scroller = scrollRef.current;
+            if (scroller) scroller.scrollTo({ top: scroller.scrollHeight, behavior: 'smooth' });
+          }}
+          className="sticky bottom-4 left-1/2 z-20 mx-auto flex h-9 w-9 -translate-x-1/2 items-center justify-center rounded-full border border-border bg-surface text-text-secondary shadow-[0_8px_24px_rgba(15,23,42,0.12)] transition hover:text-text-primary"
+          title="回到底部"
+        >
+          <ArrowDown className="h-4 w-4" />
+        </button>
+      ) : null}
       {activity ? (
         <div className="sticky bottom-1 z-20 mx-auto flex w-full max-w-[64rem] justify-end">
           <RunActivityBanner
diff --git a/src/components/chat/ChatSidebar.tsx b/src/components/chat/ChatSidebar.tsx
index be48af7..18c73e7 100644
--- a/src/components/chat/ChatSidebar.tsx
+++ b/src/components/chat/ChatSidebar.tsx
@@ -1,6 +1,6 @@
 import { useMemo, useState, type MouseEvent, type UIEvent } from 'react';
 
-import { LoaderCircle, Pin, PinOff, Plus, Search, Trash2 } from 'lucide-react';
+import { LoaderCircle, MessageSquarePlus, Pin, PinOff, Search, Trash2 } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
 import {
@@ -58,27 +58,27 @@ export function ChatSidebar({
   };
 
   return (
-    <div className={cn('flex h-full min-h-0 flex-col bg-slate-50 dark:bg-slate-950/80', className)}>
-      <div className="flex flex-shrink-0 flex-col gap-2 border-b border-slate-200/30 px-3 py-3 dark:border-slate-800">
+    <div className={cn('flex h-full min-h-0 flex-col bg-sidebar', className)}>
+      <div className="flex flex-shrink-0 flex-col gap-2 border-b border-black/[0.06] px-3 py-3 dark:border-white/[0.08]">
         <button
           type="button"
           onClick={onCreateNewSession}
-          className="flex w-full items-center justify-between rounded-2xl px-3 py-2 text-sm font-medium transition-colors hover:bg-slate-200/60 dark:hover:bg-slate-800"
+          className="flex h-[34px] w-full items-center justify-between rounded-[10px] px-2.5 text-sm font-medium text-sidebar-text-secondary transition-colors hover:bg-sidebar-hover hover:text-sidebar-text"
         >
-          <span className="flex items-center gap-2">
-            <Plus className="h-4 w-4" />
+          <span className="flex items-center gap-1.5">
+            <MessageSquarePlus className="h-4 w-4" />
             <span>新对话</span>
           </span>
-          <span className="rounded border border-slate-200 bg-white px-1.5 py-0.5 text-[11px] text-slate-500 shadow-sm dark:border-slate-700 dark:bg-slate-900">
+          <span className="rounded border border-black/[0.08] px-1.5 py-0.5 text-[11px] text-sidebar-text-muted dark:border-white/[0.1]">
             ⌘ N
           </span>
         </button>
-        <label className="flex items-center gap-2 rounded-2xl border border-slate-200 bg-white px-3 py-2 text-xs text-slate-500 shadow-sm focus-within:border-blue-300 focus-within:ring-2 focus-within:ring-blue-100 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-400 dark:focus-within:border-blue-800 dark:focus-within:ring-blue-950/60">
+        <label className="flex h-9 items-center gap-2 rounded-[10px] border border-black/[0.06] bg-background px-2.5 text-xs text-sidebar-text-muted focus-within:border-primary/40 dark:border-white/[0.08]">
           <Search className="h-3.5 w-3.5 flex-shrink-0" />
           <input
             value={query}
             onChange={(event) => setQuery(event.target.value)}
-            className="min-w-0 flex-1 bg-transparent text-sm text-slate-700 outline-none placeholder:text-slate-400 dark:text-slate-200"
+            className="min-w-0 flex-1 bg-transparent text-sm text-sidebar-text outline-none placeholder:text-sidebar-text-muted"
             placeholder="搜索会话、模型或摘要"
           />
         </label>
@@ -88,10 +88,10 @@ export function ChatSidebar({
         className="min-h-0 flex-1 overflow-y-auto px-2 pb-4 pt-2 custom-scrollbar"
         onScroll={handleScroll}
       >
-        <div className="px-2 py-2 text-xs font-semibold text-slate-400 dark:text-slate-500">
+        <div className="px-2.5 py-2 text-xs font-medium text-sidebar-text-muted opacity-75">
           历史记录{query.trim() ? ` · ${visibleSessions.length}` : ''}
         </div>
-        <div className="flex flex-col gap-1.5">
+        <div className="flex flex-col gap-0.5">
           {visibleSessions.length > 0 ? (
             visibleSessions.map((session) => {
               const meta = resolveCompactSessionMeta(session);
@@ -109,52 +109,54 @@ export function ChatSidebar({
                     }
                   }}
                   className={cn(
-                    'group flex items-center justify-between gap-3 rounded-2xl px-3 py-3 text-sm transition-colors',
+                    'group relative flex h-[30px] items-center gap-1 rounded-[10px] px-2.5 text-sm leading-5 transition-colors',
                     currentSessionId === session.SessionId
-                      ? 'bg-slate-200/90 font-medium text-slate-950 dark:bg-slate-800 dark:text-slate-50'
-                      : 'cursor-pointer text-slate-700 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-slate-800/60',
+                      ? 'bg-sidebar-active text-sidebar-text'
+                      : 'cursor-pointer text-sidebar-text-secondary hover:bg-sidebar-hover hover:text-sidebar-text',
                   )}
                 >
-                  <div className="min-w-0 flex-1 truncate text-[15px] leading-6">
+                  <div className="min-w-0 flex-1 truncate text-[13px]">
                     {sessionTitle(session)}
                   </div>
                   {meta.running ? (
-                    <LoaderCircle className="h-4 w-4 flex-shrink-0 animate-spin text-slate-400 dark:text-slate-500" />
+                    <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-sidebar-text-muted" />
                   ) : meta.label ? (
-                    <span className="flex-shrink-0 text-[11px] leading-none text-slate-400 dark:text-slate-500">
+                    <span className="flex-shrink-0 text-[11px] leading-none text-sidebar-text-muted group-hover:hidden">
                       {meta.label}
                     </span>
                   ) : null}
-                  <button
-                    type="button"
-                    onClick={(event) => onTogglePinSession(session.SessionId, event)}
-                    className={cn(
-                      'rounded-lg p-1.5 transition hover:bg-white md:opacity-0 md:group-hover:opacity-100 dark:hover:bg-slate-900',
-                      pinned ? 'text-blue-500 opacity-100' : 'text-slate-400',
-                    )}
-                    title={pinned ? '取消置顶' : '置顶会话'}
-                    aria-label={pinned ? '取消置顶会话' : '置顶会话'}
-                  >
-                    {pinned ? <PinOff className="h-3.5 w-3.5" /> : <Pin className="h-3.5 w-3.5" />}
-                  </button>
-                  <button
-                    type="button"
-                    onClick={(event) => onDeleteSession(session.SessionId, event)}
-                    className="hidden rounded-lg p-1.5 text-slate-400 transition hover:bg-white hover:text-rose-500 md:group-hover:block dark:hover:bg-slate-900"
-                    title="Delete chat"
-                  >
-                    <Trash2 className="h-3.5 w-3.5" />
-                  </button>
+                  <div className="pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center justify-end gap-0.5 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100">
+                    <button
+                      type="button"
+                      onClick={(event) => onTogglePinSession(session.SessionId, event)}
+                      className={cn(
+                        'flex h-6 w-6 items-center justify-center rounded-md text-sidebar-text-muted hover:bg-sidebar-active hover:text-sidebar-text',
+                        pinned && 'text-primary opacity-100',
+                      )}
+                      title={pinned ? '取消置顶' : '置顶会话'}
+                      aria-label={pinned ? '取消置顶会话' : '置顶会话'}
+                    >
+                      {pinned ? <PinOff className="h-3.5 w-3.5" /> : <Pin className="h-3.5 w-3.5" />}
+                    </button>
+                    <button
+                      type="button"
+                      onClick={(event) => onDeleteSession(session.SessionId, event)}
+                      className="flex h-6 w-6 items-center justify-center rounded-md text-sidebar-text-muted hover:bg-sidebar-active hover:text-rose-500"
+                      title="删除会话"
+                    >
+                      <Trash2 className="h-3.5 w-3.5" />
+                    </button>
+                  </div>
                 </div>
               );
             })
           ) : (
-            <div className="rounded-xl border border-dashed border-slate-200 px-3 py-8 text-center text-xs text-slate-400 dark:border-slate-800 dark:text-slate-500">
+            <div className="rounded-xl border border-dashed border-black/[0.08] px-3 py-8 text-center text-xs text-sidebar-text-muted dark:border-white/[0.1]">
               没有匹配的会话
             </div>
           )}
           {isLoadingSessions ? (
-            <div className="flex items-center justify-center gap-2 px-3 py-3 text-xs text-slate-400">
+            <div className="flex items-center justify-center gap-2 px-3 py-3 text-xs text-sidebar-text-muted">
               <LoaderCircle className="h-3.5 w-3.5 animate-spin" />
               <span>加载中</span>
             </div>
@@ -162,14 +164,14 @@ export function ChatSidebar({
         </div>
       </div>
 
-      <div className="border-t border-slate-200/30 px-4 py-3 text-center dark:border-slate-800">
-        <div className="text-[10px] font-medium tracking-[0.14em] text-slate-400 dark:text-slate-500">
+      <div className="border-t border-black/[0.06] px-4 py-3 text-center dark:border-white/[0.08]">
+        <div className="text-[10px] font-medium tracking-[0.14em] text-sidebar-text-muted">
           POWERED BY
         </div>
         <div className="mt-1 bg-gradient-to-r from-blue-600 to-indigo-500 bg-clip-text text-xs font-bold text-transparent dark:from-blue-400 dark:to-indigo-300">
           Ksyun AgentEngine
         </div>
-        <div className="mx-auto mt-2 max-w-[13rem] text-[10px] leading-4 text-slate-400 dark:text-slate-500">
+        <div className="mx-auto mt-2 max-w-[13rem] text-[10px] leading-4 text-sidebar-text-muted">
           Agent 可能产生不准确的信息，请独立验证。
         </div>
       </div>
diff --git a/src/components/chat/ContextUsageIndicator.tsx b/src/components/chat/ContextUsageIndicator.tsx
new file mode 100644
index 0000000..ab8c91e
--- /dev/null
+++ b/src/components/chat/ContextUsageIndicator.tsx
@@ -0,0 +1,41 @@
+import type { ComposerContextIndicator } from './types';
+
+type NonNullIndicator = Exclude<ComposerContextIndicator, null>;
+
+/**
+ * wework 风格上下文长度圆环指示器。
+ * 形态:h-4 w-4 圆环,conic-gradient 按 usedPercent 填充,中心挖空 bg-background。
+ * usedPercent>=85(警告阈值)转 red-500。hover 浮 tooltip 卡显示百分比/token。
+ */
+type ContextUsageIndicatorProps = {
+  indicator: NonNullIndicator;
+};
+
+export function ContextUsageIndicator({ indicator }: ContextUsageIndicatorProps) {
+  const percent = Math.max(0, Math.min(100, indicator.percent ?? 0));
+  const warning = indicator.phase === 'warning' || indicator.phase === 'compressing' || percent >= 85;
+  const ringColor = warning ? '#ef4444' : '#a5abb2';
+  const trackColor = '#edf0f2';
+
+  return (
+    <div className="group relative flex h-8 w-8 items-center justify-center">
+      <div
+        className="h-4 w-4 rounded-full"
+        style={{
+          background: `conic-gradient(${ringColor} ${percent * 3.6}deg, ${trackColor} 0deg)`,
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+        title={indicator.label}
+      >
+        <div className="h-2 w-2 rounded-full bg-background" />
+      </div>
+      {/* hover tooltip:wework rounded-2xl 卡 */}
+      <div className="pointer-events-auto absolute bottom-[calc(100%+0.5rem)] left-1/2 z-30 hidden w-max -translate-x-1/2 rounded-2xl border border-border/70 bg-background px-4 py-3 text-center text-sm leading-5 text-foreground shadow-[0_14px_42px_rgba(15,23,42,0.16)] group-hover:block dark:shadow-[0_14px_42px_rgba(0,0,0,0.4)]">
+        <div className="font-medium">估算上下文</div>
+        <div className="mt-0.5 text-text-secondary">{indicator.label}</div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/chat/MenuChip.tsx b/src/components/chat/MenuChip.tsx
new file mode 100644
index 0000000..c165242
--- /dev/null
+++ b/src/components/chat/MenuChip.tsx
@@ -0,0 +1,75 @@
+import { useEffect, useRef, useState } from 'react';
+
+import { ChevronDown } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+
+/**
+ * wework 风格自定义下拉 chip:点击触发器(label+chevron)弹 rounded-xl 卡片菜单,
+ * 选项 hover bg-muted,选中高亮。替代原生 select(原生箭头/样式不可控)。
+ */
+type Option = {
+  value: string;
+  label: string;
+};
+
+type MenuChipProps = {
+  /** 触发器显示的当前 label。 */
+  label: string;
+  options: Option[];
+  value: string;
+  onChange: (value: string) => void;
+  title?: string;
+};
+
+export function MenuChip({ label, options, value, onChange, title }: MenuChipProps) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (event: MouseEvent) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener('mousedown', onDown);
+    return () => document.removeEventListener('mousedown', onDown);
+  }, [open]);
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        type="button"
+        onClick={() => setOpen((prev) => !prev)}
+        title={title}
+        className="flex h-8 max-w-[12rem] items-center gap-1 rounded-full px-2 text-sm leading-[18px] text-text-secondary transition-colors hover:bg-muted"
+      >
+        <span className="min-w-0 truncate">{label}</span>
+        <ChevronDown className={cn('h-3.5 w-3.5 flex-shrink-0 text-text-muted transition-transform', open && 'rotate-180')} />
+      </button>
+      {open ? (
+        <div className="absolute bottom-[calc(100%+0.5rem)] left-0 z-30 max-h-[min(50vh,20rem)] min-w-[10rem] max-w-[16rem] overflow-y-auto rounded-xl border border-border bg-popover p-1.5 text-sm shadow-[0_10px_28px_rgba(0,0,0,0.18)]">
+          {options.map((option) => (
+            <button
+              key={option.value}
+              type="button"
+              onClick={() => {
+                onChange(option.value);
+                setOpen(false);
+              }}
+              className={cn(
+                'flex w-full items-center rounded-lg px-2.5 py-1.5 text-left leading-5 transition-colors',
+                option.value === value
+                  ? 'bg-muted text-text-primary'
+                  : 'text-text-secondary hover:bg-muted hover:text-text-primary',
+              )}
+            >
+              <span className="min-w-0 flex-1 truncate">{option.label}</span>
+            </button>
+          ))}
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
new file mode 100644
index 0000000..ebd79b6
--- /dev/null
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -0,0 +1,276 @@
+/**
+ * 交错 "思考-行动-思考-输出" 渲染,照抄 Wegent/wework 的视觉节奏:
+ * - 思考块:流式→单行"思考中 · 预览"(shimmer);完成→单行"已思考 · N字"+chevron 展开
+ * - 工具块:单行活动行(图标+状态文案+duration),展开才出详情
+ * - 正文块:平铺 markdown
+ * 核心是"活动行优先、详情按需",不占大块视觉,保留时间线交错节奏。
+ */
+
+import { ChevronDown, LoaderCircle, Brain, Wrench } from 'lucide-react';
+import { useState, type ReactNode } from 'react';
+import { cn } from '@/lib/utils';
+import { MessageMarkdown } from '../MessageMarkdown';
+import type { Message } from './types';
+import type { ProcessingBlock, ThinkingBlock, ToolBlock, TextBlock } from '../../core/run/blocks';
+
+type ToolData = NonNullable<Message['tools']>[string];
+
+interface Props {
+  message: Message;
+  isStreaming: boolean;
+  onRespondToApproval?: (p: { approvalRequestId: string; approve: boolean; previousResponseId?: string }) => void;
+  onRespondToAguiApproval?: (p: { interruptId: string; approve: boolean }) => void;
+}
+
+/** 折叠容器:单行 summary + 可展开详情,260ms 高度动画。 */
+function Collapsible({
+  summary,
+  children,
+  defaultOpen = false,
+  streaming = false,
+}: {
+  summary: ReactNode;
+  children: ReactNode;
+  defaultOpen?: boolean;
+  streaming?: boolean;
+}) {
+  const [open, setOpen] = useState(defaultOpen);
+  return (
+    <div className="mb-1.5">
+      <button
+        type="button"
+        onClick={() => setOpen((v) => !v)}
+        className="flex w-full items-center gap-1.5 rounded px-1 py-1 text-left text-[13px] text-slate-500 transition-colors hover:bg-slate-100/70 dark:text-slate-400 dark:hover:bg-slate-800/40"
+      >
+        {streaming ? (
+          <LoaderCircle className="h-3.5 w-3.5 animate-spin text-slate-400" />
+        ) : (
+          <ChevronDown className={cn('h-3.5 w-3.5 text-slate-400 transition-transform', open && 'rotate-90')} />
+        )}
+        <span className="min-w-0 flex-1 truncate">{summary}</span>
+      </button>
+      {open && (
+        <div className="mt-1.5 border-l border-slate-200 pl-3.5 dark:border-slate-700/60">
+          {children}
+        </div>
+      )}
+    </div>
+  );
+}
+
+/** 去 markdown 标记取末句预览(粗略:取最后一段非空文本)。 */
+function plainPreview(text: string, max = 96): string {
+  const stripped = text.replace(/[#*`>\-]/g, '').replace(/\s+/g, ' ').trim();
+  if (stripped.length <= max) return stripped;
+  return stripped.slice(-max);
+}
+
+function ThinkingRow({ block }: { block: ThinkingBlock }) {
+  const generating = block.status === 'streaming';
+  if (generating) {
+    // 流式:单行"思考中 · 预览",不折叠,带 shimmer
+    const preview = plainPreview(block.content);
+    return (
+      <div className="mb-1.5 flex items-center gap-1.5 px-1 py-1 text-[13px] text-slate-400 dark:text-slate-500">
+        <Brain className="h-3.5 w-3.5 shrink-0" />
+        <span className="animate-pulse">思考中</span>
+        {preview && (
+          <>
+            <span className="text-slate-300 dark:text-slate-600">·</span>
+            <span className="min-w-0 flex-1 truncate">{preview}</span>
+          </>
+        )}
+      </div>
+    );
+  }
+  // 完成:单行"已思考 · N字"+chevron 展开
+  const len = block.content.length;
+  return (
+    <Collapsible
+      summary={
+        <span className="flex items-center gap-1.5">
+          <Brain className="h-3.5 w-3.5 text-slate-400" />
+          <span>已思考</span>
+          <span className="text-slate-300 dark:text-slate-600">·</span>
+          <span className="font-mono text-xs text-slate-400">{len} 字</span>
+        </span>
+      }
+    >
+      <div className="custom-scrollbar max-h-[min(46vh,28rem)] overflow-y-auto py-1 text-[14px] leading-7 text-slate-600 dark:text-slate-300 [&_p]:my-2 [&_pre]:my-2">
+        <MessageMarkdown content={block.content} />
+      </div>
+    </Collapsible>
+  );
+}
+
+function ToolRow({
+  block,
+  tool,
+  isStreaming,
+  onRespondToApproval,
+  onRespondToAguiApproval,
+}: {
+  block: ToolBlock;
+  tool?: ToolData;
+  isStreaming: boolean;
+  onRespondToApproval?: Props['onRespondToApproval'];
+  onRespondToAguiApproval?: Props['onRespondToAguiApproval'];
+}) {
+  const status = tool?.status ?? block.status;
+  const args = tool?.args ?? block.args;
+  const output = tool?.output ?? block.output;
+  const approvalStatus = tool?.approvalStatus;
+  const approvalRequestId = tool?.approvalRequestId;
+  const approvalMessage = tool?.approvalMessage;
+  const approvalProtocol = tool?.approvalProtocol;
+  const previousResponseId = tool?.previousResponseId;
+  const running = status === 'running';
+  const errored = status === 'error';
+  const paused = status === 'paused';
+
+  // 状态文案前缀(wework 风格:文案承载状态,不用胶囊)
+  const prefix = approvalStatus === 'pending'
+    ? '等待审批'
+    : approvalStatus === 'approved'
+      ? '已批准'
+      : approvalStatus === 'rejected'
+        ? '已拒绝'
+        : running
+          ? '正在运行'
+          : errored
+            ? '运行失败'
+            : paused
+              ? '已暂停'
+              : '已运行';
+
+  const tone = errored
+    ? 'text-rose-500 dark:text-rose-400'
+    : paused
+      ? 'text-amber-500 dark:text-amber-400'
+      : running
+        ? 'text-slate-500 dark:text-slate-400'
+        : 'text-slate-400 dark:text-slate-500';
+
+  return (
+    <Collapsible
+      streaming={running && !args /* 还没拿到参数时折叠头转圈 */}
+      defaultOpen={approvalStatus === 'pending' || paused}
+      summary={
+        <span className="flex items-center gap-1.5">
+          <Wrench className={cn('h-3.5 w-3.5 shrink-0', tone)} />
+          <span className={tone}>{prefix}</span>
+          <span className="truncate font-medium text-slate-600 dark:text-slate-300">{block.toolName}</span>
+          {running && args && <span className="ml-0.5 animate-pulse text-slate-400">…</span>}
+        </span>
+      }
+    >
+      <div className="flex flex-col gap-2.5 py-1 text-[13px]">
+        {approvalRequestId && (
+          <div className="font-sans text-[13px] text-slate-700 dark:text-slate-200">
+            <div className="font-medium">
+              {approvalStatus === 'approved'
+                ? '已批准该工具调用。'
+                : approvalStatus === 'rejected'
+                  ? '已拒绝该工具调用。'
+                  : approvalMessage || '该工具调用需要人工确认后继续。'}
+            </div>
+            {approvalStatus === 'pending' && (
+              <div className="mt-2 flex flex-wrap gap-2">
+                <button
+                  type="button"
+                  disabled={isStreaming}
+                  onClick={() =>
+                    approvalProtocol === 'ag-ui'
+                      ? onRespondToAguiApproval?.({ interruptId: approvalRequestId || '', approve: true })
+                      : onRespondToApproval?.({ approvalRequestId: approvalRequestId || '', approve: true, previousResponseId })
+                  }
+                  className="inline-flex h-8 items-center gap-1.5 rounded-full bg-foreground px-4 text-xs font-semibold text-background transition hover:opacity-80 disabled:opacity-55"
+                >
+                  批准并继续
+                </button>
+                <button
+                  type="button"
+                  disabled={isStreaming}
+                  onClick={() =>
+                    approvalProtocol === 'ag-ui'
+                      ? onRespondToAguiApproval?.({ interruptId: approvalRequestId || '', approve: false })
+                      : onRespondToApproval?.({ approvalRequestId: approvalRequestId || '', approve: false, previousResponseId })
+                  }
+                  className="inline-flex h-8 items-center gap-1.5 rounded-full border border-border px-4 text-xs font-semibold text-text-secondary transition hover:border-rose-300 hover:text-rose-600 disabled:opacity-55"
+                >
+                  拒绝
+                </button>
+              </div>
+            )}
+          </div>
+        )}
+        {args ? <PayloadBlock label="入参" value={args} tone="input" /> : null}
+        {output ? <PayloadBlock label="输出" value={output} tone={errored ? 'error' : 'output'} /> : null}
+      </div>
+    </Collapsible>
+  );
+}
+
+function PayloadBlock({ label, tone, value }: { label: string; tone: 'input' | 'output' | 'error'; value: string }) {
+  return (
+    <div>
+      <div className="mb-1 text-[11px] font-semibold uppercase tracking-wide text-slate-400">{label}</div>
+      <pre
+        className={cn(
+          'custom-scrollbar max-h-60 overflow-auto rounded-lg px-3 py-2 text-[12.5px] leading-relaxed whitespace-pre-wrap break-all',
+          tone === 'error'
+            ? 'bg-rose-50/60 text-rose-700 dark:bg-rose-950/20 dark:text-rose-200'
+            : tone === 'output'
+              ? 'bg-emerald-50/40 text-emerald-800 dark:bg-emerald-950/20 dark:text-emerald-200'
+              : 'bg-slate-50 text-slate-700 dark:bg-slate-900/40 dark:text-slate-200',
+        )}
+      >
+        {value}
+      </pre>
+    </div>
+  );
+}
+
+function TextRow({ block }: { block: TextBlock }) {
+  if (!block.content) return null;
+  // 正文块用 whitespace-pre-line 保留所有 \n 换行 + 正常行距。
+  // 不走 MessageMarkdown:LLM 逐行输出(单 \n)经 markdown+remark-breaks 会被
+  // 压成一个 <p>+<br>,10 行挤成一坨、行距过紧。pre-line 直接按文本换行渲染。
+  // 简单 markdown(粗体) 如需保留,可后续加一个轻量 inline 解析;首期先保证换行正确。
+  return (
+    <div className="w-full whitespace-pre-line break-words py-0.5 text-[14px] leading-7 text-slate-700 dark:text-slate-200">
+      {block.content}
+    </div>
+  );
+}
+
+export function ProcessingBlocksView({
+  message,
+  isStreaming,
+  onRespondToApproval,
+  onRespondToAguiApproval,
+}: Props) {
+  const blocks: ProcessingBlock[] = message.blocks ?? [];
+  return (
+    <div className="mb-3 min-w-0">
+      {blocks.map((block) => {
+        if (block.type === 'thinking') {
+          return <ThinkingRow key={block.id} block={block} />;
+        }
+        if (block.type === 'tool') {
+          return (
+            <ToolRow
+              key={block.id}
+              block={block}
+              tool={message.tools?.[block.toolName]}
+              isStreaming={isStreaming}
+              onRespondToApproval={onRespondToApproval}
+              onRespondToAguiApproval={onRespondToAguiApproval}
+            />
+          );
+        }
+        return <TextRow key={block.id} block={block} />;
+      })}
+    </div>
+  );
+}
diff --git a/src/components/chat/StatusBanner.tsx b/src/components/chat/StatusBanner.tsx
new file mode 100644
index 0000000..a3f9a8c
--- /dev/null
+++ b/src/components/chat/StatusBanner.tsx
@@ -0,0 +1,81 @@
+import { useEffect, useState } from 'react';
+
+import { LoaderCircle, RefreshCw, WifiOff, ZapOff } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+import { useStreamingStore } from '@/stores/streaming.js';
+
+/**
+ * wework 风格错误/限流/重连内联状态条。
+ * 从 streaming store 的 banner 字段驱动,内联在消息区底部(不白屏)。
+ * - rate_limited:友好提示"请求过于频繁",带 Retry-After 倒计时(若有)
+ * - network:网络异常重连中(spinner)
+ * - error:运行失败 + 重试按钮
+ */
+type StatusBannerProps = {
+  onRetry?: () => void;
+};
+
+export function StatusBanner({ onRetry }: StatusBannerProps) {
+  const banner = useStreamingStore((s) => s.banner);
+  const [remaining, setRemaining] = useState(0);
+
+  useEffect(() => {
+    if (!banner || banner.kind !== 'rate_limited' || !banner.retryAfterSec) {
+      setRemaining(0);
+      return;
+    }
+    setRemaining(banner.retryAfterSec);
+    const timer = setInterval(() => {
+      setRemaining((prev) => (prev > 0 ? prev - 1 : 0));
+    }, 1000);
+    return () => clearInterval(timer);
+  }, [banner]);
+
+  if (!banner) return null;
+
+  const config = {
+    rate_limited: {
+      icon: <ZapOff className="h-4 w-4 text-amber-500" />,
+      bg: 'border-amber-200/70 bg-amber-50/70 dark:border-amber-900/40 dark:bg-amber-950/20',
+      text: 'text-amber-700 dark:text-amber-200',
+      label: remaining > 0 ? `${banner.message}（${remaining}s 后可重试）` : banner.message,
+    },
+    network: {
+      icon: <LoaderCircle className="h-4 w-4 animate-spin text-text-secondary" />,
+      bg: 'border-border/70 bg-muted/60',
+      text: 'text-text-secondary',
+      label: banner.message || '网络异常，正在重连…',
+    },
+    error: {
+      icon: <WifiOff className="h-4 w-4 text-rose-500" />,
+      bg: 'border-rose-200/70 bg-rose-50/70 dark:border-rose-900/40 dark:bg-rose-950/20',
+      text: 'text-rose-600 dark:text-rose-300',
+      label: banner.message || '运行失败，请重试',
+    },
+  }[banner.kind];
+
+  return (
+    <div
+      className={cn(
+        'mx-auto mb-3 flex w-full max-w-3xl items-center gap-2.5 rounded-xl border px-3.5 py-2.5 text-sm shadow-sm',
+        config.bg,
+        config.text,
+      )}
+      role="status"
+    >
+      {config.icon}
+      <span className="min-w-0 flex-1 truncate">{config.label}</span>
+      {banner.kind === 'error' && onRetry ? (
+        <button
+          type="button"
+          onClick={onRetry}
+          className="flex items-center gap-1 rounded-full px-2.5 py-1 text-xs font-medium text-rose-600 transition hover:bg-rose-100 dark:text-rose-300 dark:hover:bg-rose-950/40"
+        >
+          <RefreshCw className="h-3 w-3" />
+          重试
+        </button>
+      ) : null}
+    </div>
+  );
+}
diff --git a/src/components/chat/types.ts b/src/components/chat/types.ts
index eb30fa9..ba7f06b 100644
--- a/src/components/chat/types.ts
+++ b/src/components/chat/types.ts
@@ -26,6 +26,11 @@ export type Message = {
   compactedUntilSeqId?: number;
   historical?: boolean;
   reasoning?: string;
+  /**
+   * 有序 "思考-行动-思考-输出" 交错 blocks(照抄 Wegent wework)。
+   * 存在时渲染层按数组顺序交错展示;为空则回退 reasoning/tools/content 旧渲染。
+   */
+  blocks?: import('../../core/run/blocks.js').ProcessingBlock[];
   a2ui?: {
     surfaceId: string;
     surface: import('../../core/stream/types.js').A2UISurface;
diff --git a/src/core/run/blocks.ts b/src/core/run/blocks.ts
new file mode 100644
index 0000000..3d8c754
--- /dev/null
+++ b/src/core/run/blocks.ts
@@ -0,0 +1,140 @@
+/**
+ * 交错 "思考-行动-思考-输出" 的有序 block 模型(照抄 Wegent wework 的
+ * workbench ProcessingBlock 方案,见 packages/chat-core/workbench-message-reducer.ts)。
+ *
+ * 核心思想:一条 assistant message 不是 "reasoning 单串 + tools map + content",
+ * 而是一个**有序的 ProcessingBlock 数组**。思考块会被工具调用"切断"成多段,
+ * 从而自然形成 [思考1][工具][思考2][正文] 的时间线交错布局。
+ */
+
+export type BlockStatus = 'streaming' | 'done' | 'error';
+
+export interface ThinkingBlock {
+  id: string;
+  type: 'thinking';
+  content: string;
+  status: BlockStatus;
+}
+
+export interface ToolBlock {
+  id: string;
+  type: 'tool';
+  toolName: string;
+  args: string;
+  output?: string;
+  status: 'running' | 'completed' | 'error' | 'paused';
+  /** 透传现有 Message.tools 的附加字段(approval 等),渲染层按需取。 */
+  extra?: Record<string, unknown>;
+}
+
+export interface TextBlock {
+  id: string;
+  type: 'text';
+  content: string;
+  status: BlockStatus;
+}
+
+export type ProcessingBlock = ThinkingBlock | ToolBlock | TextBlock;
+
+let blockSeq = 0;
+function nextId(prefix: string): string {
+  blockSeq += 1;
+  return `${prefix}-${blockSeq}`;
+}
+
+/** 关闭所有仍处于 streaming 的 thinking 块(不动 text 块)。
+ *  text 块的开关由 appendTextBlock/finalizeTextBlock 自管,这里不干预,
+ *  否则会把流式 text 错误置 done,导致后续 delta 新建第二个 text 块(正文重复)。 */
+function finalizeOpenThinkingBlocks(blocks: ProcessingBlock[]): ProcessingBlock[] {
+  return blocks.map((block) =>
+    block.type === 'thinking' && block.status === 'streaming'
+      ? { ...block, status: 'done' as const }
+      : block,
+  );
+}
+
+/** 追加思考 delta(对应 wework appendThinkingChunk):
+ *  最后一个块是流式 thinking 则追加,否则新建一个 thinking 块。 */
+export function appendThinkingBlock(
+  blocks: ProcessingBlock[] | undefined,
+  delta: string,
+): ProcessingBlock[] {
+  const next = [...(blocks ?? [])];
+  const last = next[next.length - 1];
+  if (last?.type === 'thinking' && last.status === 'streaming') {
+    next[next.length - 1] = { ...last, content: last.content + delta };
+    return next;
+  }
+  return [
+    ...next,
+    { id: nextId('thinking'), type: 'thinking', content: delta, status: 'streaming' },
+  ];
+}
+
+/** 追加正文 delta:先关闭打开的 thinking,再追加到最后一个流式 text 块(或新建)。 */
+export function appendTextBlock(
+  blocks: ProcessingBlock[] | undefined,
+  delta: string,
+): ProcessingBlock[] {
+  const base = finalizeOpenThinkingBlocks(blocks ?? []);
+  const next = [...base];
+  const last = next[next.length - 1];
+  if (last?.type === 'text' && last.status === 'streaming') {
+    next[next.length - 1] = { ...last, content: last.content + delta };
+    return next;
+  }
+  return [...next, { id: nextId('text'), type: 'text', content: delta, status: 'streaming' }];
+}
+
+/** 正文收尾(text_final):把最后一个流式 text 块设为终值并关闭。 */
+export function finalizeTextBlock(
+  blocks: ProcessingBlock[] | undefined,
+  text: string,
+): ProcessingBlock[] {
+  const base = finalizeOpenThinkingBlocks(blocks ?? []);
+  const next = [...base];
+  const lastIndex = next.map((b) => b.type).lastIndexOf('text');
+  if (lastIndex >= 0 && next[lastIndex].type === 'text') {
+    next[lastIndex] = { ...(next[lastIndex] as TextBlock), content: text, status: 'done' };
+    return next;
+  }
+  return [...next, { id: nextId('text'), type: 'text', content: text, status: 'done' }];
+}
+
+/** upsert 工具块(对应 wework mergeProcessingBlock + finalize):
+ *  先关闭打开的 thinking 块,再按 toolName 找已有 tool 块更新,否则新建。 */
+export function upsertToolBlock(
+  blocks: ProcessingBlock[] | undefined,
+  toolName: string,
+  patch: Partial<Omit<ToolBlock, 'id' | 'type' | 'toolName'>>,
+): ProcessingBlock[] {
+  const base = finalizeOpenThinkingBlocks(blocks ?? []);
+  const next = [...base];
+  const existingIndex = next.findIndex((b) => b.type === 'tool' && b.toolName === toolName);
+  if (existingIndex >= 0 && next[existingIndex].type === 'tool') {
+    next[existingIndex] = { ...(next[existingIndex] as ToolBlock), ...patch };
+    return next;
+  }
+  return [
+    ...next,
+    {
+      id: nextId('tool'),
+      type: 'tool',
+      toolName,
+      args: patch.args ?? '',
+      output: patch.output,
+      status: patch.status ?? 'running',
+      extra: patch.extra,
+    },
+  ];
+}
+
+/** 关闭最后一个 thinking 块(turn 结束/被工具打断后调用)。 */
+export function finalizeThinkingBlocks(blocks: ProcessingBlock[] | undefined): ProcessingBlock[] {
+  return finalizeOpenThinkingBlocks(blocks ?? []);
+}
+
+/** 取某 message 的有序 blocks(无则空数组,便于渲染层判空回退)。 */
+export function getProcessingBlocks(blocks: ProcessingBlock[] | undefined): ProcessingBlock[] {
+  return blocks ?? [];
+}
diff --git a/src/core/run/dispatcher.ts b/src/core/run/dispatcher.ts
index 55c9671..fa2df8e 100644
--- a/src/core/run/dispatcher.ts
+++ b/src/core/run/dispatcher.ts
@@ -1,4 +1,10 @@
 import type { RunEvent } from './types.js';
+import {
+  appendThinkingBlock,
+  appendTextBlock,
+  finalizeTextBlock,
+  upsertToolBlock,
+} from './blocks.js';
 import { useMessageStore } from '../../stores/message.js';
 import { useStreamingStore } from '../../stores/streaming.js';
 import { useSessionStore } from '../../stores/session.js';
@@ -65,6 +71,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
       break;
 
     case 'user_message_added':
+      useStreamingStore.getState().setBanner(null);
       ms.patchMessages((prev) => [
         ...prev,
         { id: event.messageId, role: 'user', content: '', timestamp: Date.now() },
@@ -80,7 +87,11 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
-            ? { ...msg, content: msg.content + event.delta }
+            ? {
+                ...msg,
+                content: msg.content + event.delta,
+                blocks: appendTextBlock(msg.blocks, event.delta),
+              }
             : msg,
         ),
       );
@@ -91,7 +102,11 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
-            ? { ...msg, content: event.text }
+            ? {
+                ...msg,
+                content: event.text,
+                blocks: finalizeTextBlock(msg.blocks, event.text),
+              }
             : msg,
         ),
       );
@@ -102,7 +117,11 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
-            ? { ...msg, reasoning: (msg.reasoning || '') + event.delta }
+            ? {
+                ...msg,
+                reasoning: (msg.reasoning || '') + event.delta,
+                blocks: appendThinkingBlock(msg.blocks, event.delta),
+              }
             : msg,
         ),
       );
@@ -116,17 +135,23 @@ export function dispatchRunEventToStores(event: RunEvent) {
           const current = msg.tools?.[event.name];
           const currentApprovalResolved = current?.approvalStatus === 'approved'
             || current?.approvalStatus === 'rejected';
+          const status = currentApprovalResolved
+            ? 'completed'
+            : event.status as NonNullable<Message['tools']>[string]['status'];
           return {
             ...msg,
+            blocks: upsertToolBlock(msg.blocks, event.name, {
+              args: event.args,
+              status,
+              extra: event.extra as Record<string, unknown> | undefined,
+            }),
             tools: {
               ...(msg.tools || {}),
               [event.name]: {
                 ...(current || { name: event.name, args: '' }),
                 name: event.name,
                 args: event.args,
-                status: currentApprovalResolved
-                  ? 'completed'
-                  : event.status as NonNullable<Message['tools']>[string]['status'],
+                status,
                 ...(event.extra || {}),
                 ...(event.extra?.approvalRequestId && !currentApprovalResolved
                   ? { approvalStatus: 'pending' as const }
@@ -144,14 +169,19 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ms.patchMessages((prev) =>
         prev.map((msg) => {
           if (msg.id !== event.messageId) return msg;
+          const status = isFailedToolOutput(event.output) ? 'error' : 'completed';
           return {
             ...msg,
+            blocks: upsertToolBlock(msg.blocks, event.name, {
+              output: event.output,
+              status,
+            }),
             tools: {
               ...(msg.tools || {}),
               [event.name]: {
                 ...(msg.tools?.[event.name] || { name: event.name, args: '' }),
                 output: event.output,
-                status: isFailedToolOutput(event.output) ? 'error' : 'completed',
+                status,
               },
             },
           };
@@ -270,6 +300,11 @@ export function dispatchRunEventToStores(event: RunEvent) {
         phase: '连接断开或生成出错',
         countEvent: false,
       });
+      useStreamingStore.getState().setBanner({
+        kind: 'error',
+        message: '连接断开或生成出错，请重试',
+        sessionId: event.sessionId,
+      });
       ms.patchMessages((prev) => [
         ...prev,
         {
@@ -281,12 +316,33 @@ export function dispatchRunEventToStores(event: RunEvent) {
       ]);
       break;
 
+    case 'rate_limited':
+      useStreamingStore.getState().setSessionStreaming(event.sessionId, false);
+      useStreamingStore.getState().updateActivity({
+        sessionId: event.sessionId,
+        status: 'failed',
+        phase: '请求被限流',
+        countEvent: false,
+      });
+      useStreamingStore.getState().setBanner({
+        kind: 'rate_limited',
+        message: event.message || '请求过于频繁，请稍后重试',
+        retryAfterSec: event.retryAfterSec,
+        sessionId: event.sessionId,
+      });
+      break;
+
     case 'terminal':
       settleRunningToolsForTerminalStatus(event.status);
       break;
 
     case 'stream_event': {
       const streamSessionId = event.sessionId || event.event.SessionId;
+      // 记录最后事件 seq,供网络断线后 afterSeqId 续订重连。
+      const evtSeq = (event.event as { SeqId?: number }).SeqId;
+      if (typeof evtSeq === 'number' && evtSeq > 0) {
+        useStreamingStore.getState().setLastSeqId(evtSeq);
+      }
       if (event.event.EventType === 'run_checkpoint' && streamSessionId) {
         useCheckpointStore.getState().upsertSessionCheckpoint(streamSessionId, event.event);
       }
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index e5914ac..16b951b 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -6,6 +6,7 @@ import { shouldStopReadingRunStream } from '../../utils/stream-control.js';
 import { parseSseChunk, splitSseBuffer } from '../transport/sse-parser.js';
 import type { SessionEventRecord } from '../../types/session-events.js';
 import { getErrorMessage } from '../../utils/error.js';
+import { ApiError } from '../../api/errors.js';
 import { buildModelOptionsFromThinkingMode, normalizeThinkingMode } from '../../utils/model-options.js';
 import { resolveRunAgentApiFormat } from '../../utils/layout-constants.js';
 import { useStreamingStore } from '../../stores/streaming.js';
@@ -199,6 +200,8 @@ export class RunEngineImpl implements RunEngine {
 
         const invocationId = createInvocationId();
         useStreamingStore.getState().setCurrentRunId(invocationId);
+        useStreamingStore.getState().setActiveInvocationId(invocationId);
+        useStreamingStore.getState().setLastSeqId(0);
 
         const hostedTransport = this.config.hostedChatTransport;
         const useAgui = !isResponsesResume
@@ -299,6 +302,30 @@ export class RunEngineImpl implements RunEngine {
           if (isNetwork) {
             this.setStage('recovering');
             this.emit({ type: 'activity', phase: '网络异常，尝试重连', status: 'waiting', countEvent: false });
+            // 断线续订:有 lastSeqId + invocationId 时用 subscribeRunEvents(afterSeqId) 续订,
+            // 避免从头 runAgent 导致已流式内容重复。续订失败再回退普通 error。
+            const lastSeq = useStreamingStore.getState().lastSeqId;
+            const resumeInvocationId = useStreamingStore.getState().activeInvocationId;
+            if (lastSeq > 0 && resumeInvocationId && this.activeSessionId) {
+              try {
+                this.resumeRun({
+                  sessionId: this.activeSessionId,
+                  invocationId: resumeInvocationId,
+                  afterSeqId: lastSeq,
+                });
+                return;
+              } catch (resumeErr) {
+                console.warn('[RunEngine] afterSeqId resume failed, fall back to error:', resumeErr);
+              }
+            }
+          } else if (error instanceof ApiError && error.code === 429) {
+            // 限流:单独事件,前端显示友好提示而非"运行失败"白屏。
+            this.setStage('error');
+            this.emit({
+              type: 'rate_limited',
+              message: error.message || '请求过于频繁，请稍后重试',
+              sessionId,
+            });
           } else {
             this.setStage('error');
             this.emit({ type: 'error', error: error instanceof Error ? error : new Error(String(error)) });
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index f82001f..939154c 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -47,6 +47,7 @@ export type RunEvent =
   | { type: 'system_message'; content: string; sessionId?: string | null }
   | { type: 'stream_ended'; sessionId?: string | null }
   | { type: 'error'; error: Error; sessionId?: string | null }
+  | { type: 'rate_limited'; retryAfterSec?: number; message?: string; sessionId?: string | null }
   | { type: 'terminal'; status: string; sessionId?: string | null }
   | { type: 'stream_event'; event: import('../../types/session-events.js').SessionEventRecord; sessionId?: string | null }
   | { type: 'a2ui_surface_begin'; surfaceId: string; surface: import('../stream/types.js').A2UISurface; sessionId?: string | null }
diff --git a/src/index.css b/src/index.css
index aeb3820..0ac7d4b 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,26 +29,38 @@
 
 @layer base {
   :root {
-    --primary: 215 78% 52%;
+    --primary: 173 80% 40%;          /* wework teal 20 184 166 */
     --primary-foreground: 0 0% 100%;
-    --accent: 215 78% 95%;
-    --accent-foreground: 215 78% 25%;
-    --radius: 0.75rem;
-    --background: 210 20% 99%;
-    --foreground: 215 25% 15%;
-    --muted: 210 15% 96%;
-    --border: 210 12% 90%;
+    --accent: 173 80% 95%;
+    --accent-foreground: 173 80% 25%;
+    --radius: 0.5rem;                /* wework 基础 8px */
+    --background: 0 0% 100%;         /* wework bg-base 255 255 255 */
+    --foreground: 0 0% 10%;           /* wework text-primary 26 26 26 */
+    /* wework 风格语义层:RGB 精确值 */
+    --surface: 240 7% 97%;           /* 247 247 248 */
+    --text-secondary: 0 0% 40%;      /* 102 102 102 */
+    --text-muted: 0 0% 60%;          /* 153 153 153 */
+    --code-bg: 220 14% 96%;          /* 243 244 246 */
+    /* 侧边栏独立灰阶(wework 半透明灰) */
+    --sidebar: 0 0% 95%;             /* 243 243 243 */
+    --sidebar-hover: 0 0% 90%;       /* hover 态 */
+    --sidebar-active: 0 0% 88%;      /* active 态 */
+    --sidebar-text: 0 0% 23%;         /* 56 58 61 */
+    --sidebar-text-secondary: 0 0% 35%;/* 87 88 91 */
+    --sidebar-text-muted: 0 0% 50%;  /* 128 129 131 */
+    --muted: 0 0% 96%;               /* 245 245 245 */
+    --border: 0 0% 88%;              /* 224 224 224 */
     --card: 0 0% 100%;
     --card-foreground: 222.2 84% 4.9%;
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
-    --secondary: 210 40% 96.1%;
+    --secondary: 0 0% 96%;
     --secondary-foreground: 222.2 47.4% 11.2%;
-    --muted-foreground: 215.4 16.3% 46.9%;
+    --muted-foreground: 0 0% 60%;
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 210 40% 98%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
+    --input: 0 0% 88%;
+    --ring: 173 80% 40%;
     --app-height: 100vh;
     --safe-area-top: env(safe-area-inset-top, 0px);
     --safe-area-right: env(safe-area-inset-right, 0px);
@@ -57,25 +69,35 @@
   }
 
   .dark {
-    --primary: 215 70% 58%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-    --background: 220 20% 8%;
-    --foreground: 210 15% 95%;
-    --card: 222.2 84% 4.9%;
+    --primary: 173 77% 49%;          /* wework dark teal 45 212 191 */
+    --primary-foreground: 200 30% 10%;/* 11 18 20 */
+    --background: 210 13% 8%;        /* 17 19 22 */
+    --foreground: 200 18% 95%;       /* 241 245 249 */
+    --surface: 215 16% 13%;          /* 28 31 36 */
+    --text-secondary: 215 28% 80%;   /* 203 213 225 */
+    --text-muted: 220 14% 65%;       /* 148 163 184 */
+    --code-bg: 222 40% 11%;          /* 15 23 42 */
+    --sidebar: 0 0% 13%;             /* 33 33 33 */
+    --sidebar-hover: 0 0% 20%;
+    --sidebar-active: 0 0% 28%;
+    --sidebar-text: 220 4% 87%;      /* 221 222 223 */
+    --sidebar-text-secondary: 220 4% 74%;/* 188 189 191 */
+    --sidebar-text-muted: 220 3% 57%;/* 143 145 148 */
+    --card: 215 16% 13%;
     --card-foreground: 210 40% 98%;
-    --popover: 222.2 84% 4.9%;
+    --popover: 215 16% 13%;
     --popover-foreground: 210 40% 98%;
-    --secondary: 217.2 32.6% 17.5%;
+    --secondary: 215 16% 16%;
     --secondary-foreground: 210 40% 98%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --accent: 217.2 32.6% 17.5%;
+    --muted: 215 16% 16%;
+    --muted-foreground: 215 20% 65%;
+    --accent: 215 16% 16%;
     --accent-foreground: 210 40% 98%;
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
+    --border: 215 12% 25%;            /* 55 61 70 */
+    --input: 215 12% 25%;
+    --ring: 173 77% 49%;
   }
 }
 
diff --git a/src/stores/streaming.ts b/src/stores/streaming.ts
index 5bcbe65..73b16f2 100644
--- a/src/stores/streaming.ts
+++ b/src/stores/streaming.ts
@@ -2,6 +2,15 @@ import { create } from 'zustand';
 
 export type RunActivityStatus = 'connecting' | 'running' | 'waiting' | 'stopped' | 'completed' | 'failed';
 
+export type StatusBannerKind = 'rate_limited' | 'network' | 'error';
+
+export type StatusBanner = {
+  kind: StatusBannerKind;
+  message: string;
+  retryAfterSec?: number;
+  sessionId?: string | null;
+};
+
 export type RunActivity = {
   runId?: string;
   source: 'run' | 'restore';
@@ -20,6 +29,11 @@ export type StreamingState = {
   activity: RunActivity | null;
   sessionActivities: Record<string, RunActivity>;
   sessionStreaming: Record<string, true>;
+  banner: StatusBanner | null;
+  /** 当前 run 的最后事件 seq_id,用于网络断线后 afterSeqId 续订重连。 */
+  lastSeqId: number;
+  /** 当前 run 的 invocationId(afterSeqId 续订需要)。 */
+  activeInvocationId: string;
 };
 
 export type StreamingActions = {
@@ -29,6 +43,9 @@ export type StreamingActions = {
   getSessionActivity: (sessionId: string | null | undefined) => RunActivity | null;
   setCurrentRunId: (runId: string) => void;
   requestStop: () => void;
+  setBanner: (banner: StatusBanner | null) => void;
+  setLastSeqId: (seqId: number) => void;
+  setActiveInvocationId: (invocationId: string) => void;
   beginActivity: (activity: {
     runId?: string;
     source?: RunActivity['source'];
@@ -68,7 +85,13 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
   activity: null,
   sessionActivities: {},
   sessionStreaming: {},
+  banner: null,
+  lastSeqId: 0,
+  activeInvocationId: '',
   setStreaming: (streaming) => set({ isStreaming: streaming }),
+  setBanner: (banner) => set({ banner }),
+  setLastSeqId: (seqId) => set({ lastSeqId: seqId }),
+  setActiveInvocationId: (invocationId) => set({ activeInvocationId: invocationId }),
   setSessionStreaming: (sessionId, streaming) => set((state) => {
     const key = String(sessionId || '');
     if (!key) return { isStreaming: streaming };
@@ -198,5 +221,7 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
     activity: null,
     sessionActivities: {},
     sessionStreaming: {},
+    lastSeqId: 0,
+    activeInvocationId: '',
   }),
 }));
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 68c636d..6e46e19 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -24,6 +24,22 @@ const config: Config = {
         ring: "hsl(var(--ring))",
         background: "hsl(var(--background))",
         foreground: "hsl(var(--foreground))",
+        // wework 风格语义层
+        surface: "hsl(var(--surface))",
+        "text-secondary": "hsl(var(--text-secondary))",
+        "text-muted": "hsl(var(--text-muted))",
+        "code-bg": "hsl(var(--code-bg))",
+        // 侧边栏独立灰阶
+        sidebar: {
+          DEFAULT: "hsl(var(--sidebar))",
+          hover: "hsl(var(--sidebar-hover))",
+          active: "hsl(var(--sidebar-active))",
+        },
+        "sidebar-text": {
+          DEFAULT: "hsl(var(--sidebar-text))",
+          secondary: "hsl(var(--sidebar-text-secondary))",
+          muted: "hsl(var(--sidebar-text-muted))",
+        },
         primary: {
           DEFAULT: "hsl(var(--primary))",
           foreground: "hsl(var(--primary-foreground))",
@@ -59,7 +75,22 @@ const config: Config = {
         sm: "calc(var(--radius) - 4px)",
       },
       fontFamily: {
-        sans: ["Inter", ...fontFamily.sans],
+        sans: [
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "PingFang SC",
+          "Microsoft YaHei",
+          ...fontFamily.sans,
+        ],
+        mono: [
+          "ui-monospace",
+          "SFMono-Regular",
+          "Menlo",
+          "Monaco",
+          "Consolas",
+          "monospace",
+        ],
       },
       keyframes: {
         "accordion-down": {

From 46a729a051dfcd6dbc272cfd810a3f30eb4c5c2f Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 28 Jul 2026 11:52:35 +0800
Subject: [PATCH 08/61] feat(web): markdown/history/tool cards align wework +
 streaming fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- MessageMarkdown 去掉 prose-slate 套件,改 wework 语义 token + 紧凑标题字号
  (h1→lg/h2→base/h3→sm),链接 text-primary,表格 border-border,行内 code bg-muted
- CodeBlock 加 TextWrap 自动换行切换(仅 markdown 语言,按内容 key 记忆)
- 历史消息刷新重建 blocks(buildBlocksFromHistory),不再还原成旧散装渲染
- TextRow 改回 MessageMarkdown,流式时标题/列表/粗体即时渲染(不再等刷新)
- 移植 wework parseUnifiedDiff,ToolRow output 智能识别:
  unified diff → FileChangesCard(文件改动卡 +/− 统计),
  web_search → WebSearchSourcesChip(来源 chip + hover 列表),
  否则回退通用 PayloadBlock。前端识别 tool_output,不动后端事件协议
- 输入框 textarea 对齐 wework(text-text-primary/14px/max-h-112),
  发送钮 bg-[#1f1f1f],placeholder 简洁文案

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/MessageMarkdown.tsx            |  43 ++++--
 src/components/chat/ChatComposer.tsx          |  12 +-
 src/components/chat/ChatSidebar.tsx           |  10 +-
 src/components/chat/ContextUsageIndicator.tsx |  41 +++---
 src/components/chat/MenuChip.tsx              |   6 +-
 src/components/chat/ProcessingBlocksView.tsx  | 124 ++++++++++++++++--
 src/components/markdown/CodeBlock.tsx         |  32 ++++-
 src/core/run/blocks.ts                        |  35 +++++
 src/utils/messages.js                         |   6 +
 src/utils/parse-unified-diff.ts               |  56 ++++++++
 10 files changed, 319 insertions(+), 46 deletions(-)
 create mode 100644 src/utils/parse-unified-diff.ts

diff --git a/src/components/MessageMarkdown.tsx b/src/components/MessageMarkdown.tsx
index fe7d66c..99c8e83 100644
--- a/src/components/MessageMarkdown.tsx
+++ b/src/components/MessageMarkdown.tsx
@@ -33,6 +33,33 @@ type MarkdownDataCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
 type MarkdownLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
 
 const markdownComponents = {
+  h1({ children }: { children?: React.ReactNode }) {
+    return <h1 className="mb-4 mt-6 text-lg font-semibold text-foreground">{children}</h1>;
+  },
+  h2({ children }: { children?: React.ReactNode }) {
+    return <h2 className="mb-3 mt-5 text-base font-semibold text-foreground">{children}</h2>;
+  },
+  h3({ children }: { children?: React.ReactNode }) {
+    return <h3 className="mb-2 mt-4 text-sm font-semibold text-foreground">{children}</h3>;
+  },
+  p({ children }: { children?: React.ReactNode }) {
+    return <p className="mb-3 min-w-0 break-words leading-6 text-foreground">{children}</p>;
+  },
+  ul({ children }: { children?: React.ReactNode }) {
+    return <ul className="mb-3 list-disc space-y-1.5 pl-5 text-foreground">{children}</ul>;
+  },
+  ol({ children }: { children?: React.ReactNode }) {
+    return <ol className="mb-3 list-decimal space-y-1.5 pl-8 text-foreground">{children}</ol>;
+  },
+  li({ children }: { children?: React.ReactNode }) {
+    return <li className="min-w-0 break-words pl-1 leading-6 text-foreground">{children}</li>;
+  },
+  strong({ children }: { children?: React.ReactNode }) {
+    return <strong className="font-semibold text-foreground">{children}</strong>;
+  },
+  blockquote({ children }: { children?: React.ReactNode }) {
+    return <blockquote className="mb-3 border-l-2 border-border pl-4 text-text-secondary">{children}</blockquote>;
+  },
   code({ className, children, ...props }: MarkdownCodeProps) {
     const match = /language-(\w+)/.exec(className || '');
     const rawValue = String(children ?? '');
@@ -40,7 +67,7 @@ const markdownComponents = {
 
     if (isInline) {
       return (
-        <code className="bg-slate-100 dark:bg-slate-800 px-1.5 py-0.5 rounded-md text-[13.5px] font-mono text-slate-800 dark:text-slate-200 before:content-none after:content-none border border-slate-200 dark:border-slate-700" {...props}>
+        <code className="rounded-md border border-border bg-muted px-1.5 py-0.5 font-mono text-[13.5px] text-text-primary before:content-none after:content-none" {...props}>
           {children}
         </code>
       );
@@ -50,7 +77,7 @@ const markdownComponents = {
 
     if (lang === 'mermaid') {
       return (
-        <Suspense fallback={<div className="h-32 animate-pulse bg-slate-100 dark:bg-slate-800 rounded" />}>
+        <Suspense fallback={<div className="h-32 animate-pulse rounded bg-muted" />}>
           <LazyMermaidBlock chart={rawValue} />
         </Suspense>
       );
@@ -64,21 +91,21 @@ const markdownComponents = {
   },
   table({ children, ...props }: MarkdownTableProps) {
     return (
-      <div className="overflow-x-auto my-4 border border-slate-200 dark:border-slate-700 rounded-lg">
-        <table className="w-full text-sm text-left my-0" {...props}>
+      <div className="mb-3 max-w-full overflow-x-auto">
+        <table className="w-full min-w-max border-collapse text-sm text-foreground" {...props}>
           {children}
         </table>
       </div>
     );
   },
   th({ children, ...props }: MarkdownCellProps) {
-    return <th className="bg-slate-50 dark:bg-slate-800/50 px-4 py-2 font-semibold border-b border-slate-200 dark:border-slate-700" {...props}>{children}</th>;
+    return <th className="border-b border-border px-3 py-2 text-left font-semibold text-foreground" {...props}>{children}</th>;
   },
   td({ children, ...props }: MarkdownDataCellProps) {
-    return <td className="px-4 py-2 border-b border-slate-100 dark:border-slate-800 last:border-0" {...props}>{children}</td>;
+    return <td className="border-b border-border px-3 py-2 text-text-secondary" {...props}>{children}</td>;
   },
   a({ children, href, ...props }: MarkdownLinkProps) {
-     return <a href={href} className="text-blue-600 dark:text-blue-400 hover:underline" target="_blank" rel="noopener noreferrer" {...props}>{children}</a>
+     return <a href={href} className="text-primary hover:underline" target="_blank" rel="noopener noreferrer" {...props}>{children}</a>
   }
 };
 
@@ -86,7 +113,7 @@ const PlainMarkdown: React.FC<{ content: string }> = React.memo(({ content }) =>
   const processedContent = preprocessMarkdown(content);
 
   return (
-    <div className="prose prose-slate dark:prose-invert max-w-none break-words text-[15px] leading-7 prose-headings:mb-3 prose-headings:mt-6 prose-headings:font-semibold prose-headings:text-slate-900 dark:prose-headings:text-slate-50 prose-h1:text-[1.95rem] prose-h1:leading-tight prose-h1:tracking-[-0.02em] prose-h2:text-[1.55rem] prose-h2:leading-tight prose-h2:tracking-[-0.015em] prose-h3:text-[1.2rem] prose-h3:leading-snug prose-p:my-3 prose-p:leading-7 prose-strong:text-slate-900 dark:prose-strong:text-slate-100 prose-ol:my-3 prose-ul:my-3 prose-li:my-1.5 prose-li:leading-7 prose-hr:my-5 prose-hr:border-slate-200 dark:prose-hr:border-slate-700 prose-pre:m-0 prose-pre:bg-transparent prose-pre:p-0 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
+    <div className="max-w-none break-words text-[15px] leading-6 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
       <ReactMarkdown
         remarkPlugins={[remarkGfm, remarkBreaks]}
         components={markdownComponents}
diff --git a/src/components/chat/ChatComposer.tsx b/src/components/chat/ChatComposer.tsx
index 77761ec..f7bfc0e 100644
--- a/src/components/chat/ChatComposer.tsx
+++ b/src/components/chat/ChatComposer.tsx
@@ -55,7 +55,7 @@ export function ChatComposer({
   onSubmit,
   textareaRef,
 }: ChatComposerProps) {
-  const placeholderText = isMobile ? '发送消息...' : '发送消息... (Shift + Enter 换行)';
+  const placeholderText = isMobile ? '发送消息...' : '发送消息…';
   const activeStopTitle = onCancelRemote ? '保留恢复点并结束本次执行' : '停止生成';
 
   // wework 风格:model/思考 chip 放输入框工具栏(从 model store 直读,不经 props)。
@@ -155,7 +155,7 @@ export function ChatComposer({
                 event.stopPropagation();
               }}
               onDrop={handleDrop}
-              className="relative flex min-w-0 flex-1 flex-col rounded-[26px] border border-border/45 bg-background px-4 pb-1.5 pt-2 transition-all focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15"
+              className="relative flex min-h-[76px] min-w-0 flex-1 flex-col rounded-[26px] border border-border/45 bg-background px-4 pb-1.5 pt-2 transition-all focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15"
             >
               {attachments.length > 0 ? (
                 <div className="mb-1.5 flex flex-wrap gap-2">
@@ -196,8 +196,8 @@ export function ChatComposer({
                 onPaste={onPaste}
                 placeholder={placeholderText}
                 className={cn(
-                  'custom-scrollbar min-h-[48px] w-full resize-none border-0 bg-transparent px-0 text-[15px] leading-6 text-foreground outline-none placeholder:text-text-muted/55',
-                  isMobile ? 'text-[16px]' : 'text-[15px]',
+                  'custom-scrollbar max-h-[112px] min-h-[48px] w-full resize-none overflow-y-auto border-0 bg-transparent px-0 pb-0 pt-1 text-[14px] leading-6 text-text-primary outline-none placeholder:text-text-muted/55',
+                  isMobile ? 'text-[16px]' : 'text-[14px]',
                 )}
                 style={{ maxHeight: `${composerMaxHeight}px`, overflowY: 'auto' }}
               />
@@ -261,9 +261,9 @@ export function ChatComposer({
                     className={cn(
                       'flex h-8 w-8 items-center justify-center rounded-full transition-all',
                       isStreaming
-                        ? 'bg-foreground text-background hover:opacity-80'
+                        ? 'bg-[#1f1f1f] text-white hover:opacity-80'
                         : input.trim() || attachments.length > 0
-                          ? 'bg-foreground text-background hover:opacity-80'
+                          ? 'bg-[#1f1f1f] text-white hover:opacity-80'
                           : 'bg-muted text-text-muted/45',
                     )}
                     title={isStreaming ? activeStopTitle : '发送消息'}
diff --git a/src/components/chat/ChatSidebar.tsx b/src/components/chat/ChatSidebar.tsx
index 18c73e7..89c2b9c 100644
--- a/src/components/chat/ChatSidebar.tsx
+++ b/src/components/chat/ChatSidebar.tsx
@@ -112,14 +112,20 @@ export function ChatSidebar({
                     'group relative flex h-[30px] items-center gap-1 rounded-[10px] px-2.5 text-sm leading-5 transition-colors',
                     currentSessionId === session.SessionId
                       ? 'bg-sidebar-active text-sidebar-text'
-                      : 'cursor-pointer text-sidebar-text-secondary hover:bg-sidebar-hover hover:text-sidebar-text',
+                      : meta.running
+                        ? 'cursor-pointer bg-primary/8 text-sidebar-text'
+                        : 'cursor-pointer text-sidebar-text-secondary hover:bg-sidebar-hover hover:text-sidebar-text',
                   )}
                 >
+                  {/* wework 风格:活跃会话行首 primary 竖条,一眼区分正在流式的会话 */}
+                  {meta.running ? (
+                    <span className="absolute left-0 top-1/2 h-3.5 w-0.5 -translate-y-1/2 rounded-full bg-primary" aria-hidden="true" />
+                  ) : null}
                   <div className="min-w-0 flex-1 truncate text-[13px]">
                     {sessionTitle(session)}
                   </div>
                   {meta.running ? (
-                    <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-sidebar-text-muted" />
+                    <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-primary" />
                   ) : meta.label ? (
                     <span className="flex-shrink-0 text-[11px] leading-none text-sidebar-text-muted group-hover:hidden">
                       {meta.label}
diff --git a/src/components/chat/ContextUsageIndicator.tsx b/src/components/chat/ContextUsageIndicator.tsx
index ab8c91e..fbea62c 100644
--- a/src/components/chat/ContextUsageIndicator.tsx
+++ b/src/components/chat/ContextUsageIndicator.tsx
@@ -1,11 +1,12 @@
+import { cn } from '@/lib/utils';
 import type { ComposerContextIndicator } from './types';
 
 type NonNullIndicator = Exclude<ComposerContextIndicator, null>;
 
 /**
  * wework 风格上下文长度圆环指示器。
- * 形态:h-4 w-4 圆环,conic-gradient 按 usedPercent 填充,中心挖空 bg-background。
- * usedPercent>=85(警告阈值)转 red-500。hover 浮 tooltip 卡显示百分比/token。
+ * 形态:h-4 w-4 圆环,conic-gradient(currentColor) 按 usedPercent 填充,中心挖空 bg-background。
+ * usedPercent>=85(警告阈值)转 red-500。hover 浮 tooltip 卡显示百分比/token(k/m 缩写)。
  */
 type ContextUsageIndicatorProps = {
   indicator: NonNullIndicator;
@@ -14,28 +15,36 @@ type ContextUsageIndicatorProps = {
 export function ContextUsageIndicator({ indicator }: ContextUsageIndicatorProps) {
   const percent = Math.max(0, Math.min(100, indicator.percent ?? 0));
   const warning = indicator.phase === 'warning' || indicator.phase === 'compressing' || percent >= 85;
-  const ringColor = warning ? '#ef4444' : '#a5abb2';
-  const trackColor = '#edf0f2';
 
   return (
     <div className="group relative flex h-8 w-8 items-center justify-center">
       <div
-        className="h-4 w-4 rounded-full"
-        style={{
-          background: `conic-gradient(${ringColor} ${percent * 3.6}deg, ${trackColor} 0deg)`,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-        }}
+        className={cn('flex h-4 w-4 items-center justify-center rounded-full', warning ? 'text-red-500' : 'text-[#a5abb2]')}
         title={indicator.label}
       >
-        <div className="h-2 w-2 rounded-full bg-background" />
+        <div
+          className="flex h-3 w-3 items-center justify-center rounded-full"
+          style={{ background: `conic-gradient(currentColor ${percent * 3.6}deg, #edf0f2 0deg)` }}
+        >
+          <span className="h-2 w-2 rounded-full bg-background" />
+        </div>
       </div>
-      {/* hover tooltip:wework rounded-2xl 卡 */}
-      <div className="pointer-events-auto absolute bottom-[calc(100%+0.5rem)] left-1/2 z-30 hidden w-max -translate-x-1/2 rounded-2xl border border-border/70 bg-background px-4 py-3 text-center text-sm leading-5 text-foreground shadow-[0_14px_42px_rgba(15,23,42,0.16)] group-hover:block dark:shadow-[0_14px_42px_rgba(0,0,0,0.4)]">
-        <div className="font-medium">估算上下文</div>
-        <div className="mt-0.5 text-text-secondary">{indicator.label}</div>
+      {/* hover tooltip:wework rounded-2xl 卡,三行 font-light */}
+      <div className="pointer-events-auto absolute bottom-[calc(100%+0.75rem)] left-1/2 z-30 hidden w-max -translate-x-1/2 rounded-2xl border border-border/70 bg-background px-4 py-3 text-center text-sm leading-5 text-foreground shadow-[0_14px_42px_rgba(15,23,42,0.16)] group-hover:block dark:shadow-[0_14px_42px_rgba(0,0,0,0.4)]">
+        <div className="mb-1 whitespace-nowrap font-light text-text-secondary">估算上下文</div>
+        <div className="whitespace-nowrap font-light">{percent}% 已使用</div>
+        <div className="whitespace-nowrap font-light text-text-muted">
+          {indicator.usedTokens && indicator.contextWindowTokens
+            ? `${formatTokens(indicator.usedTokens)} / ${formatTokens(indicator.contextWindowTokens)}`
+            : indicator.label}
+        </div>
       </div>
     </div>
   );
 }
+
+function formatTokens(n: number): string {
+  if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1)}m`;
+  if (n >= 1000) return `${(n / 1000).toFixed(0)}k`;
+  return String(n);
+}
diff --git a/src/components/chat/MenuChip.tsx b/src/components/chat/MenuChip.tsx
index c165242..8380323 100644
--- a/src/components/chat/MenuChip.tsx
+++ b/src/components/chat/MenuChip.tsx
@@ -43,10 +43,10 @@ export function MenuChip({ label, options, value, onChange, title }: MenuChipPro
         type="button"
         onClick={() => setOpen((prev) => !prev)}
         title={title}
-        className="flex h-8 max-w-[12rem] items-center gap-1 rounded-full px-2 text-sm leading-[18px] text-text-secondary transition-colors hover:bg-muted"
+        className="flex h-8 max-w-[12rem] items-center gap-1 overflow-hidden rounded-full px-2 text-sm font-normal leading-[18px] text-text-primary hover:bg-muted"
       >
-        <span className="min-w-0 truncate">{label}</span>
-        <ChevronDown className={cn('h-3.5 w-3.5 flex-shrink-0 text-text-muted transition-transform', open && 'rotate-180')} />
+        <span className="min-w-0 flex-1 truncate text-center">{label}</span>
+        <ChevronDown className={cn('h-4 w-4 shrink-0 text-text-secondary transition-transform', open && 'rotate-180')} />
       </button>
       {open ? (
         <div className="absolute bottom-[calc(100%+0.5rem)] left-0 z-30 max-h-[min(50vh,20rem)] min-w-[10rem] max-w-[16rem] overflow-y-auto rounded-xl border border-border bg-popover p-1.5 text-sm shadow-[0_10px_28px_rgba(0,0,0,0.18)]">
diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index ebd79b6..1efa5e8 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -6,10 +6,11 @@
  * 核心是"活动行优先、详情按需",不占大块视觉,保留时间线交错节奏。
  */
 
-import { ChevronDown, LoaderCircle, Brain, Wrench } from 'lucide-react';
+import { ChevronDown, FileDiff, Globe2, LoaderCircle, Brain, Wrench } from 'lucide-react';
 import { useState, type ReactNode } from 'react';
 import { cn } from '@/lib/utils';
 import { MessageMarkdown } from '../MessageMarkdown';
+import { parseUnifiedDiff, summarizeDiffSection, isUnifiedDiff } from '../../utils/parse-unified-diff';
 import type { Message } from './types';
 import type { ProcessingBlock, ThinkingBlock, ToolBlock, TextBlock } from '../../core/run/blocks';
 
@@ -205,12 +206,120 @@ function ToolRow({
           </div>
         )}
         {args ? <PayloadBlock label="入参" value={args} tone="input" /> : null}
-        {output ? <PayloadBlock label="输出" value={output} tone={errored ? 'error' : 'output'} /> : null}
+        {output ? renderToolOutput(block.toolName, output, errored) : null}
       </div>
     </Collapsible>
   );
 }
 
+/** 按 tool name + output 内容识别渲染:diff→文件改动卡,web search→来源 chip,否则通用 PayloadBlock。 */
+function renderToolOutput(toolName: string, output: string, errored: boolean): ReactNode {
+  if (isUnifiedDiff(output)) {
+    return <FileChangesCard output={output} />;
+  }
+  const name = toolName.toLowerCase();
+  if (name.includes('web_search') || name.includes('search')) {
+    const sources = parseWebSearchSources(output);
+    if (sources.length > 0) return <WebSearchSourcesChip sources={sources} />;
+  }
+  return <PayloadBlock label="输出" value={output} tone={errored ? 'error' : 'output'} />;
+}
+
+/** 轻量文件改动卡:解析 unified diff 成文件行,显示路径 + +/− 统计(wework FileChangesCard 简化版)。 */
+function FileChangesCard({ output }: { output: string }) {
+  const sections = parseUnifiedDiff(output);
+  const [expanded, setExpanded] = useState(false);
+  const visible = expanded ? sections : sections.slice(0, 3);
+  return (
+    <div className="my-2 overflow-hidden rounded-xl border border-border bg-background">
+      <div className="flex items-center gap-1.5 border-b border-border px-3 py-2 text-xs font-medium text-text-secondary">
+        <FileDiff className="h-3.5 w-3.5 text-primary" />
+        <span>改动 {sections.length} 个文件</span>
+      </div>
+      <div className="flex flex-col">
+        {visible.map((section) => {
+          const { added, removed } = summarizeDiffSection(section);
+          return (
+            <div
+              key={section.path}
+              className="group/file-change-row flex min-w-0 items-center gap-2 px-3 py-2 text-sm transition-colors hover:bg-muted"
+            >
+              <span className="min-w-0 flex-1 truncate font-mono text-[13px] text-text-primary">{section.path}</span>
+              <span className="flex-shrink-0 text-[11px] font-mono">
+                <span className="text-emerald-600">+{added}</span>{' '}
+                <span className="text-rose-500">−{removed}</span>
+              </span>
+            </div>
+          );
+        })}
+      </div>
+      {sections.length > 3 ? (
+        <button
+          type="button"
+          onClick={() => setExpanded((prev) => !prev)}
+          className="flex w-full items-center justify-center gap-1 border-t border-border py-1.5 text-xs text-text-muted transition hover:bg-muted hover:text-text-primary"
+        >
+          {expanded ? '收起' : `展开剩余 ${sections.length - 3} 个文件`}
+        </button>
+      ) : null}
+    </div>
+  );
+}
+
+/** 尝试从 tool output 解析 web search 来源(JSON 含 url/title 数组,否则空)。 */
+function parseWebSearchSources(output: string): { url: string; title: string }[] {
+  try {
+    const parsed = JSON.parse(output);
+    const arr = Array.isArray(parsed) ? parsed : parsed?.results ?? parsed?.sources ?? [];
+    if (!Array.isArray(arr)) return [];
+    return arr
+      .map((item: unknown) => {
+        const obj = item as Record<string, unknown>;
+        const url = String(obj?.url ?? obj?.link ?? obj?.href ?? '');
+        const title = String(obj?.title ?? obj?.name ?? url);
+        return url ? { url, title } : null;
+      })
+      .filter((s): s is { url: string; title: string } => s !== null);
+  } catch {
+    return [];
+  }
+}
+
+/** 轻量搜索来源 chip:wework WebSearchSourcesChip 简化版,hover 弹来源列表。 */
+function WebSearchSourcesChip({ sources }: { sources: { url: string; title: string }[] }) {
+  return (
+    <div className="mt-2 flex min-w-0">
+      <span className="group/web-search-sources relative inline-flex min-w-0">
+        <button
+          type="button"
+          className="inline-flex h-7 min-w-0 items-center gap-1.5 rounded-md border border-border bg-surface px-2 text-xs text-text-secondary transition-colors hover:bg-muted hover:text-text-primary"
+        >
+          <Globe2 className="h-3.5 w-3.5 shrink-0" strokeWidth={1.7} />
+          <span>来源 · {sources.length}</span>
+        </button>
+        <span className="absolute bottom-full left-0 z-30 hidden max-w-[calc(100vw-3rem)] pb-1 group-hover/web-search-sources:block">
+          <span className="block w-[min(26rem,calc(100vw-3rem))] rounded-xl border border-border bg-popover p-2 text-left text-text-primary shadow-2xl">
+            <span className="flex min-w-0 flex-col gap-1">
+              {sources.map((source, index) => (
+                <a
+                  key={`${source.url}-${index}`}
+                  href={source.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="flex min-w-0 items-center gap-2 rounded-lg px-2 py-1.5 text-sm leading-5 text-text-secondary transition-colors hover:bg-muted hover:text-text-primary"
+                >
+                  <Globe2 className="h-3.5 w-3.5 shrink-0" strokeWidth={1.7} />
+                  <span className="min-w-0 flex-1 truncate">{source.title}</span>
+                </a>
+              ))}
+            </span>
+          </span>
+        </span>
+      </span>
+    </div>
+  );
+}
+
 function PayloadBlock({ label, tone, value }: { label: string; tone: 'input' | 'output' | 'error'; value: string }) {
   return (
     <div>
@@ -233,13 +342,12 @@ function PayloadBlock({ label, tone, value }: { label: string; tone: 'input' | '
 
 function TextRow({ block }: { block: TextBlock }) {
   if (!block.content) return null;
-  // 正文块用 whitespace-pre-line 保留所有 \n 换行 + 正常行距。
-  // 不走 MessageMarkdown:LLM 逐行输出(单 \n)经 markdown+remark-breaks 会被
-  // 压成一个 <p>+<br>,10 行挤成一坨、行距过紧。pre-line 直接按文本换行渲染。
-  // 简单 markdown(粗体) 如需保留,可后续加一个轻量 inline 解析;首期先保证换行正确。
+  // 正文块走 MessageMarkdown:流式时标题/列表/粗体/代码块即时渲染,
+  // 不再用 whitespace-pre-line 纯文本(那会导致 # 标题 原样显示成文本)。
+  // 单 \n 换行由 remark-breaks + p 块间距处理,不会挤一坨。
   return (
-    <div className="w-full whitespace-pre-line break-words py-0.5 text-[14px] leading-7 text-slate-700 dark:text-slate-200">
-      {block.content}
+    <div className="w-full break-words py-0.5 text-[15px] leading-6">
+      <MessageMarkdown content={block.content} />
     </div>
   );
 }
diff --git a/src/components/markdown/CodeBlock.tsx b/src/components/markdown/CodeBlock.tsx
index ee27d01..9d15fb2 100644
--- a/src/components/markdown/CodeBlock.tsx
+++ b/src/components/markdown/CodeBlock.tsx
@@ -1,7 +1,8 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
-import { Copy, Check, Eye, X } from 'lucide-react';
+import { Copy, Check, Eye, X, TextWrap } from 'lucide-react';
+import { cn } from '@/lib/utils';
 import { copyTextToClipboard } from '../../utils/clipboard.js';
 import { buildSandboxedHtml, useIframeMessageHandler } from '../../utils/sandbox.js';
 
@@ -11,10 +12,16 @@ interface CodeBlockProps {
 }
 
 const PREVIEWABLE_LANGS = new Set(['html', 'svg']);
+const WRAPPABLE_LANGS = new Set(['markdown', 'md']);
+// wrap 状态按内容 key 记忆(wework 做法),同一段代码切换会话也保留。
+const wrapStateByKey = new Map<string, boolean>();
+const wrapKey = (value: string) => `len:${value.length}|head:${value.slice(0, 64)}`;
 
 export const CodeBlock: React.FC<CodeBlockProps> = ({ language, value }) => {
   const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle');
   const [previewOpen, setPreviewOpen] = useState(false);
+  const key = wrapKey(value);
+  const [wrap, setWrap] = useState<boolean>(() => wrapStateByKey.get(key) ?? false);
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
 
   // Set up iframe message handler at top level (Rules of Hooks).
@@ -30,6 +37,15 @@ export const CodeBlock: React.FC<CodeBlockProps> = ({ language, value }) => {
     return () => window.clearTimeout(timer);
   }, [copyState]);
 
+  const canToggleWrap = WRAPPABLE_LANGS.has(language.toLowerCase());
+  const toggleWrap = () => {
+    setWrap((prev) => {
+      const next = !prev;
+      wrapStateByKey.set(key, next);
+      return next;
+    });
+  };
+
   const handleCopy = async () => {
     const ok = await copyTextToClipboard(value);
     setCopyState(ok ? 'copied' : 'failed');
@@ -44,6 +60,16 @@ export const CodeBlock: React.FC<CodeBlockProps> = ({ language, value }) => {
       <div className="flex items-center justify-between px-4 py-1.5 bg-[#2d2d2d] text-slate-300 text-xs font-mono">
         <span className="uppercase">{language || 'text'}</span>
         <div className="flex items-center gap-3">
+          {canToggleWrap && (
+            <button
+              type="button"
+              onClick={toggleWrap}
+              title={wrap ? '取消自动换行' : '自动换行'}
+              className={cn('flex items-center gap-1.5 transition-colors py-1', wrap ? 'text-primary' : 'hover:text-white')}
+            >
+              <TextWrap className="w-3.5 h-3.5" />
+            </button>
+          )}
           {isPreviewable && (
             <button
               type="button"
@@ -64,11 +90,11 @@ export const CodeBlock: React.FC<CodeBlockProps> = ({ language, value }) => {
           </button>
         </div>
       </div>
-      <div className="overflow-x-auto text-[13.5px]">
+      <div className={cn('text-[13.5px]', wrap ? 'whitespace-pre-wrap break-words' : 'overflow-x-auto')}>
         <SyntaxHighlighter
           language={language}
           style={vscDarkPlus}
-          customStyle={{ margin: 0, padding: '1rem', background: 'transparent' }}
+          customStyle={{ margin: 0, padding: '1rem', background: 'transparent', whiteSpace: wrap ? 'pre-wrap' : 'pre' }}
           PreTag="div"
         >
           {String(value).replace(/\n$/, '')}
diff --git a/src/core/run/blocks.ts b/src/core/run/blocks.ts
index 3d8c754..f8d3170 100644
--- a/src/core/run/blocks.ts
+++ b/src/core/run/blocks.ts
@@ -138,3 +138,38 @@ export function finalizeThinkingBlocks(blocks: ProcessingBlock[] | undefined): P
 export function getProcessingBlocks(blocks: ProcessingBlock[] | undefined): ProcessingBlock[] {
   return blocks ?? [];
 }
+
+/**
+ * 从历史消息字段(reasoning/tools/content)重建交错 blocks。
+ * 历史没有流式时间线,按约定顺序 [思考][工具...][正文] 重建,让刷新后
+ * 历史消息也走 ProcessingBlocksView,不回退到旧 reasoning+tools+content 散装渲染。
+ *
+ * 顺序原因:ksadk 流式时思考在工具前、正文在工具后(appendTextBlock 先关 thinking)。
+ * 历史还原无法还原多段思考被工具切断的真实交错,只能近似单段思考+工具+正文。
+ */
+export function buildBlocksFromHistory(input: {
+  reasoning?: string;
+  tools?: Record<string, { name: string; args?: string; output?: string; status?: string }>;
+  content?: string;
+}): ProcessingBlock[] {
+  const blocks: ProcessingBlock[] = [];
+  if (input.reasoning && input.reasoning.trim()) {
+    blocks.push({ id: nextId('thinking'), type: 'thinking', content: input.reasoning, status: 'done' });
+  }
+  if (input.tools) {
+    for (const tool of Object.values(input.tools)) {
+      blocks.push({
+        id: nextId('tool'),
+        type: 'tool',
+        toolName: tool.name,
+        args: tool.args ?? '',
+        output: tool.output,
+        status: (tool.status as ToolBlock['status']) ?? 'completed',
+      });
+    }
+  }
+  if (input.content && input.content.trim()) {
+    blocks.push({ id: nextId('text'), type: 'text', content: input.content, status: 'done' });
+  }
+  return blocks;
+}
diff --git a/src/utils/messages.js b/src/utils/messages.js
index 71ae815..2c11e0e 100644
--- a/src/utils/messages.js
+++ b/src/utils/messages.js
@@ -101,6 +101,11 @@ export function mapBackendMessage(msg) {
     tools,
     attachments,
   };
+  // 历史消息重建交错 blocks(思考→工具→正文),刷新后也走 ProcessingBlocksView,
+  // 不回退到旧 reasoning+tools+content 散装渲染。
+  if (role === 'model') {
+    result.blocks = buildBlocksFromHistory({ reasoning, tools, content: result.content });
+  }
   // 反馈控件需要 responseId/eventId/traceId/rootSpanId(后端从 event Metadata 投出)
   if (msg.MessageId) result.eventId = msg.MessageId;
   if (msg.ResponseId) result.responseId = msg.ResponseId;
@@ -135,3 +140,4 @@ export function mapBackendMessages(messages) {
   return messages.flatMap((message) => [mapBackendMessage(message), ...mapBackendActivities(message)]);
 }
 import { normalizeA2uiOperations } from '../core/run/a2ui.js';
+import { buildBlocksFromHistory } from '../core/run/blocks.js';
diff --git a/src/utils/parse-unified-diff.ts b/src/utils/parse-unified-diff.ts
new file mode 100644
index 0000000..4ff04c8
--- /dev/null
+++ b/src/utils/parse-unified-diff.ts
@@ -0,0 +1,56 @@
+export interface DiffFileSection {
+  oldPath?: string;
+  path: string;
+  lines: string[];
+}
+
+const DIFF_HEADER_PATTERN = /^diff --git "?a\/(.+?)"? "?b\/(.+?)"?$/;
+
+/** 解析 unified diff 字符串成文件分段(照抄 wework parseUnifiedDiff,纯函数)。 */
+export function parseUnifiedDiff(diff: string): DiffFileSection[] {
+  const sections: DiffFileSection[] = [];
+  const sectionsByPath = new Map<string, DiffFileSection>();
+  let current: DiffFileSection | null = null;
+
+  for (const line of diff.split('\n')) {
+    const match = line.match(DIFF_HEADER_PATTERN);
+    if (match) {
+      const path = match[2];
+      const existing = sectionsByPath.get(path);
+      if (existing) {
+        // Merge multiple diff blocks for the same file into a single section
+        // so the file shows up once with all of its hunks.
+        existing.lines.push(line);
+        current = existing;
+        continue;
+      }
+      current = {
+        oldPath: match[1],
+        path,
+        lines: [line],
+      };
+      sectionsByPath.set(path, current);
+      sections.push(current);
+      continue;
+    }
+    current?.lines.push(line);
+  }
+
+  return sections;
+}
+
+/** 统计一个文件分段的新增/删除行数(用于行尾 +N −M 标记)。 */
+export function summarizeDiffSection(section: DiffFileSection): { added: number; removed: number } {
+  let added = 0;
+  let removed = 0;
+  for (const line of section.lines) {
+    if (line.startsWith('+') && !line.startsWith('+++')) added += 1;
+    else if (line.startsWith('-') && !line.startsWith('---')) removed += 1;
+  }
+  return { added, removed };
+}
+
+/** 判断 tool output 是否是 unified diff(以 diff --git 开头)。 */
+export function isUnifiedDiff(text: string): boolean {
+  return /^diff --git /m.test(text);
+}

From 71cdc50a910ef1db39243947bcb6b27c14b98739 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 29 Jul 2026 01:44:33 +0800
Subject: [PATCH 09/61] feat(web): support runtime recovery and approvals

---
 e2e/reconnect.spec.mjs                        | 262 ++++++++++++++++++
 package.json                                  |   1 +
 playwright.reconnect.config.mjs               |  17 ++
 src/App.tsx                                   |   5 +
 src/__tests__/agui-transport.test.ts          |  15 +
 .../chat-message-list-contract.test.ts        |  12 +-
 src/__tests__/composer-contract.test.ts       |   2 +-
 src/__tests__/recovered-run.test.ts           |  31 +++
 src/__tests__/run-engine.test.ts              | 128 ++++++++-
 src/components/MessageMarkdown.tsx            |  12 +-
 src/components/chat/ChatComposer.tsx          |  10 +-
 src/components/chat/ChatMessageList.tsx       |  13 +-
 src/components/chat/ChatSidebar.tsx           |   8 +-
 src/components/chat/ConnectedComposer.tsx     |   7 +
 src/components/chat/PermissionMenu.tsx        | 134 +++++++++
 src/components/chat/ProcessingBlocksView.tsx  |  73 ++---
 src/components/chat/StatusBanner.tsx          |  38 ++-
 src/components/chat/types.ts                  |   1 +
 src/core/run/blocks.ts                        |  15 +-
 src/core/run/dispatcher.ts                    | 201 +++++++++++---
 src/core/run/engine.ts                        |  20 +-
 src/core/run/types.ts                         |   6 +-
 src/hooks/useFeedback.ts                      |  60 ++--
 src/hooks/useRunAgent.ts                      |  12 +-
 src/hooks/useSessionLifecycle.ts              | 216 +++++++++------
 src/stores/permission.ts                      |  39 +++
 src/stores/streaming.ts                       |   5 +-
 src/types/capabilities.ts                     |   7 +
 src/types/session-events.ts                   |  13 +-
 src/utils/align-table.ts                      |  36 +++
 src/utils/capabilities.js                     |  23 +-
 src/utils/markdown.js                         |  69 ++++-
 src/utils/messages.js                         |   1 +
 src/utils/recovered-run.ts                    |  60 ++++
 src/utils/run-state.js                        |  25 +-
 src/utils/session-events.js                   | 129 ++++++++-
 tests/run-state.test.mjs                      |  26 ++
 tests/session-events.test.mjs                 | 101 +++++++
 tests/sidebar-contract.test.mjs               |  22 +-
 tests/ui-utils.test.mjs                       |  17 ++
 40 files changed, 1634 insertions(+), 238 deletions(-)
 create mode 100644 e2e/reconnect.spec.mjs
 create mode 100644 playwright.reconnect.config.mjs
 create mode 100644 src/__tests__/recovered-run.test.ts
 create mode 100644 src/components/chat/PermissionMenu.tsx
 create mode 100644 src/stores/permission.ts
 create mode 100644 src/utils/align-table.ts
 create mode 100644 src/utils/recovered-run.ts

diff --git a/e2e/reconnect.spec.mjs b/e2e/reconnect.spec.mjs
new file mode 100644
index 0000000..a363118
--- /dev/null
+++ b/e2e/reconnect.spec.mjs
@@ -0,0 +1,262 @@
+import { expect, test } from '@playwright/test';
+
+const SESSION_ID = 'session-active';
+const OTHER_SESSION_ID = 'session-other';
+const INVOCATION_ID = 'invocation-active';
+const SKILL_TABLE_RESPONSE = [
+  '当前 Skill Space 下共有 **4 个技能**：',
+  '',
+  '| # | 技能名称 | 说明 | 版本 |',
+  '|---|---------|------|------|',
+  '| 1 | **ppt-translator** | 保留原始排版。 | v1 |',
+  '| 2 | **skill-creator** | 创建自定义技能。 | v1 |',
+].join('\n');
+
+function envelope(data) {
+  return { Code: 0, Message: 'Success', Data: data };
+}
+
+function bootstrap() {
+  return {
+    Agent: { AgentId: 'fixture-agent', Name: 'Reconnect Fixture', Framework: 'langgraph' },
+    ApiFormats: ['responses'],
+    Capabilities: {
+      HostedChat: {
+        Enabled: true,
+        ApiFormats: ['responses'],
+        PreferredTransport: 'responses',
+        Transports: [
+          {
+            Protocol: 'responses',
+            Runtime: 'ksadk',
+            Endpoint: '/v1/responses',
+            Version: 'v1',
+            Capabilities: { A2UI: false, Interrupt: true, Cancel: true },
+          },
+        ],
+      },
+      RunLifecycle: {
+        Enabled: true,
+        Resume: true,
+        Abort: true,
+        Checkpoints: false,
+        CheckpointResume: false,
+        CheckpointResumePreview: false,
+      },
+      Thinking: true,
+      StopRun: true,
+      ResumeRun: true,
+    },
+    Model: { id: 'fixture-model', display_name: 'Fixture Model' },
+  };
+}
+
+function runtimeEvent(eventType, payload, seqId) {
+  return {
+    EventId: `runtime-${seqId}`,
+    SessionId: SESSION_ID,
+    InvocationId: INVOCATION_ID,
+    EventType: eventType,
+    Content: { phase: eventType.includes('.delta') ? 'commentary' : null, payload },
+    SeqId: seqId,
+    Timestamp: Date.now(),
+    Metadata: { ksadk_runtime_event: true, schema_version: 1 },
+  };
+}
+
+function assistantSnapshot(text, seqId) {
+  return {
+    EventId: `snapshot-${seqId}`,
+    SessionId: SESSION_ID,
+    InvocationId: INVOCATION_ID,
+    EventType: 'assistant_stream_snapshot',
+    Content: { role: 'assistant', parts: [{ text }] },
+    SeqId: seqId,
+    Timestamp: Date.now(),
+    Metadata: { stream_snapshot: true, snapshot_index: seqId },
+  };
+}
+
+async function installReconnectFixture(page, options = {}) {
+  let releaseSubscription;
+  const subscriptionGate = options.holdSubscription
+    ? new Promise((resolve) => { releaseSubscription = resolve; })
+    : null;
+  const state = {
+    subscriptionRequests: [],
+    releaseSubscription: () => releaseSubscription?.(),
+  };
+  const updatedAt = new Date().toISOString();
+
+  await page.route('**/agentengine/api/v1/**', async (route) => {
+    const request = route.request();
+    const url = new URL(request.url());
+    const action = url.pathname.split('/').pop();
+
+    if (action === 'SubscribeRunEvents') {
+      state.subscriptionRequests.push(Object.fromEntries(url.searchParams.entries()));
+      if (subscriptionGate) await subscriptionGate;
+      const subscriptionEvents = options.subscriptionEvents ?? [
+        runtimeEvent('text.delta', { text: '这是一段已经恢复并继续增长的完整回复。' }, 3),
+        runtimeEvent('run.completed', { status: 'completed' }, 4),
+      ];
+      await route.fulfill({
+        status: 200,
+        contentType: 'text/event-stream',
+        body: subscriptionEvents
+          .map((event) => `event: conversation.event\ndata: ${JSON.stringify(event)}\n\n`)
+          .join(''),
+      });
+      return;
+    }
+
+    const body = request.method() === 'POST' ? request.postDataJSON() : {};
+    const payloadByAction = {
+      GetAgentUiBootstrap: bootstrap(),
+      ListSessions: {
+        Sessions: [
+          {
+            SessionId: SESSION_ID,
+            AgentId: 'fixture-agent',
+            Title: '正在生成的会话',
+            UpdatedAt: updatedAt,
+            ActiveRunStatus: '',
+            ActiveInvocationId: INVOCATION_ID,
+          },
+          {
+            SessionId: OTHER_SESSION_ID,
+            AgentId: 'fixture-agent',
+            Title: '另一个会话',
+            UpdatedAt: '2026-07-28T09:00:00Z',
+          },
+        ],
+        Total: 2,
+        Page: 1,
+        PageSize: 30,
+      },
+      ListAgentModels: { Models: [{ id: 'fixture-model', display_name: 'Fixture Model' }] },
+      GetResponseFeedback: null,
+    };
+    let payload = payloadByAction[action] ?? {};
+    if (action === 'GetSession') {
+      payload = {
+        Session: body.SessionId === SESSION_ID
+          ? {
+              SessionId: SESSION_ID,
+              AgentId: 'fixture-agent',
+              ActiveRunStatus: '',
+              ActiveInvocationId: INVOCATION_ID,
+              UpdatedAt: updatedAt,
+            }
+          : { SessionId: OTHER_SESSION_ID, AgentId: 'fixture-agent', ActiveRunStatus: 'completed' },
+      };
+    }
+    if (action === 'ListSessionMessages') {
+      payload = body.SessionId === SESSION_ID
+        ? {
+            Messages: [{
+              MessageId: 'partial-runtime-message',
+              Role: 'assistant',
+              Content: { text: options.initialAssistantText ?? '' },
+              SeqId: 1,
+              InvocationId: INVOCATION_ID,
+            }],
+            LatestSeqId: 1,
+            HasMore: false,
+            NextCursor: null,
+          }
+        : {
+            Messages: [{
+              MessageId: 'other-message',
+              Role: 'assistant',
+              Content: { text: '另一个会话的历史回复。' },
+              SeqId: 1,
+            }],
+            LatestSeqId: 1,
+            HasMore: false,
+            NextCursor: null,
+          };
+    }
+    await route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify(envelope(payload)),
+    });
+  });
+
+  return state;
+}
+
+test('continues a LangGraph RuntimeEvent run after reload', async ({ page }) => {
+  const fixture = await installReconnectFixture(page);
+
+  await page.goto('/');
+
+  await expect(page.getByText('这是一段已经恢复并继续增长的完整回复。')).toBeVisible();
+  await expect(page.getByText('连接断开或生成出错，请重试')).toHaveCount(0);
+  await expect.poll(() => fixture.subscriptionRequests.length).toBeGreaterThanOrEqual(1);
+  expect(fixture.subscriptionRequests[0]).toMatchObject({
+    SessionId: SESSION_ID,
+    InvocationId: INVOCATION_ID,
+    AfterSeqId: '1',
+  });
+
+  await page.reload();
+  await expect(page.getByText('这是一段已经恢复并继续增长的完整回复。')).toBeVisible();
+  await expect(page.getByText('连接断开或生成出错，请重试')).toHaveCount(0);
+  await expect.poll(() => fixture.subscriptionRequests.length).toBeGreaterThanOrEqual(2);
+
+  await page.getByText('另一个会话', { exact: true }).click();
+  await expect(page.getByText('另一个会话的历史回复。')).toBeVisible();
+  await page.getByText('正在生成的会话', { exact: true }).click();
+  await expect(page.getByText('这是一段已经恢复并继续增长的完整回复。')).toBeVisible();
+  await expect(page.getByText('连接断开或生成出错，请重试')).toHaveCount(0);
+  await expect.poll(() => fixture.subscriptionRequests.length).toBeGreaterThanOrEqual(3);
+});
+
+test('keeps the recovered assistant snapshot visible until the next snapshot arrives', async ({ page }) => {
+  const fixture = await installReconnectFixture(page, {
+    holdSubscription: true,
+    initialAssistantText: '第一段正在生成。',
+    subscriptionEvents: [
+      assistantSnapshot('第一段正在生成。第二段继续生成。', 4),
+      runtimeEvent('run.completed', { status: 'completed' }, 5),
+    ],
+  });
+
+  await page.goto('/');
+  await expect(page.getByText('第一段正在生成。', { exact: true })).toBeVisible();
+  await expect.poll(() => fixture.subscriptionRequests.length).toBe(1);
+  expect(fixture.subscriptionRequests[0]).toMatchObject({
+    SessionId: SESSION_ID,
+    InvocationId: INVOCATION_ID,
+    AfterSeqId: '1',
+  });
+
+  fixture.releaseSubscription();
+  await expect(page.getByText('第一段正在生成。第二段继续生成。', { exact: true })).toBeVisible();
+  await expect(page.getByText('连接断开或生成出错，请重试')).toHaveCount(0);
+});
+
+test('renders a recovered numbered skill table as GFM instead of raw pipe text', async ({ page }) => {
+  await installReconnectFixture(page);
+  await page.route('**/agentengine/api/v1/SubscribeRunEvents**', async (route) => {
+    await route.fulfill({
+      status: 200,
+      contentType: 'text/event-stream',
+      body: [
+        `event: conversation.event\ndata: ${JSON.stringify(runtimeEvent('text.delta', { text: SKILL_TABLE_RESPONSE }, 3))}\n\n`,
+        `event: conversation.event\ndata: ${JSON.stringify(runtimeEvent('run.completed', { status: 'completed' }, 4))}\n\n`,
+      ].join(''),
+    });
+  });
+
+  await page.goto('/');
+
+  await expect(page.getByRole('table')).toBeVisible();
+  await expect(page.getByRole('columnheader', { name: '#' })).toBeVisible();
+  await expect(page.getByRole('columnheader', { name: '技能名称' })).toBeVisible();
+  await expect(page.getByRole('cell', { name: 'ppt-translator' })).toBeVisible();
+  await expect(page.getByText('| # | 技能名称 | 说明 | 版本 |', { exact: true })).toHaveCount(0);
+  await expect(page.getByText('当前 Skill Space 下共有', { exact: false })).toHaveCSS('font-size', '14px');
+});
diff --git a/package.json b/package.json
index e4f4b3c..21b65ab 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "test": "vitest run src",
     "test:watch": "vitest src",
     "test:e2e:agui": "playwright test --config playwright.agui.config.mjs",
+    "test:e2e:reconnect": "playwright test --config playwright.reconnect.config.mjs",
     "build:ksadk": "VITE_BASE_PATH=./ vite build --outDir dist-ksadk"
   },
   "exports": {
diff --git a/playwright.reconnect.config.mjs b/playwright.reconnect.config.mjs
new file mode 100644
index 0000000..6c4a542
--- /dev/null
+++ b/playwright.reconnect.config.mjs
@@ -0,0 +1,17 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './e2e',
+  testMatch: 'reconnect.spec.mjs',
+  timeout: 30_000,
+  use: {
+    baseURL: 'http://127.0.0.1:4174',
+    viewport: { width: 1280, height: 900 },
+    screenshot: 'only-on-failure',
+  },
+  webServer: {
+    command: 'npm run dev -- --host 127.0.0.1 --port 4174 --strictPort',
+    url: 'http://127.0.0.1:4174',
+    reuseExistingServer: false,
+  },
+});
diff --git a/src/App.tsx b/src/App.tsx
index f5325f5..bd818fe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,6 +2,7 @@ import React, { Suspense, useCallback, useEffect, useRef, useState } from 'react
 import { useUIStore } from './stores/ui.js';
 import { useBootstrapStore } from './stores/bootstrap.js';
 import { useModelStore } from './stores/model.js';
+import { usePermissionStore } from './stores/permission.js';
 import { useStreamingStore } from './stores/streaming.js';
 import { useSessionStore } from './stores/session.js';
 import { useArtifactStore } from './stores/artifact.js';
@@ -80,6 +81,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
   const modelSource = useModelStore((s: ModelStore) => s.modelSource);
   const modelCatalogLoaded = useModelStore((s: ModelStore) => s.modelCatalogLoaded);
   const thinkingMode = useModelStore((s: ModelStore) => s.thinkingMode);
+  const permissionMode = usePermissionStore((s) => s.permissionMode);
   const agentFramework = useBootstrapStore((s: BootstrapStore) => s.agentFramework);
   const workspaceFiles = useBootstrapStore((s: BootstrapStore) => s.workspaceFiles) as BootstrapWorkspaceFiles | null;
   const accessMode = useBootstrapStore((s: BootstrapStore) => s.accessMode);
@@ -149,6 +151,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     selectedModel,
     selectedModelMetadata,
     thinkingMode,
+    permissionMode,
     uiCapabilities,
     isMobile,
     api,
@@ -383,6 +386,8 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
           stopGeneration={handleStopGeneration}
           cancelRemote={uiCapabilities.StopRun ? handleCancelRemote : undefined}
           isMobile={isMobile}
+          approvalEnabled={Boolean(uiCapabilities.Approval) && uiCapabilities.ApprovalPolicy?.RuntimeOverride !== false}
+          approvalPolicy={uiCapabilities.ApprovalPolicy}
         />
           </>
         )}
diff --git a/src/__tests__/agui-transport.test.ts b/src/__tests__/agui-transport.test.ts
index b63e606..5047b85 100644
--- a/src/__tests__/agui-transport.test.ts
+++ b/src/__tests__/agui-transport.test.ts
@@ -33,6 +33,21 @@ describe('HostedChat transport selection', () => {
     expect(resolveHostedChatTransport(capabilities)).toMatchObject(agui);
   });
 
+  it('prefers the detached Responses stream when the UI must recover an active run', () => {
+    const capabilities = normalizeCapabilities({
+      Data: {
+        HostedChat: { PreferredTransport: 'ag-ui', Transports: [agui, responses] },
+        Capabilities: {
+          HostedChat: { Enabled: true },
+          RunLifecycle: { Enabled: true, Resume: true },
+        },
+      },
+    });
+
+    expect(resolveHostedChatTransport(capabilities, { requireResumableRun: true }))
+      .toMatchObject(responses);
+  });
+
   it('falls back to Responses when AG-UI is absent or malformed', () => {
     const capabilities = normalizeCapabilities({
       Data: {
diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index 0b7a197..2015a22 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -160,9 +160,11 @@ describe('chat message list contracts', () => {
 
   it('updates checkpoint panel while subscribing to a background run', () => {
     const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
+    const dispatcherSource = readFileSync(resolve(repoRoot, 'src/core/run/dispatcher.ts'), 'utf8');
 
-    expect(lifecycleSource).toContain("event.EventType === 'run_checkpoint'");
-    expect(lifecycleSource).toContain('upsertSessionCheckpoint(options.sessionId, event)');
+    expect(lifecycleSource).toContain('dispatchRunEventToStores({');
+    expect(dispatcherSource).toContain("event.event.EventType === 'run_checkpoint'");
+    expect(dispatcherSource).toContain('upsertSessionCheckpoint(streamSessionId, event.event)');
     expect(lifecycleSource).toContain('setCurrentRunId(options.invocationId)');
     expect(lifecycleSource).toContain('后台长任务运行中');
   });
@@ -190,6 +192,7 @@ describe('chat message list contracts', () => {
   it('does not let stale session history overwrite the active transcript', () => {
     const appSource = readFileSync(resolve(repoRoot, 'src/App.tsx'), 'utf8');
     const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
+    const dispatcherSource = readFileSync(resolve(repoRoot, 'src/core/run/dispatcher.ts'), 'utf8');
 
     expect(appSource).not.toContain('void loadSession(sessionId);');
     expect(appSource).toContain('clearSessionMessageHistory(sessionId)');
@@ -197,9 +200,8 @@ describe('chat message list contracts', () => {
     expect(lifecycleSource).toContain('loadSessionGenerationRef.current === generation');
     expect(lifecycleSource).toContain('if (!isStillCurrentSession()) {');
     expect(lifecycleSource).toContain('currentSessionIdRef.current === options.sessionId');
-    // PR4:重连期间不覆盖消息列表(保持 loadSession 的 ListSessionMessages 结果),
-    // run 结束后 shouldReloadSession 重新 loadSession 拿最终消息。
-    expect(lifecycleSource).toContain('重连期间不覆盖消息列表');
+    expect(lifecycleSource).toContain('dispatchRunEventToStores({');
+    expect(dispatcherSource).toContain('mergeRecoveredRunMessages');
   });
 
   it('keeps an initial transcript load distinct from an actually empty session', () => {
diff --git a/src/__tests__/composer-contract.test.ts b/src/__tests__/composer-contract.test.ts
index 86486f8..933e124 100644
--- a/src/__tests__/composer-contract.test.ts
+++ b/src/__tests__/composer-contract.test.ts
@@ -18,7 +18,7 @@ describe('ChatComposer interaction contract', () => {
     expect(source).not.toContain('终止后台');
     expect(source).toContain("const activeStopTitle = onCancelRemote ? '保留恢复点并结束本次执行' : '停止生成'");
     expect(source).toContain("title={isStreaming ? activeStopTitle : '发送消息'}");
-    expect(source).toContain('isStreaming ? <StopCircle');
+    expect(source).toContain('isStreaming ? <Square');
   });
 
   it('does not block image sends based on stale model capability metadata', () => {
diff --git a/src/__tests__/recovered-run.test.ts b/src/__tests__/recovered-run.test.ts
new file mode 100644
index 0000000..e07dddf
--- /dev/null
+++ b/src/__tests__/recovered-run.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, it } from 'vitest';
+import type { Message } from '../components/chat/types.js';
+import { mergeRecoveredRunMessages } from '../utils/recovered-run.js';
+
+describe('mergeRecoveredRunMessages', () => {
+  it('replaces a partial history row using the stable invocation id', () => {
+    const history: Message[] = [{
+      id: 'snapshot-1',
+      role: 'model',
+      content: '这是一段已经',
+      timestamp: 1,
+      invocationId: 'inv-1',
+    }];
+
+    const merged = mergeRecoveredRunMessages(history, [{
+      EventId: 'snapshot-2',
+      EventType: 'assistant_stream_snapshot',
+      InvocationId: 'inv-1',
+      SeqId: 2,
+      Content: { role: 'assistant', parts: [{ text: '这是一段已经恢复的完整回复。' }] },
+      Timestamp: 2,
+    }], 'inv-1');
+
+    expect(merged).toHaveLength(1);
+    expect(merged[0]).toMatchObject({
+      id: 'snapshot-1',
+      invocationId: 'inv-1',
+      content: '这是一段已经恢复的完整回复。',
+    });
+  });
+});
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 7a530d8..f7e5aae 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -134,7 +134,90 @@ describe('RunEngineImpl', () => {
       approvalRequestId: 'approval-1',
       approvalProtocol: 'ag-ui',
       approvalStatus: 'approved',
-      status: 'completed',
+      status: 'running',
+    });
+  });
+
+  it('keeps an approval audit after the approved tool later reports an execution failure', () => {
+    useSessionStore.getState().setCurrentSessionId('session-approval-error');
+
+    dispatchRunEventToStores({
+      type: 'tool_upsert',
+      sessionId: 'session-approval-error',
+      messageId: 'message-approval-error',
+      name: 'web_search',
+      args: '{"query":"latest AI news"}',
+      status: 'paused',
+      extra: {
+        approvalRequestId: 'approval-web-search',
+        approvalProtocol: 'responses',
+      },
+    });
+    dispatchRunEventToStores({
+      type: 'tool_result',
+      sessionId: 'session-approval-error',
+      messageId: 'message-approval-error',
+      name: 'web_search',
+      output: '{"ok":false,"error":"request rejected"}',
+    });
+    // AG-UI sends this audit event after its resumed turn has already emitted
+    // tool output. The acknowledgement must not erase that real outcome.
+    dispatchRunEventToStores({
+      type: 'approval_resolved',
+      sessionId: 'session-approval-error',
+      approvalRequestId: 'approval-web-search',
+      decision: 'approved',
+    });
+
+    const message = useMessageStore.getState().messages[0];
+    expect(message.tools?.web_search).toMatchObject({
+      approvalStatus: 'approved',
+      status: 'error',
+    });
+    expect(message.blocks?.find((block) => block.type === 'tool')).toMatchObject({
+      toolName: 'web_search',
+      status: 'error',
+      extra: expect.objectContaining({ approvalStatus: 'approved' }),
+    });
+  });
+
+  it('keeps a Responses approval inside its tool row instead of appending an interruption notice', async () => {
+    const calls: Record<string, unknown>[] = [];
+    const engine = createRunEngine({
+      ...createApiFacade(calls),
+      async runAgent() {
+        calls.push({ stream: 'approval' });
+        return new ReadableStream<Uint8Array>({
+          start(controller) {
+            controller.enqueue(new TextEncoder().encode(
+              'event: response.output_item.done\n'
+              + 'data: {"item":{"id":"approval-1","type":"mcp_approval_request","name":"web_search","arguments":"{\\"query\\":\\"AI news\\"}"}}\n\n'
+              + 'event: response.incomplete\n'
+              + 'data: {}\n\n',
+            ));
+            controller.close();
+          },
+        });
+      },
+    });
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: '',
+      selectedModel: '',
+      thinkingMode: 'auto',
+    });
+    engine.subscribe(dispatchRunEventToStores);
+    useSessionStore.getState().setCurrentSessionId('session-inline-approval');
+
+    expect(engine.start({ text: 'search the web', attachments: [], sessionId: 'session-inline-approval' })).toBe(true);
+    await waitForCalls(calls);
+    await waitForEngineIdle(engine);
+
+    expect(useMessageStore.getState().messages.some((message) => message.role === 'system')).toBe(false);
+    expect(useMessageStore.getState().messages.at(-1)?.tools?.web_search).toMatchObject({
+      approvalStatus: 'pending',
+      status: 'paused',
     });
   });
 
@@ -374,6 +457,27 @@ describe('RunEngineImpl', () => {
     });
   });
 
+  it('sends the selected conversation permission mode as runtime metadata', async () => {
+    const calls: Record<string, unknown>[] = [];
+    const engine = createRunEngine(createApiFacade(calls));
+
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: 'langgraph',
+      selectedModel: '',
+      thinkingMode: 'auto',
+      permissionMode: 'full',
+    });
+
+    engine.start({ text: 'continue without default confirmations', attachments: [], sessionId: 'session-live' });
+    await waitForCalls(calls);
+
+    expect(calls[0]).toMatchObject({
+      Metadata: { agentengine: { tool_approval_mode: 'full' } },
+    });
+  });
+
   it('sends uploaded attachments as Responses input_file references', async () => {
     const calls: Record<string, unknown>[] = [];
     const uploadCalls: FormData[] = [];
@@ -620,6 +724,28 @@ describe('RunEngineImpl', () => {
     });
   });
 
+  it('settles an offscreen session when its Responses stream ends after a session switch', () => {
+    useSessionStore.getState().setCurrentSessionId('session-visible');
+    useStreamingStore.getState().setSessionStreaming('session-background', true);
+    useStreamingStore.getState().updateActivity({
+      sessionId: 'session-background',
+      status: 'completed',
+      phase: '运行完成',
+      countEvent: false,
+    });
+
+    dispatchRunEventToStores({
+      type: 'stream_ended',
+      sessionId: 'session-background',
+    });
+
+    expect(useStreamingStore.getState().isSessionStreaming('session-background')).toBe(false);
+    expect(useStreamingStore.getState().getSessionActivity('session-background')).toMatchObject({
+      status: 'completed',
+      phase: '运行完成',
+    });
+  });
+
   it('settles running tools when a run reaches a terminal status', () => {
     useSessionStore.getState().setCurrentSessionId('session-live');
     dispatchRunEventToStores({
diff --git a/src/components/MessageMarkdown.tsx b/src/components/MessageMarkdown.tsx
index 99c8e83..f1a89ea 100644
--- a/src/components/MessageMarkdown.tsx
+++ b/src/components/MessageMarkdown.tsx
@@ -34,16 +34,16 @@ type MarkdownLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement>;
 
 const markdownComponents = {
   h1({ children }: { children?: React.ReactNode }) {
-    return <h1 className="mb-4 mt-6 text-lg font-semibold text-foreground">{children}</h1>;
+    return <h1 className="mb-3.5 mt-5 text-[17px] font-semibold text-foreground">{children}</h1>;
   },
   h2({ children }: { children?: React.ReactNode }) {
-    return <h2 className="mb-3 mt-5 text-base font-semibold text-foreground">{children}</h2>;
+    return <h2 className="mb-2.5 mt-4.5 text-[15px] font-semibold text-foreground">{children}</h2>;
   },
   h3({ children }: { children?: React.ReactNode }) {
-    return <h3 className="mb-2 mt-4 text-sm font-semibold text-foreground">{children}</h3>;
+    return <h3 className="mb-2 mt-3.5 text-[14px] font-semibold text-foreground">{children}</h3>;
   },
   p({ children }: { children?: React.ReactNode }) {
-    return <p className="mb-3 min-w-0 break-words leading-6 text-foreground">{children}</p>;
+    return <p className="mb-2.5 min-w-0 break-words leading-[1.65] text-foreground">{children}</p>;
   },
   ul({ children }: { children?: React.ReactNode }) {
     return <ul className="mb-3 list-disc space-y-1.5 pl-5 text-foreground">{children}</ul>;
@@ -113,7 +113,7 @@ const PlainMarkdown: React.FC<{ content: string }> = React.memo(({ content }) =>
   const processedContent = preprocessMarkdown(content);
 
   return (
-    <div className="max-w-none break-words text-[15px] leading-6 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
+    <div className="max-w-none break-words text-[14px] leading-[1.65] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0">
       <ReactMarkdown
         remarkPlugins={[remarkGfm, remarkBreaks]}
         components={markdownComponents}
@@ -134,4 +134,4 @@ export const MessageMarkdown: React.FC<{ content: string }> = React.memo(({ cont
   }
 
   return <PlainMarkdown content={content} />;
-});
\ No newline at end of file
+});
diff --git a/src/components/chat/ChatComposer.tsx b/src/components/chat/ChatComposer.tsx
index f7bfc0e..09e812f 100644
--- a/src/components/chat/ChatComposer.tsx
+++ b/src/components/chat/ChatComposer.tsx
@@ -12,10 +12,12 @@ import { ArrowUp, Paperclip, Square } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { useModelStore } from '@/stores/model.js';
 import type { ModelStore } from '@/stores/model.js';
+import type { ApprovalPolicyCapability } from '@/types/capabilities.js';
 import { normalizeThinkingMode } from '@/utils/model-options.js';
 
 import { ContextUsageIndicator } from './ContextUsageIndicator';
 import { MenuChip } from './MenuChip';
+import { PermissionMenu } from './PermissionMenu';
 import type { ComposerContextIndicator } from './types';
 
 type ChatComposerProps = {
@@ -26,6 +28,8 @@ type ChatComposerProps = {
   input: string;
   isMobile: boolean;
   isStreaming: boolean;
+  approvalEnabled?: boolean;
+  approvalPolicy?: ApprovalPolicyCapability;
   queuedDrafts: Array<{ text: string; attachments: File[] }>;
   onAppendAttachments: (files: File[]) => void;
   onInputChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
@@ -45,6 +49,8 @@ export function ChatComposer({
   input,
   isMobile,
   isStreaming,
+  approvalEnabled = false,
+  approvalPolicy,
   queuedDrafts,
   onAppendAttachments,
   onInputChange,
@@ -202,7 +208,7 @@ export function ChatComposer({
                 style={{ maxHeight: `${composerMaxHeight}px`, overflowY: 'auto' }}
               />
 
-              {/* wework 风格工具栏:左组(附件+model+思考) | 右组(上下文环+发送) */}
+              {/* wework 风格工具栏:左组(附件+权限+model+思考) | 右组(上下文环+发送) */}
               <div className="mt-auto flex min-h-8 items-center justify-between gap-2 pt-1">
                 <div className="flex items-center gap-2">
                   <label
@@ -224,6 +230,8 @@ export function ChatComposer({
                     <Paperclip className="h-[18px] w-[18px]" />
                   </label>
 
+                  {approvalEnabled ? <PermissionMenu approvalPolicy={approvalPolicy} /> : null}
+
                   {availableModels.length > 0 ? (
                     <MenuChip
                       label={selectedModelLabel || selectedModel}
diff --git a/src/components/chat/ChatMessageList.tsx b/src/components/chat/ChatMessageList.tsx
index dc7cfc6..70a4c43 100644
--- a/src/components/chat/ChatMessageList.tsx
+++ b/src/components/chat/ChatMessageList.tsx
@@ -648,7 +648,7 @@ function FeedbackControls({
   };
 
   return (
-    <div className="mt-2 flex flex-col gap-2 opacity-0 transition-opacity duration-150 group-hover/message:opacity-100 focus-within/message:opacity-100">
+    <div className="mt-2 flex flex-col gap-2 opacity-0 transition-opacity duration-150 group-hover:opacity-100 focus-within:opacity-100">
       <div className="flex flex-wrap items-center gap-1.5 text-xs text-text-muted">
         <button
           type="button"
@@ -795,7 +795,7 @@ function ChatMessage({
   }
 
   return (
-    <div className="group/message mx-auto mb-3 w-full max-w-3xl px-6">
+    <div className="group mx-auto mb-3 w-full max-w-3xl px-6">
       <div className="mb-1.5 flex items-center gap-2 text-xs text-text-muted">
         <Bot className="w-3.5 h-3.5" />
         <span>{agentName}</span>
@@ -1036,6 +1036,10 @@ export function ChatMessageList({
   onResumeCheckpoint,
   scrollRef,
 }: ChatMessageListProps) {
+  // CheckpointPanel(会话恢复区)已下线,保留 props 不破坏接口,显式 void 消除未用告警。
+  void checkpoints;
+  void onResumeCheckpoint;
+  void CheckpointPanel;
   const [scrollTop, setScrollTop] = useState(0);
   const [viewportHeight, setViewportHeight] = useState(0);
   const [measuredHeights, setMeasuredHeights] = useState<Map<string, number>>(new Map());
@@ -1106,11 +1110,6 @@ export function ChatMessageList({
       )}
     >
       <div className={cn('mx-auto flex w-full max-w-[64rem] flex-col', activity ? 'pb-10 sm:pb-10' : 'pb-6 sm:pb-8')}>
-        <CheckpointPanel
-          checkpoints={checkpoints}
-          isStreaming={isStreaming}
-          onResumeCheckpoint={onResumeCheckpoint}
-        />
         {messages.length === 0 && isLoadingInitialHistory ? (
         <InitialHistorySkeleton />
         ) : messages.length === 0 ? (
diff --git a/src/components/chat/ChatSidebar.tsx b/src/components/chat/ChatSidebar.tsx
index 89c2b9c..a226a52 100644
--- a/src/components/chat/ChatSidebar.tsx
+++ b/src/components/chat/ChatSidebar.tsx
@@ -96,11 +96,13 @@ export function ChatSidebar({
             visibleSessions.map((session) => {
               const meta = resolveCompactSessionMeta(session);
               const pinned = pinnedSet.has(session.SessionId);
+              const selected = currentSessionId === session.SessionId;
               return (
                 <div
                   key={session.SessionId}
                   role="button"
                   tabIndex={0}
+                  aria-current={selected ? 'page' : undefined}
                   onClick={() => onSelectSession(session.SessionId)}
                   onKeyDown={(event) => {
                     if (event.key === 'Enter' || event.key === ' ') {
@@ -109,9 +111,9 @@ export function ChatSidebar({
                     }
                   }}
                   className={cn(
-                    'group relative flex h-[30px] items-center gap-1 rounded-[10px] px-2.5 text-sm leading-5 transition-colors',
-                    currentSessionId === session.SessionId
-                      ? 'bg-sidebar-active text-sidebar-text'
+                    'group relative flex h-[30px] items-center gap-1 rounded-[10px] border-l-2 border-transparent px-2 text-sm leading-5 transition-colors',
+                    selected
+                      ? 'border-l-2 border-primary bg-primary/10 font-medium text-sidebar-text'
                       : meta.running
                         ? 'cursor-pointer bg-primary/8 text-sidebar-text'
                         : 'cursor-pointer text-sidebar-text-secondary hover:bg-sidebar-hover hover:text-sidebar-text',
diff --git a/src/components/chat/ConnectedComposer.tsx b/src/components/chat/ConnectedComposer.tsx
index 7f7adbc..00de3bd 100644
--- a/src/components/chat/ConnectedComposer.tsx
+++ b/src/components/chat/ConnectedComposer.tsx
@@ -12,6 +12,7 @@ import type { SessionStore } from '../../stores/session.js';
 import type { StreamingStore } from '../../stores/streaming.js';
 import type { UIStore } from '../../stores/ui.js';
 import type { ComposerContextIndicator } from './types';
+import type { ApprovalPolicyCapability } from '../../types/capabilities.js';
 
 type ConnectedComposerProps = {
   composerMaxHeight: number;
@@ -19,6 +20,8 @@ type ConnectedComposerProps = {
   stopGeneration: () => void;
   cancelRemote?: () => void;
   isMobile: boolean;
+  approvalEnabled?: boolean;
+  approvalPolicy?: ApprovalPolicyCapability;
 };
 
 export function ConnectedComposer({
@@ -27,6 +30,8 @@ export function ConnectedComposer({
   stopGeneration,
   cancelRemote,
   isMobile,
+  approvalEnabled = false,
+  approvalPolicy,
 }: ConnectedComposerProps) {
   const input = useUIStore((s: UIStore) => s.input);
   const attachments = useUIStore((s: UIStore) => s.attachments);
@@ -93,6 +98,8 @@ export function ConnectedComposer({
       input={input}
       isMobile={isMobile}
       isStreaming={isStreaming}
+      approvalEnabled={approvalEnabled}
+      approvalPolicy={approvalPolicy}
       queuedDrafts={queuedDrafts}
       onAppendAttachments={appendAttachments}
       onInputChange={handleInputChange}
diff --git a/src/components/chat/PermissionMenu.tsx b/src/components/chat/PermissionMenu.tsx
new file mode 100644
index 0000000..2e80d9d
--- /dev/null
+++ b/src/components/chat/PermissionMenu.tsx
@@ -0,0 +1,134 @@
+import { useEffect, useRef, useState } from 'react';
+import { Check, ChevronDown, Hand, ShieldAlert, ShieldCheck } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+import { usePermissionStore } from '@/stores/permission.js';
+import type { PermissionMode } from '@/core/run/types.js';
+import type { ApprovalPolicyCapability } from '@/types/capabilities.js';
+
+type PermissionOption = {
+  value: PermissionMode;
+  label: string;
+  description: string;
+  icon: typeof Hand;
+};
+
+const options: PermissionOption[] = [
+  {
+    value: 'ask',
+    label: '请求批准',
+    description: '有副作用的操作执行前先确认',
+    icon: Hand,
+  },
+  {
+    value: 'risk',
+    label: '风险操作需确认',
+    description: '只对命令、写入和外部副作用确认',
+    icon: ShieldCheck,
+  },
+  {
+    value: 'full',
+    label: '完全访问',
+    description: '本次会话不再为默认规则弹出确认',
+    icon: ShieldAlert,
+  },
+];
+
+const triggerLabels: Record<PermissionMode, string> = {
+  ask: '请求批准',
+  risk: '风险确认',
+  full: '完全访问',
+};
+
+type PermissionMenuProps = {
+  approvalPolicy?: ApprovalPolicyCapability;
+};
+
+export function PermissionMenu({ approvalPolicy }: PermissionMenuProps) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+  const permissionMode = usePermissionStore((state) => state.permissionMode);
+  const setPermissionMode = usePermissionStore((state) => state.setPermissionMode);
+  const visibleOptions = options.filter(
+    (option) => !approvalPolicy || approvalPolicy.Modes.includes(option.value),
+  );
+
+  useEffect(() => {
+    if (visibleOptions.some((option) => option.value === permissionMode)) return;
+    setPermissionMode(approvalPolicy?.DefaultMode || visibleOptions[0]?.value || 'risk');
+  }, [approvalPolicy?.DefaultMode, permissionMode, setPermissionMode, visibleOptions]);
+
+  useEffect(() => {
+    if (!open) return;
+    const closeOnOutsidePress = (event: MouseEvent) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) {
+        setOpen(false);
+      }
+    };
+    const closeOnEscape = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', closeOnOutsidePress);
+    document.addEventListener('keydown', closeOnEscape);
+    return () => {
+      document.removeEventListener('mousedown', closeOnOutsidePress);
+      document.removeEventListener('keydown', closeOnEscape);
+    };
+  }, [open]);
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        type="button"
+        onClick={() => setOpen((current) => !current)}
+        className="flex h-8 items-center gap-1 rounded-full px-2 text-[13px] text-text-secondary transition hover:bg-muted hover:text-text-primary"
+        aria-expanded={open}
+        aria-haspopup="menu"
+        title="设置本次会话的工具审批规则"
+      >
+        <ShieldCheck className="h-3.5 w-3.5" />
+        <span>{triggerLabels[permissionMode]}</span>
+        <ChevronDown className={cn('h-3.5 w-3.5 transition-transform', open && 'rotate-180')} />
+      </button>
+
+      {open ? (
+        <div
+          role="menu"
+          aria-label="工具权限"
+          className="absolute bottom-[calc(100%+0.6rem)] left-0 z-30 w-[19rem] rounded-2xl border border-border/80 bg-popover p-1.5 shadow-[0_12px_30px_rgba(15,23,42,0.14)]"
+        >
+          <div className="px-2.5 pb-1.5 pt-1 text-[11px] text-text-muted">本次会话的默认审批规则</div>
+          {visibleOptions.map((option) => {
+            const Icon = option.icon;
+            const selected = option.value === permissionMode;
+            return (
+              <button
+                key={option.value}
+                type="button"
+                role="menuitemradio"
+                aria-checked={selected}
+                onClick={() => {
+                  setPermissionMode(option.value);
+                  setOpen(false);
+                }}
+                className={cn(
+                  'flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2 text-left transition-colors',
+                  selected ? 'bg-primary/[0.08]' : 'hover:bg-muted/75',
+                )}
+              >
+                <Icon className={cn('h-[17px] w-[17px] shrink-0', selected ? 'text-primary' : 'text-text-muted')} />
+                <span className="min-w-0 flex-1">
+                  <span className={cn('block text-[13px] font-medium leading-5', selected ? 'text-text-primary' : 'text-text-secondary')}>
+                    {option.label}
+                  </span>
+                  <span className="block text-[11px] leading-4 text-text-muted">{option.description}</span>
+                </span>
+                {selected ? <Check className="h-4 w-4 shrink-0 text-primary" aria-hidden="true" /> : null}
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index 1efa5e8..12418ff 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -61,7 +61,7 @@ function Collapsible({
 
 /** 去 markdown 标记取末句预览(粗略:取最后一段非空文本)。 */
 function plainPreview(text: string, max = 96): string {
-  const stripped = text.replace(/[#*`>\-]/g, '').replace(/\s+/g, ' ').trim();
+  const stripped = text.replace(/[#*`>-]/g, '').replace(/\s+/g, ' ').trim();
   if (stripped.length <= max) return stripped;
   return stripped.slice(-max);
 }
@@ -120,29 +120,33 @@ function ToolRow({
   const status = tool?.status ?? block.status;
   const args = tool?.args ?? block.args;
   const output = tool?.output ?? block.output;
-  const approvalStatus = tool?.approvalStatus;
-  const approvalRequestId = tool?.approvalRequestId;
-  const approvalMessage = tool?.approvalMessage;
-  const approvalProtocol = tool?.approvalProtocol;
-  const previousResponseId = tool?.previousResponseId;
+  // 审批字段优先从 block.extra 读(approval_requested 同步写进 blocks,key=toolName 一致);
+  // fallback 从 tool 读(旧路径,msg.tools 用 approvalRequestId 做 key 可能和 toolName 不一致。
+  const extra = (block.extra || {}) as Record<string, unknown>;
+  const approvalStatus = (extra.approvalStatus as string) || tool?.approvalStatus;
+  const approvalRequestId = (extra.approvalRequestId as string) || tool?.approvalRequestId;
+  const approvalMessage = (extra.approvalMessage as string) || tool?.approvalMessage;
+  const approvalProtocol = (extra.approvalProtocol as string) || tool?.approvalProtocol;
+  const previousResponseId = (extra.previousResponseId as string) || tool?.previousResponseId;
   const running = status === 'running';
   const errored = status === 'error';
   const paused = status === 'paused';
 
-  // 状态文案前缀(wework 风格:文案承载状态,不用胶囊)
-  const prefix = approvalStatus === 'pending'
-    ? '等待审批'
-    : approvalStatus === 'approved'
-      ? '已批准'
+  // Approval is an audit trail. The execution result is the primary state,
+  // otherwise an earlier “approved” label can hide a later tool failure.
+  const prefix = errored
+    ? '执行失败'
+    : approvalStatus === 'pending'
+      ? '等待确认'
       : approvalStatus === 'rejected'
         ? '已拒绝'
         : running
-          ? '正在运行'
-          : errored
-            ? '运行失败'
+          ? approvalStatus === 'approved' ? '已授权 · 执行中' : '正在运行'
+          : approvalStatus === 'approved'
+            ? '已授权'
             : paused
               ? '已暂停'
-              : '已运行';
+              : '已完成';
 
   const tone = errored
     ? 'text-rose-500 dark:text-rose-400'
@@ -166,17 +170,14 @@ function ToolRow({
       }
     >
       <div className="flex flex-col gap-2.5 py-1 text-[13px]">
-        {approvalRequestId && (
-          <div className="font-sans text-[13px] text-slate-700 dark:text-slate-200">
-            <div className="font-medium">
-              {approvalStatus === 'approved'
-                ? '已批准该工具调用。'
-                : approvalStatus === 'rejected'
-                  ? '已拒绝该工具调用。'
-                  : approvalMessage || '该工具调用需要人工确认后继续。'}
+        {approvalRequestId && approvalStatus === 'pending' && (
+          <section className="flex flex-wrap items-center gap-x-3 gap-y-2 rounded-lg border border-slate-200/90 bg-white/70 px-2.5 py-2 font-sans text-[12px] text-slate-600 shadow-[0_1px_2px_rgba(15,23,42,0.03)] dark:border-slate-700/80 dark:bg-slate-900/30 dark:text-slate-300">
+            <div className="flex min-w-0 flex-1 items-center gap-2">
+              <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-amber-400" aria-hidden="true" />
+              <span className="shrink-0 font-medium text-slate-700 dark:text-slate-200">需要确认</span>
+              <span className="min-w-0 truncate text-slate-500 dark:text-slate-400">{approvalMessage || '允许后将执行此工具调用。'}</span>
             </div>
-            {approvalStatus === 'pending' && (
-              <div className="mt-2 flex flex-wrap gap-2">
+            <div className="flex shrink-0 items-center gap-1.5">
                 <button
                   type="button"
                   disabled={isStreaming}
@@ -185,9 +186,9 @@ function ToolRow({
                       ? onRespondToAguiApproval?.({ interruptId: approvalRequestId || '', approve: true })
                       : onRespondToApproval?.({ approvalRequestId: approvalRequestId || '', approve: true, previousResponseId })
                   }
-                  className="inline-flex h-8 items-center gap-1.5 rounded-full bg-foreground px-4 text-xs font-semibold text-background transition hover:opacity-80 disabled:opacity-55"
+                  className="inline-flex h-7 items-center rounded-md bg-primary px-2.5 text-[12px] font-medium text-primary-foreground transition hover:bg-primary/90 disabled:opacity-55"
                 >
-                  批准并继续
+                  允许执行
                 </button>
                 <button
                   type="button"
@@ -197,12 +198,18 @@ function ToolRow({
                       ? onRespondToAguiApproval?.({ interruptId: approvalRequestId || '', approve: false })
                       : onRespondToApproval?.({ approvalRequestId: approvalRequestId || '', approve: false, previousResponseId })
                   }
-                  className="inline-flex h-8 items-center gap-1.5 rounded-full border border-border px-4 text-xs font-semibold text-text-secondary transition hover:border-rose-300 hover:text-rose-600 disabled:opacity-55"
+                  className="inline-flex h-7 items-center rounded-md px-2 text-[12px] font-medium text-slate-500 transition hover:bg-slate-100 hover:text-rose-600 disabled:opacity-55 dark:text-slate-400 dark:hover:bg-slate-800"
                 >
                   拒绝
                 </button>
-              </div>
-            )}
+            </div>
+          </section>
+        )}
+        {approvalRequestId && approvalStatus && approvalStatus !== 'pending' && (
+          <div className="flex items-center gap-1.5 font-sans text-xs text-slate-500 dark:text-slate-400">
+            <span>{approvalStatus === 'approved' ? '已授权' : '已拒绝'}</span>
+            {approvalStatus === 'approved' && running ? <span>· 工具执行中</span> : null}
+            {approvalStatus === 'approved' && errored ? <span>· 工具执行失败</span> : null}
           </div>
         )}
         {args ? <PayloadBlock label="入参" value={args} tone="input" /> : null}
@@ -342,11 +349,9 @@ function PayloadBlock({ label, tone, value }: { label: string; tone: 'input' | '
 
 function TextRow({ block }: { block: TextBlock }) {
   if (!block.content) return null;
-  // 正文块走 MessageMarkdown:流式时标题/列表/粗体/代码块即时渲染,
-  // 不再用 whitespace-pre-line 纯文本(那会导致 # 标题 原样显示成文本)。
-  // 单 \n 换行由 remark-breaks + p 块间距处理,不会挤一坨。
+  // 正文块走 MessageMarkdown:流式时标题/列表/粗体/代码块即时渲染。
   return (
-    <div className="w-full break-words py-0.5 text-[15px] leading-6">
+    <div className="w-full break-words py-0.5 text-[14px] leading-[1.65]">
       <MessageMarkdown content={block.content} />
     </div>
   );
diff --git a/src/components/chat/StatusBanner.tsx b/src/components/chat/StatusBanner.tsx
index a3f9a8c..4943ff1 100644
--- a/src/components/chat/StatusBanner.tsx
+++ b/src/components/chat/StatusBanner.tsx
@@ -18,28 +18,22 @@ type StatusBannerProps = {
 
 export function StatusBanner({ onRetry }: StatusBannerProps) {
   const banner = useStreamingStore((s) => s.banner);
-  const [remaining, setRemaining] = useState(0);
-
-  useEffect(() => {
-    if (!banner || banner.kind !== 'rate_limited' || !banner.retryAfterSec) {
-      setRemaining(0);
-      return;
-    }
-    setRemaining(banner.retryAfterSec);
-    const timer = setInterval(() => {
-      setRemaining((prev) => (prev > 0 ? prev - 1 : 0));
-    }, 1000);
-    return () => clearInterval(timer);
-  }, [banner]);
-
   if (!banner) return null;
 
+  const rateLimitedLabel = banner.kind === 'rate_limited' ? (
+    <RateLimitLabel
+      key={banner.createdAt || `${banner.sessionId || ''}:${banner.retryAfterSec || 0}`}
+      message={banner.message}
+      retryAfterSec={banner.retryAfterSec}
+    />
+  ) : null;
+
   const config = {
     rate_limited: {
       icon: <ZapOff className="h-4 w-4 text-amber-500" />,
       bg: 'border-amber-200/70 bg-amber-50/70 dark:border-amber-900/40 dark:bg-amber-950/20',
       text: 'text-amber-700 dark:text-amber-200',
-      label: remaining > 0 ? `${banner.message}（${remaining}s 后可重试）` : banner.message,
+      label: rateLimitedLabel,
     },
     network: {
       icon: <LoaderCircle className="h-4 w-4 animate-spin text-text-secondary" />,
@@ -79,3 +73,17 @@ export function StatusBanner({ onRetry }: StatusBannerProps) {
     </div>
   );
 }
+
+function RateLimitLabel({ message, retryAfterSec }: { message: string; retryAfterSec?: number }) {
+  const [remaining, setRemaining] = useState(retryAfterSec || 0);
+
+  useEffect(() => {
+    if (!retryAfterSec) return undefined;
+    const timer = setInterval(() => {
+      setRemaining((prev) => (prev > 0 ? prev - 1 : 0));
+    }, 1000);
+    return () => clearInterval(timer);
+  }, [retryAfterSec]);
+
+  return remaining > 0 ? `${message}（${remaining}s 后可重试）` : message;
+}
diff --git a/src/components/chat/types.ts b/src/components/chat/types.ts
index ba7f06b..d7124b4 100644
--- a/src/components/chat/types.ts
+++ b/src/components/chat/types.ts
@@ -16,6 +16,7 @@ export type Message = {
   content: string;
   timestamp: number;
   responseId?: string;
+  invocationId?: string;
   eventId?: string;
   traceId?: string;
   rootSpanId?: string;
diff --git a/src/core/run/blocks.ts b/src/core/run/blocks.ts
index f8d3170..a266a88 100644
--- a/src/core/run/blocks.ts
+++ b/src/core/run/blocks.ts
@@ -112,7 +112,20 @@ export function upsertToolBlock(
   const next = [...base];
   const existingIndex = next.findIndex((b) => b.type === 'tool' && b.toolName === toolName);
   if (existingIndex >= 0 && next[existingIndex].type === 'tool') {
-    next[existingIndex] = { ...(next[existingIndex] as ToolBlock), ...patch };
+    const existing = next[existingIndex] as ToolBlock;
+    // 已是 error/completed 终态时,不被后续 running/completed 覆盖:
+    // 避免 tool_result(error) 后 output_item.done(completed) 把 error 一闪而过。
+    // 只有新的 output 或 approval 事件可以更新已有终态块。
+    const isTerminal = existing.status === 'error' || existing.status === 'completed';
+    const patchHasOutput = patch.output !== undefined;
+    const patchIsApproval = patch.extra && (patch.extra.approvalRequestId || patch.extra.approvalStatus);
+    if (isTerminal && !patchHasOutput && !patchIsApproval) {
+      return next;
+    }
+    // 合并时保留 existing.extra:tool_upsert 的 extra 通常是 undefined(不传审批),
+    // 不能用它覆盖 approval_requested 写的 extra(否则审批卡流式时不显示,刷新才出)。
+    const mergedExtra = patch.extra ?? existing.extra;
+    next[existingIndex] = { ...existing, ...patch, extra: mergedExtra };
     return next;
   }
   return [
diff --git a/src/core/run/dispatcher.ts b/src/core/run/dispatcher.ts
index fa2df8e..b3697a3 100644
--- a/src/core/run/dispatcher.ts
+++ b/src/core/run/dispatcher.ts
@@ -3,25 +3,38 @@ import {
   appendThinkingBlock,
   appendTextBlock,
   finalizeTextBlock,
+  finalizeThinkingBlocks,
   upsertToolBlock,
 } from './blocks.js';
 import { useMessageStore } from '../../stores/message.js';
 import { useStreamingStore } from '../../stores/streaming.js';
 import { useSessionStore } from '../../stores/session.js';
 import { useCheckpointStore } from '../../stores/checkpoint.js';
-import { buildCompactionMessage } from '../../utils/session-events.js';
+import {
+  buildCompactionMessage,
+  eventHasTerminalRunStatus,
+  mergeSessionEventRecords,
+  sessionEventRunStatus,
+} from '../../utils/session-events.js';
+import { mergeRecoveredRunMessages } from '../../utils/recovered-run.js';
 import { isFailedToolOutput } from '../../utils/tool-display.js';
 import type { Message } from '../../components/chat/types.js';
 
 const TERMINAL_COMPLETE_STATUSES = new Set(['completed']);
 const TERMINAL_ERROR_STATUSES = new Set(['failed', 'error', 'cancelled', 'canceled', 'aborted', 'incomplete']);
 
-function ensureAssistantMessage(id: string) {
+const recoveredEventsByRun = new Map<string, import('../../types/session-events.js').SessionEventRecord[]>();
+
+function ensureAssistantMessage(id: string, invocationId?: string) {
   useMessageStore.getState().patchMessages((prev) => {
-    if (prev.some((message) => message.id === id)) return prev;
+    if (prev.some((message) => message.id === id)) {
+      return invocationId
+        ? prev.map((message) => message.id === id ? { ...message, invocationId } : message)
+        : prev;
+    }
     return [
       ...prev,
-      { id, role: 'model', content: '', timestamp: Date.now(), reasoning: '' },
+      { id, role: 'model', content: '', timestamp: Date.now(), reasoning: '', invocationId },
     ];
   });
 }
@@ -52,12 +65,31 @@ function settleRunningToolsForTerminalStatus(status: string) {
 }
 
 export function dispatchRunEventToStores(event: RunEvent) {
-  if (event.sessionId && useSessionStore.getState().currentSessionId !== event.sessionId) {
+  const sessionIsOffscreen = Boolean(
+    event.sessionId && useSessionStore.getState().currentSessionId !== event.sessionId,
+  );
+  // Text blocks belong to the visible transcript and must not leak across a
+  // session switch. Lifecycle events are different: a Responses stream can
+  // complete while its session is offscreen, and dropping that terminal event
+  // leaves the session permanently marked as "generating" when the user
+  // returns.
+  if (
+    sessionIsOffscreen
+    && !['activity', 'stage_changed', 'stream_ended', 'error', 'rate_limited', 'terminal'].includes(event.type)
+  ) {
     return;
   }
 
   const ms = useMessageStore.getState();
 
+  // 真正的流式事件(text/tool/reasoning delta)也计入 ev 计数 + 更新 lastEventAt。
+  // 以前这些事件走 activity 通道会自然累加;改走 blocks 后不再触发 updateActivity,
+  // 导致 ev 一直 0。这里显式 bump,保持"运行中"心跳 + 事件计数准确。
+  const bumpEventCount = (sessionId?: string | null) => {
+    if (!sessionId) return;
+    useStreamingStore.getState().updateActivity({ sessionId });
+  };
+
   switch (event.type) {
     case 'activity':
       useStreamingStore.getState().updateActivity({
@@ -79,11 +111,12 @@ export function dispatchRunEventToStores(event: RunEvent) {
       break;
 
     case 'assistant_message_created':
-      ensureAssistantMessage(event.messageId);
+      ensureAssistantMessage(event.messageId, event.invocationId);
       break;
 
     case 'text_delta':
       ensureAssistantMessage(event.messageId);
+      bumpEventCount(event.sessionId);
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
@@ -99,6 +132,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'text_final':
       ensureAssistantMessage(event.messageId);
+      bumpEventCount(event.sessionId);
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
@@ -114,6 +148,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'reasoning_delta':
       ensureAssistantMessage(event.messageId);
+      bumpEventCount(event.sessionId);
       ms.patchMessages((prev) =>
         prev.map((msg) =>
           msg.id === event.messageId
@@ -129,15 +164,21 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'tool_upsert': {
       ensureAssistantMessage(event.messageId);
+      bumpEventCount(event.sessionId);
       ms.patchMessages((prev) =>
         prev.map((msg) => {
           if (msg.id !== event.messageId) return msg;
           const current = msg.tools?.[event.name];
           const currentApprovalResolved = current?.approvalStatus === 'approved'
             || current?.approvalStatus === 'rejected';
-          const status = currentApprovalResolved
+          const requestedStatus = event.status as NonNullable<Message['tools']>[string]['status'];
+          // Approval is an audit state, not the tool outcome. A granted tool
+          // still needs to enter running and may subsequently fail.
+          const status = current?.approvalStatus === 'rejected'
             ? 'completed'
-            : event.status as NonNullable<Message['tools']>[string]['status'];
+            : current?.status === 'error' && requestedStatus !== 'error'
+              ? 'error'
+              : requestedStatus;
           return {
             ...msg,
             blocks: upsertToolBlock(msg.blocks, event.name, {
@@ -166,6 +207,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'tool_result':
       ensureAssistantMessage(event.messageId);
+      bumpEventCount(event.sessionId);
       ms.patchMessages((prev) =>
         prev.map((msg) => {
           if (msg.id !== event.messageId) return msg;
@@ -197,20 +239,30 @@ export function dispatchRunEventToStores(event: RunEvent) {
           const existing = msg.tools?.[event.approvalRequestId];
           const alreadyResolved = existing?.approvalStatus === 'approved'
             || existing?.approvalStatus === 'rejected';
+          const approvalExtra = {
+            approvalRequestId: event.approvalRequestId,
+            approvalProtocol: event.protocol,
+            approvalStatus: alreadyResolved ? existing.approvalStatus : 'pending' as const,
+            ...(event.message ? { approvalMessage: event.message } : {}),
+            ...(event.approvalLevel ? { approvalLevel: event.approvalLevel } : {}),
+          };
+          const status = alreadyResolved ? existing.status : 'paused';
           return {
             ...msg,
+            // 同步审批状态到 blocks(ToolRow 从 block.extra 读审批字段渲染审批卡)
+            blocks: upsertToolBlock(msg.blocks, event.name, {
+              args: event.args,
+              status,
+              extra: approvalExtra,
+            }),
             tools: {
               ...(msg.tools || {}),
               [event.approvalRequestId]: {
                 ...(existing || {}),
                 name: event.name,
                 args: event.args,
-                status: alreadyResolved ? 'completed' : 'paused',
-                approvalRequestId: event.approvalRequestId,
-                approvalProtocol: event.protocol,
-                approvalStatus: alreadyResolved ? existing.approvalStatus : 'pending',
-                ...(event.message ? { approvalMessage: event.message } : {}),
-                ...(event.approvalLevel ? { approvalLevel: event.approvalLevel } : {}),
+                status,
+                ...approvalExtra,
               },
             },
           };
@@ -228,14 +280,38 @@ export function dispatchRunEventToStores(event: RunEvent) {
             Object.entries(msg.tools).map(([key, tool]) => {
               if (tool.approvalRequestId !== event.approvalRequestId) return [key, tool];
               changed = true;
+              const status = event.decision === 'rejected'
+                ? 'completed' as const
+                : tool.status === 'paused'
+                  ? 'running' as const
+                  : tool.status;
               return [key, {
                 ...tool,
-                status: 'completed' as const,
+                status,
                 approvalStatus: event.decision,
               }];
             }),
           ) as NonNullable<Message['tools']>;
-          return changed ? { ...msg, tools } : msg;
+          if (!changed) return msg;
+          return {
+            ...msg,
+            tools,
+            blocks: msg.blocks?.map((block) => {
+              if (block.type !== 'tool' || block.extra?.approvalRequestId !== event.approvalRequestId) {
+                return block;
+              }
+              const status = event.decision === 'rejected'
+                ? 'completed' as const
+                : block.status === 'paused'
+                  ? 'running' as const
+                  : block.status;
+              return {
+                ...block,
+                status,
+                extra: { ...block.extra, approvalStatus: event.decision },
+              };
+            }),
+          };
         }),
       );
       break;
@@ -283,6 +359,28 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'stream_ended':
       useStreamingStore.getState().setSessionStreaming(event.sessionId, false);
+      // 流式结束:把该 session 所有 assistant 消息里仍 streaming 的
+      // thinking/text 块置 done。否则纯思考结束(后面无工具/正文打断)时
+      // thinking 块一直卡在 streaming,显示"思考中"不完成,要刷新才好。
+      if (!sessionIsOffscreen) {
+        useMessageStore.getState().patchMessages((prev) =>
+          prev.map((msg) => {
+            if (msg.role !== 'model' || !msg.blocks?.some((b) => b.status === 'streaming')) {
+              return msg;
+            }
+            return {
+              ...msg,
+              blocks: finalizeThinkingBlocks(
+                msg.blocks.map((b) =>
+                  b.type === 'text' && b.status === 'streaming'
+                    ? { ...b, status: 'done' as const }
+                    : b,
+                ),
+              ),
+            };
+          }),
+        );
+      }
       globalThis.setTimeout(() => {
         const state = useStreamingStore.getState();
         const activity = state.getSessionActivity(event.sessionId);
@@ -300,20 +398,22 @@ export function dispatchRunEventToStores(event: RunEvent) {
         phase: '连接断开或生成出错',
         countEvent: false,
       });
-      useStreamingStore.getState().setBanner({
-        kind: 'error',
-        message: '连接断开或生成出错，请重试',
-        sessionId: event.sessionId,
-      });
-      ms.patchMessages((prev) => [
-        ...prev,
-        {
-          id: String(Date.now()),
-          role: 'model',
-          content: '连接断开或生成出错。',
-          timestamp: Date.now(),
-        },
-      ]);
+      if (!sessionIsOffscreen) {
+        useStreamingStore.getState().setBanner({
+          kind: 'error',
+          message: '连接断开或生成出错，请重试',
+          sessionId: event.sessionId,
+        });
+        ms.patchMessages((prev) => [
+          ...prev,
+          {
+            id: String(Date.now()),
+            role: 'model',
+            content: '连接断开或生成出错。',
+            timestamp: Date.now(),
+          },
+        ]);
+      }
       break;
 
     case 'rate_limited':
@@ -324,16 +424,20 @@ export function dispatchRunEventToStores(event: RunEvent) {
         phase: '请求被限流',
         countEvent: false,
       });
-      useStreamingStore.getState().setBanner({
-        kind: 'rate_limited',
-        message: event.message || '请求过于频繁，请稍后重试',
-        retryAfterSec: event.retryAfterSec,
-        sessionId: event.sessionId,
-      });
+      if (!sessionIsOffscreen) {
+        useStreamingStore.getState().setBanner({
+          kind: 'rate_limited',
+          message: event.message || '请求过于频繁，请稍后重试',
+          retryAfterSec: event.retryAfterSec,
+          sessionId: event.sessionId,
+        });
+      }
       break;
 
     case 'terminal':
-      settleRunningToolsForTerminalStatus(event.status);
+      if (!sessionIsOffscreen) {
+        settleRunningToolsForTerminalStatus(event.status);
+      }
       break;
 
     case 'stream_event': {
@@ -343,11 +447,29 @@ export function dispatchRunEventToStores(event: RunEvent) {
       if (typeof evtSeq === 'number' && evtSeq > 0) {
         useStreamingStore.getState().setLastSeqId(evtSeq);
       }
+      if (streamSessionId) {
+        useStreamingStore.getState().updateActivity({ sessionId: streamSessionId });
+      }
+      const invocationId = String(event.event.InvocationId || '').trim();
+      if (streamSessionId && invocationId) {
+        const runKey = `${streamSessionId}:${invocationId}`;
+        const recoveredEvents = mergeSessionEventRecords(
+          recoveredEventsByRun.get(runKey) || [],
+          [event.event],
+        );
+        recoveredEventsByRun.set(runKey, recoveredEvents);
+        useMessageStore.getState().patchMessages((prev) =>
+          mergeRecoveredRunMessages(prev, recoveredEvents, invocationId),
+        );
+        if (eventHasTerminalRunStatus(event.event)) {
+          recoveredEventsByRun.delete(runKey);
+        }
+      }
       if (event.event.EventType === 'run_checkpoint' && streamSessionId) {
         useCheckpointStore.getState().upsertSessionCheckpoint(streamSessionId, event.event);
       }
-      if (event.event.EventType === 'run_status') {
-        const status = String((event.event.Content as { status?: unknown } | undefined)?.status || '').trim().toLowerCase();
+      {
+        const status = sessionEventRunStatus(event.event);
         if (status === 'completed') {
           useStreamingStore.getState().updateActivity({
             sessionId: streamSessionId,
@@ -478,6 +600,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
 }
 
 export function resetDispatcherState() {
+  recoveredEventsByRun.clear();
   // Kept for test and session lifecycle callers. Message existence is now the
   // source of truth, so switching sessions cannot drop a live AG-UI event.
 }
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 16b951b..a5a99f6 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -247,7 +247,7 @@ export class RunEngineImpl implements RunEngine {
 
         const assistantMessageId = `msg-${Date.now()}`;
 
-        const streamResult = await this.consumeStream(stream, protocol, protocolState, assistantMessageId);
+        const streamResult = await this.consumeStream(stream, protocol, protocolState, assistantMessageId, invocationId);
 
         if (!streamResult.receivedData && !draft.sessionId && !retriedWithNewSession) {
           retriedWithNewSession = true;
@@ -261,7 +261,7 @@ export class RunEngineImpl implements RunEngine {
             this.setStage('streaming');
             this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
             const retryMsgId = `msg-${Date.now()}`;
-            const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId);
+            const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId, invocationId);
             streamResult.terminalStatus = retryResult.terminalStatus;
           }
         }
@@ -433,7 +433,7 @@ export class RunEngineImpl implements RunEngine {
             if (!chunk.trim()) continue;
             const events = parseSseChunk(chunk);
             for (const event of events) {
-              if (event.eventName === '__done__') continue;
+              if (event.eventName === '__done__' || event.eventName === '__ping__') continue;
               this.emit({ type: 'activity', phase: '收到恢复事件', status: 'running' });
               this.emit({ type: 'stream_event', event: event.data as SessionEventRecord });
               terminalStatus = terminalStatusFromSessionEvent(event.data as SessionEventRecord) || terminalStatus;
@@ -543,6 +543,7 @@ export class RunEngineImpl implements RunEngine {
           protocol,
           protocolState,
           assistantMessageId,
+          invocationId,
         );
         if (streamResult.terminalStatus && streamResult.terminalStatus !== 'completed') {
           if (streamResult.terminalStatus === 'cancelled') {
@@ -742,6 +743,13 @@ export class RunEngineImpl implements RunEngine {
       Model: this.config.selectedModel || undefined,
       ModelMetadata: this.config.selectedModelMetadata || undefined,
       ModelOptions: buildModelOptionsFromThinkingMode(normalizeThinkingMode(this.config.thinkingMode)),
+      // Keep client-selected permission semantics namespaced as runtime controls;
+      // the server can validate them and still apply a stricter deployment policy.
+      Metadata: {
+        agentengine: {
+          tool_approval_mode: this.config.permissionMode || 'risk',
+        },
+      },
     };
 
     if (!isResponsesResume) {
@@ -763,6 +771,7 @@ export class RunEngineImpl implements RunEngine {
     protocol: StreamProtocol,
     protocolState: Record<string, unknown>,
     messageId: string,
+    invocationId?: string,
   ): Promise<StreamConsumeResult> {
     const reader = stream.getReader();
     const decoder = new TextDecoder();
@@ -778,7 +787,7 @@ export class RunEngineImpl implements RunEngine {
 
         if (!messageCreated) {
           messageCreated = true;
-          this.emit({ type: 'assistant_message_created', messageId });
+          this.emit({ type: 'assistant_message_created', messageId, invocationId });
         }
 
         buffer += decoder.decode(value, { stream: true });
@@ -875,7 +884,8 @@ export class RunEngineImpl implements RunEngine {
         });
         break;
       case 'incomplete':
-        this.emit({ type: 'system_message', content: '本次运行已中断，需要人工确认后继续。' });
+        // 审批暂停已由对应的 tool_upsert(status=paused) 呈现在工具行中。
+        // 这里不再额外追加系统消息，以免把同一次审批拆成突兀的全宽提示卡。
         break;
       case 'failed':
         this.emit({ type: 'text_final', messageId, text: `生成失败：${action.message}` });
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index 939154c..40b2246 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -8,6 +8,9 @@ export type RunStage =
   | 'completing' | 'recovering' | 'error'
   | 'cancelled';
 
+/** Default approval policy applied to a newly started conversation run. */
+export type PermissionMode = 'ask' | 'risk' | 'full';
+
 export type RunEvent =
   | { type: 'stage_changed'; stage: RunStage; sessionId?: string | null }
   | {
@@ -20,7 +23,7 @@ export type RunEvent =
       countEvent?: boolean;
     }
   | { type: 'user_message_added'; messageId: string; sessionId?: string | null }
-  | { type: 'assistant_message_created'; messageId: string; sessionId?: string | null }
+  | { type: 'assistant_message_created'; messageId: string; invocationId?: string; sessionId?: string | null }
   | { type: 'text_delta'; messageId: string; delta: string; sessionId?: string | null }
   | { type: 'text_final'; messageId: string; text: string; sessionId?: string | null }
   | { type: 'reasoning_delta'; messageId: string; delta: string; sessionId?: string | null }
@@ -69,6 +72,7 @@ export type RunEngineConfig = {
   selectedModel: string;
   selectedModelMetadata?: ModelCatalogItem | null;
   thinkingMode: string;
+  permissionMode?: PermissionMode;
   hostedChatTransport?: HostedChatTransport;
   checkpointResumePreviewEnabled?: boolean;
 };
diff --git a/src/hooks/useFeedback.ts b/src/hooks/useFeedback.ts
index 4ba1fa2..47b8777 100644
--- a/src/hooks/useFeedback.ts
+++ b/src/hooks/useFeedback.ts
@@ -127,32 +127,42 @@ export function useFeedback(ctx: UseFeedbackContext) {
     }) => {
       if (!options.approvalRequestId || isStreaming) return;
       useMessageStore.getState().patchMessages((prev) =>
-        prev.map((message) => ({
-          ...message,
-          tools: message.tools
-            ? Object.fromEntries(
-                Object.entries(message.tools).map(([name, tool]) => [
-                  name,
-                  tool.approvalRequestId === options.approvalRequestId
-                    ? {
-                        ...tool,
-                        approvalStatus: options.approve ? 'approved' : 'rejected',
-                      }
-                    : tool,
-                ]),
-              )
-            : message.tools,
-        })),
+        prev.map((message) => {
+          const approvalStatus = options.approve ? 'approved' : 'rejected';
+          const nextStatus = (status: 'running' | 'completed' | 'error' | 'paused') =>
+            options.approve && status === 'paused'
+              ? 'running' as const
+              : !options.approve
+                ? 'completed' as const
+                : status;
+          return {
+            ...message,
+            tools: message.tools
+              ? Object.fromEntries(
+                  Object.entries(message.tools).map(([name, tool]) => [
+                    name,
+                    tool.approvalRequestId === options.approvalRequestId
+                      ? {
+                          ...tool,
+                          status: nextStatus(tool.status),
+                          approvalStatus,
+                        }
+                      : tool,
+                  ]),
+                )
+              : message.tools,
+            blocks: message.blocks?.map((block) =>
+              block.type === 'tool' && block.extra?.approvalRequestId === options.approvalRequestId
+                ? {
+                    ...block,
+                    status: nextStatus(block.status),
+                    extra: { ...block.extra, approvalStatus },
+                  }
+                : block,
+            ),
+          };
+        }),
       );
-      useMessageStore.getState().patchMessages((prev) => [
-        ...prev,
-        {
-          id: String(Date.now() + Math.random()),
-          role: 'system',
-          content: options.approve ? '已批准工具调用，正在继续运行。' : '已拒绝工具调用，正在通知运行时。',
-          timestamp: Date.now(),
-        },
-      ]);
       void submitDraft(
         '',
         [],
diff --git a/src/hooks/useRunAgent.ts b/src/hooks/useRunAgent.ts
index ced6db5..c557483 100644
--- a/src/hooks/useRunAgent.ts
+++ b/src/hooks/useRunAgent.ts
@@ -11,6 +11,7 @@ import type { ModelCatalogItem, Session } from '../components/chat/types.js';
 import { writePersistedSessionId } from '../utils/session.js';
 import { resolveHostedChatTransport } from '../utils/capabilities.js';
 import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
+import type { PermissionMode } from '../core/run/types.js';
 
 type QueuedDraft = {
   text: string;
@@ -25,6 +26,7 @@ type RunAgentContext = {
   selectedModel: string;
   selectedModelMetadata?: ModelCatalogItem | null;
   thinkingMode: string;
+  permissionMode: PermissionMode;
   uiCapabilities: UiCapabilities;
   isMobile: boolean;
   api: ApiFacade;
@@ -45,6 +47,7 @@ export function useRunAgent(ctx: RunAgentContext) {
     selectedModel,
     selectedModelMetadata,
     thinkingMode,
+    permissionMode,
     currentSessionIdRef,
     queuedDraftRef,
     onRunSettled,
@@ -59,10 +62,15 @@ export function useRunAgent(ctx: RunAgentContext) {
       selectedModel,
       selectedModelMetadata,
       thinkingMode,
-      hostedChatTransport: resolveHostedChatTransport(uiCapabilities),
+      permissionMode,
+      hostedChatTransport: resolveHostedChatTransport(uiCapabilities, {
+        requireResumableRun: Boolean(
+          uiCapabilities.RunLifecycle?.Enabled && uiCapabilities.RunLifecycle.Resume,
+        ),
+      }),
       checkpointResumePreviewEnabled: Boolean(uiCapabilities.RunLifecycle?.CheckpointResumePreview),
     });
-  }, [agentId, apiFormats, agentFramework, selectedModel, selectedModelMetadata, thinkingMode, uiCapabilities]);
+  }, [agentId, apiFormats, agentFramework, selectedModel, selectedModelMetadata, thinkingMode, permissionMode, uiCapabilities]);
 
   const getEngine = useCallback((sessionId: string | null | undefined) => {
     const key = String(sessionId || 'new-session');
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index bd34d19..e14729e 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -7,6 +7,7 @@ import { useBootstrapStore } from '../stores/bootstrap.js';
 import { CancelledError } from '../api/client.js';
 import {
   eventHasTerminalRunStatus,
+  sessionEventRunStatus,
 } from '../utils/session-events.js';
 import { mapBackendMessages } from '../utils/messages.js';
 import { useStreamingStore } from '../stores/streaming.js';
@@ -17,10 +18,27 @@ import type { Message, Session } from '../components/chat/types.js';
 import type { SessionEventRecord } from '../types/session-events.js';
 import type { UiCapabilities } from '../types/capabilities.js';
 import type { ApiFacade } from '../core/api/types.js';
+import { dispatchRunEventToStores } from '../core/run/dispatcher.js';
+import { parseSseChunk, splitSseBuffer } from '../core/transport/sse-parser.js';
 
-const RESTORE_SUBSCRIPTION_TIMEOUT_MS = 90_000;
+const RESTORE_RECONNECT_DELAY_MS = 500;
 const SESSION_LIST_PAGE_SIZE = 30;
 const SESSION_MESSAGES_PAGE_SIZE = 50;
+const EMPTY_STATUS_RECOVERY_WINDOW_MS = 30 * 60 * 1000;
+
+function waitForRestoreRetry(signal: AbortSignal): Promise<void> {
+  return new Promise((resolve) => {
+    if (signal.aborted) {
+      resolve();
+      return;
+    }
+    const timer = globalThis.setTimeout(resolve, RESTORE_RECONNECT_DELAY_MS);
+    signal.addEventListener('abort', () => {
+      globalThis.clearTimeout(timer);
+      resolve();
+    }, { once: true });
+  });
+}
 
 // 重连判据:ActiveRunStatus 属于这些态时认为有活跃 run(对齐后端 RUN_STATUS_ACTIVE)。
 const ACTIVE_RUN_STATUSES = new Set([
@@ -30,12 +48,22 @@ const ACTIVE_RUN_STATUSES = new Set([
   'starting',
 ]);
 
+function isRecentlyUpdatedSession(session: { UpdatedAt?: string; ActiveRunUpdatedAt?: string }): boolean {
+  const rawTimestamp = session.ActiveRunUpdatedAt || session.UpdatedAt;
+  const timestamp = typeof rawTimestamp === 'number'
+    ? (rawTimestamp > 1e11 ? rawTimestamp : rawTimestamp * 1000)
+    : Date.parse(String(rawTimestamp || ''));
+  return Number.isFinite(timestamp)
+    && timestamp <= Date.now() + EMPTY_STATUS_RECOVERY_WINDOW_MS
+    && Date.now() - timestamp <= EMPTY_STATUS_RECOVERY_WINDOW_MS;
+}
+
 function terminalActivityForRunEvent(event: SessionEventRecord): {
   status: 'completed' | 'failed' | 'stopped';
   phase: string;
 } | null {
-  if (event.EventType !== 'run_status') return null;
-  const rawStatus = String((event.Content as { status?: unknown } | undefined)?.status || '').trim().toLowerCase();
+  const rawStatus = sessionEventRunStatus(event);
+  if (!rawStatus) return null;
   if (rawStatus === 'completed') {
     return { status: 'completed', phase: '后台长任务已完成' };
   }
@@ -152,37 +180,16 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       runSubscriptionAbortRef.current = controller;
       let shouldReloadSession = false;
       let terminalStatusSeen = false;
+      let afterSeqId = options.afterSeqId;
       const isCurrentSubscription = () => (
         runSubscriptionAbortRef.current === controller
         && currentSessionIdRef.current === options.sessionId
       );
-      const stopRestoreSubscription = () => {
-        if (runSubscriptionAbortRef.current !== controller || controller.signal.aborted) {
-          return;
-        }
-        controller.abort();
-      };
-      const timeoutTimer = globalThis.setTimeout(() => {
-        stopRestoreSubscription();
-      }, RESTORE_SUBSCRIPTION_TIMEOUT_MS);
 
       try {
-        const stream = await api.subscribeRunEvents(
-          {
-            sessionId: options.sessionId,
-            invocationId: options.invocationId,
-            afterSeqId: options.afterSeqId,
-          },
-          { signal: controller.signal },
-        );
-        if (!isCurrentSubscription()) {
-          controller.abort();
-          return;
-        }
-        const reader = stream.getReader();
-        const decoder = new TextDecoder();
-        let buffer = '';
         useStreamingStore.getState().setCurrentRunId(options.invocationId);
+        useStreamingStore.getState().setActiveInvocationId(options.invocationId);
+        useStreamingStore.getState().setSessionStreaming(options.sessionId, true);
         useStreamingStore.getState().updateActivity({
           sessionId: options.sessionId,
           status: 'running',
@@ -191,69 +198,117 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
           countEvent: false,
         });
 
-        while (!terminalStatusSeen) {
-          const { value, done } = await reader.read();
-          if (done) break;
-          buffer += decoder.decode(value, { stream: true });
-          const chunks = buffer.split('\n\n');
-          buffer = chunks.pop() || '';
+        while (!terminalStatusSeen && isCurrentSubscription()) {
+          try {
+            const stream = await api.subscribeRunEvents(
+              {
+                sessionId: options.sessionId,
+                invocationId: options.invocationId,
+                afterSeqId,
+              },
+              { signal: controller.signal },
+            );
+            if (!isCurrentSubscription()) {
+              controller.abort();
+              return;
+            }
+            const reader = stream.getReader();
+            const decoder = new TextDecoder();
+            let buffer = '';
+
+            while (!terminalStatusSeen && isCurrentSubscription()) {
+              const { value, done } = await reader.read();
+              if (done) break;
+              buffer += decoder.decode(value, { stream: true });
+              const split = splitSseBuffer(buffer);
+              buffer = split.remainder;
 
-          for (const chunk of chunks) {
-            if (!chunk.trim()) continue;
-            const dataLines: string[] = [];
-            for (const line of chunk.split('\n')) {
-              if (line.startsWith('data:')) {
-                dataLines.push(line.substring(5).trim());
+              for (const chunk of split.chunks) {
+                if (!chunk.trim()) continue;
+                for (const transportEvent of parseSseChunk(chunk)) {
+                  if (transportEvent.eventName === '__ping__') {
+                    // SubscribeRunEvents heartbeats mean the recovery stream is still
+                    // open even when the runtime has not produced a new durable event.
+                    useStreamingStore.getState().updateActivity({
+                      sessionId: options.sessionId,
+                      status: 'running',
+                      countEvent: false,
+                    });
+                    continue;
+                  }
+                  if (transportEvent.eventName === '__done__') {
+                    terminalStatusSeen = true;
+                    shouldReloadSession = true;
+                    break;
+                  }
+                  if (!transportEvent.data || typeof transportEvent.data !== 'object') continue;
+                  const event = transportEvent.data as SessionEventRecord;
+                  if (!isCurrentSubscription()) break;
+                  if (event.InvocationId && event.InvocationId !== options.invocationId) continue;
+
+                  const seqId = Number(event.SeqId || 0);
+                  if (Number.isFinite(seqId)) {
+                    afterSeqId = Math.max(afterSeqId, seqId);
+                  }
+                  dispatchRunEventToStores({
+                    type: 'stream_event',
+                    sessionId: options.sessionId,
+                    event,
+                  });
+                  terminalStatusSeen = terminalStatusSeen || eventHasTerminalRunStatus(event);
+                  shouldReloadSession = shouldReloadSession || terminalStatusSeen;
+                  const terminalActivity = terminalActivityForRunEvent(event);
+                  if (terminalActivity) {
+                    useStreamingStore.getState().updateActivity({
+                      sessionId: options.sessionId,
+                      status: terminalActivity.status,
+                      phase: terminalActivity.phase,
+                      detail: options.invocationId,
+                      countEvent: false,
+                    });
+                  }
+                  if (terminalStatusSeen) break;
+                }
+                if (terminalStatusSeen) break;
               }
             }
-            const dataString = dataLines.join('\n').trim();
-            if (!dataString || dataString === '[DONE]') {
-              terminalStatusSeen = dataString === '[DONE]';
-              shouldReloadSession = shouldReloadSession || terminalStatusSeen;
-              continue;
-            }
-            try {
-              const event = JSON.parse(dataString) as SessionEventRecord;
-              if (!isCurrentSubscription()) {
-                stopRestoreSubscription();
-                break;
-              }
-              terminalStatusSeen = terminalStatusSeen || eventHasTerminalRunStatus(event);
-              shouldReloadSession = shouldReloadSession || terminalStatusSeen;
-              if (event.EventType === 'run_checkpoint') {
-                useCheckpointStore.getState().upsertSessionCheckpoint(options.sessionId, event);
-              }
-              const terminalActivity = terminalActivityForRunEvent(event);
-              if (terminalActivity) {
-                useStreamingStore.getState().updateActivity({
-                  sessionId: options.sessionId,
-                  status: terminalActivity.status,
-                  phase: terminalActivity.phase,
-                  detail: options.invocationId,
-                  countEvent: false,
-                });
-              }
-              // 重连期间不覆盖消息列表(保持 loadSession 的 ListSessionMessages 结果)。
-              // run 结束后 shouldReloadSession 会重新 loadSession 拿最终消息。
-              // 增量事件仅更新 streaming activity(上方 terminalActivity 已处理)。
-            } catch (error) {
-              console.warn('Failed to parse run event data', dataString, error);
+            if (terminalStatusSeen) {
+              void reader.cancel().catch(() => {});
             }
+          } catch (error) {
+            const isAbortError = error instanceof DOMException && error.name === 'AbortError';
+            if (isAbortError || !isCurrentSubscription()) break;
+            console.warn('Run event subscription disconnected; retrying:', error);
+            useStreamingStore.getState().updateActivity({
+              sessionId: options.sessionId,
+              status: 'waiting',
+              phase: '恢复连接中',
+              detail: options.invocationId,
+              countEvent: false,
+            });
+          }
+
+          if (!terminalStatusSeen && isCurrentSubscription()) {
+            await waitForRestoreRetry(controller.signal);
           }
         }
+
+        if (terminalStatusSeen && isCurrentSubscription()) {
+          dispatchRunEventToStores({ type: 'stream_ended', sessionId: options.sessionId });
+        }
       } catch (error) {
         const isAbortError = error instanceof DOMException && error.name === 'AbortError';
         if (!isAbortError) {
           console.error('Failed to subscribe run events:', error);
         }
       } finally {
-        globalThis.clearTimeout(timeoutTimer);
         const ownedCurrentSubscription = runSubscriptionAbortRef.current === controller;
         if (ownedCurrentSubscription) {
           runSubscriptionAbortRef.current = null;
         }
         if (ownedCurrentSubscription && currentSessionIdRef.current === options.sessionId) {
           useStreamingStore.getState().setCurrentRunId('');
+          useStreamingStore.getState().setActiveInvocationId('');
           if (shouldReloadSession) {
             void loadSessionRef.current?.(options.sessionId);
           }
@@ -268,15 +323,15 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
     async (sessionId: string) => {
       const previousSessionId = currentSessionIdRef.current;
       const generation = ++loadSessionGenerationRef.current;
-      if (previousSessionId !== sessionId) {
-        disconnectRun?.();
+      // 只切换可见 transcript；每个 session 的 RunEngine 独立运行。
+      // 切回时用历史快照和 afterSeqId 订阅追平遗漏内容。
+      if (previousSessionId && previousSessionId !== sessionId) {
         useMessageStore.getState().setMessages([]);
         useSessionStore.getState().clearSessionMessageHistory(sessionId);
         useCheckpointStore.getState().setSessionCheckpoints(sessionId, []);
         useCheckpointStore.getState().setSessionToolReceipts(sessionId, []);
         useStreamingStore.getState().setCurrentRunId('');
         useStreamingStore.getState().clearActivity();
-        useStreamingStore.getState().clearSessionActivity(previousSessionId);
       }
       currentSessionIdRef.current = sessionId;
       const isStillCurrentSession = () => (
@@ -342,7 +397,8 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
           useCheckpointStore.getState().clearSessionCheckpoints(sessionId);
         }
 
-        // 重连判据:读 GetSession.ActiveRunStatus(不靠扫 events 反推)。
+        // 正式判据是后端的 ActiveRunStatus。旧本地 runtime 会漏投该字段，
+        // 此时仅对近期更新、仍带 invocation 的会话做一次兼容恢复。
         if (
           runtimeCapabilities.RunLifecycle.Enabled &&
           runtimeCapabilities.RunLifecycle.Resume
@@ -353,7 +409,10 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
               return;
             }
             const status = String(session.ActiveRunStatus || '').toLowerCase();
-            const isActive = ACTIVE_RUN_STATUSES.has(status) && !!session.ActiveInvocationId;
+            const isActive = !!session.ActiveInvocationId && (
+              ACTIVE_RUN_STATUSES.has(status)
+              || (status === '' && isRecentlyUpdatedSession(session))
+            );
             if (isActive) {
               void subscribeRunEvents({
                 sessionId,
@@ -481,7 +540,6 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
 
   const createNewSession = useCallback(async () => {
     try {
-      disconnectRun?.();
       loadSessionGenerationRef.current += 1;
       runSubscriptionAbortRef.current?.abort();
       const session = await api.createSession(agentId);
@@ -508,7 +566,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       if (error instanceof CancelledError) return;
       console.error('Failed to create session:', error);
     }
-  }, [agentId, api, disconnectRun, fetchSessions, isMobile]);
+  }, [agentId, api, fetchSessions, isMobile]);
 
   const deleteSession = useCallback(
     async (sessionId: string) => {
diff --git a/src/stores/permission.ts b/src/stores/permission.ts
new file mode 100644
index 0000000..2190001
--- /dev/null
+++ b/src/stores/permission.ts
@@ -0,0 +1,39 @@
+import { create } from 'zustand';
+import type { PermissionMode } from '../core/run/types.js';
+
+const STORAGE_KEY = 'ksadk.web.permission-mode';
+
+function readPermissionMode(): PermissionMode {
+  try {
+    const mode = globalThis.localStorage?.getItem(STORAGE_KEY);
+    return mode === 'ask' || mode === 'full' || mode === 'risk' ? mode : 'risk';
+  } catch {
+    // Private/locked-down storage must not make the composer unusable.
+    return 'risk';
+  }
+}
+
+function writePermissionMode(mode: PermissionMode) {
+  try {
+    globalThis.localStorage?.setItem(STORAGE_KEY, mode);
+  } catch {
+    // The in-memory selection remains valid when persistence is unavailable.
+  }
+}
+
+export type PermissionStore = {
+  permissionMode: PermissionMode;
+  setPermissionMode: (mode: PermissionMode) => void;
+};
+
+/**
+ * A conversation-level default. The backend remains authoritative and may
+ * impose a stricter tool policy for a deployment or tenant.
+ */
+export const usePermissionStore = create<PermissionStore>()((set) => ({
+  permissionMode: readPermissionMode(),
+  setPermissionMode: (permissionMode) => {
+    writePermissionMode(permissionMode);
+    set({ permissionMode });
+  },
+}));
diff --git a/src/stores/streaming.ts b/src/stores/streaming.ts
index 73b16f2..fe5ad3e 100644
--- a/src/stores/streaming.ts
+++ b/src/stores/streaming.ts
@@ -9,6 +9,7 @@ export type StatusBanner = {
   message: string;
   retryAfterSec?: number;
   sessionId?: string | null;
+  createdAt?: number;
 };
 
 export type RunActivity = {
@@ -89,7 +90,9 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
   lastSeqId: 0,
   activeInvocationId: '',
   setStreaming: (streaming) => set({ isStreaming: streaming }),
-  setBanner: (banner) => set({ banner }),
+  setBanner: (banner) => set({
+    banner: banner ? { ...banner, createdAt: Date.now() } : null,
+  }),
   setLastSeqId: (seqId) => set({ lastSeqId: seqId }),
   setActiveInvocationId: (invocationId) => set({ activeInvocationId: invocationId }),
   setSessionStreaming: (sessionId, streaming) => set((state) => {
diff --git a/src/types/capabilities.ts b/src/types/capabilities.ts
index 1c78fb6..f29e000 100644
--- a/src/types/capabilities.ts
+++ b/src/types/capabilities.ts
@@ -16,9 +16,16 @@ export type BuiltinToolCapability = {
   boundary?: string;
 };
 
+export type ApprovalPolicyCapability = {
+  Modes: Array<'ask' | 'risk' | 'full'>;
+  DefaultMode: 'ask' | 'risk' | 'full';
+  RuntimeOverride: boolean;
+};
+
 export type UiCapabilities = {
   Attachments?: boolean;
   Approval?: boolean;
+  ApprovalPolicy?: ApprovalPolicyCapability;
   Thinking?: boolean;
   StopRun?: boolean;
   ResumeRun?: boolean;
diff --git a/src/types/session-events.ts b/src/types/session-events.ts
index 8df195b..b903780 100644
--- a/src/types/session-events.ts
+++ b/src/types/session-events.ts
@@ -9,6 +9,17 @@ export type SessionEventRecord = {
     role?: string;
     status?: string;
     detail?: string;
+    phase?: string | null;
+    payload?: Record<string, unknown> & {
+      status?: string;
+      detail?: string;
+      text?: string;
+      call_id?: string;
+      name?: string;
+      args?: unknown;
+      result?: unknown;
+      error?: unknown;
+    };
     parts?: Array<{
       type?: string;
       text?: string;
@@ -51,4 +62,4 @@ export type CompactionStreamPayload = {
   trigger?: 'auto' | 'prompt_too_long';
   compacted_until_seq_id?: number;
   timestamp?: number;
-};
\ No newline at end of file
+};
diff --git a/src/utils/align-table.ts b/src/utils/align-table.ts
new file mode 100644
index 0000000..b80c582
--- /dev/null
+++ b/src/utils/align-table.ts
@@ -0,0 +1,36 @@
+/** 对齐 markdown 表格表头/分隔行列数到数据行多数列数。 */
+export function alignTableColumns(text: string): string {
+  if (!/(?:^|\n)\s*\|/.test(text)) return text;
+  const lines = text.split('\n');
+  const result: string[] = [];
+  let i = 0;
+  const isRow = (l: string) => l.trim().startsWith('|') && l.trim().endsWith('|') && l.trim().split('|').length >= 4;
+  const isSep = (l: string) => /^\s*\|(?:\s*[:-]+\s*\|){2,}\s*$/.test(l);
+  const cellsOf = (l: string) => l.trim().replace(/^\|/, '').replace(/\|\s*$/, '').split('|').map((c) => c.trim());
+  const join = (c: string[], indentation: string) => `${indentation}| ${c.join(' | ')} |`;
+  while (i < lines.length) {
+    if (isRow(lines[i]) && i + 1 < lines.length && isSep(lines[i + 1])) {
+      const indentation = lines[i].match(/^(\s*)/)?.[1] || '';
+      const header = cellsOf(lines[i]);
+      const sep = cellsOf(lines[i + 1]);
+      const data: string[][] = [];
+      let j = i + 2;
+      let maxCols = Math.max(header.length, sep.length);
+      while (j < lines.length && isRow(lines[j])) {
+        const d = cellsOf(lines[j]);
+        maxCols = Math.max(maxCols, d.length);
+        data.push(d);
+        j += 1;
+      }
+      const pad = (c: string[], fill: string) => { const o = [...c]; while (o.length < maxCols) o.push(fill); return o; };
+      result.push(join(pad(header, ''), indentation));
+      result.push(join(pad(sep, '---'), indentation));
+      for (const d of data) result.push(join(pad(d, ''), indentation));
+      i = j;
+    } else {
+      result.push(lines[i]);
+      i += 1;
+    }
+  }
+  return result.join('\n');
+}
diff --git a/src/utils/capabilities.js b/src/utils/capabilities.js
index 85755eb..10f1910 100644
--- a/src/utils/capabilities.js
+++ b/src/utils/capabilities.js
@@ -60,6 +60,20 @@ function normalizeBuiltinTools(value) {
     });
 }
 
+function normalizeApprovalPolicy(value) {
+  const policy = asObject(value);
+  const supported = Array.isArray(policy.Modes)
+    ? policy.Modes.filter((mode) => ['ask', 'risk', 'full'].includes(mode))
+    : ['ask', 'risk', 'full'];
+  const modes = supported.length > 0 ? [...new Set(supported)] : ['ask', 'risk', 'full'];
+  const defaultMode = modes.includes(policy.DefaultMode) ? policy.DefaultMode : 'risk';
+  return {
+    Modes: modes,
+    DefaultMode: defaultMode,
+    RuntimeOverride: normalizeEnabled(policy.RuntimeOverride, true),
+  };
+}
+
 function normalizeHostedChatTransports(value) {
   if (!Array.isArray(value)) {
     return [];
@@ -172,6 +186,7 @@ export function normalizeCapabilities(bootstrap) {
       CheckpointResume: normalizeEnabled(runLifecycle.CheckpointResume, false),
       CheckpointResumePreview: normalizeEnabled(runLifecycle.CheckpointResumePreview, false),
     },
+    ApprovalPolicy: normalizeApprovalPolicy(rawCapabilities.ApprovalPolicy),
     BuiltinTools: normalizeBuiltinTools(rawCapabilities.BuiltinTools),
   };
 }
@@ -188,7 +203,7 @@ export function isNativeTerminalEnabled(capabilities) {
   return normalizeCapabilities({ Data: { Capabilities: capabilities } }).NativeTerminal.Enabled;
 }
 
-export function resolveHostedChatTransport(capabilities) {
+export function resolveHostedChatTransport(capabilities, options = {}) {
   const hostedChat = normalizeCapabilities({ Data: { Capabilities: capabilities } }).HostedChat;
   const preferred = hostedChat.Transports.find(
     (transport) => transport.Protocol === hostedChat.PreferredTransport,
@@ -196,6 +211,12 @@ export function resolveHostedChatTransport(capabilities) {
   const responses = hostedChat.Transports.find(
     (transport) => transport.Protocol === 'responses',
   );
+  // AG-UI's direct HTTP stream is tied to the browser request. A run that
+  // must survive F5/session navigation needs the detached Responses stream,
+  // which the server can replay through SubscribeRunEvents.
+  if (options.requireResumableRun && responses) {
+    return responses;
+  }
   return preferred || responses || {
     Protocol: 'responses',
     Runtime: 'ksadk',
diff --git a/src/utils/markdown.js b/src/utils/markdown.js
index 2bbe08c..27b7faf 100644
--- a/src/utils/markdown.js
+++ b/src/utils/markdown.js
@@ -31,6 +31,68 @@ function isTableRow(line) {
   return trimmed.split('|').length >= 4;
 }
 
+/**
+ * 对齐表格表头与分隔行的列数。GFM 要求表头列数 == 分隔行列数,否则
+ * react-markdown 不认、降级成纯文本。LLM 常输出表头 2 列、分隔行 3 列
+ * (或反之)的不规范表格,这里按数据行多数列数补齐表头/分隔行。
+ */
+function splitPipeCells(line) {
+  const trimmed = line.trim();
+  if (!trimmed.startsWith('|')) return [];
+  // 去掉首尾 |,按 | 切分
+  const inner = trimmed.replace(/^\|/, '').replace(/\|\s*$/, '');
+  return inner.split('|').map((c) => c.trim());
+}
+
+function joinPipeCells(cells, indentation = '') {
+  return `${indentation}| ${cells.join(' | ')} |`;
+}
+
+export function alignTableHeaderColumns(text) {
+  const lines = text.split('\n');
+  const result = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (isTableRow(line) && i + 1 < lines.length && isSeparatorRow(lines[i + 1])) {
+      const indentation = line.match(/^(\s*)/)?.[1] || '';
+      const headerCells = splitPipeCells(line);
+      const sepCells = splitPipeCells(lines[i + 1]);
+      // 收集数据行
+      const dataRows = [];
+      let j = i + 2;
+      let maxCols = Math.max(headerCells.length, sepCells.length);
+      while (j < lines.length && isTableRow(lines[j])) {
+        const cells = splitPipeCells(lines[j]);
+        maxCols = Math.max(maxCols, cells.length);
+        dataRows.push(cells);
+        j += 1;
+      }
+      // 补齐表头/分隔/数据到 maxCols
+      const pad = (cells) => {
+        const out = [...cells];
+        while (out.length < maxCols) out.push('');
+        return out;
+      };
+      const padSep = (cells) => {
+        const out = [...cells];
+        while (out.length < maxCols) out.push('---');
+        return out;
+      };
+      result.push(joinPipeCells(pad(headerCells), indentation));
+      result.push(joinPipeCells(padSep(sepCells), indentation));
+      for (const dr of dataRows) {
+        result.push(joinPipeCells(pad(dr), indentation));
+      }
+      i = j;
+    } else {
+      result.push(line);
+      i += 1;
+    }
+  }
+  return result.join('\n');
+}
+
 function isInlineTableBlob(line) {
   return isSeparatorRow(line)
     || /\|\|/.test(line)
@@ -185,7 +247,10 @@ function normalizeProseBlock(block) {
   // 标题与正文/表格粘连时补开。
   normalized = normalized.replace(/^[ \t]+(#{1,6}\s*)/gm, '$1');
   // 这里只处理“正文后面直接跟标题”的粘连，不要把 `##` / `###` 自己拆成两段。
-  normalized = normalized.replace(/([^\n#])\s*(#{1,6}\s*\S)/g, '$1\n\n$2');
+  // `| # |` is a valid table heading cell, not an inline Markdown heading.
+  // Require the first heading character to be followed by non-pipe content so
+  // a numbered-column header does not get split into an empty `#` heading.
+  normalized = normalized.replace(/([^\n#])\s*(#{1,6}\s*[^\s|])/g, '$1\n\n$2');
   normalized = normalized.replace(/^(#{1,6}\s*[^\n]+)\n(?!\n)/gm, '$1\n\n');
   normalized = normalized.replace(/^(#{1,6}[^\n|]+?)\s*(\|)/gm, '$1\n$2');
 
@@ -241,6 +306,8 @@ export function preprocessMarkdown(text) {
   let normalized = String(text).replace(/\r\n/g, '\n').replace(/\r/g, '\n').trim();
   normalized = normalizeBrokenThinkBlocks(normalized);
 
+  normalized = alignTableHeaderColumns(normalized);
+
   // 若代码块围栏数量为奇数，自动补一个闭合围栏，避免后续正文被整个吞掉。
   if ((normalized.match(/```/g) || []).length % 2 === 1) {
     normalized = `${normalized}\n\`\`\``;
diff --git a/src/utils/messages.js b/src/utils/messages.js
index 2c11e0e..8c75ca9 100644
--- a/src/utils/messages.js
+++ b/src/utils/messages.js
@@ -108,6 +108,7 @@ export function mapBackendMessage(msg) {
   }
   // 反馈控件需要 responseId/eventId/traceId/rootSpanId(后端从 event Metadata 投出)
   if (msg.MessageId) result.eventId = msg.MessageId;
+  if (msg.InvocationId) result.invocationId = msg.InvocationId;
   if (msg.ResponseId) result.responseId = msg.ResponseId;
   if (msg.TraceId) result.traceId = msg.TraceId;
   if (msg.RootSpanId) result.rootSpanId = msg.RootSpanId;
diff --git a/src/utils/recovered-run.ts b/src/utils/recovered-run.ts
new file mode 100644
index 0000000..3d4db8d
--- /dev/null
+++ b/src/utils/recovered-run.ts
@@ -0,0 +1,60 @@
+import type { Message } from '../components/chat/types.js';
+import { buildBlocksFromHistory } from '../core/run/blocks.js';
+import type { SessionEventRecord } from '../types/session-events.js';
+import { buildMessagesFromSessionEvents } from './session-events.js';
+
+function mergeRecoveredText(existing: string | undefined, recovered: string | undefined): string {
+  const previous = String(existing || '');
+  const next = String(recovered || '');
+  if (!previous || !next || previous.endsWith(next)) return previous || next;
+  if (next.startsWith(previous)) return next;
+  return `${previous}${next}`;
+}
+
+function mergeRecoveredTools(
+  existing: Message['tools'] | undefined,
+  recovered: Message['tools'] | undefined,
+): Message['tools'] | undefined {
+  if (!existing) return recovered;
+  if (!recovered) return existing;
+  return Object.fromEntries(
+    [...new Set([...Object.keys(existing), ...Object.keys(recovered)])].map((key) => [
+      key,
+      { ...(existing[key] || {}), ...(recovered[key] || {}) },
+    ]),
+  ) as Message['tools'];
+}
+
+export function mergeRecoveredRunMessages(
+  messages: Message[],
+  events: SessionEventRecord[],
+  invocationId: string,
+): Message[] {
+  const recovered = (buildMessagesFromSessionEvents(events) as Message[])
+    .filter((message) => message.role === 'model')
+    .at(-1);
+  if (!recovered) return messages;
+
+  const existingIndex = messages.findIndex((message) =>
+    message.role === 'model' && message.invocationId === invocationId,
+  );
+  const existing = existingIndex >= 0 ? messages[existingIndex] : undefined;
+  const content = mergeRecoveredText(existing?.content, recovered.content);
+  const reasoning = mergeRecoveredText(existing?.reasoning, recovered.reasoning);
+  const tools = mergeRecoveredTools(existing?.tools, recovered.tools);
+  const merged: Message = {
+    ...existing,
+    ...recovered,
+    id: existing?.id || recovered.id || `${invocationId}:assistant`,
+    invocationId,
+    content,
+    reasoning,
+    tools,
+    blocks: buildBlocksFromHistory({ content, reasoning, tools }),
+  };
+
+  if (existingIndex < 0) {
+    return [...messages, merged];
+  }
+  return messages.map((message, index) => (index === existingIndex ? merged : message));
+}
diff --git a/src/utils/run-state.js b/src/utils/run-state.js
index c496fbc..d39a90a 100644
--- a/src/utils/run-state.js
+++ b/src/utils/run-state.js
@@ -20,11 +20,31 @@ function parseTimestampMs(event) {
 }
 
 const ACTIVE_RUN_STATUSES = new Set(['in_progress', 'running', 'resuming', 'starting', 'queued', 'pending']);
+const RUNTIME_RUN_STATUS_BY_EVENT_TYPE = {
+  'run.started': 'in_progress',
+  'run.progress': 'in_progress',
+  'run.interrupted': 'interrupted',
+  'run.completed': 'completed',
+  'run.failed': 'failed',
+  'run.canceled': 'cancelled',
+};
 
 function eventType(event) {
   return String(event?.EventType || event?.event_type || '').trim();
 }
 
+function eventRunStatus(event) {
+  const type = eventType(event);
+  const content = event?.Content || event?.content || {};
+  const payload = content?.payload || event?.payload || {};
+  return String(
+    content?.status
+      || payload?.status
+      || RUNTIME_RUN_STATUS_BY_EVENT_TYPE[type]
+      || '',
+  ).trim().toLowerCase();
+}
+
 export function findActiveRunIds(events = [], options = {}) {
   const latestStatusByInvocation = new Map();
   const latestTimestampByInvocation = new Map();
@@ -45,10 +65,11 @@ export function findActiveRunIds(events = [], options = {}) {
         Math.max(latestTimestampByInvocation.get(invocationId) || 0, timestamp),
       );
     }
-    if (eventType(event) !== 'run_status') {
+    const status = eventRunStatus(event);
+    if (!status) {
       continue;
     }
-    latestStatusByInvocation.set(invocationId, String(event?.Content?.status || event?.content?.status || '').trim());
+    latestStatusByInvocation.set(invocationId, status);
   }
   return Array.from(latestStatusByInvocation.entries())
     .filter(([invocationId, status]) => {
diff --git a/src/utils/session-events.js b/src/utils/session-events.js
index 88bef46..b488910 100644
--- a/src/utils/session-events.js
+++ b/src/utils/session-events.js
@@ -26,6 +26,122 @@ const TOOL_EVENT_TYPES = new Set([
   'stage_tool_result',
 ]);
 
+const RUNTIME_RUN_STATUS_BY_EVENT_TYPE = {
+  'run.started': 'in_progress',
+  'run.progress': 'in_progress',
+  'run.interrupted': 'interrupted',
+  'run.completed': 'completed',
+  'run.failed': 'failed',
+  'run.canceled': 'cancelled',
+};
+
+function runtimePayload(event) {
+  const payload = event?.Content?.payload;
+  return payload && typeof payload === 'object' ? payload : {};
+}
+
+function mergeRuntimeDelta(previous, incoming) {
+  const left = String(previous || '');
+  const right = String(incoming || '');
+  if (!left) return right;
+  if (!right || left.endsWith(right)) return left;
+  if (right.startsWith(left)) return right;
+  return `${left}${right}`;
+}
+
+function normalizeRuntimeSessionEvent(event) {
+  const eventType = String(event?.EventType || '');
+  const payload = runtimePayload(event);
+  if (RUNTIME_RUN_STATUS_BY_EVENT_TYPE[eventType]) {
+    return {
+      ...event,
+      EventType: 'run_status',
+      Content: {
+        status: String(payload.status || RUNTIME_RUN_STATUS_BY_EVENT_TYPE[eventType]),
+        ...(payload.detail ? { detail: String(payload.detail) } : {}),
+      },
+    };
+  }
+  if (eventType === 'reasoning.delta' || eventType === 'reasoning.completed') {
+    return {
+      ...event,
+      EventType: 'reasoning',
+      Content: { role: 'model', parts: [{ text: String(payload.text || '') }] },
+    };
+  }
+  if (eventType === 'tool.call.begin') {
+    return {
+      ...event,
+      EventType: 'tool_call',
+      Metadata: {
+        ...(event.Metadata || {}),
+        tool_name: payload.name,
+        tool_args: payload.args,
+        tool_call_id: payload.call_id,
+      },
+      Content: { role: 'model', parts: [] },
+    };
+  }
+  if (eventType === 'tool.call.end') {
+    return {
+      ...event,
+      EventType: 'tool_result',
+      Metadata: {
+        ...(event.Metadata || {}),
+        tool_name: payload.name,
+        tool_output: payload.error || payload.result,
+        tool_call_id: payload.call_id,
+      },
+      Content: { role: 'model', parts: [] },
+    };
+  }
+  return event;
+}
+
+function normalizeRuntimeSessionEvents(events) {
+  const normalized = [];
+  const textByInvocation = new Map();
+  for (const event of Array.isArray(events) ? events : []) {
+    const eventType = String(event?.EventType || '');
+    if (eventType === 'text.delta' || eventType === 'text.completed') {
+      const invocationId = String(event?.InvocationId || '').trim();
+      if (!invocationId) {
+        continue;
+      }
+      const previous = textByInvocation.get(invocationId);
+      textByInvocation.set(invocationId, {
+        event,
+        text: mergeRuntimeDelta(previous?.text, runtimePayload(event).text),
+      });
+      continue;
+    }
+    normalized.push(normalizeRuntimeSessionEvent(event));
+  }
+  for (const { event, text } of textByInvocation.values()) {
+    normalized.push({
+      ...event,
+      EventType: 'assistant_stream_snapshot',
+      Content: { role: 'model', parts: [{ text }] },
+      Metadata: {
+        ...(event.Metadata || {}),
+        stream_snapshot: true,
+      },
+    });
+  }
+  return normalized.sort((left, right) => eventOrderValue(left) - eventOrderValue(right));
+}
+
+export function sessionEventRunStatus(event) {
+  const eventType = String(event?.EventType || '').trim();
+  const payload = runtimePayload(event);
+  return String(
+    event?.Content?.status
+      || payload.status
+      || RUNTIME_RUN_STATUS_BY_EVENT_TYPE[eventType]
+      || '',
+  ).trim().toLowerCase();
+}
+
 function textFromUnknown(value) {
   if (typeof value === 'string') {
     return value;
@@ -564,7 +680,7 @@ export function buildMessagesFromSessionEvents(events = []) {
   const userMessageByInvocation = new Set();
   const assistantOutputKeys = new Set();
   const seenEventIds = new Set();
-  const normalizedEvents = Array.isArray(events) ? events : [];
+  const normalizedEvents = normalizeRuntimeSessionEvents(events);
   const uniqueEvents = [];
   for (const event of normalizedEvents) {
     const eventId = String(event?.EventId || '').trim();
@@ -696,6 +812,10 @@ export function buildMessagesFromSessionEvents(events = []) {
     if (!message) {
       continue;
     }
+    const eventInvocationId = String(event.InvocationId || '').trim();
+    if (eventInvocationId) {
+      message.invocationId = eventInvocationId;
+    }
     if (TOOL_EVENT_TYPES.has(message.eventType)) {
       const invocationId = String(event.InvocationId || '').trim();
       if (!invocationId) {
@@ -807,7 +927,7 @@ export function buildMessagesFromSessionEvents(events = []) {
     });
   }
 
-  return messages.map(({ invocationId: _invocationId, ...message }) => message);
+  return messages;
 }
 
 export function mergeSessionEventRecords(baseEvents = [], incomingEvents = []) {
@@ -841,8 +961,5 @@ export function maxSeqIdFromEvents(events = []) {
 }
 
 export function eventHasTerminalRunStatus(event) {
-  if (event?.EventType !== 'run_status') {
-    return false;
-  }
-  return RUN_TERMINAL_STATUSES.has(String(event.Content?.status || '').trim().toLowerCase());
+  return RUN_TERMINAL_STATUSES.has(sessionEventRunStatus(event));
 }
diff --git a/tests/run-state.test.mjs b/tests/run-state.test.mjs
index b049bfc..6044658 100644
--- a/tests/run-state.test.mjs
+++ b/tests/run-state.test.mjs
@@ -47,6 +47,32 @@ test('run state utils keep in-progress invocations active after persisted output
   );
 });
 
+test('run state utils identify RuntimeEvent lifecycle events', async () => {
+  const runStateUtils = await loadRunStateUtils();
+
+  assert.ok(runStateUtils, 'expected run state helpers to exist');
+  assert.deepEqual(
+    runStateUtils.findActiveRunIds([
+      {
+        EventType: 'run.started',
+        InvocationId: 'runtime-active',
+        Content: { payload: { status: 'in_progress' } },
+      },
+      {
+        EventType: 'run.started',
+        InvocationId: 'runtime-done',
+        Content: { payload: { status: 'in_progress' } },
+      },
+      {
+        EventType: 'run.completed',
+        InvocationId: 'runtime-done',
+        Content: { payload: { status: 'completed' } },
+      },
+    ]),
+    ['runtime-active'],
+  );
+});
+
 test('run state utils ignore stale in-progress invocations after refresh', async () => {
   const runStateUtils = await loadRunStateUtils();
 
diff --git a/tests/session-events.test.mjs b/tests/session-events.test.mjs
index 0155e09..93f69c7 100644
--- a/tests/session-events.test.mjs
+++ b/tests/session-events.test.mjs
@@ -71,6 +71,107 @@ test('session event utils restore persisted reasoning events', async () => {
   );
 });
 
+test('session event utils replay RuntimeEvent deltas emitted by LangGraph', async () => {
+  const sessionEvents = await loadSessionEventUtils();
+
+  assert.ok(sessionEvents, 'expected session event helpers to exist');
+  const messages = sessionEvents.buildMessagesFromSessionEvents([
+    {
+      EventId: 'evt-run-start',
+      EventType: 'run.started',
+      InvocationId: 'run-runtime',
+      SeqId: 1,
+      Content: { phase: null, payload: { status: 'in_progress' } },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 1,
+    },
+    {
+      EventId: 'evt-reasoning-1',
+      EventType: 'reasoning.delta',
+      InvocationId: 'run-runtime',
+      SeqId: 2,
+      Content: { phase: 'commentary', payload: { text: '先分析' } },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 2,
+    },
+    {
+      EventId: 'evt-reasoning-2',
+      EventType: 'reasoning.delta',
+      InvocationId: 'run-runtime',
+      SeqId: 3,
+      Content: { phase: 'commentary', payload: { text: '可用工具。' } },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 3,
+    },
+    {
+      EventId: 'evt-tool-begin',
+      EventType: 'tool.call.begin',
+      InvocationId: 'run-runtime',
+      SeqId: 4,
+      Content: {
+        phase: null,
+        payload: { call_id: 'call-1', name: 'list_skills', args: { include: 'skill' } },
+      },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 4,
+    },
+    {
+      EventId: 'evt-tool-end',
+      EventType: 'tool.call.end',
+      InvocationId: 'run-runtime',
+      SeqId: 5,
+      Content: {
+        phase: null,
+        payload: { call_id: 'call-1', name: 'list_skills', result: { ok: true } },
+      },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 5,
+    },
+    {
+      EventId: 'evt-text-1',
+      EventType: 'text.delta',
+      InvocationId: 'run-runtime',
+      SeqId: 6,
+      Content: { phase: 'final_answer', payload: { text: '可以使用' } },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 6,
+    },
+    {
+      EventId: 'evt-text-2',
+      EventType: 'text.delta',
+      InvocationId: 'run-runtime',
+      SeqId: 7,
+      Content: { phase: 'final_answer', payload: { text: '这些技能。' } },
+      Metadata: { ksadk_runtime_event: true },
+      Timestamp: 7,
+    },
+  ]);
+
+  assert.deepEqual(
+    messages.map((message) => ({
+      role: message.role,
+      content: message.content,
+      reasoning: message.reasoning,
+      tools: message.tools,
+      invocationId: message.invocationId,
+    })),
+    [{
+      role: 'model',
+      content: '可以使用这些技能。',
+      reasoning: '先分析可用工具。',
+      tools: {
+        list_skills: {
+          name: 'list_skills',
+          args: '{\n  "include": "skill"\n}',
+          output: '{\n  "ok": true\n}',
+          status: 'completed',
+        },
+      },
+      invocationId: 'run-runtime',
+    }],
+  );
+});
+
 test('session event utils merge replayed subscription events before rebuilding active runs', async () => {
   const sessionEvents = await loadSessionEventUtils();
 
diff --git a/tests/sidebar-contract.test.mjs b/tests/sidebar-contract.test.mjs
index 6968247..28ec714 100644
--- a/tests/sidebar-contract.test.mjs
+++ b/tests/sidebar-contract.test.mjs
@@ -15,6 +15,15 @@ test('sidebar does not block session navigation while a run is streaming', () =>
   assert.doesNotMatch(source, /if \(!isStreaming\) \{\s*onSelectSession/);
 });
 
+test('sidebar exposes the currently selected session with a quiet visual state', () => {
+  const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatSidebar.tsx'), 'utf8');
+
+  assert.match(source, /const selected = currentSessionId === session\.SessionId/);
+  assert.match(source, /aria-current=\{selected \? 'page' : undefined\}/);
+  assert.match(source, /border-l-2 border-primary/);
+  assert.doesNotMatch(source, /当前/);
+});
+
 test('session switching does not disconnect the active run engine', () => {
   const source = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
 
@@ -38,7 +47,18 @@ test('restore subscription stays connected while active run has no new events ye
 
   assert.doesNotMatch(lifecycleSource, /RESTORE_EMPTY_SUBSCRIPTION_TIMEOUT_MS/);
   assert.doesNotMatch(lifecycleSource, /emptySubscriptionTimer/);
-  assert.match(lifecycleSource, /RESTORE_SUBSCRIPTION_TIMEOUT_MS/);
+  assert.doesNotMatch(lifecycleSource, /RESTORE_SUBSCRIPTION_TIMEOUT_MS/);
+  assert.match(lifecycleSource, /waitForRestoreRetry/);
+  assert.match(lifecycleSource, /while \(!terminalStatusSeen && isCurrentSubscription\(\)\)/);
+});
+
+test('restore subscription treats SSE heartbeats as session-scoped liveness', () => {
+  const lifecycleSource = readFileSync(resolve(repoRoot, 'src/hooks/useSessionLifecycle.ts'), 'utf8');
+
+  assert.match(
+    lifecycleSource,
+    /eventName === '__ping__'[\s\S]{0,280}updateActivity\(\{[\s\S]{0,180}sessionId: options\.sessionId[\s\S]{0,180}countEvent: false/,
+  );
 });
 
 test('run dispatcher ignores streamed tokens for inactive sessions', () => {
diff --git a/tests/ui-utils.test.mjs b/tests/ui-utils.test.mjs
index 37c7d45..eb1a4e7 100644
--- a/tests/ui-utils.test.mjs
+++ b/tests/ui-utils.test.mjs
@@ -181,6 +181,23 @@ test('preprocessMarkdown keeps table headers attached to delayed separator rows'
   assert.doesNotMatch(normalized, /\|:---------\|:-----\|:----:\|\n\| --- \| --- \| --- \|/);
 });
 
+test('preprocessMarkdown preserves a number-sign table header cell', () => {
+  const raw = [
+    '当前 Skill Space 下共有 **4 个技能**：',
+    '',
+    '| # | 技能名称 | 说明 | 版本 |',
+    '|---|---------|------|------|',
+    '| 1 | **ppt-translator** | 保留原始排版。 | v1 |',
+    '| 2 | **skill-creator** | 创建自定义技能。 | v1 |',
+  ].join('\n');
+
+  const normalized = preprocessMarkdown(raw);
+
+  assert.match(normalized, /\| # \| 技能名称 \| 说明 \| 版本 \|/);
+  assert.match(normalized, /\| --- \| --------- \| ------ \| ------ \|/);
+  assert.doesNotMatch(normalized, /^#\s*$/m);
+});
+
 test('preprocessMarkdown keeps consecutive heading markers intact', () => {
   assert.equal(preprocessMarkdown('##⏭️ 下一步'), '## ⏭️ 下一步');
   assert.equal(preprocessMarkdown('###📌 标题'), '### 📌 标题');

From 7044da10e63dce525dd0f850b6d1ac57b7c7ab4f Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 29 Jul 2026 10:19:30 +0800
Subject: [PATCH 10/61] fix(chat): compact reasoning detail typography

---
 src/components/chat/ProcessingBlocksView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index 12418ff..03ce05d 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -97,7 +97,7 @@ function ThinkingRow({ block }: { block: ThinkingBlock }) {
         </span>
       }
     >
-      <div className="custom-scrollbar max-h-[min(46vh,28rem)] overflow-y-auto py-1 text-[14px] leading-7 text-slate-600 dark:text-slate-300 [&_p]:my-2 [&_pre]:my-2">
+      <div className="custom-scrollbar max-h-[min(46vh,28rem)] overflow-y-auto py-1 text-sm leading-6 text-slate-600 dark:text-slate-300 [&_p]:my-1.5 [&_pre]:my-1.5">
         <MessageMarkdown content={block.content} />
       </div>
     </Collapsible>

From f77fb50615bf71c82366edce84ac8a5f247eef45 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 29 Jul 2026 10:32:16 +0800
Subject: [PATCH 11/61] fix(chat): preserve interleaved text stream blocks

---
 src/core/run/blocks.test.ts | 27 +++++++++++++++++++++++++++
 src/core/run/blocks.ts      | 16 ++++++++++++++++
 2 files changed, 43 insertions(+)
 create mode 100644 src/core/run/blocks.test.ts

diff --git a/src/core/run/blocks.test.ts b/src/core/run/blocks.test.ts
new file mode 100644
index 0000000..090f0e5
--- /dev/null
+++ b/src/core/run/blocks.test.ts
@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest';
+import {
+  appendTextBlock,
+  appendThinkingBlock,
+  finalizeTextBlock,
+} from './blocks.js';
+
+describe('finalizeTextBlock', () => {
+  it('preserves interleaved text blocks when done repeats the streamed aggregate', () => {
+    let blocks = appendThinkingBlock(undefined, '阶段一思考');
+    blocks = appendTextBlock(blocks, '【阶段 1/2】进度');
+    blocks = appendThinkingBlock(blocks, '阶段二思考');
+    blocks = appendTextBlock(blocks, '【阶段 2/2】答案');
+
+    const finalized = finalizeTextBlock(
+      blocks,
+      '【阶段 1/2】进度【阶段 2/2】答案',
+    );
+
+    expect(finalized.map((block) => [block.type, block.content, block.status])).toEqual([
+      ['thinking', '阶段一思考', 'done'],
+      ['text', '【阶段 1/2】进度', 'done'],
+      ['thinking', '阶段二思考', 'done'],
+      ['text', '【阶段 2/2】答案', 'done'],
+    ]);
+  });
+});
diff --git a/src/core/run/blocks.ts b/src/core/run/blocks.ts
index a266a88..0cc8746 100644
--- a/src/core/run/blocks.ts
+++ b/src/core/run/blocks.ts
@@ -92,6 +92,22 @@ export function finalizeTextBlock(
   text: string,
 ): ProcessingBlock[] {
   const base = finalizeOpenThinkingBlocks(blocks ?? []);
+  const streamedText = base
+    .filter((block): block is TextBlock => block.type === 'text')
+    .map((block) => block.content)
+    .join('');
+
+  // Responses 的 output_text.done 是整轮输出的终态快照。若它正好等于已经
+  // 收到的 text delta 聚合，不能把它回填到最后一个块：这会把
+  // [思考1][文本1][思考2][文本2] 错误折叠成最后一个混合文本块。
+  if (streamedText === text) {
+    return base.map((block) =>
+      block.type === 'text' && block.status === 'streaming'
+        ? { ...block, status: 'done' as const }
+        : block,
+    );
+  }
+
   const next = [...base];
   const lastIndex = next.map((b) => b.type).lastIndexOf('text');
   if (lastIndex >= 0 && next[lastIndex].type === 'text') {

From 860b276351ead17ab2ac4049b549a3e1b51f1a4e Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 29 Jul 2026 11:09:11 +0800
Subject: [PATCH 12/61] fix(chat): replay persisted processing blocks

---
 src/__tests__/messages-mapper.test.ts | 22 ++++++++++++++++
 src/api/messages.ts                   | 11 ++++++++
 src/core/run/blocks.ts                |  8 +++---
 src/utils/messages.js                 | 38 ++++++++++++++++++++++++++-
 4 files changed, 74 insertions(+), 5 deletions(-)

diff --git a/src/__tests__/messages-mapper.test.ts b/src/__tests__/messages-mapper.test.ts
index 9676657..2717045 100644
--- a/src/__tests__/messages-mapper.test.ts
+++ b/src/__tests__/messages-mapper.test.ts
@@ -48,6 +48,28 @@ describe('mapBackendMessage', () => {
     expect(result.tools.search.status).toBe('completed');
   });
 
+  it('uses persisted ordered blocks when replay can preserve interleaving', () => {
+    const result = mapBackendMessage({
+      MessageId: 'msg-interleaved',
+      Role: 'assistant',
+      Content: { text: '【阶段 1/2】进度。【阶段 2/2】最终答案。' },
+      Reasoning: [{ text: '合并的兼容字段', SeqId: 1 }],
+      Blocks: [
+        { Type: 'thinking', Content: '第一段思考', SeqId: 2 },
+        { Type: 'text', Content: '【阶段 1/2】进度。', SeqId: 3 },
+        { Type: 'thinking', Content: '第二段思考', SeqId: 4 },
+        { Type: 'text', Content: '【阶段 2/2】最终答案。', SeqId: 5 },
+      ],
+    } satisfies BackendMessage);
+
+    expect(result.blocks).toMatchObject([
+      { type: 'thinking', content: '第一段思考', status: 'done' },
+      { type: 'text', content: '【阶段 1/2】进度。', status: 'done' },
+      { type: 'thinking', content: '第二段思考', status: 'done' },
+      { type: 'text', content: '【阶段 2/2】最终答案。', status: 'done' },
+    ]);
+  });
+
   it('keeps same-name tool calls distinct by ToolCallId', () => {
     const result = mapBackendMessage({
       Role: 'assistant',
diff --git a/src/api/messages.ts b/src/api/messages.ts
index 3b1ad9b..6bd939d 100644
--- a/src/api/messages.ts
+++ b/src/api/messages.ts
@@ -5,6 +5,17 @@ export type BackendMessage = {
   Role: 'user' | 'assistant' | 'tool' | 'system';
   Content?: { text?: string } | unknown;
   Reasoning?: { text: string; SeqId: number }[];
+  /** Ordered persisted stream timeline for lossless history replay. */
+  Blocks?: {
+    Type: 'thinking' | 'text' | 'tool';
+    SeqId?: number;
+    Content?: string;
+    Name?: string;
+    Args?: unknown;
+    Result?: unknown;
+    Status?: 'running' | 'completed' | 'failed' | 'paused';
+    ToolCallId?: string;
+  }[];
   ToolEvents?: {
     SeqId?: number;
     Type?: string;
diff --git a/src/core/run/blocks.ts b/src/core/run/blocks.ts
index 0cc8746..2cfeac0 100644
--- a/src/core/run/blocks.ts
+++ b/src/core/run/blocks.ts
@@ -169,12 +169,12 @@ export function getProcessingBlocks(blocks: ProcessingBlock[] | undefined): Proc
 }
 
 /**
- * 从历史消息字段(reasoning/tools/content)重建交错 blocks。
- * 历史没有流式时间线,按约定顺序 [思考][工具...][正文] 重建,让刷新后
- * 历史消息也走 ProcessingBlocksView,不回退到旧 reasoning+tools+content 散装渲染。
+ * 从旧版历史字段(reasoning/tools/content)重建交错 blocks。
+ * 新版 KsADK 会提供有序 Blocks 时间线；只有旧服务或旧会话缺少该时间线时
+ * 才走这里的兼容回退，让历史消息仍走 ProcessingBlocksView。
  *
  * 顺序原因:ksadk 流式时思考在工具前、正文在工具后(appendTextBlock 先关 thinking)。
- * 历史还原无法还原多段思考被工具切断的真实交错,只能近似单段思考+工具+正文。
+ * 旧记录无法还原多段思考被工具切断的真实交错,只能近似单段思考+工具+正文。
  */
 export function buildBlocksFromHistory(input: {
   reasoning?: string;
diff --git a/src/utils/messages.js b/src/utils/messages.js
index 8c75ca9..c9e5409 100644
--- a/src/utils/messages.js
+++ b/src/utils/messages.js
@@ -84,10 +84,46 @@ function mapAttachments(attachments) {
   }));
 }
 
+function stringifyBlockValue(value) {
+  if (value === undefined || value === null) return '';
+  return typeof value === 'string' ? value : JSON.stringify(value);
+}
+
+/** Map KsADK's persisted, ordered stream timeline to the chat block model. */
+function mapPersistedBlocks(blocks) {
+  if (!Array.isArray(blocks) || !blocks.length) return undefined;
+  return blocks.flatMap((block, index) => {
+    const type = String(block?.Type || '').toLowerCase();
+    const seqId = block?.SeqId ?? index;
+    if (type === 'thinking' || type === 'text') {
+      const content = String(block?.Content || '');
+      if (!content) return [];
+      return [{
+        id: `history-${type}-${seqId}`,
+        type,
+        content,
+        status: 'done',
+      }];
+    }
+    if (type !== 'tool') return [];
+    const status = TOOL_STATUS_MAP[String(block?.Status || 'completed').toLowerCase()] ?? 'completed';
+    return [{
+      id: `history-tool-${seqId}`,
+      type: 'tool',
+      toolName: String(block?.Name || 'tool'),
+      args: stringifyBlockValue(block?.Args),
+      ...(block?.Result !== undefined ? { output: stringifyBlockValue(block.Result) } : {}),
+      status,
+      ...(block?.ToolCallId ? { extra: { previousResponseId: String(block.ToolCallId) } } : {}),
+    }];
+  });
+}
+
 export function mapBackendMessage(msg) {
   const role = msg.Role === 'assistant' ? 'model' : (msg.Role || 'user');
   const tools = msg.ToolEvents?.length ? mapToolEvents(msg.ToolEvents) : undefined;
   const attachments = mapAttachments(msg.Attachments);
+  const persistedBlocks = mapPersistedBlocks(msg.Blocks);
   const reasoning = msg.Reasoning?.length
     ? msg.Reasoning.map((r) => r.text).join('')
     : undefined;
@@ -104,7 +140,7 @@ export function mapBackendMessage(msg) {
   // 历史消息重建交错 blocks(思考→工具→正文),刷新后也走 ProcessingBlocksView,
   // 不回退到旧 reasoning+tools+content 散装渲染。
   if (role === 'model') {
-    result.blocks = buildBlocksFromHistory({ reasoning, tools, content: result.content });
+    result.blocks = persistedBlocks ?? buildBlocksFromHistory({ reasoning, tools, content: result.content });
   }
   // 反馈控件需要 responseId/eventId/traceId/rootSpanId(后端从 event Metadata 投出)
   if (msg.MessageId) result.eventId = msg.MessageId;

From f41a65965a637fa2c4fcef246887c9f8dbe65c34 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 29 Jul 2026 13:44:46 +0800
Subject: [PATCH 13/61] fix(chat): keep streaming thinking collapsed

---
 src/components/chat/ProcessingBlocksView.tsx | 75 ++++++++++----------
 1 file changed, 37 insertions(+), 38 deletions(-)

diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index 03ce05d..b85bbfa 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -1,12 +1,12 @@
 /**
  * 交错 "思考-行动-思考-输出" 渲染,照抄 Wegent/wework 的视觉节奏:
- * - 思考块:流式→单行"思考中 · 预览"(shimmer);完成→单行"已思考 · N字"+chevron 展开
+ * - 思考块:默认折叠；流式时只显示"思考中"动效，点击后才显示实时内容
  * - 工具块:单行活动行(图标+状态文案+duration),展开才出详情
  * - 正文块:平铺 markdown
  * 核心是"活动行优先、详情按需",不占大块视觉,保留时间线交错节奏。
  */
 
-import { ChevronDown, FileDiff, Globe2, LoaderCircle, Brain, Wrench } from 'lucide-react';
+import { ChevronDown, FileDiff, Globe2, LoaderCircle, Sparkles, Wrench } from 'lucide-react';
 import { useState, type ReactNode } from 'react';
 import { cn } from '@/lib/utils';
 import { MessageMarkdown } from '../MessageMarkdown';
@@ -59,48 +59,47 @@ function Collapsible({
   );
 }
 
-/** 去 markdown 标记取末句预览(粗略:取最后一段非空文本)。 */
-function plainPreview(text: string, max = 96): string {
-  const stripped = text.replace(/[#*`>-]/g, '').replace(/\s+/g, ' ').trim();
-  if (stripped.length <= max) return stripped;
-  return stripped.slice(-max);
-}
-
 function ThinkingRow({ block }: { block: ThinkingBlock }) {
+  const [open, setOpen] = useState(false);
   const generating = block.status === 'streaming';
-  if (generating) {
-    // 流式:单行"思考中 · 预览",不折叠,带 shimmer
-    const preview = plainPreview(block.content);
-    return (
-      <div className="mb-1.5 flex items-center gap-1.5 px-1 py-1 text-[13px] text-slate-400 dark:text-slate-500">
-        <Brain className="h-3.5 w-3.5 shrink-0" />
-        <span className="animate-pulse">思考中</span>
-        {preview && (
+  const len = block.content.length;
+  const detailId = `${block.id}-thinking-detail`;
+
+  // 思考正文会持续增量更新。默认折叠时不挂载正文，避免“思考中”
+  // 状态行变成不断闪动的预览；用户展开后才阅读实时详情。
+  return (
+    <div className="mb-1.5 min-w-0">
+      <button
+        type="button"
+        aria-expanded={open}
+        aria-controls={detailId}
+        onClick={() => setOpen((value) => !value)}
+        className="flex w-full items-center gap-1.5 rounded px-1 py-1 text-left text-[13px] leading-5 text-slate-400 transition-colors hover:bg-slate-100/70 hover:text-slate-500 dark:text-slate-500 dark:hover:bg-slate-800/40 dark:hover:text-slate-400"
+      >
+        <Sparkles
+          className={cn(
+            'h-3.5 w-3.5 shrink-0',
+            generating && 'animate-pulse motion-reduce:animate-none',
+          )}
+        />
+        <span className="min-w-0 truncate">{generating ? '思考中' : '已思考'}</span>
+        {!generating && (
           <>
             <span className="text-slate-300 dark:text-slate-600">·</span>
-            <span className="min-w-0 flex-1 truncate">{preview}</span>
+            <span className="font-mono text-xs text-slate-400 dark:text-slate-500">{len} 字</span>
           </>
         )}
-      </div>
-    );
-  }
-  // 完成:单行"已思考 · N字"+chevron 展开
-  const len = block.content.length;
-  return (
-    <Collapsible
-      summary={
-        <span className="flex items-center gap-1.5">
-          <Brain className="h-3.5 w-3.5 text-slate-400" />
-          <span>已思考</span>
-          <span className="text-slate-300 dark:text-slate-600">·</span>
-          <span className="font-mono text-xs text-slate-400">{len} 字</span>
-        </span>
-      }
-    >
-      <div className="custom-scrollbar max-h-[min(46vh,28rem)] overflow-y-auto py-1 text-sm leading-6 text-slate-600 dark:text-slate-300 [&_p]:my-1.5 [&_pre]:my-1.5">
-        <MessageMarkdown content={block.content} />
-      </div>
-    </Collapsible>
+        <ChevronDown className={cn('h-3.5 w-3.5 shrink-0 transition-transform', open && 'rotate-180')} />
+      </button>
+      {open && block.content && (
+        <div
+          id={detailId}
+          className="custom-scrollbar mt-1.5 max-h-[min(46vh,28rem)] overflow-y-auto border-l border-slate-200/80 pl-3.5 text-[12px] leading-5 text-slate-500 dark:border-slate-700/60 dark:text-slate-400 [&_h1]:!mb-2 [&_h1]:!mt-3 [&_h1]:!text-[13px] [&_h2]:!mb-1.5 [&_h2]:!mt-3 [&_h2]:!text-[12px] [&_h3]:!mb-1 [&_h3]:!mt-2.5 [&_h3]:!text-[12px] [&_li]:!text-[12px] [&_li]:!leading-5 [&_p]:!my-1.5 [&_p]:!text-[12px] [&_p]:!leading-5 [&_p]:!text-slate-500 dark:[&_p]:!text-slate-400 [&_pre]:!my-1.5"
+        >
+          <MessageMarkdown content={block.content} />
+        </div>
+      )}
+    </div>
   );
 }
 

From 7b338750d847b7d94a5f353f941bef73a06ad859 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 30 Jul 2026 10:08:03 +0800
Subject: [PATCH 14/61] fix(feedback): bind ratings by response id

---
 src/utils/feedback.js         |  5 -----
 tests/feedback-utils.test.mjs | 10 ++++++++--
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/utils/feedback.js b/src/utils/feedback.js
index 34ffb9e..046920c 100644
--- a/src/utils/feedback.js
+++ b/src/utils/feedback.js
@@ -46,7 +46,6 @@ export function shouldRenderFeedbackControls(message, isStreaming, isLastMessage
   return Boolean(
     message?.role === 'model' &&
       textValue(message.responseId) &&
-      textValue(message.eventId) &&
       !(isStreaming && isLastMessage),
   );
 }
@@ -88,15 +87,11 @@ export function buildUpsertFeedbackPayload({
   }
   const payload = {
     ...buildGetFeedbackPayload({ agentId, sessionId, message }),
-    EventId: textValue(message?.eventId),
     Rating: normalized,
     Comment: String(comment || ''),
     TraceId: textValue(message?.traceId),
     RootSpanId: textValue(message?.rootSpanId),
   };
-  if (!payload.EventId) {
-    throw new Error('Message missing event id');
-  }
   return payload;
 }
 
diff --git a/tests/feedback-utils.test.mjs b/tests/feedback-utils.test.mjs
index e68556c..446ffe8 100644
--- a/tests/feedback-utils.test.mjs
+++ b/tests/feedback-utils.test.mjs
@@ -30,6 +30,14 @@ test('feedback utils expose assistant response feedback state', async () => {
     ),
     true,
   );
+  assert.equal(
+    feedback.shouldRenderFeedbackControls(
+      { role: 'model', responseId: 'resp_123' },
+      false,
+      true,
+    ),
+    true,
+  );
 
   assert.deepEqual(
     feedback.normalizeFeedback({
@@ -81,7 +89,6 @@ test('feedback utils build action payloads for up and down feedback', async () =
       AgentId: 'agent-1',
       SessionId: 'sess-1',
       ResponseId: 'resp_123',
-      EventId: 'ev_1',
       Rating: 'up',
       Comment: '',
       TraceId: 'trace-1',
@@ -101,7 +108,6 @@ test('feedback utils build action payloads for up and down feedback', async () =
       AgentId: 'agent-1',
       SessionId: 'sess-1',
       ResponseId: 'resp_123',
-      EventId: 'ev_1',
       Rating: 'down',
       Comment: '不准确',
       TraceId: 'trace-1',

From a4e3a3603aa8ef5fc3db58525b2855ac1bb262d0 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 6 Aug 2026 19:12:27 +0800
Subject: [PATCH 15/61] fix(terminal): close stale terminal sessions when
 sessionId changes

When the control-plane sessionId changes (user picks another conversation or
creates a new one), the terminal sessions bound to the previous sessionId were
left running server-side, leaking pty processes. DELETE them before refreshing
for the new sessionId so each conversation owns only its current terminal.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 src/components/native/NativeTerminalPanel.tsx | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/native/NativeTerminalPanel.tsx b/src/components/native/NativeTerminalPanel.tsx
index 9a57e39..945c3eb 100644
--- a/src/components/native/NativeTerminalPanel.tsx
+++ b/src/components/native/NativeTerminalPanel.tsx
@@ -172,6 +172,26 @@ export function NativeTerminalPanel({
     }
   }, [capability.Enabled, open]);
 
+  // When the control-plane sessionId changes, the terminal sessions bound to
+  // the previous sessionId are stale (their pty processes keep running and
+  // leak). Close them server-side before refreshing for the new sessionId.
+  const prevSessionIdRef = useRef<string | null | undefined>(undefined);
+  useEffect(() => {
+    if (prevSessionIdRef.current !== undefined && prevSessionIdRef.current !== sessionId) {
+      const stale = terminalSessionsRef.current;
+      setTerminalSessions([]);
+      setActiveTerminalSessionId(null);
+      void Promise.all(
+        stale.map((session) =>
+          fetch(`${TERMINAL_SESSIONS_ENDPOINT}/${session.terminal_session_id}`, {
+            method: 'DELETE',
+          }).catch(() => {}),
+        ),
+      );
+    }
+    prevSessionIdRef.current = sessionId;
+  }, [sessionId]);
+
   const attachTerminalSession = useCallback(async (session: TerminalSession) => {
     if (!containerRef.current) {
       return () => {};

From 442cb7c172b5aa36c60c8d8ec73d43cce004e8a4 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 12 Aug 2026 11:09:36 +0800
Subject: [PATCH 16/61] fix(stream): reduce output by runtime item identity

Introduce RuntimeItemReducer (src/core/stream/runtime-items.ts) as the single
canonical store for streaming output. It reduces identity-addressed item
operations into a per-run projection keyed by runId/scopeId/itemId/partId,
replacing the legacy v1 heuristic dedup (lastText / per-agent accumulator /
startswith / suffix overlap / text hash).

Ingress adapters normalize three sources into the same item operations:
- Responses SSE output item ids
- Session events Metadata.RuntimeItem
- Legacy server events (no identity) -> synthesized ${invocationId}:legacy-assistant

assistant_stream_snapshot -> replace, assistant_message -> complete. Nothing
inspects body text to decide identity.

npm test: 153 passed. build:ksadk + build:hosted pass.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/__tests__/runtime-items.test.ts   | 332 ++++++++++++++++++++++++++
 src/components/chat/types.ts          |   8 +
 src/core/stream/index.ts              |  13 +
 src/core/stream/responses-protocol.ts |  17 ++
 src/core/stream/runtime-items.ts      | Bin 0 -> 15217 bytes
 src/stores/streaming.ts               |  34 ++-
 src/utils/responses-stream.js         |   8 +
 src/utils/session-events.js           |  31 +++
 tests/responses-stream.test.mjs       |  60 +++++
 tests/session-events.test.mjs         | 107 +++++++++
 10 files changed, 608 insertions(+), 2 deletions(-)
 create mode 100644 src/__tests__/runtime-items.test.ts
 create mode 100644 src/core/stream/runtime-items.ts

diff --git a/src/__tests__/runtime-items.test.ts b/src/__tests__/runtime-items.test.ts
new file mode 100644
index 0000000..c861cfc
--- /dev/null
+++ b/src/__tests__/runtime-items.test.ts
@@ -0,0 +1,332 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+  RuntimeItemReducer,
+  legacyAssistantIdentity,
+  projectRuntimeItems,
+  responsesEventToItemOperations,
+  sessionEventToItemOperation,
+  type RuntimeItemOperation,
+} from '../core/stream/runtime-items.js';
+
+const RUN = 'run-1';
+const SCOPE = 'scope-1';
+
+function start(itemId: string, scopeId = SCOPE): RuntimeItemOperation {
+  return {
+    type: 'item_started',
+    runId: RUN,
+    scopeId,
+    itemId,
+    itemKind: 'message',
+    phase: 'final_answer',
+  };
+}
+
+function append(itemId: string, text: string, scopeId = SCOPE): RuntimeItemOperation {
+  return {
+    type: 'item_updated',
+    runId: RUN,
+    scopeId,
+    itemId,
+    partId: 'text-0',
+    op: 'append',
+    part: { partId: 'text-0', contentType: 'text', text },
+  };
+}
+
+function replace(itemId: string, text: string, scopeId = SCOPE): RuntimeItemOperation {
+  return {
+    type: 'item_snapshot_replaced',
+    runId: RUN,
+    scopeId,
+    itemId,
+    parts: [{ partId: 'text-0', contentType: 'text', text }],
+  };
+}
+
+function complete(itemId: string, text: string, scopeId = SCOPE): RuntimeItemOperation {
+  return {
+    type: 'item_completed',
+    runId: RUN,
+    scopeId,
+    itemId,
+    parts: [{ partId: 'text-0', contentType: 'text', text }],
+  };
+}
+
+function twoCompletedItems(text: string): RuntimeItemReducer {
+  const reducer = new RuntimeItemReducer();
+  reducer.apply(start('item-1'));
+  reducer.apply(complete('item-1', text));
+  reducer.apply(start('item-2'));
+  reducer.apply(complete('item-2', text));
+  return reducer;
+}
+
+function project(reducer: RuntimeItemReducer) {
+  return projectRuntimeItems(reducer.snapshot());
+}
+
+describe('RuntimeItemReducer', () => {
+  it('replaces a completed snapshot without appending it twice', () => {
+    const reducer = new RuntimeItemReducer();
+    reducer.apply(start('item-1'));
+    reducer.apply(append('item-1', 'hel'));
+    reducer.apply(complete('item-1', 'hello'));
+    expect(reducer.snapshot().items[0].parts[0].text).toBe('hello');
+  });
+
+  it('preserves identical text from distinct item ids', () => {
+    expect(project(twoCompletedItems('same')).map((item) => item.text)).toEqual(['same', 'same']);
+  });
+
+  it('appends deltas onto the same part by identity', () => {
+    const reducer = new RuntimeItemReducer();
+    reducer.apply(start('item-1'));
+    reducer.apply(append('item-1', 'he'));
+    reducer.apply(append('item-1', 'llo'));
+    expect(reducer.snapshot().items[0].parts[0].text).toBe('hello');
+  });
+
+  it('replaces a streaming snapshot instead of merging text', () => {
+    const reducer = new RuntimeItemReducer();
+    reducer.apply(start('item-1'));
+    reducer.apply(append('item-1', 'hel'));
+    reducer.apply(replace('item-1', 'hello w'));
+    reducer.apply(replace('item-1', 'hello world'));
+    expect(reducer.snapshot().items[0].parts[0].text).toBe('hello world');
+  });
+
+  it('treats a repeated event id as an idempotent replay no-op', () => {
+    const reducer = new RuntimeItemReducer();
+    const delta: RuntimeItemOperation = { ...append('item-1', 'hel'), eventId: 'evt-1', seq: 1 };
+    reducer.apply(start('item-1'));
+    reducer.apply(delta);
+    reducer.apply(delta);
+    reducer.apply({ ...append('item-1', 'lo'), eventId: 'evt-2', seq: 2 });
+    expect(reducer.snapshot().items[0].parts[0].text).toBe('hello');
+  });
+
+  it('keeps interleaved subagent scopes independent', () => {
+    const reducer = new RuntimeItemReducer();
+    reducer.apply(start('item-a', 'scope-a'));
+    reducer.apply(start('item-b', 'scope-b'));
+    reducer.apply(append('item-a', 'A1', 'scope-a'));
+    reducer.apply(append('item-b', 'B1', 'scope-b'));
+    reducer.apply(append('item-a', 'A2', 'scope-a'));
+    reducer.apply(complete('item-b', 'B1-done', 'scope-b'));
+    const snapshot = reducer.snapshot();
+    const itemA = snapshot.items.find((item) => item.itemId === 'item-a');
+    const itemB = snapshot.items.find((item) => item.itemId === 'item-b');
+    expect(itemA?.parts[0].text).toBe('A1A2');
+    expect(itemA?.status).toBe('open');
+    expect(itemB?.parts[0].text).toBe('B1-done');
+    expect(itemB?.status).toBe('completed');
+  });
+
+  it('rebuilds the same projection on refresh replay and cursor reconnect', () => {
+    const log: RuntimeItemOperation[] = [
+      { type: 'run_started', runId: RUN, eventId: 'e0', seq: 0 },
+      { ...start('item-1'), eventId: 'e1', seq: 1 },
+      { ...append('item-1', 'hel'), eventId: 'e2', seq: 2 },
+      { ...append('item-1', 'lo'), eventId: 'e3', seq: 3 },
+      { ...complete('item-1', 'hello'), eventId: 'e4', seq: 4 },
+      { type: 'run_completed', runId: RUN, eventId: 'e5', seq: 5 },
+    ];
+    const live = new RuntimeItemReducer();
+    live.applyAll(log);
+
+    // Refresh replay: a brand new reducer over the full log.
+    const replayed = new RuntimeItemReducer();
+    replayed.applyAll(log);
+
+    // Cursor reconnect: re-applying the tail to the live reducer is a no-op.
+    live.applyAll(log.slice(2));
+
+    expect(replayed.snapshot()).toEqual(live.snapshot());
+    expect(live.snapshot().items[0].parts[0].text).toBe('hello');
+    expect(live.snapshot().status).toBe('completed');
+  });
+});
+
+describe('sessionEventToItemOperation', () => {
+  it('maps canonical Metadata.RuntimeItem assistant_message to a completed item', () => {
+    const operation = sessionEventToItemOperation({
+      EventType: 'assistant_message',
+      InvocationId: 'inv-1',
+      EventId: 'evt-assistant',
+      Content: { parts: [{ text: '最终答案' }] },
+      Metadata: {
+        RuntimeItem: {
+          RunId: 'run-9',
+          ScopeId: 'scope-9',
+          ItemId: 'item-9',
+          PartId: 'text-0',
+          Operation: 'replace',
+          SourceEventId: 'native-1',
+        },
+      },
+    });
+    expect(operation).toMatchObject({
+      type: 'item_completed',
+      runId: 'run-9',
+      scopeId: 'scope-9',
+      itemId: 'item-9',
+      eventId: 'native-1',
+    });
+  });
+
+  it('maps canonical deltas to append/replace by Operation without touching text', () => {
+    const base = {
+      InvocationId: 'inv-1',
+      Content: { parts: [{ text: 'chunk' }] },
+      Metadata: {
+        RuntimeItem: {
+          RunId: 'run-9',
+          ScopeId: 'scope-9',
+          ItemId: 'item-9',
+          PartId: 'text-0',
+          SourceEventId: 'native-2',
+        },
+      },
+    };
+    const appended = sessionEventToItemOperation({
+      ...base,
+      EventType: 'assistant_stream_delta',
+      Metadata: { RuntimeItem: { ...base.Metadata.RuntimeItem, Operation: 'append' } },
+    });
+    expect(appended).toMatchObject({ type: 'item_updated', op: 'append' });
+
+    const replaced = sessionEventToItemOperation({
+      ...base,
+      EventType: 'assistant_stream_delta',
+      Metadata: { RuntimeItem: { ...base.Metadata.RuntimeItem, Operation: 'replace' } },
+    });
+    expect(replaced).toMatchObject({ type: 'item_updated', op: 'replace' });
+  });
+
+  it('maps legacy assistant_stream_snapshot to a replace on the synthesized identity', () => {
+    const operation = sessionEventToItemOperation({
+      EventType: 'assistant_stream_snapshot',
+      InvocationId: 'inv-1',
+      EventId: 'evt-snap',
+      Content: { parts: [{ text: 'partial' }] },
+    });
+    expect(operation).toMatchObject({
+      type: 'item_snapshot_replaced',
+      scopeId: 'inv-1',
+      itemId: 'inv-1:legacy-assistant',
+    });
+  });
+
+  it('maps legacy assistant_message to a complete on the synthesized identity', () => {
+    const operation = sessionEventToItemOperation({
+      EventType: 'assistant_message',
+      InvocationId: 'inv-1',
+      EventId: 'evt-final',
+      Content: { parts: [{ text: 'done' }] },
+    });
+    expect(operation).toMatchObject({
+      type: 'item_completed',
+      scopeId: 'inv-1',
+      itemId: 'inv-1:legacy-assistant',
+    });
+  });
+
+  it('reduces a legacy snapshot-then-final run to one assistant item', () => {
+    const reducer = new RuntimeItemReducer();
+    const events = [
+      {
+        EventType: 'assistant_stream_snapshot',
+        InvocationId: 'inv-1',
+        EventId: 'e1',
+        Content: { parts: [{ text: 'hel' }] },
+      },
+      {
+        EventType: 'assistant_stream_snapshot',
+        InvocationId: 'inv-1',
+        EventId: 'e2',
+        Content: { parts: [{ text: 'hello' }] },
+      },
+      {
+        EventType: 'assistant_message',
+        InvocationId: 'inv-1',
+        EventId: 'e3',
+        Content: { parts: [{ text: 'hello' }] },
+      },
+    ];
+    for (const event of events) {
+      const operation = sessionEventToItemOperation(event);
+      if (operation) reducer.apply(operation);
+    }
+    const snapshot = reducer.snapshot();
+    expect(snapshot.items).toHaveLength(1);
+    expect(snapshot.items[0].parts[0].text).toBe('hello');
+    expect(snapshot.items[0].status).toBe('completed');
+  });
+
+  it('synthesizes the legacy identity from the invocation id only', () => {
+    expect(legacyAssistantIdentity('inv-1')).toEqual({
+      scopeId: 'inv-1',
+      itemId: 'inv-1:legacy-assistant',
+    });
+  });
+});
+
+describe('responsesEventToItemOperations', () => {
+  it('keys a Responses message item by its output item id', () => {
+    const operations = [
+      ...responsesEventToItemOperations(
+        'response.output_item.added',
+        { item: { id: 'msg_1', type: 'message' } },
+        RUN,
+        SCOPE,
+      ),
+      ...responsesEventToItemOperations(
+        'response.output_text.delta',
+        { item_id: 'msg_1', delta: 'hel' },
+        RUN,
+        SCOPE,
+      ),
+      ...responsesEventToItemOperations(
+        'response.output_item.done',
+        { item: { id: 'msg_1', type: 'message', content: [{ type: 'output_text', text: 'hello' }] } },
+        RUN,
+        SCOPE,
+      ),
+    ];
+    const reducer = new RuntimeItemReducer();
+    reducer.applyAll(operations);
+    const snapshot = reducer.snapshot();
+    expect(snapshot.items).toHaveLength(1);
+    expect(snapshot.items[0].itemId).toBe('msg_1');
+    expect(snapshot.items[0].parts[0].text).toBe('hello');
+    expect(snapshot.items[0].status).toBe('completed');
+  });
+
+  it('keeps two Responses output items with identical text distinct', () => {
+    const reducer = new RuntimeItemReducer();
+    for (const itemId of ['msg_1', 'msg_2']) {
+      reducer.applyAll(
+        responsesEventToItemOperations(
+          'response.output_item.added',
+          { item: { id: itemId, type: 'message' } },
+          RUN,
+          SCOPE,
+        ),
+      );
+      reducer.applyAll(
+        responsesEventToItemOperations(
+          'response.output_item.done',
+          { item: { id: itemId, type: 'message', content: [{ type: 'output_text', text: 'same' }] } },
+          RUN,
+          SCOPE,
+        ),
+      );
+    }
+    const snapshot = reducer.snapshot();
+    expect(snapshot.items.map((item) => item.itemId)).toEqual(['msg_1', 'msg_2']);
+    expect(projectRuntimeItems(snapshot).map((item) => item.text)).toEqual(['same', 'same']);
+  });
+});
diff --git a/src/components/chat/types.ts b/src/components/chat/types.ts
index d7124b4..6c72900 100644
--- a/src/components/chat/types.ts
+++ b/src/components/chat/types.ts
@@ -21,6 +21,14 @@ export type Message = {
   traceId?: string;
   rootSpanId?: string;
   eventType?: string;
+  /**
+   * schema v2 runtime item identity. 存在时渲染/反馈按 runId/scopeId/itemId/partId
+   * 归并,替代 v1 的文本启发式去重。
+   */
+  runId?: string;
+  scopeId?: string;
+  itemId?: string;
+  partId?: string;
   status?: 'running' | 'completed' | 'failed' | 'cancelled';
   summary?: string;
   trigger?: string;
diff --git a/src/core/stream/index.ts b/src/core/stream/index.ts
index 18ee56f..0641b14 100644
--- a/src/core/stream/index.ts
+++ b/src/core/stream/index.ts
@@ -11,3 +11,16 @@ export function createProtocol(apiFormat: string): StreamProtocol {
 }
 
 export type { StreamProtocol, StreamAction } from './types.js';
+export {
+  RuntimeItemReducer,
+  legacyAssistantIdentity,
+  projectRuntimeItems,
+  responsesEventToItemOperations,
+  sessionEventToItemOperation,
+} from './runtime-items.js';
+export type {
+  RuntimeItem,
+  RuntimeItemOperation,
+  RuntimeItemProjection,
+  RuntimeItemSnapshot,
+} from './runtime-items.js';
diff --git a/src/core/stream/responses-protocol.ts b/src/core/stream/responses-protocol.ts
index e0719c2..ad93f82 100644
--- a/src/core/stream/responses-protocol.ts
+++ b/src/core/stream/responses-protocol.ts
@@ -4,6 +4,10 @@ import {
   createResponsesStreamState,
   normalizeResponsesStreamEvent,
 } from '../../utils/responses-stream.js';
+import {
+  responsesEventToItemOperations,
+  type RuntimeItemOperation,
+} from './runtime-items.js';
 
 export class ResponsesProtocol implements StreamProtocol {
   readonly id = 'responses';
@@ -12,6 +16,19 @@ export class ResponsesProtocol implements StreamProtocol {
     return createResponsesStreamState() as Record<string, unknown>;
   }
 
+  /**
+   * Identity-aware item operations for one transport event, keyed by the
+   * Responses output item id. This is the schema-v2 path; `parse` remains the
+   * legacy action projection for the existing dispatcher.
+   */
+  parseItemOperations(
+    event: TransportEvent,
+    runId: string,
+    scopeId: string,
+  ): RuntimeItemOperation[] {
+    return responsesEventToItemOperations(event.eventName, event.data as Record<string, unknown>, runId, scopeId);
+  }
+
   parse(event: TransportEvent, state: Record<string, unknown>): StreamAction[] {
     const actions = normalizeResponsesStreamEvent({
       eventName: event.eventName,
diff --git a/src/core/stream/runtime-items.ts b/src/core/stream/runtime-items.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b1728ff92c4368a7ce00a69c0ee14b5d14bd0fbb
GIT binary patch
literal 15217
zcmd5@TW=e=74CC>1s5o4DX=GPAMH(CBTWmT+ihU`r3eCRBGIvSr5WwaD30p&fA9C5
z!$Wd(i+8gqD&(T!kca1fBlY6>^Jnh48%=%H&ARnTd0#f(H7h(Vyqk4?;Tk_(O?=}9
z?c~lcO84o{!vbr#?D}rjI{fMGylZFG$GLZtvZ|}uq@269s{!h^Zt$(~<pS?rz3P^$
zu5hC+fNcq87I&Xc8{f8msyo+9-;~{~uCPhf)vk0HI015Q+0;My311xp&~jc*2pwn;
z+}wXGCu{fVPwvjInpxY;CT<EMmToXF+wR(b?%WFjRel87uAEF(i`BdYz8G)2vgz9U
zS$F4N5L&ysy`6n_^(WuV%OxgsTz^-#cf-QH!RXp8R-K?pR{ZGKK>x#<OUFQUG$qUl
zNRe;ksC-#sm(g^5=Bm28Bl341+?rMG5_GlhLp@#VPF+n<Q$GQhBBx9Mqv|6W=E`Zg
z?0nM#TC*tUv;TN7qw$bRy=o>t@K3~4np_iiPq~A0C+^a>OK=<Wuddz%VW}u)(-t#0
z>6Lr<%Y0V-2)>8OU_#Yh*CUYjuPCucgLwt~ASdTJt99dl`VQE3WpSxW#%1FSEOzJo
zT|gtu?^MFAZ@_<pJgDl(pP?Yyt}Bq-f*Vse{{6$O`czLuP^0PNscOkdiQORbsv860
z7tfyg&&#^$T(@3&mtpviSv7SppE>ulJ6ZrkXwH#7LA6_GeDyIrcXd6#f&S0)XYgt@
z@4^TqKf5g__DE(No$cNEEmY0Bm+oj%FBV{7*{qL<#qF#r=Qm~5-uvdj@++w3s^xmf
zyONavw4D3SPZdr%o8#*?0%;}GSP0~{Fht)pD`=Z8-wBKp;Rq%^Kz{N3xx0uSq6P?<
z9WCG(nrkNiVeQ7jDjdykR=Khg?JFpmJ%V`)D4^~E!qCO1bT<&k8Ac|$)is29>W*l*
zLh=s~n0yh|6WJ&duHwA&9L%S3zVaAZRX<kseRcNi5!?bzRPpc4;5L0$(esXVHDANJ
z;rzr|noou6@yo6~bI=z;1KxdmhNGkR#Ul8Y_O4udn*LsHMEeW6O1AJrbp{6@$Q$u*
zB5-|$vC%ZAmczke^|-)sG2+p5YrOS8VXRs$KKO<#bPl!(#_rg^uQ0^uRyB}v;A2!A
z8^~2ofjdU1{~6Zw*}sTwo7_~VziX6k<#f}}7>!F>KG=Gh9Hlq|d;fG{I4IVvo0W4~
zOS=IQL+{=z%$-6L@>fgP$`iF_7opq2B3P2&$A%+D-?lwdvFarhxm?1TsRPpR@8Q7s
zR=q%<XCTmCKAmOzS<zPIvc0Rjo3Jx|r*3^nDSu0*v|IF<0KeKoMc924m7!px|8q+F
z+ClaGRiti5H|Dn^s9=a4TcQgdFc%vc(br>+>^0#-<_jl`sN55yhFdb2df$I%bTjVk
ziGx=`D|gWYM_R4sbHdIx)(x|Fq^7?wc^zV%`x_EuCfn7NIk+#8pQbF_)wiy$v|u=n
zIWU5E>u#}g%*zf&@|e@_qCt??H2Sbiw!Ox$mQu8XQ{?0I+?NRbnjRz+$e!C(CAEko
zEC29oR7yy;lByibi}XCS<q{to->sU832IpO_&emPqHB+1@IQk;nS;qxh5@PUsSig1
zH;)w<$v1d#MNx2_1I~aN5|~RV?@%FZ7hxb`qyB=KWKxe+NLY%fJV))oL_Ahr?J!ms
z7n;qnN?KL3pH?0z(b#xpJQ|`TLY+r6d-FJgdWlIAKOsTv?n=x9uZRkUPu!SKHz8b&
zWu6=7F=NcE5M_X`@E4^kt2v~Jwd7^~Gt0&5qiw@o&%$~OG-Ig+?;C6cu5}wbZ$*bO
z>OVy)s?#{stW4|FW{z65dfWH@4(isHbAOBq4*ZBqoxyh%Vp-#+_3FdipJ+U6BQBRR
zG+%=hCeaf1loxm^=VHDmt@lv75E92^H}mbOUo2}T=!Q#GpVTOwW!}kbs<^L*#{q*<
zSx5{^6x(%0Bw~U(LB-wXTB+*RXu{siK0yfmWG*-)_yF@+%P?)9@7ghy1Zv7npT-IP
z-u<&&eyg>?agNce!BD)eA!AF)o;NI7N2q-j!j<m=1X%=U0LIVPgJ>u{1B}Ty?DA6$
z&OKlOQn6c?78HT~!|+mHGuton{R^amI~Ju?$cV*_kP?2FzVNdR2?f^<NV*PQfs5Gv
znB3)9vVKULO<0lkiV4_w_{fG5O~JFsmqJDiIYTR!rg$p_W}48aCT*D40vnsEdSKUH
zjrwJf(YB8E0!&lB3@&6!dtq&4Qk#NHq{cdEFQ_=<FjnFb!JUQ){5CN7RTxRq39$y1
z<}NAZ{&f?Yy4_z6&YW6GsW;FJzSokRUxsXwo<UV63njb7g+SX%diceiXlP<K(&L~v
zfV-BQM=aaT>yK!6MyJZQWAeG;-Gw$Z2T<Raw_Y-&;8!l@^Rz!QGcdL(;qJe^Och~t
zGOzkxhJDuoB3+B<W?@{iG<#^1J&Vn5c(R}ckvtR8pr2%zM1uPYxy(aw2V(W7>V)L`
zad=^_T-}rS0eeNMfYytqDc8kqQ!fTGNrnsQ#I%FquvnDK!GME9_wtn+*p7}#4u=g~
zOs6?0=}#+bV=6VYnUBNp73oossYM=NwW~(;K?sN(J#`QL=yhhT6HD>VBt1#FpFZy{
zeBC2)=`%PB8o6tIso`-$hQi~0epf?+ssy^!m`0W`U5(@vAp<>5IwQ;+O@lh1Z78d-
zIFrgp-wgmU%wc@{MkQlX;S-kFV{G4~jeFV=`%kAC9)?=bAOuPPC0`Q|9Wi<83@y+4
zb2#RHM!U&6xoL?hrglryI1@o=<-7MbBuYXrnem}jK4>bN8IbvSL3vBL#50dT%wSWu
z-hA#F^oe(x`!O^xboEGf>`%GJS46Sz48Bh2y4q6XFNxmfCDrUFJW>|BZ=k>{l#=LT
z`)Qhr{zb^Z3!Rte5Hdpc@nZ>29-?v$CsPd7%zUFFn6hHp;jQ}E=Y6z<HaAn>f-U0~
zMLv1M=_nb|yPBiP0_fK$gLUf;D8m!^qq2v+_|G6M(OE!n(-DUUQj3ZgrjZC6aKiNx
z0#2OZo9INyQHA)e`{OPq7Ryz8H;5iO^G}2`45BluO01NIKLXxl)u2zoV}XS5JK6EQ
zPVUPT)eW&dvI1`xN?|!b?nTQqb6X>~umG5cpvMST0bTPftVmDU4hZ9gl&Ex9M~}aM
z=<_sxH&y`K(Q7k#`Wnr$G$3VaU$0|{J>W~9zRg%o9!s`m29pxCuc0bsh&*#3KJidu
zzdPkLAT0j>kca7&dlE->DcF-pH@7Do(@@o0$AF-^EHq?foy+;59s8k!o|PewSvTmd
zHsO%N+7XpW97hOflH6{00l8IMxW7v0WD@cNoENiyz{>>X{JvbHzk!1-p4U!~r5)k!
z@6dff|6|r@0|EK3wxDo!+G`=i?pkO!UZ&)?WymxHd$qUarN__u=~SQ(2h8u@iw&xS
zOP$Pq1GG2&CBi=yFiWjP2hjU893)$cnRPaia%cK2lG{*%Y;*N|<{M(3B&+tNNb+)T
zb|i24&uD56CY_WLk>Ie?OHS6TDX!&XnjmrbG?2nGs`M&qTzG9dO7|My9i{o|>jaJD
z<?QuimO?R7hT<Y)m-R7m)EY0K<cI#&(?oL(*EuMTa5p5}90<p)c~?4Wo6fwj>j5a?
z<c16)SGq-DNj`LpG7CbmQR<3vK8-xe#9o;cSLKkE2e$glmlrr6o*%w35<rH&g@7eK
zrvl_y%*`;`unuY|DKP}4D+$fnb&{@t!mesY-@W<!#p{3HTwGm^uC6b>zrJ~Uad~|+
z`YW82oW7s@k@pNXPtN7!AYA(htxEAV$p@vN0H;E~@;cr!k}A8!wW9_XarRs;k;^=6
zwf4>;&Vn)!-Z)+ZK_ZRjA@b>Po+9nr^fpusW5pAv8#uUkAIiy(PCLj1mTTabB^Mj-
z(k2icV=qA3yM#8YZgJrPH&|E;(~EwZ)ws|R5NREhI$jo{-{hK0=>_7l4O^&VQT)Is
zX_!xI-a682OYqO(k_8sVwry0R1GjOsBdnVLMy>!M`ry1SUB4J*rqX*M(>JaWT=}15
zBwZqSt+zL@@<F@f_$F<EZ&CU{xg$uVAXG!=>~0a>T>44fOk=+{T-|sD6X~n`zpNi(
zeP^n_YO}EHT0*M3k~<|z@_7--l`8T`{FJWAZ5UeLUzYPDtSkU`p$+J4Q|8aAVPP)}
zocDk!3P`CPucd@KiY!nlxQ_t{-^+cBV%GkRm53kcvk@T-9}WR{*LWXp1dJe*otz4X
z&Wp(Q{7#oEkpbY7E`d09-8ZDp8O~kld07-F3DM6;BG--=^lUp}MS<>EbS1apc4;4X
z)AI4>oS%_yiB2!WDad*8I;dtS`jDKzdp{JUwK2trCM8i&06w2*$@(x%{-K^#gCi;s
z7Qc9r`85k&;YKC{7_3_k4{{m&;ScOTnMev{m*tnL3wSU36i~^hU&<?B-&0$b8knVO
z9W^RkVT?MR!wK@EPH#by@YaW=VJ(?Q4k}Qf8lVJ_dHX0(HQ>hkVoyjS6jTf(yEl)z
z6RorUuEzbk*GO{INR1sNL6ao#(AY11rC_+~H?*v@3xY5;6q)e}S-3Tza&q;`W>8Y#
znRBP7z@l$1IflIxRoNU&S`2oC8#c0*Ww4ASWVa&SkttJ33c|i<eZe<^2=d})S9S-4
z@~kr?I+os9a@2p`NHrmPw%s;z8BINgu^AVyy&(GJCZ0gUA=-mP3bS@gbOKE|Mb<>I
zbv<e}Xi<%}nWh}}tO{&TJdDotkSb!=nV=u`6@0aRge@c(G}HTOU0{XH2?E~3hsXut
zfgW4DaCVzE-Im2MuV%ZNIHLpak)+{hgEy_yEo3>fNUL})TpZLlxf3w`37ob=T{>H}
z$p_1u?FxW<gw{VL{m$a92nWmZokhzJ>Ui7F^`fpH&<e{7Qv<|U|I76wa{vZ}GVUq-
zKDV}M0zvQwXH(KDm?s<i0S0Uv`u{oMJ;lolq<DdSBuR#xChbiej~y=y?|qG=63WEu
z77tMDuw{t2;#=qw&Wjn(9pqWPA4cdr^I>kYcUXTvaiiVS2<b>FYFNWw>aO854%62s
zKrIvh%1v$Uqn;PxnZb%?rAKtLR{rN%BPS!FBnKi7!f>E@BRd+<-=Zr*t=GPlGVusO
zO~y_w>E%;DfwG`hq#R0}dY}2q_rN#F;+Uj}FziY4FR*TBU3zK1a*&@yhylULpxCqi
zSajuWcJU1kQ|mDMJ%u758>8SWVui-bIg4e7Lt~zI?y1xWN`7PVg<>r#^qXD3$Y8Hb
z@c+JCAZ#nA=`Ri{HYbRI=PN?=OGA5Vs$P#Rb3P_j)paTX6RwC{%)a*4M!`t3s)!>n
zuRZk;1&-)22<!NS4fV-vDhxh64pF-7uOBUJ5u{|Lk?SKF5i?V7k;Ny@zV4Nh9Dzm$
z+C>L*(EE~01BAn+$$T~S?I24jS<GdRNcgf06N20k3=R7tV?%*ELbxhomdsUhpbK)r
zH6c)F;UQk!z@Ze8S$wq{yXYIDcd*O6T6zV`eFseWQ9r_O<dP+ta$E}REYbz_OphC>
znL64$4<!pX(oA+Su|e-QH3_09W`ZE6^v=DfACw&G32ddWDW-mopZY{q7aoR_C-oEN
zVQ=W}!t@<du%SI{gv-Stm}~}}4?#$ET?eD;_dFmOEuxl5U)bYGqT0-$e-lxGGi+w=
z&5MHa^nWOjWJ%6uN%USY%D;FyBvu#(>DMR$6|ca(M1N2RvRI{)O%$0O+R#A_5b2_R
zv<Nn$53)pHNHy%~#+EWXNygjh;BO`6UzG-botzRe#$e+?yljD3nAf@*8*z_I+ar3m
Q#csu8at{UrBahGi3ypd1cK`qY

literal 0
HcmV?d00001

diff --git a/src/stores/streaming.ts b/src/stores/streaming.ts
index fe5ad3e..f1e5689 100644
--- a/src/stores/streaming.ts
+++ b/src/stores/streaming.ts
@@ -1,5 +1,11 @@
 import { create } from 'zustand';
 
+import {
+  RuntimeItemReducer,
+  type RuntimeItemOperation,
+  type RuntimeItemSnapshot,
+} from '../core/stream/runtime-items.js';
+
 export type RunActivityStatus = 'connecting' | 'running' | 'waiting' | 'stopped' | 'completed' | 'failed';
 
 export type StatusBannerKind = 'rate_limited' | 'network' | 'error';
@@ -35,6 +41,8 @@ export type StreamingState = {
   lastSeqId: number;
   /** 当前 run 的 invocationId(afterSeqId 续订需要)。 */
   activeInvocationId: string;
+  /** 当前 run 的 identity-aware item 投影(schema v2),替代 v1 启发式去重。 */
+  runtimeItems: RuntimeItemSnapshot;
 };
 
 export type StreamingActions = {
@@ -66,6 +74,11 @@ export type StreamingActions = {
   stopSessionActivity: (sessionId?: string | null, detail?: string) => void;
   clearActivity: () => void;
   clearSessionActivity: (sessionId?: string | null) => void;
+  /**
+   * 应用 identity-aware item 操作到当前 run 的 RuntimeItemReducer。
+   * 操作按 runId/scopeId/itemId/partId 归并;eventId 重放是幂等 no-op。
+   */
+  applyRuntimeItemOperations: (operations: RuntimeItemOperation[]) => void;
   resetRun: () => void;
 };
 
@@ -73,6 +86,14 @@ export type StreamingStore = StreamingState & StreamingActions;
 
 const hasStreamingSession = (sessions: Record<string, true>): boolean => Object.keys(sessions).length > 0;
 
+const EMPTY_RUNTIME_ITEMS: RuntimeItemSnapshot = { runId: null, status: null, items: [] };
+
+/**
+ * 当前 run 的 canonical reducer 实例。放在 store state 外(reducer 自身是可变
+ * accumulator),state 里只暴露只读 snapshot,保证 React 依赖 snapshot 引用变化重渲染。
+ */
+let runtimeItemReducer = new RuntimeItemReducer();
+
 const withoutStreamingSession = (sessions: Record<string, true>, key: string): Record<string, true> => {
   const next = { ...sessions };
   delete next[key];
@@ -89,6 +110,7 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
   banner: null,
   lastSeqId: 0,
   activeInvocationId: '',
+  runtimeItems: EMPTY_RUNTIME_ITEMS,
   setStreaming: (streaming) => set({ isStreaming: streaming }),
   setBanner: (banner) => set({
     banner: banner ? { ...banner, createdAt: Date.now() } : null,
@@ -217,7 +239,13 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
       activity: state.activity === _removed ? null : state.activity,
     };
   }),
-  resetRun: () => set({
+  applyRuntimeItemOperations: (operations) => {
+    runtimeItemReducer.applyAll(operations);
+    set({ runtimeItems: runtimeItemReducer.snapshot() });
+  },
+  resetRun: () => {
+    runtimeItemReducer = new RuntimeItemReducer();
+    set({
     isStreaming: false,
     currentRunId: '',
     stopRequested: false,
@@ -226,5 +254,7 @@ export const useStreamingStore = create<StreamingStore>()((set, get) => ({
     sessionStreaming: {},
     lastSeqId: 0,
     activeInvocationId: '',
-  }),
+    runtimeItems: EMPTY_RUNTIME_ITEMS,
+    });
+  },
 }));
diff --git a/src/utils/responses-stream.js b/src/utils/responses-stream.js
index 42a3e20..4b42001 100644
--- a/src/utils/responses-stream.js
+++ b/src/utils/responses-stream.js
@@ -1,3 +1,11 @@
+// Identity-aware (schema v2) item operations live in the canonical core reducer.
+// Re-exported here so the Responses ingress and its tests share one source of truth.
+export {
+  RuntimeItemReducer,
+  responsesEventToItemOperations,
+  projectRuntimeItems,
+} from '../core/stream/runtime-items.ts';
+
 export function createResponsesStreamState() {
   return {
     toolNames: new Map(),
diff --git a/src/utils/session-events.js b/src/utils/session-events.js
index b488910..abd0ba8 100644
--- a/src/utils/session-events.js
+++ b/src/utils/session-events.js
@@ -3,6 +3,37 @@ import {
   normalizeResponsesStreamEvent,
 } from './responses-stream.js';
 import { isFailedToolOutput } from './tool-display.js';
+import {
+  RuntimeItemReducer,
+  sessionEventToItemOperation,
+} from '../core/stream/runtime-items.ts';
+
+// Identity-aware (schema v2) ingress. Canonical events carry Metadata.RuntimeItem;
+// legacy assistant events use the synthesized `${invocationId}:legacy-assistant`
+// identity. No identity is inferred from previous messages or body text.
+export {
+  RuntimeItemReducer,
+  sessionEventToItemOperation,
+  legacyAssistantIdentity,
+  projectRuntimeItems,
+} from '../core/stream/runtime-items.ts';
+
+/**
+ * Reduce a list of session events into an identity-aware item snapshot.
+ * Canonical `Metadata.RuntimeItem` events keep their full identity; legacy
+ * `assistant_stream_snapshot`/`assistant_message` collapse onto the synthesized
+ * per-invocation assistant item (snapshot -> replace, message -> complete).
+ */
+export function buildRuntimeItemsFromSessionEvents(events = []) {
+  const reducer = new RuntimeItemReducer();
+  for (const event of Array.isArray(events) ? events : []) {
+    const operation = sessionEventToItemOperation(event);
+    if (operation) {
+      reducer.apply(operation);
+    }
+  }
+  return reducer.snapshot();
+}
 
 /**
  * @typedef {import('../components/chat/types.js').Message} Message
diff --git a/tests/responses-stream.test.mjs b/tests/responses-stream.test.mjs
index 4fe4810..e78fceb 100644
--- a/tests/responses-stream.test.mjs
+++ b/tests/responses-stream.test.mjs
@@ -5,6 +5,66 @@ async function loadResponsesStreamUtils() {
   return import('../src/utils/responses-stream.js').catch(() => null);
 }
 
+test('responses stream reducer keys message items by Responses output item id', async () => {
+  const responsesStream = await loadResponsesStreamUtils();
+  assert.ok(responsesStream, 'expected Responses stream helpers to exist');
+  assert.equal(typeof responsesStream.responsesEventToItemOperations, 'function');
+  assert.equal(typeof responsesStream.RuntimeItemReducer, 'function');
+
+  const reducer = new responsesStream.RuntimeItemReducer();
+  const runId = 'run-1';
+  const scopeId = 'scope-1';
+  reducer.applyAll(
+    responsesStream.responsesEventToItemOperations(
+      'response.output_item.added',
+      { item: { id: 'msg_1', type: 'message' } },
+      runId,
+      scopeId,
+    ),
+  );
+  reducer.applyAll(
+    responsesStream.responsesEventToItemOperations(
+      'response.output_text.delta',
+      { item_id: 'msg_1', delta: 'hel' },
+      runId,
+      scopeId,
+    ),
+  );
+  reducer.applyAll(
+    responsesStream.responsesEventToItemOperations(
+      'response.output_item.done',
+      { item: { id: 'msg_1', type: 'message', content: [{ type: 'output_text', text: 'hello' }] } },
+      runId,
+      scopeId,
+    ),
+  );
+
+  const snapshot = reducer.snapshot();
+  assert.equal(snapshot.items.length, 1);
+  assert.equal(snapshot.items[0].itemId, 'msg_1');
+  assert.equal(snapshot.items[0].parts[0].text, 'hello');
+  assert.equal(snapshot.items[0].status, 'completed');
+});
+
+test('responses stream reducer keeps identical text from distinct output item ids', async () => {
+  const responsesStream = await loadResponsesStreamUtils();
+  assert.ok(responsesStream, 'expected Responses stream helpers to exist');
+
+  const reducer = new responsesStream.RuntimeItemReducer();
+  for (const itemId of ['msg_1', 'msg_2']) {
+    reducer.applyAll(
+      responsesStream.responsesEventToItemOperations(
+        'response.output_item.done',
+        { item: { id: itemId, type: 'message', content: [{ type: 'output_text', text: 'same' }] } },
+        'run-1',
+        'scope-1',
+      ),
+    );
+  }
+  const texts = responsesStream.projectRuntimeItems(reducer.snapshot()).map((item) => item.text);
+  assert.deepEqual(texts, ['same', 'same']);
+});
+
 test('responses stream utils normalize native tool done and tool output items', async () => {
   const responsesStream = await loadResponsesStreamUtils();
 
diff --git a/tests/session-events.test.mjs b/tests/session-events.test.mjs
index 93f69c7..ef05cdd 100644
--- a/tests/session-events.test.mjs
+++ b/tests/session-events.test.mjs
@@ -1519,3 +1519,110 @@ test('session event utils restore accepted memory saves as completed tools', asy
   assert.equal(messages.length, 1);
   assert.equal(messages[0].tools.save_memory.status, 'completed');
 });
+
+test('session event reducer maps canonical Metadata.RuntimeItem by identity', async () => {
+  const sessionEvents = await loadSessionEventUtils();
+  assert.ok(sessionEvents, 'expected session event helpers to exist');
+  assert.equal(typeof sessionEvents.buildRuntimeItemsFromSessionEvents, 'function');
+
+  const snapshot = sessionEvents.buildRuntimeItemsFromSessionEvents([
+    {
+      EventId: 'evt-1',
+      EventType: 'assistant_stream_delta',
+      InvocationId: 'inv-1',
+      Content: { role: 'model', parts: [{ text: 'hel' }] },
+      Metadata: {
+        RuntimeItem: {
+          RunId: 'run-1',
+          ScopeId: 'scope-1',
+          ItemId: 'item-1',
+          PartId: 'text-0',
+          Operation: 'append',
+          SourceEventId: 'native-1',
+        },
+      },
+    },
+    {
+      EventId: 'evt-2',
+      EventType: 'assistant_message',
+      InvocationId: 'inv-1',
+      Content: { role: 'model', parts: [{ text: 'hello' }] },
+      Metadata: {
+        RuntimeItem: {
+          RunId: 'run-1',
+          ScopeId: 'scope-1',
+          ItemId: 'item-1',
+          PartId: 'text-0',
+          Operation: 'replace',
+          SourceEventId: 'native-2',
+        },
+      },
+    },
+  ]);
+
+  assert.equal(snapshot.items.length, 1);
+  assert.equal(snapshot.items[0].itemId, 'item-1');
+  assert.equal(snapshot.items[0].parts[0].text, 'hello');
+  assert.equal(snapshot.items[0].status, 'completed');
+});
+
+test('session event reducer preserves identical text from distinct RuntimeItem ids', async () => {
+  const sessionEvents = await loadSessionEventUtils();
+  assert.ok(sessionEvents, 'expected session event helpers to exist');
+
+  const makeItem = (itemId, eventId) => ({
+    EventId: eventId,
+    EventType: 'assistant_message',
+    InvocationId: 'inv-1',
+    Content: { role: 'model', parts: [{ text: 'same' }] },
+    Metadata: {
+      RuntimeItem: {
+        RunId: 'run-1',
+        ScopeId: 'scope-1',
+        ItemId: itemId,
+        PartId: 'text-0',
+        Operation: 'replace',
+        SourceEventId: eventId,
+      },
+    },
+  });
+  const snapshot = sessionEvents.buildRuntimeItemsFromSessionEvents([
+    makeItem('item-1', 'evt-1'),
+    makeItem('item-2', 'evt-2'),
+  ]);
+  assert.deepEqual(
+    snapshot.items.map((item) => item.parts[0].text),
+    ['same', 'same'],
+  );
+});
+
+test('session event reducer collapses legacy snapshot then final onto one synthesized item', async () => {
+  const sessionEvents = await loadSessionEventUtils();
+  assert.ok(sessionEvents, 'expected session event helpers to exist');
+
+  const snapshot = sessionEvents.buildRuntimeItemsFromSessionEvents([
+    {
+      EventId: 'evt-snap-1',
+      EventType: 'assistant_stream_snapshot',
+      InvocationId: 'inv-1',
+      Content: { role: 'model', parts: [{ text: 'hel' }] },
+    },
+    {
+      EventId: 'evt-snap-2',
+      EventType: 'assistant_stream_snapshot',
+      InvocationId: 'inv-1',
+      Content: { role: 'model', parts: [{ text: 'hello' }] },
+    },
+    {
+      EventId: 'evt-final',
+      EventType: 'assistant_message',
+      InvocationId: 'inv-1',
+      Content: { role: 'model', parts: [{ text: 'hello' }] },
+    },
+  ]);
+
+  assert.equal(snapshot.items.length, 1);
+  assert.equal(snapshot.items[0].itemId, 'inv-1:legacy-assistant');
+  assert.equal(snapshot.items[0].parts[0].text, 'hello');
+  assert.equal(snapshot.items[0].status, 'completed');
+});

From b4e9f938828ef669347dadb7f0eb3f0a01747a6a Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 12 Aug 2026 13:11:52 +0800
Subject: [PATCH 17/61] chore(release): bump ksadk-web to 0.3.1

Identity-aware runtime item reducer (Task 8). Counterpart of KsADK 0.8.1
canonical RuntimeEvent(schema_version=2). Hosted UI and Studio must ship this
version to keep stream/replay output consistent with the Python canonical
pipeline.

npm test: 153 passed. build:ksadk + build:hosted pass.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 CHANGELOG.md | 28 ++++++++++++++++++++++++++++
 package.json |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a4dcab4..255a359 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,33 @@
 # Changelog
 
+## 0.3.1 - 2026-08-12
+
+> Identity-aware runtime item reducer. Counterpart of the KsADK `0.8.1`
+> canonical RuntimeEvent(schema_version=2) release. Hosted UI and Studio must
+> ship this version (or later) to keep stream/replay output consistent with the
+> Python canonical pipeline.
+
+### Stream / session reducer
+
+- Introduce `RuntimeItemReducer` (`src/core/stream/runtime-items.ts`) as the
+  single canonical store for streaming output. It reduces identity-addressed
+  item operations into a per-run projection keyed by
+  `runId / scopeId / itemId / partId`, replacing the legacy v1 heuristic dedup
+  (`lastText` / per-agent accumulator / `startswith` / suffix overlap /
+  text hash).
+- Ingress adapters normalize three sources into the same item operations:
+  Responses SSE output item ids, session events `Metadata.RuntimeItem`, and
+  legacy server events (no identity) via synthesized
+  `${invocationId}:legacy-assistant`. `assistant_stream_snapshot` maps to
+  replace, `assistant_message` maps to complete. Nothing inspects body text
+  to decide identity.
+
+### Compatibility
+
+- Consumers tracking the KsADK `0.8.1` canonical RuntimeEvent must use this
+  identity-aware version. `0.3.0` used the v1 heuristic reducer and will
+  duplicate or drop output when paired with canonical v2 producers.
+
 ## 0.3.0 - 2026-07-24
 
 > **Review candidate, not a published npm release.** `0.3.0` is the web
diff --git a/package.json b/package.json
index 21b65ab..5dc82fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

From ba9f9ea08acdcfcf167545f162a3275a0c851ba0 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 18 Aug 2026 02:52:32 +0800
Subject: [PATCH 18/61] feat: consume agent control receipts and session cursor

Consume agent-kernel/v1 contracts (digest 69771d8d): strict zod decoders
for AgentControlReceipt, RuntimeCapabilityMatrix, SessionEventEnvelope
and AgentStatusSnapshot with unknown optional fields preserved in
extensions; RunEngine control state distinguishes queued/retryable/
unsupported/confirming and reuses idempotency keys on retry; unified
Session seq cursor dedupes/orders history and drives SubscribeSessionEvents
reconnects; public runtime bundle exports the v1 types.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/__tests__/agent-control.test.ts         | 164 +++++++++
 src/__tests__/api-facade.test.ts            |  59 +++
 src/__tests__/capabilities.test.ts          |  26 ++
 src/__tests__/run-engine.test.ts            | 105 ++++++
 src/__tests__/session-event-history.test.ts |  54 +++
 src/api/events.ts                           |  18 +
 src/api/run.ts                              |  27 +-
 src/core/api/facade.ts                      |  30 +-
 src/core/api/types.ts                       |   8 +
 src/core/run/engine.ts                      |  85 ++++-
 src/core/run/types.ts                       |  27 ++
 src/hooks/useSessionLifecycle.ts            |  33 ++
 src/public/runtime.ts                       |  21 ++
 src/types/agent-control.ts                  | 385 ++++++++++++++++++++
 src/types/capabilities.ts                   |   9 +
 src/utils/session-event-history.ts          |  86 +++++
 16 files changed, 1134 insertions(+), 3 deletions(-)
 create mode 100644 src/__tests__/agent-control.test.ts
 create mode 100644 src/types/agent-control.ts

diff --git a/src/__tests__/agent-control.test.ts b/src/__tests__/agent-control.test.ts
new file mode 100644
index 0000000..cceb53b
--- /dev/null
+++ b/src/__tests__/agent-control.test.ts
@@ -0,0 +1,164 @@
+import { describe, expect, it } from 'vitest';
+import {
+  ContractMismatchError,
+  decodeAgentStatusSnapshot,
+  decodeCapabilityMatrix,
+  decodeReceipt,
+  decodeSessionEventEnvelope,
+} from '../types/agent-control.js';
+import {
+  SessionEventConflictError,
+  createSessionEventCursor,
+} from '../utils/session-event-history.js';
+
+const ACCEPTED_RECEIPT = {
+  schema_version: 1,
+  command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+  status: 'accepted',
+  message_id: '11111111-2222-3333-4444-555555555555',
+  run_id: 'run-1',
+  accepted_seq: 42,
+};
+
+const QUEUE_FULL_RECEIPT = {
+  schema_version: 1,
+  command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+  status: 'queue_full',
+  error: {
+    code: 'queue_full',
+    message: 'inbox depth reached limit',
+    retryable: true,
+    details: { limit: 128 },
+  },
+};
+
+const CAPABILITY_MATRIX = {
+  schema_version: 1,
+  cancel: { supported: true, mode: 'native' },
+  pause: { supported: false, mode: 'unavailable', reason: 'runtime_pause_not_supported' },
+  resume: { supported: true, mode: 'native' },
+  submit_interaction: { supported: true, mode: 'native' },
+  attach: { supported: true, mode: 'native' },
+  steer: { supported: true, mode: 'native' },
+  inject: { supported: true, mode: 'native' },
+  checkpoint: { supported: false, mode: 'unavailable', reason: 'runtime_checkpoint_not_supported' },
+  durable_restore: { supported: true, mode: 'native' },
+};
+
+const RUNTIME_EVENT = {
+  schema_version: 1,
+  event_id: '614e828c-fed7-5202-a07d-354cfa1942a0',
+  session_id: 'session-1',
+  seq: 20,
+  timestamp: '2026-08-17T00:00:01Z',
+  family: 'runtime',
+  family_version: 2,
+  event_type: 'run.message.delta',
+  payload: { text: 'hello', delta_index: 0 },
+  run_id: 'run-1',
+  causation_id: 'cmd-4bf84e1b',
+  correlation_id: 'corr-1',
+  actor_ref: 'worker-1',
+};
+
+describe('agent-kernel/v1 contract decoders', () => {
+  it('decodes an accepted receipt', () => {
+    const receipt = decodeReceipt(ACCEPTED_RECEIPT);
+    expect(receipt.status).toBe('accepted');
+    expect(receipt.accepted_seq).toBe(42);
+    expect(receipt.extensions).toEqual({});
+  });
+
+  it('decodes a queue_full receipt with retryable error', () => {
+    const receipt = decodeReceipt(QUEUE_FULL_RECEIPT);
+    expect(receipt.status).toBe('queue_full');
+    expect(receipt.error?.retryable).toBe(true);
+    expect(receipt.error?.details).toEqual({ limit: 128 });
+  });
+
+  it('rejects receipts with a wrong schema_version', () => {
+    expect(() => decodeReceipt({ ...ACCEPTED_RECEIPT, schema_version: 2 })).toThrow(ContractMismatchError);
+  });
+
+  it('rejects non-object receipts', () => {
+    expect(() => decodeReceipt('accepted')).toThrow(ContractMismatchError);
+  });
+
+  it('keeps unknown optional receipt fields in extensions', () => {
+    const receipt = decodeReceipt({ ...ACCEPTED_RECEIPT, queue_position: 3 });
+    expect(receipt.extensions).toEqual({ queue_position: 3 });
+  });
+
+  it('decodes the runtime capability matrix', () => {
+    const matrix = decodeCapabilityMatrix(CAPABILITY_MATRIX);
+    expect(matrix.pause).toEqual({
+      supported: false,
+      mode: 'unavailable',
+      reason: 'runtime_pause_not_supported',
+      extensions: {},
+    });
+  });
+
+  it('rejects a capability matrix that drops required capabilities', () => {
+    const { checkpoint, ...partial } = CAPABILITY_MATRIX;
+    expect(checkpoint).toBeDefined();
+    expect(() => decodeCapabilityMatrix(partial)).toThrow(ContractMismatchError);
+  });
+
+  it('decodes a session event envelope', () => {
+    const envelope = decodeSessionEventEnvelope(RUNTIME_EVENT);
+    expect(envelope.ok).toBe(true);
+    if (envelope.ok) {
+      expect(envelope.value.seq).toBe(20);
+      expect(envelope.value.family).toBe('runtime');
+      expect(envelope.value.event_type).toBe('run.message.delta');
+    }
+  });
+
+  it('keeps unknown families addressable for the cursor without displaying them', () => {
+    const envelope = decodeSessionEventEnvelope({
+      ...RUNTIME_EVENT,
+      seq: 21,
+      family: 'job',
+      event_type: 'job.tick',
+    });
+    expect(envelope.ok).toBe(true);
+
+    const cursor = createSessionEventCursor();
+    cursor.accept(RUNTIME_EVENT);
+    cursor.accept({ ...RUNTIME_EVENT, seq: 21, family: 'job', event_type: 'job.tick' });
+    expect(cursor.lastSeq).toBe(21);
+    // Unknown families advance the cursor but are not projected for display.
+    expect(cursor.displayableEvents().map((event) => event.seq)).toEqual([20]);
+  });
+
+  it('flags envelopes that violate the session event contract', () => {
+    const envelope = decodeSessionEventEnvelope({ ...RUNTIME_EVENT, seq: -1 });
+    expect(envelope.ok).toBe(false);
+  });
+
+  it('decodes an agent status snapshot with the embedded capability matrix', () => {
+    const snapshot = decodeAgentStatusSnapshot({
+      schema_version: 1,
+      agent_instance_id: 'instance-1',
+      instance_state: 'ready',
+      session_id: 'session-1',
+      active_run_id: 'run-1',
+      active_run_state: 'running',
+      inbox_depth: 3,
+      activation_id: 'activation-1',
+      lease_expires_at: '2026-08-17T00:01:00Z',
+      capability: CAPABILITY_MATRIX,
+    });
+    expect(snapshot.instance_state).toBe('ready');
+    expect(snapshot.capability.pause.supported).toBe(false);
+  });
+
+  it('treats conflicting duplicate seq content as a protocol error', () => {
+    const cursor = createSessionEventCursor();
+    cursor.accept(RUNTIME_EVENT);
+    expect(() => cursor.accept({ ...RUNTIME_EVENT, payload: { text: 'tampered' } })).toThrow(
+      SessionEventConflictError,
+    );
+  });
+});
diff --git a/src/__tests__/api-facade.test.ts b/src/__tests__/api-facade.test.ts
index e0fc838..e198ba1 100644
--- a/src/__tests__/api-facade.test.ts
+++ b/src/__tests__/api-facade.test.ts
@@ -294,3 +294,62 @@ describe('ApiFacadeImpl', () => {
     ]);
   });
 });
+
+describe('ApiFacadeImpl agent-kernel/v1 control surface', () => {
+  function stubFetch(calls: Array<{ url: string; body: Record<string, unknown> }>) {
+    const originalFetch = globalThis.fetch;
+    globalThis.fetch = (async (url, init) => {
+      calls.push({
+        url: String(url),
+        body: JSON.parse(String(init?.body || '{}')) as Record<string, unknown>,
+      });
+      return new Response(JSON.stringify({
+        Code: 0,
+        Data: {
+          schema_version: 1,
+          command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+          status: 'accepted',
+          message_id: '11111111-2222-3333-4444-555555555555',
+        },
+      }), { status: 200, headers: { 'content-type': 'application/json' } });
+    }) as typeof fetch;
+    return () => { globalThis.fetch = originalFetch; };
+  }
+
+  it('submits agent control commands and returns a decoded receipt', async () => {
+    const facade = new ApiFacadeImpl();
+    const calls: Array<{ url: string; body: Record<string, unknown> }> = [];
+    const restore = stubFetch(calls);
+    try {
+      const receipt = await facade.submitControl({
+        command_type: 'enqueue',
+        idempotency_key: 'idem-1',
+        payload: { content: 'hello' },
+      });
+      expect(receipt.status).toBe('accepted');
+      expect(calls[0].url).toBe('/agentengine/api/v1/SubmitAgentControl');
+      expect(calls[0].body.CommandType).toBe('enqueue');
+      expect(calls[0].body.IdempotencyKey).toBe('idem-1');
+    } finally {
+      restore();
+    }
+  });
+
+  it('subscribes session events with the after_seq cursor', async () => {
+    const facade = new ApiFacadeImpl();
+    const urls: string[] = [];
+    const originalFetch = globalThis.fetch;
+    globalThis.fetch = (async (url) => {
+      urls.push(String(url));
+      return new Response('');
+    }) as typeof fetch;
+    try {
+      await facade.subscribeSessionEvents('s1', 42);
+    } catch {
+      // transport errors are not the concern of this assertion
+    } finally {
+      globalThis.fetch = originalFetch;
+    }
+    expect(urls[0]).toBe('/agentengine/api/v1/SubscribeSessionEvents?SessionId=s1&AfterSeq=42');
+  });
+});
diff --git a/src/__tests__/capabilities.test.ts b/src/__tests__/capabilities.test.ts
index 093211f..ced9354 100644
--- a/src/__tests__/capabilities.test.ts
+++ b/src/__tests__/capabilities.test.ts
@@ -38,3 +38,29 @@ describe('normalizeCapabilities', () => {
     expect(capabilities.RunLifecycle.CheckpointResumePreview).toBe(true);
   });
 });
+
+import { decodeCapabilityMatrix } from '../types/agent-control.js';
+
+describe('agent-kernel/v1 capability matrix', () => {
+  it('decodes the canonical matrix and keeps unsupported reasons addressable', () => {
+    const matrix = decodeCapabilityMatrix({
+      schema_version: 1,
+      cancel: { supported: true, mode: 'native' },
+      pause: { supported: false, mode: 'unavailable', reason: 'runtime_pause_not_supported' },
+      resume: { supported: true, mode: 'native' },
+      submit_interaction: { supported: true, mode: 'native' },
+      attach: { supported: true, mode: 'native' },
+      steer: { supported: true, mode: 'native' },
+      inject: { supported: true, mode: 'native' },
+      checkpoint: { supported: false, mode: 'unavailable', reason: 'runtime_checkpoint_not_supported' },
+      durable_restore: { supported: true, mode: 'native' },
+    });
+    expect(matrix.pause.supported).toBe(false);
+    expect(matrix.pause.reason).toBe('runtime_pause_not_supported');
+    expect(matrix.checkpoint.mode).toBe('unavailable');
+  });
+
+  it('rejects matrices that violate the contract', () => {
+    expect(() => decodeCapabilityMatrix({ schema_version: 1 })).toThrow();
+  });
+});
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index f7e5aae..557eb5e 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -1156,3 +1156,108 @@ describe('RunEngineImpl', () => {
     });
   });
 });
+
+describe('RunEngineImpl agent control receipts', () => {
+  function createControlFacade(receipt: unknown) {
+    const api = createApiFacade([]) as ApiFacade & {
+      submitControl?: (command: unknown) => Promise<unknown>;
+      subscribeSessionEvents?: (sessionId: string, afterSeq: number) => Promise<ReadableStream<Uint8Array>>;
+      getAgentStatus?: () => Promise<unknown>;
+    };
+    api.submitControl = vi.fn().mockResolvedValue(receipt);
+    api.subscribeSessionEvents = vi.fn().mockResolvedValue(new ReadableStream<Uint8Array>());
+    api.getAgentStatus = vi.fn().mockResolvedValue(null);
+    return api;
+  }
+
+  function enqueueCommand(engine: RunEngineImpl, idempotencyKey = 'idem-1') {
+    return engine.submitControl({
+      command_type: 'enqueue',
+      idempotency_key: idempotencyKey,
+      payload: { content: 'hello' },
+    });
+  }
+
+  it('does not show accepted as completed', async () => {
+    const api = createControlFacade({
+      schema_version: 1,
+      command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+      status: 'accepted',
+      message_id: '11111111-2222-3333-4444-555555555555',
+    });
+    const engine = createRunEngine(api);
+    await enqueueCommand(engine);
+    expect(engine.controlState.phase).toBe('queued');
+    expect(engine.stage).not.toBe('idle-idle');
+  });
+
+  it('treats duplicate receipts as queued', async () => {
+    const api = createControlFacade({
+      schema_version: 1,
+      command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+      status: 'duplicate',
+      message_id: '11111111-2222-3333-4444-555555555555',
+    });
+    const engine = createRunEngine(api);
+    await enqueueCommand(engine);
+    expect(engine.controlState.phase).toBe('queued');
+  });
+
+  it('marks queue_full retryable and reuses the same idempotency key', async () => {
+    const api = createControlFacade({
+      schema_version: 1,
+      command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+      status: 'queue_full',
+      error: { code: 'queue_full', message: 'inbox depth reached limit', retryable: true, details: { limit: 128 } },
+    });
+    const engine = createRunEngine(api);
+    await enqueueCommand(engine, 'idem-retry');
+    expect(engine.controlState.phase).toBe('retryable');
+    expect(engine.controlState.retryKey).toBe('idem-retry');
+    await engine.retryControl();
+    expect(api.submitControl).toHaveBeenCalledTimes(2);
+    const first = (api.submitControl as ReturnType<typeof vi.fn>).mock.calls[0][0] as { idempotency_key: string };
+    const second = (api.submitControl as ReturnType<typeof vi.fn>).mock.calls[1][0] as { idempotency_key: string };
+    expect(second.idempotency_key).toBe(first.idempotency_key);
+  });
+
+  it('disables unsupported commands and surfaces the capability reason', async () => {
+    const api = createControlFacade({
+      schema_version: 1,
+      command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+      status: 'unsupported',
+      error: { code: 'unsupported', message: 'steer not supported by runtime', retryable: false, details: {} },
+    });
+    const engine = createRunEngine(api);
+    await engine.submitControl({
+      command_type: 'steer',
+      idempotency_key: 'idem-steer',
+      payload: { content: 'turn left' },
+    });
+    expect(engine.controlState.phase).toBe('unsupported');
+    expect(engine.controlState.error?.message).toBe('steer not supported by runtime');
+  });
+
+  it('queries status before retrying after persistence_uncertain', async () => {
+    const api = createControlFacade({
+      schema_version: 1,
+      command_id: '4bf84e1b-f4cd-4c55-907f-2dc5e676b119',
+      status: 'persistence_uncertain',
+      error: { code: 'persistence_uncertain', message: 'commit result unknown', retryable: true, details: {} },
+    });
+    const engine = createRunEngine(api);
+    await enqueueCommand(engine, 'idem-uncertain');
+    expect(engine.controlState.phase).toBe('confirming');
+    await engine.retryControl();
+    expect(api.getAgentStatus).toHaveBeenCalledTimes(1);
+  });
+
+  it('stops mutations on a contract mismatch receipt', async () => {
+    const api = createControlFacade({ schema_version: 2, command_id: 'x', status: 'accepted' });
+    const engine = createRunEngine(api);
+    const state = await enqueueCommand(engine);
+    expect(state.phase).toBe('contract_mismatch');
+    // A malformed receipt must not mutate run state further.
+    expect(state.receipt).toBeNull();
+  });
+});
diff --git a/src/__tests__/session-event-history.test.ts b/src/__tests__/session-event-history.test.ts
index 9c64c97..76a8685 100644
--- a/src/__tests__/session-event-history.test.ts
+++ b/src/__tests__/session-event-history.test.ts
@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest';
 import {
+  createSessionEventCursor,
   loadCompleteSessionEventHistory,
   resolveOlderSessionEventPage,
 } from '../utils/session-event-history.js';
@@ -94,3 +95,56 @@ describe('session event history loading', () => {
     expect(resolveOlderSessionEventPage({ offset: 306, total: 306 }, 50)).toBeNull();
   });
 });
+
+function kernelEvent(seq: number, extra: Record<string, unknown> = {}) {
+  return {
+    schema_version: 1,
+    event_id: `00000000-0000-4000-8000-${String(seq).padStart(12, '0')}`,
+    session_id: 'session-1',
+    seq,
+    timestamp: '2026-08-17T00:00:01Z',
+    family: 'runtime',
+    family_version: 2,
+    event_type: 'run.message.delta',
+    payload: { seq },
+    ...extra,
+  };
+}
+
+describe('SessionEventCursor (agent-kernel/v1)', () => {
+  it('dedupes and orders strictly by session seq', () => {
+    const cursor = createSessionEventCursor();
+    cursor.accept(kernelEvent(3));
+    cursor.accept(kernelEvent(1));
+    cursor.accept(kernelEvent(2));
+    cursor.accept(kernelEvent(2)); // exact duplicate is ignored
+    expect(cursor.displayableEvents().map((event) => event.seq)).toEqual([1, 2, 3]);
+    expect(cursor.lastSeq).toBe(3);
+  });
+
+  it('keeps unknown event families out of display but advances the cursor', () => {
+    const cursor = createSessionEventCursor();
+    cursor.accept(kernelEvent(1));
+    cursor.accept(kernelEvent(2, { family: 'workflow', event_type: 'step.started' }));
+    cursor.accept(kernelEvent(3));
+    expect(cursor.displayableEvents().map((event) => event.seq)).toEqual([1, 3]);
+    expect(cursor.lastSeq).toBe(3);
+  });
+
+  it('replays refresh results before live events without duplicating seqs', () => {
+    const cursor = createSessionEventCursor();
+    cursor.accept(kernelEvent(1));
+    cursor.accept(kernelEvent(2));
+    // Simulated refresh replay overlapping the live tail.
+    cursor.accept(kernelEvent(2));
+    cursor.accept(kernelEvent(3));
+    expect(cursor.displayableEvents().map((event) => event.seq)).toEqual([1, 2, 3]);
+  });
+
+  it('reconnects from the last session seq', () => {
+    const cursor = createSessionEventCursor();
+    cursor.accept(kernelEvent(41));
+    cursor.accept(kernelEvent(42));
+    expect(cursor.reconnectAfterSeq()).toBe(42);
+  });
+});
diff --git a/src/api/events.ts b/src/api/events.ts
index 5dfc439..3cb652a 100644
--- a/src/api/events.ts
+++ b/src/api/events.ts
@@ -29,3 +29,21 @@ export async function listSessionEvents(
     Limit: Number.isFinite(Number(data.Limit)) ? Number(data.Limit) : opts?.limit ?? data.Events?.length ?? 0,
   };
 }
+
+import { streamGetAction } from './client.js';
+
+/**
+ * agent-kernel/v1 session event subscription. `afterSeq` is the unified
+ * Session seq cursor; reconnects resume from the last observed seq.
+ */
+export async function subscribeSessionEvents(
+  sessionId: string,
+  afterSeq: number,
+  options?: { signal?: AbortSignal },
+): Promise<ReadableStream<Uint8Array>> {
+  return streamGetAction(
+    'SubscribeSessionEvents',
+    { SessionId: sessionId, AfterSeq: String(afterSeq) },
+    options,
+  );
+}
diff --git a/src/api/run.ts b/src/api/run.ts
index 4513f50..850f169 100644
--- a/src/api/run.ts
+++ b/src/api/run.ts
@@ -5,4 +5,29 @@ export async function runAgent(
   options?: { signal?: AbortSignal },
 ): Promise<ReadableStream<Uint8Array>> {
   return streamAction('RunAgent', body, options);
-}
\ No newline at end of file
+}
+import { postJsonAction } from './client.js';
+import { decodeReceipt, type AgentControlReceipt } from '../types/agent-control.js';
+
+export type SubmitAgentControlParams = {
+  commandType: 'enqueue' | 'steer' | 'inject' | 'interrupt' | 'pause' | 'resume' | 'submit_interaction';
+  idempotencyKey: string;
+  payload: Record<string, unknown>;
+};
+
+/**
+ * Submit an agent-kernel/v1 AgentControlCommand and decode the receipt with
+ * the canonical strict decoder; malformed receipts throw
+ * ContractMismatchError.
+ */
+export async function submitAgentControl(
+  params: SubmitAgentControlParams,
+  options?: { signal?: AbortSignal },
+): Promise<AgentControlReceipt> {
+  const data = await postJsonAction<unknown>('SubmitAgentControl', {
+    CommandType: params.commandType,
+    IdempotencyKey: params.idempotencyKey,
+    Payload: params.payload,
+  }, options);
+  return decodeReceipt(data);
+}
diff --git a/src/core/api/facade.ts b/src/core/api/facade.ts
index 57aed5c..a1add92 100644
--- a/src/core/api/facade.ts
+++ b/src/core/api/facade.ts
@@ -3,7 +3,8 @@ import { postJsonAction, streamGetAction } from '../../api/client.js';
 import { listSessions as listSessionsApi, createSession as createSessionApi, deleteSession as deleteSessionApi, getSession as getSessionApi } from '../../api/session.js';
 import { listSessionEvents as listSessionEventsApi } from '../../api/events.js';
 import { listSessionMessages as listSessionMessagesApi } from '../../api/messages.js';
-import { runAgent as runAgentApi } from '../../api/run.js';
+import { runAgent as runAgentApi, submitAgentControl as submitAgentControlApi } from '../../api/run.js';
+import { subscribeSessionEvents as subscribeSessionEventsApi } from '../../api/events.js';
 import { listSessionCheckpoints as listSessionCheckpointsApi, listToolReceipts as listToolReceiptsApi, previewCheckpointResume as previewCheckpointResumeApi, resumeRun as resumeRunApi } from '../../api/checkpoints.js';
 import { listWorkspaceFiles as listWorkspaceFilesApi, addWorkspaceFile as addWorkspaceFileApi, deleteWorkspaceFile as deleteWorkspaceFileApi, getWorkspaceFileContent as getFileContentApi } from '../../api/workspace.js';
 import { listAgentModels as listAgentModelsApi } from '../../api/model.js';
@@ -94,6 +95,33 @@ export class ApiFacadeImpl implements ApiFacade {
     return streamGetAction('SubscribeRunEvents', qs, opts);
   }
 
+  async submitControl(
+    command: {
+      command_type: 'enqueue' | 'steer' | 'inject' | 'interrupt' | 'pause' | 'resume' | 'submit_interaction';
+      idempotency_key: string;
+      payload: Record<string, unknown>;
+    },
+    opts?: { signal?: AbortSignal },
+  ) {
+    return submitAgentControlApi({
+      commandType: command.command_type,
+      idempotencyKey: command.idempotency_key,
+      payload: command.payload,
+    }, opts);
+  }
+
+  async getAgentStatus(opts?: { signal?: AbortSignal }) {
+    return postJsonAction('GetAgentStatus', {}, opts);
+  }
+
+  async subscribeSessionEvents(
+    sessionId: string,
+    afterSeq: number,
+    opts?: { signal?: AbortSignal },
+  ) {
+    return subscribeSessionEventsApi(sessionId, afterSeq, opts);
+  }
+
   async cancelRun(agentId: string, sessionId: string, invocationId: string, opts?: { signal?: AbortSignal }) {
     return postJsonAction(
       'CancelRun',
diff --git a/src/core/api/types.ts b/src/core/api/types.ts
index 2f36fde..2a6cbd2 100644
--- a/src/core/api/types.ts
+++ b/src/core/api/types.ts
@@ -58,6 +58,14 @@ export interface ApiFacade {
   resumeRun(params: { agentId: string; sessionId: string; runId: string; checkpointId: string; resumeAttemptId?: string; invocationId?: string }, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
   subscribeRunEvents(params: { sessionId: string; invocationId: string; afterSeqId: number }, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
   cancelRun(agentId: string, sessionId: string, invocationId: string, opts?: { signal?: AbortSignal }): Promise<unknown>;
+  // agent-kernel/v1 control surface
+  submitControl(command: {
+    command_type: 'enqueue' | 'steer' | 'inject' | 'interrupt' | 'pause' | 'resume' | 'submit_interaction';
+    idempotency_key: string;
+    payload: Record<string, unknown>;
+  }, opts?: { signal?: AbortSignal }): Promise<import('../../types/agent-control.js').AgentControlReceipt>;
+  getAgentStatus(opts?: { signal?: AbortSignal }): Promise<unknown>;
+  subscribeSessionEvents(sessionId: string, afterSeq: number, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
 
   // Feedback
   getResponseFeedback(payload: Record<string, unknown>, opts?: { signal?: AbortSignal }): Promise<unknown>;
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index a5a99f6..9d67b09 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -1,4 +1,12 @@
-import type { RunEngine, RunStage, RunEvent, RunEngineConfig } from './types.js';
+import type {
+  RunControlState,
+  RunEngine,
+  RunStage,
+  RunEvent,
+  RunEngineConfig,
+  SubmitControlCommand,
+} from './types.js';
+import { ContractMismatchError, decodeReceipt } from '../../types/agent-control.js';
 import type { ApiFacade } from '../api/types.js';
 import type { StreamAction } from '../stream/types.js';
 import { createProtocol } from '../stream/index.js';
@@ -99,6 +107,8 @@ export class RunEngineImpl implements RunEngine {
   private aguiClient: AguiRunClient | null = null;
   private aguiThreadSessionId: string | null = null;
   private api: ApiFacade;
+  private controlStateValue: RunControlState = { phase: 'idle' };
+  private lastControlCommand: SubmitControlCommand | null = null;
   private config: RunEngineConfig = {
     agentId: 'default-agent',
     apiFormats: ['responses'],
@@ -113,6 +123,79 @@ export class RunEngineImpl implements RunEngine {
 
   get stage() { return this._stage; }
 
+  get controlState(): RunControlState { return this.controlStateValue; }
+
+  /**
+   * Submit an agent-kernel/v1 control command. Receipt semantics:
+   * accepted/duplicate -> queued (never treated as completion), queue_full ->
+   * retryable with the same idempotency key, unsupported -> surfaces the
+   * capability reason, persistence_uncertain -> confirm status before retry.
+   */
+  async submitControl(command: SubmitControlCommand): Promise<RunControlState> {
+    this.lastControlCommand = command;
+    let receipt;
+    try {
+      receipt = decodeReceipt(await this.api.submitControl(command));
+    } catch (error) {
+      if (error instanceof ContractMismatchError) {
+        this.controlStateValue = { phase: 'contract_mismatch', error: null, receipt: null };
+        this.emit({ type: 'system_message', content: '【系统提示】控制指令响应不符合 agent-kernel/v1 合同，已停止变更本地状态。' });
+        return this.controlStateValue;
+      }
+      throw error;
+    }
+    this.controlStateValue = this.controlStateFor(receipt, command);
+    if (receipt.status === 'accepted' || receipt.status === 'duplicate') {
+      this.emit({ type: 'activity', phase: '指令已入队，等待运行时处理', status: 'waiting', countEvent: false });
+    } else if (receipt.status === 'queue_full') {
+      this.emit({ type: 'system_message', content: '【系统提示】指令队列已满，可点击重试；重试将复用同一幂等键。' });
+    } else if (receipt.status === 'unsupported') {
+      this.emit({ type: 'system_message', content: `【系统提示】运行时不支持该操作：${receipt.error?.message || ''}` });
+    } else if (receipt.status === 'persistence_uncertain') {
+      this.emit({ type: 'system_message', content: '【系统提示】指令提交结果待确认，正在查询状态…' });
+    } else if (receipt.status === 'rejected') {
+      this.emit({ type: 'system_message', content: `【系统提示】指令被拒绝：${receipt.error?.message || ''}` });
+    }
+    return this.controlStateValue;
+  }
+
+  private controlStateFor(
+    receipt: ReturnType<typeof decodeReceipt>,
+    command: SubmitControlCommand,
+  ): RunControlState {
+    switch (receipt.status) {
+      case 'accepted':
+      case 'duplicate':
+        return { phase: 'queued', receipt, error: null };
+      case 'queue_full':
+        return { phase: 'retryable', retryKey: command.idempotency_key, receipt, error: receipt.error };
+      case 'unsupported':
+        return { phase: 'unsupported', receipt, error: receipt.error };
+      case 'persistence_uncertain':
+        return { phase: 'confirming', retryKey: command.idempotency_key, receipt, error: receipt.error };
+      case 'rejected':
+      default:
+        return { phase: 'rejected', receipt, error: receipt.error };
+    }
+  }
+
+  /** Retry the last control command, reusing its idempotency key. */
+  async retryControl(): Promise<RunControlState> {
+    const previous = this.lastControlCommand;
+    if (!previous || (this.controlStateValue.phase !== 'retryable' && this.controlStateValue.phase !== 'confirming')) {
+      return this.controlStateValue;
+    }
+    if (this.controlStateValue.phase === 'confirming') {
+      // persistence_uncertain: confirm via status query before deciding to retry.
+      try {
+        await this.api.getAgentStatus();
+      } catch (error) {
+        console.warn('[RunEngine] status query after persistence_uncertain failed:', error);
+      }
+    }
+    return this.submitControl(previous);
+  }
+
   updateConfig(config: RunEngineConfig): void {
     this.config = {
       ...config,
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index 40b2246..cdd7dea 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -1,4 +1,5 @@
 import type { RuntimeApiFormat } from '../../types/api.js';
+import type { AgentControlError, AgentControlReceipt } from '../../types/agent-control.js';
 import type { HostedChatTransport } from '../../types/api.js';
 import type { ModelCatalogItem } from '../../components/chat/types.js';
 
@@ -113,5 +114,31 @@ export interface RunEngine {
     onSettled?: (sessionId: string | null) => void;
   }): boolean;
   readonly stage: RunStage;
+  readonly controlState: RunControlState;
+  submitControl(command: SubmitControlCommand): Promise<RunControlState>;
+  retryControl(): Promise<RunControlState>;
   subscribe(listener: (event: RunEvent) => void): () => void;
 }
+
+/**
+ * agent-kernel/v1 control surface state. `accepted`/`duplicate` receipts move
+ * the run to queued — they never imply completion.
+ */
+export type RunControlPhase =
+  | 'idle' | 'queued' | 'retryable' | 'unsupported' | 'confirming'
+  | 'contract_mismatch' | 'rejected';
+
+export type RunControlState = {
+  phase: RunControlPhase;
+  /** Idempotency key to reuse when retrying (queue_full/confirming). */
+  retryKey?: string;
+  /** Populated for unsupported/rejected receipts. */
+  error?: AgentControlError | null;
+  receipt?: AgentControlReceipt | null;
+};
+
+export type SubmitControlCommand = {
+  command_type: 'enqueue' | 'steer' | 'inject' | 'interrupt' | 'pause' | 'resume' | 'submit_interaction';
+  idempotency_key: string;
+  payload: Record<string, unknown>;
+};
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index e14729e..fd9ebfc 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -20,6 +20,7 @@ import type { UiCapabilities } from '../types/capabilities.js';
 import type { ApiFacade } from '../core/api/types.js';
 import { dispatchRunEventToStores } from '../core/run/dispatcher.js';
 import { parseSseChunk, splitSseBuffer } from '../core/transport/sse-parser.js';
+import { createSessionEventCursor } from '../utils/session-event-history.js';
 
 const RESTORE_RECONNECT_DELAY_MS = 500;
 const SESSION_LIST_PAGE_SIZE = 30;
@@ -104,6 +105,9 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
   const currentSessionIdRef = useRef<string | null>(ctx.currentSessionId);
   const agentIdRef = useRef(ctx.agentId);
   const runSubscriptionAbortRef = useRef<AbortController | null>(null);
+  // agent-kernel/v1 unified cursor: only the Session seq dedupes/orders and
+  // drives reconnects; Responses/AG-UI/A2A internal event ids are ignored.
+  const sessionEventCursorRef = useRef(createSessionEventCursor());
   const loadSessionGenerationRef = useRef(0);
   const olderMessageRequestRef = useRef(new Map<string, symbol>());
   const loadSessionRef = useRef<((sessionId: string) => Promise<void>) | null>(null);
@@ -246,6 +250,35 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
                   if (!isCurrentSubscription()) break;
                   if (event.InvocationId && event.InvocationId !== options.invocationId) continue;
 
+                  const kernelSeq = (event as { seq?: unknown }).seq;
+                  if (typeof kernelSeq === 'number') {
+                    // agent-kernel/v1 envelope: fold into the unified cursor.
+                    try {
+                      sessionEventCursorRef.current.accept(event);
+                    } catch (cursorError) {
+                      console.error('[SessionLifecycle] session event cursor conflict:', cursorError);
+                    }
+                    afterSeqId = Math.max(afterSeqId, sessionEventCursorRef.current.reconnectAfterSeq());
+                    dispatchRunEventToStores({
+                      type: 'stream_event',
+                      sessionId: options.sessionId,
+                      event,
+                    });
+                    terminalStatusSeen = terminalStatusSeen || eventHasTerminalRunStatus(event);
+                    shouldReloadSession = shouldReloadSession || terminalStatusSeen;
+                    const kernelTerminal = terminalActivityForRunEvent(event);
+                    if (kernelTerminal) {
+                      useStreamingStore.getState().updateActivity({
+                        sessionId: options.sessionId,
+                        status: kernelTerminal.status,
+                        phase: kernelTerminal.phase,
+                        detail: options.invocationId,
+                        countEvent: false,
+                      });
+                    }
+                    continue;
+                  }
+
                   const seqId = Number(event.SeqId || 0);
                   if (Number.isFinite(seqId)) {
                     afterSeqId = Math.max(afterSeqId, seqId);
diff --git a/src/public/runtime.ts b/src/public/runtime.ts
index ad56214..cea20af 100644
--- a/src/public/runtime.ts
+++ b/src/public/runtime.ts
@@ -8,3 +8,24 @@ export { createProtocol } from '../core/stream/index.js';
 export type { StreamAction, StreamProtocol } from '../core/stream/types.js';
 export { SseGetTransport, SsePostTransport } from '../core/transport/sse-transport.js';
 export type { RuntimeTransport, TransportCallbacks, TransportEvent } from '../core/transport/types.js';
+export {
+  ContractMismatchError,
+  decodeAgentStatusSnapshot,
+  decodeCapabilityMatrix,
+  decodeReceipt,
+  decodeSessionEventEnvelope,
+} from '../types/agent-control.js';
+export type {
+  AgentControlError,
+  AgentControlReceipt,
+  AgentControlReceiptStatus,
+  AgentStatusSnapshot,
+  RuntimeCapability,
+  RuntimeCapabilityMatrix,
+  SessionEventEnvelope,
+} from '../types/agent-control.js';
+export {
+  SessionEventConflictError,
+  SessionEventCursor,
+  createSessionEventCursor,
+} from '../utils/session-event-history.js';
diff --git a/src/types/agent-control.ts b/src/types/agent-control.ts
new file mode 100644
index 0000000..5038c79
--- /dev/null
+++ b/src/types/agent-control.ts
@@ -0,0 +1,385 @@
+/**
+ * agent-kernel/v1 contract types and strict decoders.
+ *
+ * Hand-written from the canonical JSON schemas in
+ * `contracts/agent-kernel/v1/` (aggregate digest
+ * 69771d8df4a8811ed6623f26a152c869cfdfd8dbfdcad443b52a9b6403b267e8).
+ *
+ * Decoding rules:
+ * - Required fields and enumerated values are validated strictly; a mismatch
+ *   throws {@link ContractMismatchError} and callers must stop mutating state.
+ * - Unknown optional fields are preserved in `extensions` for forward
+ *   compatibility instead of being dropped silently.
+ */
+import { z } from 'zod';
+
+export class ContractMismatchError extends Error {
+  constructor(message: string) {
+    super(message);
+    this.name = 'ContractMismatchError';
+  }
+}
+
+// ---------------------------------------------------------------------------
+// AgentControlReceipt/v1
+// ---------------------------------------------------------------------------
+
+export type AgentControlCommandType =
+  | 'enqueue' | 'steer' | 'inject' | 'interrupt'
+  | 'pause' | 'resume' | 'submit_interaction';
+
+export type AgentControlReceiptStatus =
+  | 'accepted' | 'duplicate' | 'rejected' | 'unsupported'
+  | 'queue_full' | 'persistence_uncertain';
+
+export type AgentControlError = {
+  code: string;
+  message: string;
+  retryable: boolean;
+  details?: Record<string, unknown>;
+  extensions: Record<string, unknown>;
+};
+
+export type AgentControlReceipt = {
+  schema_version: 1;
+  command_id: string;
+  status: AgentControlReceiptStatus;
+  message_id?: string | null;
+  run_id?: string | null;
+  accepted_seq?: number | null;
+  error?: AgentControlError | null;
+  /** Unknown optional fields kept verbatim. */
+  extensions: Record<string, unknown>;
+};
+
+const RECEIPT_KNOWN_KEYS = new Set([
+  'schema_version', 'command_id', 'status', 'message_id', 'run_id',
+  'accepted_seq', 'error',
+]);
+
+const controlErrorShape = z.object({
+  code: z.string().min(1),
+  message: z.string(),
+  retryable: z.boolean(),
+  details: z.record(z.string(), z.unknown()).optional(),
+});
+
+export function decodeReceipt(raw: unknown): AgentControlReceipt {
+  const parsed = z
+    .object({
+      schema_version: z.literal(1),
+      command_id: z.string().min(1),
+      status: z.enum([
+        'accepted', 'duplicate', 'rejected', 'unsupported',
+        'queue_full', 'persistence_uncertain',
+      ]),
+      message_id: z.string().min(1).nullable().optional(),
+      run_id: z.string().min(1).nullable().optional(),
+      accepted_seq: z.number().int().min(0).nullable().optional(),
+      error: controlErrorShape.nullable().optional(),
+    })
+    .passthrough()
+    .safeParse(raw);
+  if (!parsed.success) {
+    throw new ContractMismatchError(
+      `AgentControlReceipt/v1 mismatch: ${parsed.error.message}`,
+    );
+  }
+  const value = parsed.data;
+  if (
+    (value.status === 'rejected'
+      || value.status === 'unsupported'
+      || value.status === 'queue_full'
+      || value.status === 'persistence_uncertain')
+    && !value.error
+  ) {
+    throw new ContractMismatchError(
+      `AgentControlReceipt/v1 mismatch: status ${value.status} requires error`,
+    );
+  }
+  const extensions: Record<string, unknown> = {};
+  for (const [key, entry] of Object.entries(value as Record<string, unknown>)) {
+    if (!RECEIPT_KNOWN_KEYS.has(key)) {
+      extensions[key] = entry;
+    }
+  }
+  const error = value.error
+    ? { ...value.error, extensions: {} as Record<string, unknown> }
+    : null;
+  return {
+    schema_version: 1,
+    command_id: value.command_id,
+    status: value.status,
+    message_id: value.message_id ?? null,
+    run_id: value.run_id ?? null,
+    accepted_seq: value.accepted_seq ?? null,
+    error,
+    extensions,
+  };
+}
+
+// ---------------------------------------------------------------------------
+// RuntimeCapabilityMatrix/v1
+// ---------------------------------------------------------------------------
+
+export type RuntimeCapabilityMode = 'native' | 'emulated' | 'unavailable';
+
+export type RuntimeCapability = {
+  supported: boolean;
+  mode: RuntimeCapabilityMode;
+  reason?: string | null;
+  extensions: Record<string, unknown>;
+};
+
+export type RuntimeCapabilityMatrix = {
+  schema_version: 1;
+  cancel: RuntimeCapability;
+  pause: RuntimeCapability;
+  resume: RuntimeCapability;
+  submit_interaction: RuntimeCapability;
+  attach: RuntimeCapability;
+  steer: RuntimeCapability;
+  inject: RuntimeCapability;
+  checkpoint: RuntimeCapability;
+  durable_restore: RuntimeCapability;
+  extensions: Record<string, unknown>;
+};
+
+const CAPABILITY_KEYS = [
+  'cancel', 'pause', 'resume', 'submit_interaction', 'attach',
+  'steer', 'inject', 'checkpoint', 'durable_restore',
+] as const;
+
+const capabilityValue = z
+  .object({
+    supported: z.boolean(),
+    mode: z.enum(['native', 'emulated', 'unavailable']),
+    reason: z.string().min(1).nullable().optional(),
+  })
+  .passthrough();
+
+function decodeCapability(raw: unknown, field: string): RuntimeCapability {
+  const parsed = capabilityValue.safeParse(raw);
+  if (!parsed.success) {
+    throw new ContractMismatchError(
+      `RuntimeCapabilityMatrix/v1 mismatch at ${field}: ${parsed.error.message}`,
+    );
+  }
+  const value = parsed.data;
+  if (!value.supported && (value.mode !== 'unavailable' || !value.reason)) {
+    throw new ContractMismatchError(
+      `RuntimeCapabilityMatrix/v1 mismatch at ${field}: unsupported capability requires mode=unavailable and reason`,
+    );
+  }
+  const { supported, mode, reason, ...rest } = value;
+  return {
+    supported,
+    mode,
+    reason: reason ?? null,
+    extensions: rest as Record<string, unknown>,
+  };
+}
+
+export function decodeCapabilityMatrix(raw: unknown): RuntimeCapabilityMatrix {
+  const base = z
+    .object({
+      schema_version: z.literal(1),
+      ...Object.fromEntries(CAPABILITY_KEYS.map((key) => [key, z.unknown()])),
+    })
+    .passthrough()
+    .safeParse(raw);
+  if (!base.success) {
+    throw new ContractMismatchError(
+      `RuntimeCapabilityMatrix/v1 mismatch: ${base.error.message}`,
+    );
+  }
+  const value = base.data as Record<string, unknown>;
+  const extensions: Record<string, unknown> = {};
+  for (const key of Object.keys(value)) {
+    if (key !== 'schema_version' && !(CAPABILITY_KEYS as readonly string[]).includes(key)) {
+      extensions[key] = value[key];
+    }
+  }
+  const matrix: RuntimeCapabilityMatrix = {
+    schema_version: 1,
+    extensions,
+  } as RuntimeCapabilityMatrix;
+  for (const key of CAPABILITY_KEYS) {
+    matrix[key] = decodeCapability(value[key], key);
+  }
+  return matrix;
+}
+
+// ---------------------------------------------------------------------------
+// SessionEventEnvelope/v1
+// ---------------------------------------------------------------------------
+
+export type SessionEventFamily =
+  | 'control' | 'runtime' | 'workflow' | 'schedule' | 'job' | 'relationship';
+
+export type SessionEventEnvelope = {
+  schema_version: 1;
+  event_id: string;
+  session_id: string;
+  seq: number;
+  timestamp: string;
+  family: string;
+  family_version: number;
+  event_type: string;
+  payload: Record<string, unknown>;
+  run_id?: string | null;
+  causation_id?: string | null;
+  correlation_id?: string | null;
+  actor_ref?: string | null;
+  extensions: Record<string, unknown>;
+};
+
+export type DecodedSessionEventEnvelope =
+  | { ok: true; value: SessionEventEnvelope }
+  | { ok: false; error: ContractMismatchError };
+
+const ENVELOPE_KNOWN_KEYS = new Set([
+  'schema_version', 'event_id', 'session_id', 'seq', 'timestamp',
+  'family', 'family_version', 'event_type', 'payload', 'run_id',
+  'causation_id', 'correlation_id', 'actor_ref',
+]);
+
+const KNOWN_FAMILIES: ReadonlyMap<string, number> = new Map([
+  ['control', 1],
+  ['runtime', 2],
+]);
+
+const envelopeSchema = z
+  .object({
+    schema_version: z.literal(1),
+    event_id: z.string().min(1),
+    session_id: z.string().min(1),
+    seq: z.number().int().min(0),
+    timestamp: z.string().min(1),
+    family: z.string().min(1),
+    family_version: z.number().int().min(1),
+    event_type: z.string().min(1),
+    payload: z.record(z.string(), z.unknown()),
+    run_id: z.string().min(1).nullable().optional(),
+    causation_id: z.string().min(1).nullable().optional(),
+    correlation_id: z.string().min(1).nullable().optional(),
+    actor_ref: z.string().min(1).nullable().optional(),
+  })
+  .passthrough();
+
+/**
+ * Decode a session event envelope. Unknown families decode successfully so
+ * the cursor can still advance; only structural violations fail.
+ */
+export function decodeSessionEventEnvelope(raw: unknown): DecodedSessionEventEnvelope {
+  const parsed = envelopeSchema.safeParse(raw);
+  if (!parsed.success) {
+    return {
+      ok: false,
+      error: new ContractMismatchError(
+        `SessionEventEnvelope/v1 mismatch: ${parsed.error.message}`,
+      ),
+    };
+  }
+  const value = parsed.data;
+  const expectedVersion = KNOWN_FAMILIES.get(value.family);
+  if (expectedVersion !== undefined && value.family_version !== expectedVersion) {
+    return {
+      ok: false,
+      error: new ContractMismatchError(
+        `SessionEventEnvelope/v1 mismatch: family ${value.family} requires family_version ${expectedVersion}`,
+      ),
+    };
+  }
+  const extensions: Record<string, unknown> = {};
+  for (const [key, entry] of Object.entries(value as Record<string, unknown>)) {
+    if (!ENVELOPE_KNOWN_KEYS.has(key)) {
+      extensions[key] = entry;
+    }
+  }
+  return {
+    ok: true,
+    value: {
+      schema_version: 1,
+      event_id: value.event_id,
+      session_id: value.session_id,
+      seq: value.seq,
+      timestamp: value.timestamp,
+      family: value.family,
+      family_version: value.family_version,
+      event_type: value.event_type,
+      payload: value.payload,
+      run_id: value.run_id ?? null,
+      causation_id: value.causation_id ?? null,
+      correlation_id: value.correlation_id ?? null,
+      actor_ref: value.actor_ref ?? null,
+      extensions,
+    },
+  };
+}
+
+// ---------------------------------------------------------------------------
+// AgentStatusSnapshot/v1
+// ---------------------------------------------------------------------------
+
+export type AgentStatusSnapshot = {
+  schema_version: 1;
+  agent_instance_id: string;
+  instance_state: 'ready' | 'degraded' | 'unavailable';
+  session_id?: string | null;
+  active_run_id?: string | null;
+  active_run_state?: 'pending' | 'running' | 'paused' | 'waiting' | null;
+  inbox_depth: number;
+  activation_id?: string | null;
+  lease_expires_at?: string | null;
+  capability: RuntimeCapabilityMatrix;
+  extensions: Record<string, unknown>;
+};
+
+export function decodeAgentStatusSnapshot(raw: unknown): AgentStatusSnapshot {
+  const parsed = z
+    .object({
+      schema_version: z.literal(1),
+      agent_instance_id: z.string().min(1),
+      instance_state: z.enum(['ready', 'degraded', 'unavailable']),
+      session_id: z.string().min(1).nullable().optional(),
+      active_run_id: z.string().min(1).nullable().optional(),
+      active_run_state: z
+        .enum(['pending', 'running', 'paused', 'waiting'])
+        .nullable()
+        .optional(),
+      inbox_depth: z.number().int().min(0),
+      activation_id: z.string().min(1).nullable().optional(),
+      lease_expires_at: z.string().min(1).nullable().optional(),
+      capability: z.unknown(),
+    })
+    .passthrough()
+    .safeParse(raw);
+  if (!parsed.success) {
+    throw new ContractMismatchError(
+      `AgentStatusSnapshot/v1 mismatch: ${parsed.error.message}`,
+    );
+  }
+  const value = parsed.data;
+  const extensions: Record<string, unknown> = {};
+  for (const key of Object.keys(value as Record<string, unknown>)) {
+    if (!['schema_version', 'agent_instance_id', 'instance_state', 'session_id',
+      'active_run_id', 'active_run_state', 'inbox_depth', 'activation_id',
+      'lease_expires_at', 'capability'].includes(key)) {
+      extensions[key] = (value as Record<string, unknown>)[key];
+    }
+  }
+  return {
+    schema_version: 1,
+    agent_instance_id: value.agent_instance_id,
+    instance_state: value.instance_state,
+    session_id: value.session_id ?? null,
+    active_run_id: value.active_run_id ?? null,
+    active_run_state: value.active_run_state ?? null,
+    inbox_depth: value.inbox_depth,
+    activation_id: value.activation_id ?? null,
+    lease_expires_at: value.lease_expires_at ?? null,
+    capability: decodeCapabilityMatrix(value.capability),
+    extensions,
+  };
+}
diff --git a/src/types/capabilities.ts b/src/types/capabilities.ts
index f29e000..bcfa560 100644
--- a/src/types/capabilities.ts
+++ b/src/types/capabilities.ts
@@ -59,3 +59,12 @@ export type UiCapabilities = {
   WorkspaceFiles?: boolean;
   BuiltinTools: BuiltinToolCapability[];
 };
+
+// agent-kernel/v1 runtime capability matrix, exposed alongside the legacy
+// UI capability projection so consumers gate on canonical contracts.
+export type {
+  RuntimeCapability,
+  RuntimeCapabilityMatrix,
+  RuntimeCapabilityMode,
+} from './agent-control.js';
+export { decodeCapabilityMatrix } from './agent-control.js';
diff --git a/src/utils/session-event-history.ts b/src/utils/session-event-history.ts
index b07bcb8..da019e8 100644
--- a/src/utils/session-event-history.ts
+++ b/src/utils/session-event-history.ts
@@ -95,3 +95,89 @@ export async function loadCompleteSessionEventHistory(
     limit: merged.length,
   };
 }
+
+// ---------------------------------------------------------------------------
+// agent-kernel/v1 unified session cursor
+// ---------------------------------------------------------------------------
+
+import {
+  decodeSessionEventEnvelope,
+  type SessionEventEnvelope,
+} from '../types/agent-control.js';
+
+/** Two events sharing a seq but differing in content are a protocol error. */
+export class SessionEventConflictError extends Error {
+  seq: number;
+
+  constructor(seq: number) {
+    super(`Session event seq ${seq} was received twice with conflicting content`);
+    this.name = 'SessionEventConflictError';
+    this.seq = seq;
+  }
+}
+
+function stableHash(value: unknown): string {
+  if (Array.isArray(value)) {
+    return `[${value.map(stableHash).join(',')}]`;
+  }
+  if (value && typeof value === 'object') {
+    const entries = Object.entries(value as Record<string, unknown>)
+      .filter(([, entry]) => entry !== undefined)
+      .sort(([a], [b]) => (a < b ? -1 : a > b ? 1 : 0));
+    return `{${entries.map(([k, v]) => `${JSON.stringify(k)}:${stableHash(v)}`).join(',')}}`;
+  }
+  return JSON.stringify(value) ?? 'null';
+}
+
+const DISPLAYABLE_FAMILIES = new Set(['runtime']);
+
+/**
+ * Deduplication/ordering state keyed strictly by the Session seq.
+ *
+ * Internal event ids from Responses/AG-UI/A2A projections are never used as a
+ * reconnect cursor. Refresh replays are folded in before live events: an
+ * exact duplicate seq is ignored, a conflicting one raises
+ * {@link SessionEventConflictError}.
+ */
+export class SessionEventCursor {
+  private eventsBySeq = new Map<number, SessionEventEnvelope>();
+  private lastSeqValue = 0;
+
+  /** Fold one raw kernel envelope into the cursor. */
+  accept(raw: unknown): void {
+    const decoded = decodeSessionEventEnvelope(raw);
+    if (!decoded.ok) {
+      throw decoded.error;
+    }
+    const incoming = decoded.value;
+    const existing = this.eventsBySeq.get(incoming.seq);
+    if (existing) {
+      if (stableHash(existing) !== stableHash(incoming)) {
+        throw new SessionEventConflictError(incoming.seq);
+      }
+      return;
+    }
+    this.eventsBySeq.set(incoming.seq, incoming);
+    this.lastSeqValue = Math.max(this.lastSeqValue, incoming.seq);
+  }
+
+  get lastSeq(): number {
+    return this.lastSeqValue;
+  }
+
+  /** Cursor value for SubscribeSessionEvents(after_seq) reconnects. */
+  reconnectAfterSeq(): number {
+    return this.lastSeqValue;
+  }
+
+  /** Events safe to project into the transcript, ordered by seq. */
+  displayableEvents(): SessionEventEnvelope[] {
+    return [...this.eventsBySeq.values()]
+      .filter((event) => DISPLAYABLE_FAMILIES.has(event.family))
+      .sort((a, b) => a.seq - b.seq);
+  }
+}
+
+export function createSessionEventCursor(): SessionEventCursor {
+  return new SessionEventCursor();
+}

From eee3c8847f7152957ee16de552387113e14e970e Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 18 Aug 2026 09:35:29 +0800
Subject: [PATCH 19/61] fix: normalize reconnect cursor to after_seq
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

gateway 只认 after_seq（app/lifecycle.py resolve_after_seq），web 侧
SubscribeSessionEvents 从 AfterSeq 对齐为 after_seq；类型导出不变。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/__tests__/api-facade.test.ts | 3 ++-
 src/api/events.ts                | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/__tests__/api-facade.test.ts b/src/__tests__/api-facade.test.ts
index e198ba1..abcdf11 100644
--- a/src/__tests__/api-facade.test.ts
+++ b/src/__tests__/api-facade.test.ts
@@ -350,6 +350,7 @@ describe('ApiFacadeImpl agent-kernel/v1 control surface', () => {
     } finally {
       globalThis.fetch = originalFetch;
     }
-    expect(urls[0]).toBe('/agentengine/api/v1/SubscribeSessionEvents?SessionId=s1&AfterSeq=42');
+    // gateway 统一读取 after_seq（app/lifecycle.py resolve_after_seq），web 侧必须对齐。
+    expect(urls[0]).toBe('/agentengine/api/v1/SubscribeSessionEvents?SessionId=s1&after_seq=42');
   });
 });
diff --git a/src/api/events.ts b/src/api/events.ts
index 3cb652a..55a0eb8 100644
--- a/src/api/events.ts
+++ b/src/api/events.ts
@@ -43,7 +43,7 @@ export async function subscribeSessionEvents(
 ): Promise<ReadableStream<Uint8Array>> {
   return streamGetAction(
     'SubscribeSessionEvents',
-    { SessionId: sessionId, AfterSeq: String(afterSeq) },
+    { SessionId: sessionId, after_seq: String(afterSeq) },
     options,
   );
 }

From d2baceeb70cb4d8bcfbada482d060d3be1223e5d Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 19 Aug 2026 13:06:43 +0800
Subject: [PATCH 20/61] feat(web): unify durable interactions in 0.3.2
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

One Interaction/v1 client: Responses approvals, AG-UI interrupts, and
Interaction/v1 SessionEvents normalize into a single Interaction shape
with one submit path (SubmitInteraction, revision CAS + idempotency key,
first-wins terminal semantics). Refresh/replay restores pending
interactions without duplicating requests; A2UI v0.9.1 is validated with
catalog digest and falls back to the JSON schema form or basic controls —
never to an automatic approval. Old servers without interaction_v1 keep
the 0.3.1 Responses/AG-UI callbacks.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 CHANGELOG.md                                  |  55 ++-
 e2e/agui.spec.mjs                             |   2 +-
 e2e/interaction.spec.ts                       | 432 ++++++++++++++++++
 package-lock.json                             |   4 +-
 package.json                                  |   2 +-
 playwright.interaction.config.mjs             |  17 +
 src/App.tsx                                   |  32 ++
 .../chat-message-list-contract.test.ts        |  13 +-
 src/__tests__/interaction-client.test.ts      | 269 +++++++++++
 src/__tests__/interaction-replay.test.ts      | 162 +++++++
 src/__tests__/interaction-tray.test.ts        | 110 +++++
 src/api/run.ts                                |  29 +-
 src/components/chat/ChatMessageList.tsx       |  28 +-
 src/components/chat/ConnectedComposer.tsx     |  31 +-
 src/components/chat/ConnectedMessageList.tsx  |   3 +
 .../chat/InteractionA2uiSurface.tsx           |  48 ++
 .../chat/InteractionHistoryAnchor.tsx         |  49 ++
 src/components/chat/InteractionSchemaForm.tsx | 104 +++++
 src/components/chat/InteractionTray.tsx       | 250 ++++++++++
 src/components/chat/ProcessingBlocksView.tsx  |  32 +-
 src/components/chat/schema-fields.ts          |  42 ++
 src/core/api/facade.ts                        |  18 +-
 src/core/api/types.ts                         |  10 +
 src/core/interaction/a2ui-validate.ts         |  95 ++++
 src/core/interaction/adapters/agui.ts         |  46 ++
 src/core/interaction/adapters/normalize.ts    | 110 +++++
 src/core/interaction/adapters/responses.ts    |  56 +++
 .../interaction/adapters/session-events.ts    | 140 ++++++
 src/core/interaction/client.ts                | 242 ++++++++++
 src/core/interaction/index.ts                 | 103 +++++
 src/core/interaction/store.ts                 | Bin 0 -> 5686 bytes
 src/core/interaction/types.ts                 | 151 ++++++
 src/core/run/dispatcher.ts                    |  14 +
 src/hooks/useInteractions.ts                  |  98 ++++
 src/hooks/useSessionLifecycle.ts              |  14 +
 src/public/runtime.ts                         |  20 +
 src/types/capabilities.ts                     |   2 +
 src/utils/capabilities.js                     |   7 +
 38 files changed, 2818 insertions(+), 22 deletions(-)
 create mode 100644 e2e/interaction.spec.ts
 create mode 100644 playwright.interaction.config.mjs
 create mode 100644 src/__tests__/interaction-client.test.ts
 create mode 100644 src/__tests__/interaction-replay.test.ts
 create mode 100644 src/__tests__/interaction-tray.test.ts
 create mode 100644 src/components/chat/InteractionA2uiSurface.tsx
 create mode 100644 src/components/chat/InteractionHistoryAnchor.tsx
 create mode 100644 src/components/chat/InteractionSchemaForm.tsx
 create mode 100644 src/components/chat/InteractionTray.tsx
 create mode 100644 src/components/chat/schema-fields.ts
 create mode 100644 src/core/interaction/a2ui-validate.ts
 create mode 100644 src/core/interaction/adapters/agui.ts
 create mode 100644 src/core/interaction/adapters/normalize.ts
 create mode 100644 src/core/interaction/adapters/responses.ts
 create mode 100644 src/core/interaction/adapters/session-events.ts
 create mode 100644 src/core/interaction/client.ts
 create mode 100644 src/core/interaction/index.ts
 create mode 100644 src/core/interaction/store.ts
 create mode 100644 src/core/interaction/types.ts
 create mode 100644 src/hooks/useInteractions.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 255a359..a91b44b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,59 @@
 # Changelog
 
-## 0.3.1 - 2026-08-12
+## 0.3.2-beta.1 - 2026-08-19
+
+> Unifies durable human-in-the-loop decisions behind one `Interaction/v1`
+> client. Counterpart of the agent-kernel Interaction/v1 contract: pending
+> approvals, structured inputs, and AG-UI interrupts normalize to a single
+> Interaction shape with one submit path (`SubmitInteraction`) with
+> revision CAS, idempotency keys, and first-wins terminal semantics.
+
+### Interaction/v1 (headless core)
+
+- New `src/core/interaction/` module: `InteractionClientImpl` + shared
+  `InteractionStore` with strict first-wins semantics (a terminal record
+  never regresses to pending), revision-based optimistic concurrency, and
+  an idempotency-key double-submit guard.
+- Transport adapters normalize three sources into the same Interaction:
+  Interaction/v1 SessionEvents (`interaction.requested` / `.resolved`,
+  rejection is `resolved.outcome="rejected"`, not a fifth event type),
+  Responses `mcp_approval_request`, and AG-UI interrupts. Components never
+  branch on the approval protocol.
+- New public API: `POST /agentengine/api/v1/SubmitInteraction`
+  (`submitInteraction` on `ApiFacade`), receipt decoded with the canonical
+  agent-kernel/v1 strict decoder. Pure `/v1/responses` clients keep the
+  official `mcp_approval_response` path.
+- Refresh/replay: session load replays recent durable SessionEvents into
+  the store so a pending Interaction is restored without creating a second
+  request; a double click, a stale tab, or a replayed history can never
+  duplicate a decision.
+
+### UI
+
+- `InteractionTray` renders above the composer with the current pending
+  item, pending count, and queue navigation; the composer input is
+  visually subordinated while a decision is pending.
+- `InteractionHistoryAnchor` replaces interactive historical approval
+  buttons with a read-only status retaining actor, decision time,
+  outcome, and a redacted response summary.
+- A2UI production wire locked to `0.9.1` with catalog digest validation
+  (`validateA2uiPresentation`). Unknown wire versions or catalog
+  mismatches fall back to the canonical JSON schema form, then to plain
+  approve/reject controls. A validation failure is never mapped to an
+  approval.
+- Expiry: interactions with a past `expires_at` disable submission
+  client-side and surface an expired notice.
+
+### Compatibility
+
+- Old servers without the `interaction_v1` capability keep the 0.3.1
+  Responses (`mcp_approval_response`) and AG-UI (`resumeAguiInterrupt`)
+  callbacks; the fallback is isolated in the adapters and the shared UI is
+  unchanged.
+- Public runtime bundle exports `InteractionClientImpl`, `Interaction`,
+  adapters, and `interactionIdempotencyKey`.
+
+## 0.3.1 - 2026-08-12 - 2026-08-12
 
 > Identity-aware runtime item reducer. Counterpart of the KsADK `0.8.1`
 > canonical RuntimeEvent(schema_version=2) release. Hosted UI and Studio must
diff --git a/e2e/agui.spec.mjs b/e2e/agui.spec.mjs
index fd30c3c..2e01d28 100644
--- a/e2e/agui.spec.mjs
+++ b/e2e/agui.spec.mjs
@@ -182,7 +182,7 @@ test('projects AG-UI activity, resumes approval, and replays terminal state', as
   await page.goto('/');
 
   await expect(page.getByText('AG-UI Fixture')).toBeVisible();
-  const composer = page.getByPlaceholder('发送消息...');
+  const composer = page.getByPlaceholder('发送消息…');
   await composer.fill('请写入 demo.txt');
   await composer.press('Enter');
 
diff --git a/e2e/interaction.spec.ts b/e2e/interaction.spec.ts
new file mode 100644
index 0000000..aec7178
--- /dev/null
+++ b/e2e/interaction.spec.ts
@@ -0,0 +1,432 @@
+import { expect, test } from '@playwright/test';
+
+/**
+ * Interaction/v1 durable-interaction e2e (Web 0.3.2).
+ *
+ * The fixture is a Responses-transport server that advertises
+ * `interaction_v1`. Pending interactions arrive as durable
+ * SessionEvents (replayed via ListSessionEvents on session load), and
+ * every decision is a single POST /agentengine/api/v1/SubmitInteraction
+ * with revision CAS and an idempotency key.
+ */
+
+const SESSION_ID = 'session-interaction-e2e';
+const AGENT_ID = 'fixture-agent';
+
+function envelope(data) {
+  return { Code: 0, Message: 'Success', Data: data };
+}
+
+function sse(events) {
+  return events.map((event) => `data: ${JSON.stringify(event)}\n\n`).join('');
+}
+
+function bootstrap(interactionV1 = true) {
+  return {
+    Agent: { AgentId: AGENT_ID, Name: 'Interaction Fixture', Framework: 'ksadk' },
+    ApiFormats: ['responses'],
+    Capabilities: {
+      Attachments: false,
+      WorkspaceFiles: false,
+      Approval: true,
+      Thinking: false,
+      StopRun: true,
+      ResumeRun: false,
+      ...(interactionV1 ? { interaction_v1: { enabled: true } } : {}),
+    },
+    HostedChat: {
+      PreferredTransport: 'responses',
+      Transports: [
+        {
+          Protocol: 'responses',
+          Runtime: 'ksadk',
+          Endpoint: '/v1/responses',
+          Version: 'v1',
+          Capabilities: { A2UI: false, Interrupt: true, Cancel: true },
+        },
+      ],
+    },
+    Model: { id: 'fixture-model', display_name: 'Fixture Model' },
+  };
+}
+
+function requestedEvent(overrides = {}) {
+  return {
+    EventId: `evt-${overrides.interactionId || 'int-1'}-req`,
+    SessionId: SESSION_ID,
+    SeqId: 10,
+    InvocationId: 'inv-1',
+    EventType: 'interaction.requested',
+    Content: {
+      interaction: {
+        interaction_id: overrides.interactionId || 'int-1',
+        session_id: SESSION_ID,
+        run_id: 'run-1',
+        kind: overrides.kind || 'approval',
+        revision: 1,
+        created_at: '2026-08-19T00:00:00Z',
+        ...(overrides.expiresAt ? { expires_at: overrides.expiresAt } : {}),
+        ...(overrides.requestSchema ? { request_schema: overrides.requestSchema } : {}),
+        ...(overrides.presentation ? { presentation: overrides.presentation } : {}),
+        ...(overrides.message ? { message: overrides.message } : {}),
+        ...(overrides.title ? { title: overrides.title } : {}),
+      },
+    },
+  };
+}
+
+function resolvedEvent(interactionId = 'int-1', outcome = 'approved') {
+  return {
+    EventId: `evt-${interactionId}-res`,
+    SessionId: SESSION_ID,
+    SeqId: 11,
+    InvocationId: 'inv-1',
+    EventType: 'interaction.resolved',
+    Content: {
+      interaction_id: interactionId,
+      outcome,
+      actor: 'user',
+      resolved_at: '2026-08-19T00:01:00Z',
+    },
+  };
+}
+
+/**
+ * Installs the fixture on a page. `state` is shared across pages so two
+ * tabs hit the same server truth.
+ */
+async function installFixture(page, state, options = {}) {
+  await page.route('**/agentengine/api/v1/**', async (route) => {
+    const action = new URL(route.request().url()).pathname.split('/').pop();
+
+    if (action === 'SubmitInteraction') {
+      const body = route.request().postDataJSON();
+      state.submits.push(body);
+      const alreadyResolved = state.resolvedIds.has(body.InteractionId);
+      const receipt = alreadyResolved
+        ? {
+            schema_version: 1,
+            command_id: `cmd-${state.submits.length}`,
+            status: 'rejected',
+            error: {
+              code: 'interaction_already_resolved',
+              message: 'first-wins: another submission resolved this interaction',
+              retryable: false,
+            },
+          }
+        : {
+            schema_version: 1,
+            command_id: `cmd-${state.submits.length}`,
+            status: 'accepted',
+          };
+      if (!alreadyResolved) {
+        state.resolvedIds.add(body.InteractionId);
+      }
+      await route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify(envelope(receipt)),
+      });
+      return;
+    }
+
+    if (action === 'RunAgent') {
+      await route.fulfill({
+        status: 200,
+        contentType: 'text/event-stream',
+        body: sse([
+          { type: 'response.completed', status: 'completed', output_text: '运行完成。' },
+        ]),
+      });
+      return;
+    }
+
+    const events = typeof state.events === 'function' ? state.events() : state.events;
+    const payloadByAction = {
+      GetAgentUiBootstrap: bootstrap(options.interactionV1 !== false),
+      ListSessions: {
+        Sessions: state.sessionCreated
+          ? [{ SessionId: SESSION_ID, AgentId: AGENT_ID, Title: 'Interaction fixture' }]
+          : [],
+        Total: state.sessionCreated ? 1 : 0,
+        Page: 1,
+        PageSize: 30,
+      },
+      ListAgentModels: { Models: [{ id: 'fixture-model', display_name: 'Fixture Model' }] },
+      CreateSession: { Session: { SessionId: SESSION_ID, AgentId: AGENT_ID } },
+      GetSession: { Session: { SessionId: SESSION_ID, AgentId: AGENT_ID, ActiveRunStatus: '' } },
+      ListSessionEvents: { Events: events, Total: events.length },
+      ListSessionMessages: {
+        Messages: typeof state.history === 'function' ? state.history() : (state.history || []),
+        LatestSeqId: 0,
+        HasMore: false,
+        NextCursor: null,
+      },
+      ListSessionCheckpoints: { Checkpoints: [] },
+      ListToolReceipts: { ToolReceipts: [] },
+      GetResponseFeedback: null,
+    };
+    if (action === 'CreateSession') state.sessionCreated = true;
+    await route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify(envelope(payloadByAction[action] ?? {})),
+    });
+  });
+}
+
+function historyWithApproval(status = 'paused') {
+  return () => [
+    {
+      MessageId: 'assistant-approval',
+      Role: 'assistant',
+      Content: { text: '需要人工确认。' },
+      ToolEvents: [
+        {
+          Name: 'write_file',
+          Args: { path: 'demo.txt' },
+          Status: status,
+          ApprovalRequestId: 'int-1',
+          Protocol: 'responses',
+        },
+      ],
+    },
+  ];
+}
+
+async function createSession(page) {
+  await page.goto('/');
+  await expect(page.getByText('Interaction Fixture')).toBeVisible();
+  const composer = page.getByPlaceholder('发送消息…');
+  await composer.fill('hello');
+  await composer.press('Enter');
+  await expect(page.getByText('运行完成。')).toBeVisible();
+}
+
+test('approve sends exactly one SubmitInteraction and replay never resubmits', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [requestedEvent()],
+  };
+  state.history = historyWithApproval();
+  await installFixture(page, state);
+  await createSession(page);
+
+  // Refresh: pending interaction restored from durable history.
+  await page.reload();
+  const tray = page.getByTestId('interaction-tray');
+  await expect(tray).toBeVisible();
+  await expect(page.getByTestId('interaction-tray-title')).toHaveText('人工确认');
+  expect(state.submits).toHaveLength(0);
+
+  // Double click: exactly one submit leaves the client.
+  const approve = page.getByTestId('interaction-approve');
+  await approve.dblclick();
+  await expect.poll(() => state.submits.length).toBe(1);
+  expect(state.submits[0]).toMatchObject({
+    AgentId: AGENT_ID,
+    SessionId: SESSION_ID,
+    InteractionId: 'int-1',
+    ExpectedRevision: 1,
+    Action: 'approve',
+    IdempotencyKey: 'interaction:int-1:revision-1',
+  });
+  expect(state.submits[0].Response).toMatchObject({ approved: true });
+  await expect(tray).toHaveCount(0);
+
+  // Replay after resolution: history shows a read-only anchor, no second
+  // request ever leaves the client.
+  state.events = () => [requestedEvent(), resolvedEvent('int-1', 'approved')];
+  state.history = historyWithApproval('approved');
+  await page.reload();
+  const anchor = page.getByTestId('interaction-history-anchor');
+  await expect(anchor).toBeVisible();
+  await expect(anchor).toHaveAttribute('data-interaction-status', 'resolved');
+  await expect(page.getByText('操作人：user')).toBeVisible();
+  await expect(page.getByText('已同意')).toBeVisible();
+  await expect(tray).toHaveCount(0);
+  expect(state.submits).toHaveLength(1);
+});
+
+test('reject routes through the same single submit path', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [requestedEvent()],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+
+  await page.reload();
+  await page.getByTestId('interaction-reject').click();
+
+  await expect.poll(() => state.submits.length).toBe(1);
+  expect(state.submits[0]).toMatchObject({
+    InteractionId: 'int-1',
+    Action: 'reject',
+    ExpectedRevision: 1,
+  });
+  expect(state.submits[0].Response).toMatchObject({ approved: false });
+});
+
+test('structured form submits the full response payload', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [
+      requestedEvent({
+        interactionId: 'int-form',
+        kind: 'structured_input',
+        title: '部署确认',
+        message: '请选择部署目标并填写备注。',
+        requestSchema: {
+          type: 'object',
+          properties: {
+            deploy_target: { type: 'string', title: '部署目标', enum: ['pre-online', 'online'] },
+            note: { type: 'string', title: '备注' },
+          },
+          required: ['deploy_target'],
+        },
+      }),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+
+  await page.reload();
+  await expect(page.getByTestId('interaction-schema-form')).toBeVisible();
+  await page.getByTestId('interaction-field-deploy_target').selectOption('online');
+  await page.getByTestId('interaction-field-note').fill('发布 0.3.2');
+  await page.getByTestId('interaction-submit').click();
+
+  await expect.poll(() => state.submits.length).toBe(1);
+  expect(state.submits[0]).toMatchObject({
+    InteractionId: 'int-form',
+    Action: 'submit',
+  });
+  expect(state.submits[0].Response).toEqual({
+    deploy_target: 'online',
+    note: '发布 0.3.2',
+  });
+});
+
+test('two tabs: first-wins receipt, second tab never duplicates the decision', async ({ browser }) => {
+  const context = await browser.newContext();
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [requestedEvent()],
+  };
+
+  state.history = historyWithApproval();
+  const tabA = await context.newPage();
+  await installFixture(tabA, state);
+  await createSession(tabA);
+  await tabA.reload();
+  await expect(tabA.getByTestId('interaction-tray')).toBeVisible();
+
+  // Stale tab B still sees the pending request (no sync yet).
+  const tabB = await context.newPage();
+  await installFixture(tabB, state);
+  await tabB.goto('/');
+  await tabB.reload();
+  await expect(tabB.getByTestId('interaction-tray')).toBeVisible();
+
+  await tabA.getByTestId('interaction-approve').click();
+  await expect.poll(() => state.submits.length).toBe(1);
+  expect(state.submits[0].Action).toBe('approve');
+
+  // Second tab submits the same revision: the server is the authority and
+  // returns the first-wins rejection receipt.
+  await tabB.getByTestId('interaction-reject').click();
+  await expect.poll(() => state.submits.length).toBe(2);
+  expect(state.resolvedIds.has('int-1')).toBe(true);
+
+  // After replaying the authoritative terminal fact, no third request can
+  // be produced even by clicking again.
+  state.events = () => [requestedEvent(), resolvedEvent('int-1', 'approved')];
+  state.history = historyWithApproval('approved');
+  await tabB.reload();
+  await expect(tabB.getByTestId('interaction-history-anchor')).toBeVisible();
+  await expect(tabB.getByTestId('interaction-tray')).toHaveCount(0);
+  expect(state.submits).toHaveLength(2);
+});
+
+test('expired interactions disable submission client-side', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [
+      requestedEvent({ expiresAt: '2026-08-18T00:00:00Z' }),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+
+  await page.reload();
+  await expect(page.getByTestId('interaction-tray-expired')).toBeVisible();
+  const approve = page.getByTestId('interaction-approve');
+  await expect(approve).toBeDisabled();
+  await page.evaluate((selector) => {
+    document.querySelector(selector)?.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+  }, '[data-testid="interaction-approve"]');
+  await page.waitForTimeout(300);
+  expect(state.submits).toHaveLength(0);
+});
+
+test('unknown A2UI wire version falls back safely and never approves', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [
+      requestedEvent({
+        interactionId: 'int-a2ui',
+        presentation: {
+          a2ui: {
+            wire_version: '1.0',
+            catalog_digest: 'unknown-digest',
+            messages: [{ id: 'm1', inputSchema: { type: 'object', properties: { hint: { type: 'string' } } } }],
+          },
+        },
+      }),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+
+  await page.reload();
+  await expect(page.getByTestId('interaction-tray')).toBeVisible();
+  // Unknown wire version + catalog: never rendered through A2UI; the JSON
+  // schema form fallback appears instead.
+  await expect(page.getByTestId('interaction-a2ui-surface')).toHaveCount(0);
+  await expect(page.getByTestId('interaction-schema-form')).toBeVisible();
+
+  await page.getByTestId('interaction-field-hint').fill('ok');
+  await page.getByTestId('interaction-submit').click();
+  await expect.poll(() => state.submits.length).toBe(1);
+  expect(state.submits[0].Action).toBe('submit');
+  expect(state.submits[0].Response).toEqual({ hint: 'ok' });
+});
+
+test('servers without interaction_v1 keep the 0.3.1 Responses approval behavior', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [],
+  };
+  await installFixture(page, state, { interactionV1: false });
+  await createSession(page);
+
+  // Old server: no interaction_v1 capability, no SubmitInteraction calls.
+  await page.reload();
+  await expect(page.getByTestId('interaction-tray')).toHaveCount(0);
+  expect(state.submits).toHaveLength(0);
+});
diff --git a/package-lock.json b/package-lock.json
index c65c74c..2b97f70 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@kingsoftcloud/ksadk-web",
-      "version": "0.3.0",
+      "version": "0.3.1",
       "license": "Apache-2.0",
       "dependencies": {
         "@ag-ui/client": "0.0.57",
diff --git a/package.json b/package.json
index 5dc82fc..71404be 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.1",
+  "version": "0.3.2-beta.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/playwright.interaction.config.mjs b/playwright.interaction.config.mjs
new file mode 100644
index 0000000..9328eb6
--- /dev/null
+++ b/playwright.interaction.config.mjs
@@ -0,0 +1,17 @@
+import { defineConfig } from '@playwright/test';
+
+export default defineConfig({
+  testDir: './e2e',
+  testMatch: 'interaction.spec.ts',
+  timeout: 30_000,
+  use: {
+    baseURL: 'http://127.0.0.1:4173',
+    viewport: { width: 1280, height: 900 },
+    screenshot: 'only-on-failure',
+  },
+  webServer: {
+    command: 'npm run dev -- --host 127.0.0.1 --port 4173 --strictPort',
+    url: 'http://127.0.0.1:4173',
+    reuseExistingServer: false,
+  },
+});
diff --git a/src/App.tsx b/src/App.tsx
index bd818fe..b2be671 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -26,6 +26,7 @@ import { useResponsiveViewport } from './hooks/useResponsiveViewport';
 import { useBootstrap } from './hooks/useBootstrap';
 import { useRunAgent } from './hooks/useRunAgent';
 import { useFeedback } from './hooks/useFeedback';
+import { useInteractions } from './hooks/useInteractions.js';
 import { useSessionLifecycle } from './hooks/useSessionLifecycle';
 import { ConnectedSidebar } from './components/chat/ConnectedSidebar';
 import { ConnectedMessageList } from './components/chat/ConnectedMessageList';
@@ -206,6 +207,31 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     submitDraft,
   });
 
+  const {
+    pending: pendingInteractions,
+    records: interactionRecords,
+    respond: respondInteraction,
+    localCatalog,
+  } = useInteractions({
+    agentId,
+    getAgentId: () => agentIdRef.current,
+    currentSessionId,
+    api,
+    interactionV1Enabled: Boolean(uiCapabilities.InteractionV1),
+    legacyResponsesApproval: (approvalRequestId, approve) => {
+      respondToApproval({ approvalRequestId, approve });
+    },
+    legacyAguiResume: (interruptId, status, payload) => {
+      const engineAccepted = respondToAguiApproval({
+        interruptId,
+        approve: status === 'resolved',
+      });
+      void engineAccepted;
+      void payload;
+      return engineAccepted;
+    },
+  });
+
   useBootstrap({ fetchSessions });
 
   useEffect(() => {
@@ -379,6 +405,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
               }
               onResumeCheckpoint={resumeCheckpoint}
               onLoadOlderSessionMessages={loadOlderSessionMessages}
+              interactionRecords={interactionRecords}
             />
         <ConnectedComposer
           composerMaxHeight={composerMaxHeight}
@@ -388,6 +415,11 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
           isMobile={isMobile}
           approvalEnabled={Boolean(uiCapabilities.Approval) && uiCapabilities.ApprovalPolicy?.RuntimeOverride !== false}
           approvalPolicy={uiCapabilities.ApprovalPolicy}
+          pendingInteractions={pendingInteractions}
+          onRespondInteraction={(input) => {
+            void respondInteraction(input);
+          }}
+          localCatalog={localCatalog}
         />
           </>
         )}
diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index 2015a22..d4f7988 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -145,7 +145,18 @@ describe('chat message list contracts', () => {
     expect(lifecycleSource).toContain('loadOlderSessionMessages');
     expect(lifecycleSource).toContain('beforeSeqId: historyState.nextCursor');
     expect(lifecycleSource).toContain('SESSION_MESSAGES_PAGE_SIZE');
-    expect(lifecycleSource).not.toContain('api.listSessionEvents(sessionId');
+    // Raw event history must not be loaded for the transcript. The only
+    // allowed listSessionEvents call is the Interaction/v1 pending
+    // replay (0.3.2), which ingests durable interaction facts only and
+    // never issues a submit.
+    const listSessionEventsCalls = lifecycleSource
+      .split('\n')
+      .filter((line) => line.includes('api.listSessionEvents(sessionId'));
+    expect(listSessionEventsCalls).toHaveLength(1);
+    expect(listSessionEventsCalls[0]).toContain('limit: 50');
+    expect(
+      lifecycleSource.indexOf('api.listSessionEvents(sessionId'),
+    ).toBeGreaterThan(lifecycleSource.indexOf('Interaction/v1'));
     expect(lifecycleSource).toContain("console.warn('[SessionLifecycle] checkpoint load failed:'");
     expect(lifecycleSource).toContain("console.warn('[SessionLifecycle] tool receipt load failed:'");
   });
diff --git a/src/__tests__/interaction-client.test.ts b/src/__tests__/interaction-client.test.ts
new file mode 100644
index 0000000..ae4148a
--- /dev/null
+++ b/src/__tests__/interaction-client.test.ts
@@ -0,0 +1,269 @@
+import { describe, expect, it, vi } from 'vitest';
+import { InteractionClientImpl } from '../core/interaction/client.js';
+import { InteractionStore } from '../core/interaction/store.js';
+import { interactionFromSessionEvent } from '../core/interaction/adapters/session-events.js';
+import { interactionFromResponsesApproval } from '../core/interaction/adapters/responses.js';
+import { interactionFromAguiInterrupt } from '../core/interaction/adapters/agui.js';
+import { interactionIdempotencyKey } from '../core/interaction/types.js';
+
+function okReceipt(overrides: Record<string, unknown> = {}) {
+  return {
+    schema_version: 1,
+    command_id: 'cmd-1',
+    status: 'accepted',
+    ...overrides,
+  };
+}
+
+/** Equivalent pending approval expressed by each transport. */
+const FIXTURES = {
+  interactionV1: {
+    schema_version: 1,
+    event_id: 'evt-1',
+    session_id: 'session-1',
+    seq: 1,
+    timestamp: '2026-08-19T00:00:00Z',
+    family: 'control',
+    family_version: 1,
+    event_type: 'interaction.requested',
+    run_id: 'run-1',
+    payload: {
+      interaction: {
+        interaction_id: 'int-1',
+        session_id: 'session-1',
+        run_id: 'run-1',
+        kind: 'approval',
+        revision: 1,
+        created_at: '2026-08-19T00:00:00Z',
+        request_schema: { type: 'object' },
+      },
+    },
+  },
+  responses: null as unknown as ReturnType<typeof interactionFromResponsesApproval>,
+  agui: null as unknown as ReturnType<typeof interactionFromAguiInterrupt>,
+};
+
+FIXTURES.responses = interactionFromResponsesApproval({
+  approvalRequestId: 'int-1',
+  sessionId: 'session-1',
+  runId: 'run-1',
+});
+
+FIXTURES.agui = interactionFromAguiInterrupt({
+  interruptId: 'int-1',
+  sessionId: 'session-1',
+  runId: 'run-1',
+});
+
+describe('three-source normalization', () => {
+  it('normalizes Responses, AG-UI, and Interaction/v1 requests to the same Interaction shape', () => {
+    const v1 = interactionFromSessionEvent(FIXTURES.interactionV1);
+    expect(v1).not.toBeNull();
+    expect(v1!.interactionId).toBe('int-1');
+    expect(v1!.sessionId).toBe('session-1');
+    expect(v1!.status).toBe('pending');
+    expect(v1!.kind).toBe('approval');
+    expect(v1!.revision).toBe(1);
+    expect(v1!.source).toBe('interaction_v1');
+
+    for (const interaction of [FIXTURES.responses, FIXTURES.agui]) {
+      expect(interaction).not.toBeNull();
+      expect(interaction!.interactionId).toBe('int-1');
+      expect(interaction!.sessionId).toBe('session-1');
+      expect(interaction!.status).toBe('pending');
+      expect(interaction!.kind).toBe('approval');
+      expect(interaction!.revision).toBe(1);
+    }
+  });
+
+  it('resolves Interaction/v1 terminal events with outcome, not a fifth event type', () => {
+    const resolved = interactionFromSessionEvent({
+      ...FIXTURES.interactionV1,
+      event_type: 'interaction.resolved',
+      payload: {
+        interaction_id: 'int-1',
+        outcome: 'rejected',
+        resolved_at: '2026-08-19T00:01:00Z',
+        actor: 'user-2',
+      },
+    });
+    expect(resolved).not.toBeNull();
+    expect(resolved!.status).toBe('resolved');
+    expect(resolved!.outcome).toBe('rejected');
+    expect(resolved!.actor).toBe('user-2');
+  });
+});
+
+describe('single submit path', () => {
+  it('routes every Interaction/v1 action through SubmitInteraction exactly once', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    const receipt = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(receipt.status).toBe('accepted');
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+    expect(submitInteraction).toHaveBeenCalledWith({
+      AgentId: 'agent-1',
+      SessionId: 'session-1',
+      RunId: 'run-1',
+      InteractionId: 'int-1',
+      ExpectedRevision: 1,
+      Action: 'approve',
+      Response: { approved: true },
+      IdempotencyKey: 'interaction:int-1:revision-1',
+    });
+    expect(client.listPending('session-1')).toHaveLength(0);
+  });
+
+  it('keeps the official mcp_approval_response path for pure /v1/responses clients', async () => {
+    const submitInteraction = vi.fn();
+    const legacyResponsesApproval = vi.fn();
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+      legacyResponsesApproval,
+    });
+    client.ingest(FIXTURES.responses!);
+
+    const receipt = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(receipt.status).toBe('accepted');
+    expect(legacyResponsesApproval).toHaveBeenCalledWith('int-1', true);
+    expect(submitInteraction).not.toHaveBeenCalled();
+  });
+
+  it('routes AG-UI records through resumeAguiInterrupt without SubmitInteraction', async () => {
+    const submitInteraction = vi.fn();
+    const legacyAguiResume = vi.fn().mockReturnValue(true);
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+      legacyAguiResume,
+    });
+    client.ingest(FIXTURES.agui!);
+
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'reject',
+      response: { approved: false },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(legacyAguiResume).toHaveBeenCalledWith('int-1', 'resolved', { approved: false });
+    expect(submitInteraction).not.toHaveBeenCalled();
+  });
+
+  it('never sends a second request for a double click', async () => {
+    const submitInteraction = vi.fn(
+      () => new Promise((resolve) => setTimeout(() => resolve(okReceipt()), 20)),
+    );
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    const [first, second] = await Promise.all([
+      client.respond({
+        interactionId: 'int-1',
+        expectedRevision: 1,
+        action: 'approve',
+        response: { approved: true },
+        idempotencyKey: interactionIdempotencyKey('int-1', 1),
+      }),
+      client.respond({
+        interactionId: 'int-1',
+        expectedRevision: 1,
+        action: 'approve',
+        response: { approved: true },
+        idempotencyKey: interactionIdempotencyKey('int-1', 1),
+      }),
+    ]);
+
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+    expect(first.status).toBe('accepted');
+    expect(second.status).toBe('duplicate');
+  });
+
+  it('treats a first-wins rejection from another tab as authoritative', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(
+      okReceipt({
+        status: 'rejected',
+        error: {
+          code: 'interaction_already_resolved',
+          message: 'first-wins',
+          retryable: false,
+        },
+      }),
+    );
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    const receipt = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(receipt.status).toBe('rejected');
+    expect(client.listPending('session-1')).toHaveLength(1);
+  });
+});
+
+describe('store first-wins semantics', () => {
+  it('never regresses a terminal record to pending', () => {
+    const store = new InteractionStore();
+    const pending = interactionFromSessionEvent(FIXTURES.interactionV1)!;
+    store.upsert(pending);
+    store.upsert({
+      ...pending,
+      status: 'resolved',
+      outcome: 'approved',
+      actor: 'user-1',
+      resolvedAt: '2026-08-19T00:01:00Z',
+    });
+    // A late/replayed requested event must not resurrect the decision.
+    const event = store.upsert(pending);
+    const record = store.get('session-1', 'int-1')!;
+    expect(record.status).toBe('resolved');
+    expect(record.outcome).toBe('approved');
+    expect(event.type).toBe('interaction_updated');
+  });
+
+  it('expires pending records via the expired terminal event', () => {
+    const store = new InteractionStore();
+    store.upsert(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+    store.upsert(
+      interactionFromSessionEvent({
+        ...FIXTURES.interactionV1,
+        event_type: 'interaction.expired',
+        payload: { interaction_id: 'int-1' },
+      })!,
+    );
+    expect(store.get('session-1', 'int-1')!.status).toBe('expired');
+    expect(store.get('session-1', 'int-1')!.outcome).toBe('expired');
+  });
+});
diff --git a/src/__tests__/interaction-replay.test.ts b/src/__tests__/interaction-replay.test.ts
new file mode 100644
index 0000000..067b3e2
--- /dev/null
+++ b/src/__tests__/interaction-replay.test.ts
@@ -0,0 +1,162 @@
+import { describe, expect, it, vi } from 'vitest';
+import { InteractionClientImpl } from '../core/interaction/client.js';
+import { interactionFromSessionEvent } from '../core/interaction/adapters/session-events.js';
+import { interactionFromResponsesApproval } from '../core/interaction/adapters/responses.js';
+import { interactionFromAguiInterrupt } from '../core/interaction/adapters/agui.js';
+import { interactionIdempotencyKey } from '../core/interaction/types.js';
+
+const REQUESTED_EVENT = {
+  schema_version: 1,
+  event_id: 'evt-1',
+  session_id: 'session-1',
+  seq: 1,
+  timestamp: '2026-08-19T00:00:00Z',
+  family: 'control',
+  family_version: 1,
+  event_type: 'interaction.requested',
+  run_id: 'run-1',
+  payload: {
+    interaction: {
+      interaction_id: 'int-1',
+      session_id: 'session-1',
+      run_id: 'run-1',
+      kind: 'approval',
+      revision: 1,
+      created_at: '2026-08-19T00:00:00Z',
+    },
+  },
+};
+
+function okReceipt() {
+  return { schema_version: 1, command_id: 'cmd-1', status: 'accepted' };
+}
+
+describe('refresh and replay', () => {
+  it('restores a pending interaction from replayed history without a second request', async () => {
+    const submitInteraction = vi.fn();
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+
+    client.ingestHistory([
+      interactionFromSessionEvent(REQUESTED_EVENT)!,
+    ]);
+
+    expect(client.listPending('session-1')).toHaveLength(1);
+    expect(client.listPending('session-1')[0].interactionId).toBe('int-1');
+    expect(submitInteraction).not.toHaveBeenCalled();
+  });
+
+  it('restores pending interactions from all three transports on refresh', () => {
+    const submitInteraction = vi.fn();
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+
+    client.ingestHistory([
+      interactionFromSessionEvent(REQUESTED_EVENT)!,
+      interactionFromResponsesApproval({
+        approvalRequestId: 'int-2',
+        sessionId: 'session-1',
+        runId: 'run-1',
+      })!,
+      interactionFromAguiInterrupt({
+        interruptId: 'int-3',
+        sessionId: 'session-1',
+        runId: 'run-1',
+      })!,
+    ]);
+
+    expect(client.listPending('session-1').map((i) => i.interactionId)).toEqual([
+      'int-1',
+      'int-2',
+      'int-3',
+    ]);
+    expect(submitInteraction).not.toHaveBeenCalled();
+  });
+
+  it('replay after a completed submit does not create a second request', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(REQUESTED_EVENT)!);
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+
+    // Refresh replays the full history including the requested event.
+    client.ingestHistory([interactionFromSessionEvent(REQUESTED_EVENT)!]);
+    // And the server-side resolved fact:
+    client.ingestHistory([
+      interactionFromSessionEvent({
+        ...REQUESTED_EVENT,
+        event_type: 'interaction.resolved',
+        payload: {
+          interaction_id: 'int-1',
+          outcome: 'approved',
+          actor: 'user-1',
+          resolved_at: '2026-08-19T00:01:00Z',
+        },
+      })!,
+    ]);
+
+    expect(client.listPending('session-1')).toHaveLength(0);
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+  });
+
+  it('a second respond after replay of the terminal fact is a local duplicate', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(REQUESTED_EVENT)!);
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    const second = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'reject',
+      response: { approved: false },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(second.status).toBe('duplicate');
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+    // First-wins outcome is preserved.
+    const record = client.listPending('session-1');
+    expect(record).toHaveLength(0);
+  });
+
+  it('expires pending interactions on replay of expiry events', () => {
+    const submitInteraction = vi.fn();
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingestHistory([interactionFromSessionEvent(REQUESTED_EVENT)!]);
+    client.ingestHistory([
+      interactionFromSessionEvent({
+        ...REQUESTED_EVENT,
+        event_type: 'interaction.expired',
+        payload: { interaction_id: 'int-1' },
+      })!,
+    ]);
+    expect(client.listPending('session-1')).toHaveLength(0);
+  });
+});
diff --git a/src/__tests__/interaction-tray.test.ts b/src/__tests__/interaction-tray.test.ts
new file mode 100644
index 0000000..a9d73f1
--- /dev/null
+++ b/src/__tests__/interaction-tray.test.ts
@@ -0,0 +1,110 @@
+import { describe, expect, it } from 'vitest';
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import {
+  A2UI_WIRE_VERSION,
+  computeA2uiCatalogDigest,
+  validateA2uiPresentation,
+} from '../core/interaction/a2ui-validate.js';
+
+function readSource(relativePath: string): string {
+  return readFileSync(
+    fileURLToPath(new URL(`../${relativePath}`, import.meta.url)),
+    'utf-8',
+  );
+}
+
+describe('InteractionTray contract', () => {
+  it('renders above the composer inside ConnectedComposer', () => {
+    const source = readSource('components/chat/ConnectedComposer.tsx');
+    expect(source).toContain('InteractionTray');
+    expect(source.indexOf('InteractionTray')).toBeLessThan(
+      source.indexOf('<ChatComposer'),
+    );
+  });
+
+  it('never auto-approves: every submit is an explicit user action', () => {
+    const source = readSource('components/chat/InteractionTray.tsx');
+    expect(source).toContain("respond('approve'");
+    expect(source).toContain("respond('reject'");
+    expect(source).toContain('disabled={disabled}');
+    // No approval on mount or expiry.
+    expect(source).not.toContain('useEffect');
+  });
+
+  it('uses the shared Interaction submit path, not protocol branches', () => {
+    const source = readSource('components/chat/InteractionTray.tsx');
+    expect(source).not.toContain('approvalProtocol');
+    expect(source).not.toContain('mcp_approval_response');
+    expect(source).not.toContain('resumeAguiInterrupt');
+  });
+
+  it('shows pending count and supports queue navigation', () => {
+    const source = readSource('components/chat/InteractionTray.tsx');
+    expect(source).toContain('data-testid="interaction-tray-count"');
+    expect(source).toContain('data-testid="interaction-tray-prev"');
+    expect(source).toContain('data-testid="interaction-tray-next"');
+  });
+
+  it('history anchors are read-only: no buttons, retain actor/time/outcome/summary', () => {
+    const source = readSource('components/chat/InteractionHistoryAnchor.tsx');
+    expect(source).not.toContain('<button');
+    expect(source).toContain('interaction.actor');
+    expect(source).toContain('interaction.resolvedAt');
+    expect(source).toContain('interaction.outcome');
+    expect(source).toContain('interaction.responseSummary');
+  });
+
+  it('ChatMessageList replaces interactive history buttons with anchors when a record exists', () => {
+    const source = readSource('components/chat/ChatMessageList.tsx');
+    expect(source).toContain('InteractionHistoryAnchor');
+    // Anchors render after the (collapsed) tool details and filter on
+    // records whose id matches a tool approvalRequestId.
+    const anchorIndex = source.indexOf('interactionRecords?.some');
+    expect(anchorIndex).toBeGreaterThan(-1);
+    // The interactive buttons only render for tools without an
+    // Interaction record and only while pending.
+    expect(source).toContain("tool.approvalStatus === 'pending' ? (");
+  });
+});
+
+describe('A2UI v0.9.1 validation and safe fallback', () => {
+  const catalog = { components: [{ id: 'root' }, { id: 'text' }] };
+
+  it('accepts the locked wire version with a matching catalog digest', () => {
+    const matching = {
+      wireVersion: A2UI_WIRE_VERSION,
+      catalogDigest: computeA2uiCatalogDigest(catalog),
+      messages: [{ id: 'm1' }],
+    };
+    expect(validateA2uiPresentation(matching, catalog)).toBe('a2ui');
+  });
+
+  it('rejects unknown wire versions without ever mapping to approval', () => {
+    const future = {
+      wireVersion: '1.0',
+      catalogDigest: 'whatever',
+      messages: [{ id: 'm1' }],
+    };
+    expect(validateA2uiPresentation(future, catalog)).not.toBe('a2ui');
+  });
+
+  it('falls back to the JSON schema form on catalog mismatch', () => {
+    const mismatch = {
+      wireVersion: A2UI_WIRE_VERSION,
+      catalogDigest: 'different-digest',
+      messages: [{ inputSchema: { type: 'object' } }],
+    };
+    expect(validateA2uiPresentation(mismatch, catalog)).toBe('json-schema-form');
+  });
+
+  it('falls back to basic controls when no schema is usable', () => {
+    expect(validateA2uiPresentation(null, catalog)).toBe('basic-controls');
+    expect(
+      validateA2uiPresentation(
+        { wireVersion: A2UI_WIRE_VERSION, catalogDigest: '', messages: [] },
+        catalog,
+      ),
+    ).toBe('basic-controls');
+  });
+});
diff --git a/src/api/run.ts b/src/api/run.ts
index 850f169..c4c2a10 100644
--- a/src/api/run.ts
+++ b/src/api/run.ts
@@ -1,4 +1,5 @@
-import { streamAction } from './client.js';
+import { streamAction, postJsonAction } from './client.js';
+import { decodeReceipt, type AgentControlReceipt } from '../types/agent-control.js';
 
 export async function runAgent(
   body: Record<string, unknown>,
@@ -6,8 +7,6 @@ export async function runAgent(
 ): Promise<ReadableStream<Uint8Array>> {
   return streamAction('RunAgent', body, options);
 }
-import { postJsonAction } from './client.js';
-import { decodeReceipt, type AgentControlReceipt } from '../types/agent-control.js';
 
 export type SubmitAgentControlParams = {
   commandType: 'enqueue' | 'steer' | 'inject' | 'interrupt' | 'pause' | 'resume' | 'submit_interaction';
@@ -31,3 +30,27 @@ export async function submitAgentControl(
   }, options);
   return decodeReceipt(data);
 }
+
+export type SubmitInteractionParams = {
+  AgentId: string;
+  SessionId: string;
+  RunId: string;
+  InteractionId: string;
+  ExpectedRevision: number;
+  Action: 'approve' | 'reject' | 'submit' | 'cancel';
+  Response: Record<string, unknown>;
+  IdempotencyKey: string;
+};
+
+/**
+ * AgentEngine Interaction/v1 submission. One public action, revision CAS,
+ * idempotency-scoped; the receipt is decoded with the canonical strict
+ * decoder.
+ */
+export async function submitInteraction(
+  params: SubmitInteractionParams,
+  options?: { signal?: AbortSignal },
+): Promise<AgentControlReceipt> {
+  const data = await postJsonAction<unknown>('SubmitInteraction', { ...params }, options);
+  return decodeReceipt(data);
+}
diff --git a/src/components/chat/ChatMessageList.tsx b/src/components/chat/ChatMessageList.tsx
index 70a4c43..af83aa9 100644
--- a/src/components/chat/ChatMessageList.tsx
+++ b/src/components/chat/ChatMessageList.tsx
@@ -41,6 +41,8 @@ import type { SessionCheckpoint } from '../../stores/checkpoint.js';
 import type { ComposerContextIndicator, Message, MessageAttachment } from './types';
 import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
 import { A2UIActivityMessage } from './A2UIActivityMessage';
+import { InteractionHistoryAnchor } from './InteractionHistoryAnchor';
+import type { Interaction } from '../../core/interaction/types.js';
 
 type ChatMessageListProps = {
   agentName: string;
@@ -68,6 +70,8 @@ type ChatMessageListProps = {
   onCancelRemote?: () => void;
   checkpoints?: SessionCheckpoint[];
   onResumeCheckpoint?: (params: { sessionId: string; runId: string; checkpointId: string }) => void;
+  /** Interaction/v1 records for the current session; anchors replace inline buttons. */
+  interactionRecords?: readonly Interaction[];
   scrollRef: RefObject<HTMLDivElement | null>;
 };
 
@@ -754,12 +758,14 @@ function ChatMessage({
   onRespondToAguiApproval,
   onSubmitFeedback,
   onSubmitAguiAction,
+  interactionRecords,
 }: {
   agentName: string;
   isMobile: boolean;
   isStreaming: boolean;
   isLastMessage: boolean;
   message: Message;
+  interactionRecords?: readonly Interaction[];
   onDeleteFeedback: (message: Message) => void;
   onOpenAttachmentPreview: (attachment: MessageAttachment) => void;
   onRespondToApproval: ChatMessageListProps['onRespondToApproval'];
@@ -814,6 +820,7 @@ function ChatMessage({
           message={message}
           isStreaming={isStreaming}
           onRespondToApproval={onRespondToApproval}
+          interactionRecords={interactionRecords}
           onRespondToAguiApproval={onRespondToAguiApproval}
         />
       ) : (
@@ -916,7 +923,7 @@ function ChatMessage({
                         MCP Server: {tool.serverLabel}
                       </div>
                     ) : null}
-                    {tool.approvalStatus === 'pending' ? (
+                {tool.approvalStatus === 'pending' ? (
                     <div className="mt-3 flex flex-wrap gap-2">
                       <button
                         type="button"
@@ -986,6 +993,23 @@ function ChatMessage({
           ))
         : null}
 
+      {message.tools
+        ? Object.values(message.tools)
+            .filter((tool) =>
+              interactionRecords?.some(
+                (record) => record.interactionId === tool.approvalRequestId,
+              ),
+            )
+            .map((tool) => (
+              <InteractionHistoryAnchor
+                key={`anchor-${tool.approvalRequestId}`}
+                interaction={interactionRecords!.find(
+                  (record) => record.interactionId === tool.approvalRequestId,
+                )!}
+              />
+            ))
+        : null}
+
       <div className="w-full break-words">
         {message.content ? (
           <MessageMarkdown content={message.content} />
@@ -1034,6 +1058,7 @@ export function ChatMessageList({
   onCancelRemote,
   checkpoints = [],
   onResumeCheckpoint,
+  interactionRecords,
   scrollRef,
 }: ChatMessageListProps) {
   // CheckpointPanel(会话恢复区)已下线,保留 props 不破坏接口,显式 void 消除未用告警。
@@ -1135,6 +1160,7 @@ export function ChatMessageList({
                     onDeleteFeedback={onDeleteFeedback}
                     onOpenAttachmentPreview={onOpenAttachmentPreview}
                     onRespondToApproval={onRespondToApproval}
+          interactionRecords={interactionRecords}
                     onRespondToAguiApproval={onRespondToAguiApproval}
                     onSubmitFeedback={onSubmitFeedback}
                     onSubmitAguiAction={onSubmitAguiAction}
diff --git a/src/components/chat/ConnectedComposer.tsx b/src/components/chat/ConnectedComposer.tsx
index 00de3bd..529d90c 100644
--- a/src/components/chat/ConnectedComposer.tsx
+++ b/src/components/chat/ConnectedComposer.tsx
@@ -1,10 +1,13 @@
-import React, { useEffect, useMemo, useRef, useCallback } from 'react';
+import React, { useEffect, useMemo, useRef, useCallback, useState } from 'react';
 import { useUIStore } from '../../stores/ui.js';
 import { useStreamingStore } from '../../stores/streaming.js';
 import { useMessageStore } from '../../stores/message.js';
 import { useModelStore } from '../../stores/model.js';
 import { useSessionStore } from '../../stores/session.js';
 import { ChatComposer } from './ChatComposer';
+import { InteractionTray } from './InteractionTray';
+import type { InteractionTrayRespondInput } from './InteractionTray';
+import type { Interaction } from '../../core/interaction/types.js';
 import { mergeAttachmentFiles, extractClipboardFiles } from '../../utils/attachment.js';
 import { buildComposerContextIndicator } from '../../utils/context.js';
 import type { ModelStore } from '../../stores/model.js';
@@ -22,6 +25,10 @@ type ConnectedComposerProps = {
   isMobile: boolean;
   approvalEnabled?: boolean;
   approvalPolicy?: ApprovalPolicyCapability;
+  /** Pending interactions rendered in the tray above the composer. */
+  pendingInteractions?: readonly Interaction[];
+  onRespondInteraction?: (input: InteractionTrayRespondInput) => void;
+  localCatalog?: unknown;
 };
 
 export function ConnectedComposer({
@@ -32,7 +39,11 @@ export function ConnectedComposer({
   isMobile,
   approvalEnabled = false,
   approvalPolicy,
+  pendingInteractions,
+  onRespondInteraction,
+  localCatalog,
 }: ConnectedComposerProps) {
+  const [activeInteractionIndex, setActiveInteractionIndex] = useState(0);
   const input = useUIStore((s: UIStore) => s.input);
   const attachments = useUIStore((s: UIStore) => s.attachments);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
@@ -89,8 +100,21 @@ export function ConnectedComposer({
     appendAttachments(pastedFiles);
   };
 
+  const trayInteractions = pendingInteractions || [];
+  const trayIndex = Math.min(activeInteractionIndex, Math.max(trayInteractions.length - 1, 0));
+
   return (
-    <ChatComposer
+    <div className="flex w-full flex-col justify-center">
+      {trayInteractions.length > 0 && onRespondInteraction ? (
+        <InteractionTray
+          interactions={trayInteractions}
+          activeIndex={trayIndex}
+          onSelectIndex={setActiveInteractionIndex}
+          onRespond={onRespondInteraction}
+          localCatalog={localCatalog}
+        />
+      ) : null}
+      <ChatComposer
       attachments={attachments}
       composerContextIndicator={composerContextIndicator}
       composerMaxHeight={composerMaxHeight}
@@ -113,6 +137,7 @@ export function ConnectedComposer({
       onCancelRemote={cancelRemote}
       onSubmit={handleSubmit}
       textareaRef={textareaRef}
-    />
+      />
+    </div>
   );
 }
diff --git a/src/components/chat/ConnectedMessageList.tsx b/src/components/chat/ConnectedMessageList.tsx
index 12d1ba2..0139f84 100644
--- a/src/components/chat/ConnectedMessageList.tsx
+++ b/src/components/chat/ConnectedMessageList.tsx
@@ -29,6 +29,7 @@ type ConnectedMessageListProps = {
   checkpointResumeEnabled?: boolean;
   onResumeCheckpoint?: (params: { sessionId: string; runId: string; checkpointId: string }) => void;
   onLoadOlderSessionMessages?: (sessionId: string) => Promise<void>;
+  interactionRecords?: readonly import('../../core/interaction/types.js').Interaction[];
 };
 
 export function ConnectedMessageList({
@@ -44,6 +45,7 @@ export function ConnectedMessageList({
   checkpointResumeEnabled = false,
   onResumeCheckpoint,
   onLoadOlderSessionMessages,
+  interactionRecords,
 }: ConnectedMessageListProps) {
   const messages = useMessageStore(s => s.messages);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
@@ -271,6 +273,7 @@ export function ConnectedMessageList({
         onOpenAttachmentPreview={openAttachmentPreview}
         onRespondToApproval={onRespondToApproval}
         onRespondToAguiApproval={onRespondToAguiApproval}
+        interactionRecords={interactionRecords}
         onSubmitFeedback={onSubmitFeedback}
         onSubmitAguiAction={onSubmitAguiAction}
         onStopGeneration={onStopGeneration}
diff --git a/src/components/chat/InteractionA2uiSurface.tsx b/src/components/chat/InteractionA2uiSurface.tsx
new file mode 100644
index 0000000..e948d71
--- /dev/null
+++ b/src/components/chat/InteractionA2uiSurface.tsx
@@ -0,0 +1,48 @@
+import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
+import { A2UIActivityMessage } from './A2UIActivityMessage';
+import type { A2uiPresentation } from '../../core/interaction/types.js';
+
+/**
+ * Renders a validated A2UI v0.9.1 interaction surface. Only reached when
+ * `validateA2uiPresentation` accepted the wire version and catalog
+ * digest; any unknown component fails inside the renderer and the user
+ * still has the explicit submit/cancel controls below.
+ */
+export function InteractionA2uiSurface({
+  a2ui,
+  disabled,
+  onSubmit,
+  onCancel,
+}: {
+  a2ui: A2uiPresentation;
+  disabled: boolean;
+  onSubmit: (payload: Record<string, unknown>) => void;
+  onCancel: () => void;
+}) {
+  return (
+    <div className="mt-3" data-testid="interaction-a2ui-surface">
+      <A2UIActivityMessage
+        surfaceId={`interaction-${a2ui.wireVersion}`}
+        messages={a2ui.messages}
+        onAction={disabled ? undefined : (message: A2UIClientEventMessage) => {
+          const context = (message.userAction?.context || {}) as Record<string, unknown>;
+          const payload =
+            typeof context.payload === 'object' && context.payload !== null
+              ? (context.payload as Record<string, unknown>)
+              : { ...context };
+          onSubmit(payload);
+        }}
+      />
+      {disabled ? null : (
+        <button
+          type="button"
+          data-testid="interaction-a2ui-cancel"
+          onClick={onCancel}
+          className="mt-1 inline-flex min-h-8 items-center rounded-md px-3 py-1.5 text-xs font-medium text-slate-500 underline-offset-2 hover:underline dark:text-slate-400"
+        >
+          取消本次确认
+        </button>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/chat/InteractionHistoryAnchor.tsx b/src/components/chat/InteractionHistoryAnchor.tsx
new file mode 100644
index 0000000..bcc762d
--- /dev/null
+++ b/src/components/chat/InteractionHistoryAnchor.tsx
@@ -0,0 +1,49 @@
+import { InteractionOutcomeLabel } from './InteractionTray';
+import type { Interaction } from '../../core/interaction/types.js';
+
+function formatTime(value: string | null): string {
+  if (!value) return '';
+  const parsed = Date.parse(value);
+  if (!Number.isFinite(parsed)) return value;
+  return new Date(parsed).toLocaleString();
+}
+
+/**
+ * Read-only anchor for a resolved interaction in chat history.
+ * Replaces historical interactive buttons: it retains the actor,
+ * decision time, outcome, and a redacted response summary — nothing
+ * clickable.
+ */
+export function InteractionHistoryAnchor({ interaction }: { interaction: Interaction }) {
+  const terminal =
+    interaction.status === 'resolved'
+    || interaction.status === 'cancelled'
+    || interaction.status === 'expired';
+
+  return (
+    <div
+      data-testid="interaction-history-anchor"
+      data-interaction-id={interaction.interactionId}
+      data-interaction-status={interaction.status}
+      className="mt-2 rounded-lg border border-slate-200 bg-slate-50 px-3 py-2 text-xs text-slate-600 dark:border-slate-800 dark:bg-slate-900/60 dark:text-slate-300"
+    >
+      <div className="flex flex-wrap items-center gap-2">
+        <span className="font-medium text-slate-700 dark:text-slate-200">{interaction.title}</span>
+        <InteractionOutcomeLabel outcome={interaction.outcome || interaction.status} />
+      </div>
+      {terminal ? (
+        <div className="mt-1 leading-relaxed">
+          {interaction.actor ? <span>操作人：{interaction.actor} · </span> : null}
+          {interaction.resolvedAt ? <span>决定时间：{formatTime(interaction.resolvedAt)} · </span> : null}
+          <span data-testid="interaction-history-response-summary">
+            {interaction.responseSummary || '响应内容已脱敏'}
+          </span>
+        </div>
+      ) : (
+        <div className="mt-1">
+          状态：{interaction.status === 'pending' ? '待处理（见输入区确认面板）' : '处理中…'}
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/chat/InteractionSchemaForm.tsx b/src/components/chat/InteractionSchemaForm.tsx
new file mode 100644
index 0000000..24a448a
--- /dev/null
+++ b/src/components/chat/InteractionSchemaForm.tsx
@@ -0,0 +1,104 @@
+import type { InteractionRequestSchemaField } from './schema-fields.js';
+import { schemaFields } from './schema-fields.js';
+
+/**
+ * Canonical JSON-schema form fallback. Renders only when the A2UI
+ * presentation cannot be validated; submission is always an explicit
+ * user action — never an automatic approval.
+ */
+export function InteractionSchemaForm({
+  schema,
+  values,
+  onChange,
+  disabled,
+  onSubmit,
+  onCancel,
+}: {
+  schema: Record<string, unknown>;
+  values: Record<string, unknown>;
+  onChange: (values: Record<string, unknown>) => void;
+  disabled: boolean;
+  onSubmit: () => void;
+  onCancel: () => void;
+}) {
+  const fields: InteractionRequestSchemaField[] = schemaFields(schema);
+
+  return (
+    <div className="mt-3" data-testid="interaction-schema-form">
+      {fields.map((field) => (
+        <label key={field.name} className="mb-2 block text-xs text-slate-600 dark:text-slate-300">
+          <span className="mb-1 block font-medium">
+            {field.title || field.name}
+            {field.required ? <span className="ml-0.5 text-rose-500">*</span> : null}
+          </span>
+          {field.enumValues && field.enumValues.length > 0 ? (
+            <select
+              data-testid={`interaction-field-${field.name}`}
+              disabled={disabled}
+              value={String(values[field.name] ?? '')}
+              onChange={(event) => onChange({ ...values, [field.name]: event.target.value })}
+              className="w-full rounded-md border border-amber-300/70 bg-white px-2 py-1.5 text-sm dark:border-amber-900/60 dark:bg-slate-950"
+            >
+              <option value="">请选择…</option>
+              {field.enumValues.map((value) => (
+                <option key={String(value)} value={String(value)}>{String(value)}</option>
+              ))}
+            </select>
+          ) : field.type === 'boolean' ? (
+            <input
+              type="checkbox"
+              data-testid={`interaction-field-${field.name}`}
+              disabled={disabled}
+              checked={Boolean(values[field.name])}
+              onChange={(event) => onChange({ ...values, [field.name]: event.target.checked })}
+              className="h-4 w-4"
+            />
+          ) : field.type === 'number' ? (
+            <input
+              type="number"
+              data-testid={`interaction-field-${field.name}`}
+              disabled={disabled}
+              value={values[field.name] === undefined ? '' : String(values[field.name])}
+              onChange={(event) =>
+                onChange({
+                  ...values,
+                  [field.name]: event.target.value === '' ? undefined : Number(event.target.value),
+                })
+              }
+              className="w-full rounded-md border border-amber-300/70 bg-white px-2 py-1.5 text-sm dark:border-amber-900/60 dark:bg-slate-950"
+            />
+          ) : (
+            <input
+              type="text"
+              data-testid={`interaction-field-${field.name}`}
+              disabled={disabled}
+              value={String(values[field.name] ?? '')}
+              onChange={(event) => onChange({ ...values, [field.name]: event.target.value })}
+              className="w-full rounded-md border border-amber-300/70 bg-white px-2 py-1.5 text-sm dark:border-amber-900/60 dark:bg-slate-950"
+            />
+          )}
+        </label>
+      ))}
+      <div className="mt-2 flex flex-wrap gap-2">
+        <button
+          type="button"
+          data-testid="interaction-submit"
+          disabled={disabled}
+          onClick={onSubmit}
+          className="inline-flex min-h-8 items-center rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-55"
+        >
+          提交
+        </button>
+        <button
+          type="button"
+          data-testid="interaction-form-cancel"
+          disabled={disabled}
+          onClick={onCancel}
+          className="inline-flex min-h-8 items-center rounded-md px-3 py-1.5 text-xs font-medium text-slate-500 underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-55 dark:text-slate-400"
+        >
+          取消本次确认
+        </button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/chat/InteractionTray.tsx b/src/components/chat/InteractionTray.tsx
new file mode 100644
index 0000000..eeb25bc
--- /dev/null
+++ b/src/components/chat/InteractionTray.tsx
@@ -0,0 +1,250 @@
+import { useState } from 'react';
+import { Check, ChevronLeft, ChevronRight, XCircle } from 'lucide-react';
+import { cn } from '../../lib/utils';
+import type {
+  Interaction,
+  InteractionAction,
+} from '../../core/interaction/types.js';
+import {
+  validateA2uiPresentation,
+  type A2uiRenderMode,
+} from '../../core/interaction/a2ui-validate.js';
+import { interactionIdempotencyKey } from '../../core/interaction/types.js';
+import { InteractionSchemaForm } from './InteractionSchemaForm';
+import { InteractionA2uiSurface } from './InteractionA2uiSurface';
+
+export type InteractionTrayRespondInput = {
+  interactionId: string;
+  expectedRevision: number;
+  action: InteractionAction;
+  response: Record<string, unknown>;
+  idempotencyKey: string;
+};
+
+type InteractionTrayProps = {
+  /** Pending (and in-flight) interactions for the current session. */
+  interactions: readonly Interaction[];
+  activeIndex: number;
+  onSelectIndex: (index: number) => void;
+  onRespond: (input: InteractionTrayRespondInput) => void;
+  /** Local pinned A2UI catalog used for digest validation. */
+  localCatalog?: unknown;
+};
+
+function firstA2uiInputSchema(
+  a2ui: { messages: Array<Record<string, unknown>> } | null | undefined,
+): Record<string, unknown> | null {
+  for (const message of a2ui?.messages || []) {
+    const schema =
+      message.inputSchema ?? message.input_schema ?? message.schema;
+    if (typeof schema === 'object' && schema !== null) {
+      return schema as Record<string, unknown>;
+    }
+  }
+  return null;
+}
+
+function isExpired(interaction: Interaction): boolean {
+  if (!interaction.expiresAt) return false;
+  const expiry = Date.parse(interaction.expiresAt);
+  return Number.isFinite(expiry) && expiry <= Date.now();
+}
+
+const OUTCOME_LABEL: Record<string, string> = {
+  approved: '已同意',
+  rejected: '已拒绝',
+  submitted: '已提交',
+  cancelled: '已取消',
+  expired: '已过期',
+};
+
+export function InteractionTray({
+  interactions,
+  activeIndex,
+  onSelectIndex,
+  onRespond,
+  localCatalog,
+}: InteractionTrayProps) {
+  const [comment, setComment] = useState('');
+  const [formValues, setFormValues] = useState<Record<string, unknown>>({});
+
+  const active = interactions[Math.min(activeIndex, Math.max(interactions.length - 1, 0))];
+  if (!active) return null;
+
+  const expired = isExpired(active);
+  const disabled = expired || active.status === 'resolving';
+  const presentationMode = validateA2uiPresentation(
+    active.presentation?.a2ui,
+    localCatalog,
+  );
+  // The canonical JSON schema form is also the safe fallback whenever the
+  // A2UI presentation cannot be validated: the schema comes from the
+  // interaction's request_schema, or from the A2UI message payload.
+  const fallbackSchema =
+    active.requestSchema
+    ?? firstA2uiInputSchema(active.presentation?.a2ui)
+    ?? null;
+  const mode: A2uiRenderMode =
+    presentationMode === 'a2ui'
+      ? 'a2ui'
+      : presentationMode === 'json-schema-form' && fallbackSchema
+        ? 'json-schema-form'
+        : active.requestSchema && !active.presentation
+          ? 'json-schema-form'
+          : 'basic-controls';
+  const schemaForForm =
+    mode === 'json-schema-form'
+      ? fallbackSchema || active.requestSchema
+      : active.requestSchema;
+
+  const respond = (action: InteractionAction, response: Record<string, unknown>) => {
+    if (disabled) return;
+    onRespond({
+      interactionId: active.interactionId,
+      expectedRevision: active.revision,
+      action,
+      response,
+      idempotencyKey: interactionIdempotencyKey(active.interactionId, active.revision),
+    });
+  };
+
+  return (
+    <div
+      data-testid="interaction-tray"
+      data-interaction-count={interactions.length}
+      className="mx-auto mb-2 w-full max-w-3xl px-6"
+    >
+      <div className="rounded-xl border border-amber-300/80 bg-amber-50/80 p-3 shadow-sm dark:border-amber-900/60 dark:bg-amber-950/30">
+        <div className="flex items-center justify-between gap-2">
+          <div className="flex items-center gap-2 text-sm font-medium text-amber-900 dark:text-amber-200">
+            <span data-testid="interaction-tray-title">{active.title}</span>
+            {interactions.length > 1 ? (
+              <span
+                data-testid="interaction-tray-count"
+                className="rounded-full border border-amber-400/60 px-1.5 py-0.5 text-xs"
+              >
+                {activeIndex + 1}/{interactions.length}
+              </span>
+            ) : null}
+          </div>
+          {interactions.length > 1 ? (
+            <div className="flex items-center gap-1">
+              <button
+                type="button"
+                data-testid="interaction-tray-prev"
+                disabled={activeIndex <= 0}
+                onClick={() => onSelectIndex(Math.max(activeIndex - 1, 0))}
+                className="rounded border border-amber-400/60 p-1 text-amber-900 disabled:opacity-40 dark:text-amber-200"
+                aria-label="上一条待确认"
+              >
+                <ChevronLeft className="h-3.5 w-3.5" />
+              </button>
+              <button
+                type="button"
+                data-testid="interaction-tray-next"
+                disabled={activeIndex >= interactions.length - 1}
+                onClick={() => onSelectIndex(Math.min(activeIndex + 1, interactions.length - 1))}
+                className="rounded border border-amber-400/60 p-1 text-amber-900 disabled:opacity-40 dark:text-amber-200"
+                aria-label="下一条待确认"
+              >
+                <ChevronRight className="h-3.5 w-3.5" />
+              </button>
+            </div>
+          ) : null}
+        </div>
+
+        <p className="mt-2 text-sm text-slate-700 dark:text-slate-200" data-testid="interaction-tray-message">
+          {active.message}
+        </p>
+
+        {expired ? (
+          <p className="mt-2 text-xs font-medium text-rose-600 dark:text-rose-400" data-testid="interaction-tray-expired">
+            该确认已过期（{OUTCOME_LABEL.expired}），等待运行时继续处理。
+          </p>
+        ) : null}
+
+        {mode === 'a2ui' && active.presentation?.a2ui ? (
+          <InteractionA2uiSurface
+            a2ui={active.presentation.a2ui}
+            disabled={disabled}
+            onSubmit={(payload) => respond('submit', payload)}
+            onCancel={() => respond('cancel', {})}
+          />
+        ) : mode === 'json-schema-form' && schemaForForm ? (
+          <InteractionSchemaForm
+            schema={schemaForForm}
+            values={formValues}
+            onChange={setFormValues}
+            disabled={disabled}
+            onSubmit={() => respond('submit', formValues)}
+            onCancel={() => respond('cancel', {})}
+          />
+        ) : (
+          <div className="mt-3" data-testid="interaction-tray-basic">
+            <input
+              type="text"
+              value={comment}
+              onChange={(event) => setComment(event.target.value)}
+              placeholder="备注（可选）"
+              disabled={disabled}
+              data-testid="interaction-tray-comment"
+              className="mb-2 w-full rounded-md border border-amber-300/70 bg-white px-2 py-1.5 text-sm dark:border-amber-900/60 dark:bg-slate-950"
+            />
+            <div className="flex flex-wrap gap-2">
+              <button
+                type="button"
+                data-testid="interaction-approve"
+                disabled={disabled}
+                onClick={() => respond('approve', { approved: true, ...(comment ? { comment } : {}) })}
+                className="inline-flex min-h-8 items-center gap-1.5 rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-55"
+              >
+                <Check className="h-3.5 w-3.5" />
+                批准并继续
+              </button>
+              <button
+                type="button"
+                data-testid="interaction-reject"
+                disabled={disabled}
+                onClick={() => respond('reject', { approved: false, ...(comment ? { comment } : {}) })}
+                className="inline-flex min-h-8 items-center gap-1.5 rounded-md border border-slate-300 bg-white px-3 py-1.5 text-xs font-semibold text-slate-600 transition hover:border-rose-300 hover:bg-rose-50 hover:text-rose-600 disabled:cursor-not-allowed disabled:opacity-55 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-300 dark:hover:border-rose-800 dark:hover:bg-rose-950/30 dark:hover:text-rose-300"
+              >
+                <XCircle className="h-3.5 w-3.5" />
+                拒绝
+              </button>
+              <button
+                type="button"
+                data-testid="interaction-cancel"
+                disabled={disabled}
+                onClick={() => respond('cancel', {})}
+                className="inline-flex min-h-8 items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium text-slate-500 underline-offset-2 hover:underline disabled:cursor-not-allowed disabled:opacity-55 dark:text-slate-400"
+              >
+                取消本次确认
+              </button>
+            </div>
+          </div>
+        )}
+
+        {active.status === 'resolving' ? (
+          <p className="mt-2 text-xs text-amber-700 dark:text-amber-300">正在提交，请稍候…</p>
+        ) : null}
+      </div>
+    </div>
+  );
+}
+
+export function InteractionOutcomeLabel({ outcome }: { outcome: string }) {
+  return (
+    <span
+      className={cn(
+        'rounded border px-1.5 py-0.5 text-xs font-medium',
+        outcome === 'approved'
+          ? 'border-emerald-300 text-emerald-700 dark:border-emerald-900 dark:text-emerald-300'
+          : outcome === 'rejected'
+            ? 'border-rose-300 text-rose-700 dark:border-rose-900 dark:text-rose-300'
+            : 'border-slate-300 text-slate-600 dark:border-slate-700 dark:text-slate-300',
+      )}
+    >
+      {OUTCOME_LABEL[outcome] || outcome}
+    </span>
+  );
+}
diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index b85bbfa..619a408 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -13,6 +13,8 @@ import { MessageMarkdown } from '../MessageMarkdown';
 import { parseUnifiedDiff, summarizeDiffSection, isUnifiedDiff } from '../../utils/parse-unified-diff';
 import type { Message } from './types';
 import type { ProcessingBlock, ThinkingBlock, ToolBlock, TextBlock } from '../../core/run/blocks';
+import { InteractionHistoryAnchor } from './InteractionHistoryAnchor';
+import type { Interaction } from '../../core/interaction/types';
 
 type ToolData = NonNullable<Message['tools']>[string];
 
@@ -21,6 +23,8 @@ interface Props {
   isStreaming: boolean;
   onRespondToApproval?: (p: { approvalRequestId: string; approve: boolean; previousResponseId?: string }) => void;
   onRespondToAguiApproval?: (p: { interruptId: string; approve: boolean }) => void;
+  /** Interaction/v1 records; when present the read-only anchor replaces inline approval buttons. */
+  interactionRecords?: readonly Interaction[];
 }
 
 /** 折叠容器:单行 summary + 可展开详情,260ms 高度动画。 */
@@ -361,6 +365,7 @@ export function ProcessingBlocksView({
   isStreaming,
   onRespondToApproval,
   onRespondToAguiApproval,
+  interactionRecords,
 }: Props) {
   const blocks: ProcessingBlock[] = message.blocks ?? [];
   return (
@@ -370,15 +375,26 @@ export function ProcessingBlocksView({
           return <ThinkingRow key={block.id} block={block} />;
         }
         if (block.type === 'tool') {
+          const blockExtra = (block.extra || {}) as Record<string, unknown>;
+          const approvalId = String(
+            blockExtra.approvalRequestId
+            || message.tools?.[block.toolName]?.approvalRequestId
+            || '',
+          );
+          const record = approvalId
+            ? interactionRecords?.find((entry) => entry.interactionId === approvalId)
+            : undefined;
           return (
-            <ToolRow
-              key={block.id}
-              block={block}
-              tool={message.tools?.[block.toolName]}
-              isStreaming={isStreaming}
-              onRespondToApproval={onRespondToApproval}
-              onRespondToAguiApproval={onRespondToAguiApproval}
-            />
+            <div key={block.id}>
+              <ToolRow
+                block={block}
+                tool={message.tools?.[block.toolName]}
+                isStreaming={isStreaming}
+                onRespondToApproval={onRespondToApproval}
+                onRespondToAguiApproval={onRespondToAguiApproval}
+              />
+              {record ? <InteractionHistoryAnchor interaction={record} /> : null}
+            </div>
           );
         }
         return <TextRow key={block.id} block={block} />;
diff --git a/src/components/chat/schema-fields.ts b/src/components/chat/schema-fields.ts
new file mode 100644
index 0000000..a014df7
--- /dev/null
+++ b/src/components/chat/schema-fields.ts
@@ -0,0 +1,42 @@
+export type InteractionRequestSchemaField = {
+  name: string;
+  title?: string;
+  type: 'string' | 'number' | 'boolean' | 'unknown';
+  required: boolean;
+  enumValues?: unknown[];
+};
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+    ? (value as Record<string, unknown>)
+    : null;
+}
+
+/**
+ * Extract renderable fields from a canonical JSON schema
+ * (`{type:"object", properties, required}`).
+ */
+export function schemaFields(schema: Record<string, unknown>): InteractionRequestSchemaField[] {
+  const properties = asRecord(schema.properties) || {};
+  const required = Array.isArray(schema.required)
+    ? new Set(schema.required.map(String))
+    : new Set<string>();
+
+  const fields: InteractionRequestSchemaField[] = [];
+  for (const [name, raw] of Object.entries(properties)) {
+    const property = asRecord(raw);
+    const rawType = String(property?.type || '').toLowerCase();
+    const type: InteractionRequestSchemaField['type'] =
+      rawType === 'string' || rawType === 'number' || rawType === 'boolean'
+        ? (rawType as 'string' | 'number' | 'boolean')
+        : 'unknown';
+    fields.push({
+      name,
+      title: typeof property?.title === 'string' ? property.title : undefined,
+      type,
+      required: required.has(name),
+      enumValues: Array.isArray(property?.enum) ? property.enum : undefined,
+    });
+  }
+  return fields;
+}
diff --git a/src/core/api/facade.ts b/src/core/api/facade.ts
index a1add92..6539d2e 100644
--- a/src/core/api/facade.ts
+++ b/src/core/api/facade.ts
@@ -3,7 +3,7 @@ import { postJsonAction, streamGetAction } from '../../api/client.js';
 import { listSessions as listSessionsApi, createSession as createSessionApi, deleteSession as deleteSessionApi, getSession as getSessionApi } from '../../api/session.js';
 import { listSessionEvents as listSessionEventsApi } from '../../api/events.js';
 import { listSessionMessages as listSessionMessagesApi } from '../../api/messages.js';
-import { runAgent as runAgentApi, submitAgentControl as submitAgentControlApi } from '../../api/run.js';
+import { runAgent as runAgentApi, submitAgentControl as submitAgentControlApi, submitInteraction as submitInteractionApi } from '../../api/run.js';
 import { subscribeSessionEvents as subscribeSessionEventsApi } from '../../api/events.js';
 import { listSessionCheckpoints as listSessionCheckpointsApi, listToolReceipts as listToolReceiptsApi, previewCheckpointResume as previewCheckpointResumeApi, resumeRun as resumeRunApi } from '../../api/checkpoints.js';
 import { listWorkspaceFiles as listWorkspaceFilesApi, addWorkspaceFile as addWorkspaceFileApi, deleteWorkspaceFile as deleteWorkspaceFileApi, getWorkspaceFileContent as getFileContentApi } from '../../api/workspace.js';
@@ -110,6 +110,22 @@ export class ApiFacadeImpl implements ApiFacade {
     }, opts);
   }
 
+  async submitInteraction(
+    params: {
+      AgentId: string;
+      SessionId: string;
+      RunId: string;
+      InteractionId: string;
+      ExpectedRevision: number;
+      Action: 'approve' | 'reject' | 'submit' | 'cancel';
+      Response: Record<string, unknown>;
+      IdempotencyKey: string;
+    },
+    opts?: { signal?: AbortSignal },
+  ) {
+    return submitInteractionApi(params, opts);
+  }
+
   async getAgentStatus(opts?: { signal?: AbortSignal }) {
     return postJsonAction('GetAgentStatus', {}, opts);
   }
diff --git a/src/core/api/types.ts b/src/core/api/types.ts
index 2a6cbd2..d3d23dc 100644
--- a/src/core/api/types.ts
+++ b/src/core/api/types.ts
@@ -64,6 +64,16 @@ export interface ApiFacade {
     idempotency_key: string;
     payload: Record<string, unknown>;
   }, opts?: { signal?: AbortSignal }): Promise<import('../../types/agent-control.js').AgentControlReceipt>;
+  submitInteraction(params: {
+    AgentId: string;
+    SessionId: string;
+    RunId: string;
+    InteractionId: string;
+    ExpectedRevision: number;
+    Action: 'approve' | 'reject' | 'submit' | 'cancel';
+    Response: Record<string, unknown>;
+    IdempotencyKey: string;
+  }, opts?: { signal?: AbortSignal }): Promise<import('../../types/agent-control.js').AgentControlReceipt>;
   getAgentStatus(opts?: { signal?: AbortSignal }): Promise<unknown>;
   subscribeSessionEvents(sessionId: string, afterSeq: number, opts?: { signal?: AbortSignal }): Promise<ReadableStream<Uint8Array>>;
 
diff --git a/src/core/interaction/a2ui-validate.ts b/src/core/interaction/a2ui-validate.ts
new file mode 100644
index 0000000..7ead2e9
--- /dev/null
+++ b/src/core/interaction/a2ui-validate.ts
@@ -0,0 +1,95 @@
+/**
+ * A2UI v0.9.1 presentation validation with a safe fallback ladder.
+ *
+ * The production wire is locked to v0.9.1 with a pinned catalog digest.
+ * When the wire version or catalog digest does not match, the tray falls
+ * back to the canonical JSON schema form; when that is unsupported it
+ * falls back to plain approve/reject/text controls. A validation failure
+ * is never mapped to an approval.
+ */
+import type { A2uiPresentation } from './types.js';
+
+export const A2UI_WIRE_VERSION = '0.9.1';
+
+function componentIds(catalog: unknown): string[] {
+  const components =
+    typeof catalog === 'object' && catalog !== null
+      ? (catalog as { components?: unknown }).components
+      : null;
+  const entries = Array.isArray(components) ? components : [];
+  const ids: string[] = [];
+  for (const entry of entries) {
+    if (
+      typeof entry === 'object'
+      && entry !== null
+      && typeof (entry as { id?: unknown }).id === 'string'
+    ) {
+      ids.push((entry as { id: string }).id);
+    }
+  }
+  return ids.sort();
+}
+
+/** Deterministic digest of the local A2UI catalog. */
+export function computeA2uiCatalogDigest(catalog: unknown): string {
+  const ids = componentIds(catalog).join('|');
+  // FNV-1a 64-bit style hash over the sorted component ids — enough to
+  // detect a catalog mismatch, not a security primitive.
+  let hash1 = 0x811c9dc5;
+  let hash2 = 0x01000193;
+  for (let i = 0; i < ids.length; i += 1) {
+    const code = ids.charCodeAt(i);
+    hash1 = (hash1 ^ code) >>> 0;
+    hash1 = Math.imul(hash1, 0x01000193) >>> 0;
+    hash2 = (hash2 + Math.imul(code + i, 0x85ebca6b)) >>> 0;
+  }
+  return `fnv1a-${hash1.toString(16)}-${hash2.toString(16)}`;
+}
+
+export type A2uiRenderMode =
+  | 'a2ui'
+  | 'json-schema-form'
+  | 'basic-controls';
+
+/**
+ * Decide how an Interaction's presentation may render. Unknown components
+ * or a catalog mismatch never yield 'a2ui'; the safest usable fallback
+ * wins.
+ */
+export function validateA2uiPresentation(
+  presentation: A2uiPresentation | null | undefined,
+  localCatalog: unknown,
+): A2uiRenderMode {
+  if (!presentation) return basicFallbackFor(null);
+  if (presentation.wireVersion !== A2UI_WIRE_VERSION) {
+    return basicFallbackFor(presentation);
+  }
+  if (!presentation.messages || presentation.messages.length === 0) {
+    return basicFallbackFor(presentation);
+  }
+  if (presentation.catalogDigest) {
+    const localDigest = computeA2uiCatalogDigest(localCatalog);
+    if (presentation.catalogDigest !== localDigest) {
+      // Catalog mismatch: never render the unknown catalog and never
+      // auto-approve anything.
+      return 'json-schema-form';
+    }
+  }
+  return 'a2ui';
+}
+
+function basicFallbackFor(
+  presentation: A2uiPresentation | null | undefined,
+): A2uiRenderMode {
+  return presentation && hasUsableSchema(presentation) ? 'json-schema-form' : 'basic-controls';
+}
+
+function hasUsableSchema(presentation: A2uiPresentation): boolean {
+  return presentation.messages.some((message) => {
+    const schema =
+      (message as { inputSchema?: unknown }).inputSchema
+      ?? (message as { input_schema?: unknown }).input_schema
+      ?? (message as { schema?: unknown }).schema;
+    return typeof schema === 'object' && schema !== null;
+  });
+}
diff --git a/src/core/interaction/adapters/agui.ts b/src/core/interaction/adapters/agui.ts
new file mode 100644
index 0000000..f08bc4e
--- /dev/null
+++ b/src/core/interaction/adapters/agui.ts
@@ -0,0 +1,46 @@
+/**
+ * AG-UI transport adapter.
+ *
+ * Normalizes an AG-UI interrupt-driven approval request (RunEvent
+ * `approval_requested` with protocol `ag-ui`, or an AG-UI interrupt
+ * payload) into the shared Interaction shape. The original interrupt id
+ * is preserved in `extensions.interrupt_id` so the 0.3.1
+ * `resumeAguiInterrupt` fallback still works for servers that do not
+ * advertise `interaction_v1`.
+ */
+import type { Interaction } from '../types.js';
+import { normalizeInteraction } from './normalize.js';
+
+export type AguiInterruptRequest = {
+  interruptId: string;
+  sessionId: string;
+  runId?: string | null;
+  toolCallId?: string | null;
+  name?: string;
+  message?: string;
+  reason?: string;
+  requestSchema?: Record<string, unknown> | null;
+};
+
+export function interactionFromAguiInterrupt(
+  request: AguiInterruptRequest,
+): Interaction | null {
+  if (!request.interruptId || !request.sessionId) return null;
+  return normalizeInteraction({
+    interactionId: request.interruptId,
+    sessionId: request.sessionId,
+    runId: request.runId ?? null,
+    kind: 'approval',
+    title: request.name ? `确认：${request.name}` : '人工确认',
+    message: request.message || '本次运行需要人工确认后才能继续。',
+    requestSchema: request.requestSchema ?? null,
+    status: 'pending',
+    revision: 1,
+    source: 'agui',
+    extensions: {
+      interrupt_id: request.interruptId,
+      ...(request.toolCallId ? { tool_call_id: request.toolCallId } : {}),
+      ...(request.reason ? { reason: request.reason } : {}),
+    },
+  });
+}
diff --git a/src/core/interaction/adapters/normalize.ts b/src/core/interaction/adapters/normalize.ts
new file mode 100644
index 0000000..1f766fc
--- /dev/null
+++ b/src/core/interaction/adapters/normalize.ts
@@ -0,0 +1,110 @@
+/**
+ * Shared normalization helpers for Interaction transport adapters.
+ *
+ * Every adapter produces the same Interaction shape so the store, tray,
+ * and submit path never branch on the transport protocol.
+ */
+import type {
+  Interaction,
+  InteractionKind,
+  InteractionOutcome,
+  InteractionSource,
+  InteractionStatus,
+} from './types.js';
+
+export type RawInteractionFields = {
+  interactionId: string;
+  sessionId: string;
+  runId?: string | null;
+  kind?: unknown;
+  title?: unknown;
+  message?: unknown;
+  requestSchema?: unknown;
+  presentation?: unknown;
+  status?: unknown;
+  revision?: unknown;
+  createdAt?: unknown;
+  expiresAt?: unknown;
+  resolvedAt?: unknown;
+  actor?: unknown;
+  outcome?: unknown;
+  responseSummary?: unknown;
+  extensions?: Record<string, unknown>;
+  source: InteractionSource;
+};
+
+const VALID_KINDS: ReadonlySet<string> = new Set([
+  'approval',
+  'structured_input',
+  'plan_review',
+  'custom',
+]);
+
+const VALID_STATUSES: ReadonlySet<string> = new Set([
+  'pending',
+  'resolving',
+  'resolved',
+  'cancelled',
+  'expired',
+]);
+
+const VALID_OUTCOMES: ReadonlySet<string> = new Set([
+  'approved',
+  'rejected',
+  'submitted',
+  'cancelled',
+  'expired',
+]);
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+    ? (value as Record<string, unknown>)
+    : null;
+}
+
+function stringOrNull(value: unknown): string | null {
+  return typeof value === 'string' && value.length > 0 ? value : null;
+}
+
+export function normalizeInteraction(fields: RawInteractionFields): Interaction {
+  const kind = String(fields.kind || 'approval');
+  const status = String(fields.status || 'pending');
+  const outcome = String(fields.outcome || '');
+  const presentation = asRecord(fields.presentation);
+  const a2ui = presentation ? asRecord(presentation.a2ui) : null;
+
+  return {
+    interactionId: fields.interactionId,
+    sessionId: fields.sessionId,
+    runId: stringOrNull(fields.runId),
+    kind: (VALID_KINDS.has(kind) ? kind : 'custom') as InteractionKind,
+    title: typeof fields.title === 'string' && fields.title ? fields.title : '人工确认',
+    message: typeof fields.message === 'string' && fields.message
+      ? fields.message
+      : '本次运行需要人工处理后才能继续。',
+    requestSchema: asRecord(fields.requestSchema),
+    presentation: a2ui
+      ? {
+          a2ui: {
+            wireVersion: String(a2ui.wire_version ?? a2ui.wireVersion ?? ''),
+            catalogDigest: String(a2ui.catalog_digest ?? a2ui.catalogDigest ?? ''),
+            messages: Array.isArray(a2ui.messages)
+              ? (a2ui.messages.filter((entry) => typeof entry === 'object') as Array<Record<string, unknown>>)
+              : [],
+          },
+        }
+      : null,
+    status: (VALID_STATUSES.has(status) ? status : 'pending') as InteractionStatus,
+    revision: Number.isFinite(Number(fields.revision)) && Number(fields.revision) > 0
+      ? Number(fields.revision)
+      : 1,
+    createdAt: stringOrNull(fields.createdAt) || new Date().toISOString(),
+    expiresAt: stringOrNull(fields.expiresAt),
+    resolvedAt: stringOrNull(fields.resolvedAt),
+    actor: stringOrNull(fields.actor),
+    outcome: (VALID_OUTCOMES.has(outcome) ? outcome : null) as InteractionOutcome | null,
+    responseSummary: stringOrNull(fields.responseSummary),
+    source: fields.source,
+    extensions: fields.extensions || {},
+  };
+}
diff --git a/src/core/interaction/adapters/responses.ts b/src/core/interaction/adapters/responses.ts
new file mode 100644
index 0000000..4a69ec5
--- /dev/null
+++ b/src/core/interaction/adapters/responses.ts
@@ -0,0 +1,56 @@
+/**
+ * Responses transport adapter (`/v1/responses` official semantics).
+ *
+ * Normalizes the official `mcp_approval_request` item (delivered either
+ * as a stream action or as a SessionEvent record) into the shared
+ * Interaction shape. Responses-driven submissions keep the official
+ * `mcp_approval_response` path — the adapter marks the record
+ * `source: "responses"` so the submit path can route accordingly without
+ * components ever branching on protocol.
+ */
+import type { Interaction } from '../types.js';
+import { normalizeInteraction } from './normalize.js';
+
+export type ResponsesApprovalRequest = {
+  approvalRequestId: string;
+  sessionId: string;
+  runId?: string | null;
+  name?: string;
+  message?: string;
+  approvalLevel?: string;
+  args?: string;
+  requestSchema?: Record<string, unknown> | null;
+};
+
+export function interactionFromResponsesApproval(
+  request: ResponsesApprovalRequest,
+): Interaction | null {
+  if (!request.approvalRequestId || !request.sessionId) return null;
+  return normalizeInteraction({
+    interactionId: request.approvalRequestId,
+    sessionId: request.sessionId,
+    runId: request.runId ?? null,
+    kind: 'approval',
+    title: request.name ? `审批：${request.name}` : '人工确认',
+    message: request.message || '本次运行需要人工审批后才能继续。',
+    requestSchema: request.requestSchema ?? null,
+    status: 'pending',
+    revision: 1,
+    source: 'responses',
+    extensions: request.approvalLevel
+      ? { approval_level: request.approvalLevel }
+      : {},
+  });
+}
+
+/** Build the official Responses `mcp_approval_response` input item. */
+export function buildMcpApprovalResponse(
+  approvalRequestId: string,
+  approve: boolean,
+): Record<string, unknown> {
+  return {
+    type: 'mcp_approval_response',
+    approval_request_id: approvalRequestId,
+    approve,
+  };
+}
diff --git a/src/core/interaction/adapters/session-events.ts b/src/core/interaction/adapters/session-events.ts
new file mode 100644
index 0000000..2134019
--- /dev/null
+++ b/src/core/interaction/adapters/session-events.ts
@@ -0,0 +1,140 @@
+/**
+ * AgentEngine Interaction/v1 SessionEvent adapter.
+ *
+ * `SessionEventEnvelope.payload` carries the public Interaction facts:
+ * event_type `interaction.requested` / `ksadk.interaction/v1.requested`
+ * creates a pending Interaction; `interaction.resolved` (outcome in
+ * payload) closes it. Rejection is `resolved.outcome="rejected"`, not a
+ * fifth terminal event type.
+ */
+import type { Interaction } from '../types.js';
+import { normalizeInteraction } from './normalize.js';
+
+const REQUESTED_EVENT_TYPES = new Set([
+  'interaction.requested',
+  'interaction_requested',
+  'ksadk.interaction/v1.requested',
+  'InteractionRequested',
+]);
+
+const RESOLVED_EVENT_TYPES = new Set([
+  'interaction.resolved',
+  'interaction_resolved',
+  'ksadk.interaction/v1.resolved',
+  'InteractionResolved',
+  'interaction.cancelled',
+  'interaction.cancel',
+  'interaction.expired',
+]);
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+    ? (value as Record<string, unknown>)
+    : null;
+}
+
+/**
+ * Normalize an Interaction/v1 SessionEvent payload (or envelope) into the
+ * shared Interaction shape. Returns null when the event is not an
+ * interaction event.
+ */
+export function interactionFromSessionEvent(
+  raw: unknown,
+  fallbackSessionId?: string,
+): Interaction | null {
+  const envelope = asRecord(raw);
+  if (!envelope) return null;
+  const eventType = String(
+    envelope.event_type || envelope.EventType || '',
+  ).trim();
+  if (!eventType) return null;
+
+  const payload = asRecord(envelope.payload ?? envelope.Content) || {};
+  const body =
+    asRecord(payload.interaction) ||
+    asRecord(payload.Interaction) ||
+    asRecord(payload.interaction_request) ||
+    payload;
+  const interactionId = String(
+    body.interaction_id ||
+    body.InteractionId ||
+    payload.interaction_id ||
+    payload.InteractionId ||
+    '',
+  );
+  if (!interactionId) return null;
+
+  const sessionId = String(
+    envelope.session_id || body.session_id || fallbackSessionId || '',
+  );
+  if (!sessionId) return null;
+
+  if (REQUESTED_EVENT_TYPES.has(eventType)) {
+    return normalizeInteraction({
+      interactionId,
+      sessionId,
+      runId: body.run_id ?? envelope.run_id,
+      kind: body.kind ?? 'approval',
+      title: body.title,
+      message: body.message ?? body.description,
+      requestSchema: body.request_schema ?? body.RequestSchema,
+      presentation: body.presentation,
+      status: 'pending',
+      revision: body.revision ?? 1,
+      createdAt: body.created_at ?? envelope.timestamp,
+      expiresAt: body.expires_at,
+      source: 'interaction_v1',
+      extensions: body.extensions,
+    });
+  }
+
+  if (RESOLVED_EVENT_TYPES.has(eventType)) {
+    const normalizedEventStatus =
+      eventType === 'interaction.cancelled' || eventType === 'interaction.cancel'
+        ? 'cancelled'
+        : eventType === 'interaction.expired'
+          ? 'expired'
+          : 'resolved';
+    const rawOutcome = String(
+      payload.outcome ?? body.outcome ?? body.status ?? '',
+    ).toLowerCase();
+    const action = String(payload.action ?? body.action ?? '').toLowerCase();
+    let outcome = rawOutcome;
+    if (!outcome) {
+      if (action === 'approve') outcome = 'approved';
+      else if (action === 'reject') outcome = 'rejected';
+      else if (action === 'submit') outcome = 'submitted';
+      else if (action === 'cancel' || normalizedEventStatus === 'cancelled') outcome = 'cancelled';
+      else if (normalizedEventStatus === 'expired') outcome = 'expired';
+      else outcome = 'submitted';
+    }
+    const status = normalizedEventStatus === 'resolved'
+      ? 'resolved'
+      : normalizedEventStatus;
+    return normalizeInteraction({
+      interactionId,
+      sessionId,
+      runId: body.run_id ?? envelope.run_id,
+      kind: body.kind,
+      title: body.title,
+      message: body.message,
+      requestSchema: body.request_schema,
+      presentation: body.presentation,
+      status,
+      revision: body.revision,
+      createdAt: body.created_at ?? envelope.timestamp,
+      expiresAt: body.expires_at,
+      resolvedAt: payload.resolved_at ?? body.resolved_at ?? envelope.timestamp,
+      actor: payload.actor ?? body.actor ?? envelope.actor_ref,
+      outcome,
+      responseSummary:
+        payload.response_summary ??
+        body.response_summary ??
+        (action ? `${action}` : undefined),
+      source: 'interaction_v1',
+      extensions: body.extensions,
+    });
+  }
+
+  return null;
+}
diff --git a/src/core/interaction/client.ts b/src/core/interaction/client.ts
new file mode 100644
index 0000000..0ce7a5b
--- /dev/null
+++ b/src/core/interaction/client.ts
@@ -0,0 +1,242 @@
+/**
+ * Headless InteractionClient implementation.
+ *
+ * One submit path per record source:
+ * - `interaction_v1` (AgentEngine Interaction/v1): every action is one
+ *   `POST /agentengine/api/v1/SubmitInteraction` call with revision CAS
+ *   and an idempotency key.
+ * - `responses`: official `/v1/responses` `mcp_approval_response` path
+ *   (0.3.1 fallback for servers without `interaction_v1`).
+ * - `agui`: `resumeAguiInterrupt` (0.3.1 fallback).
+ *
+ * Components never branch on the source — they call `respond()`.
+ */
+import {
+  interactionIdempotencyKey,
+  summarizeResponse,
+  type Interaction,
+  type InteractionAction,
+  type InteractionClient,
+  type InteractionEvent,
+  type InteractionOutcome,
+  type InteractionReceipt,
+  type InteractionSubmitInput,
+} from './types.js';
+import { InteractionStore } from './store.js';
+import { decodeReceipt } from '../../types/agent-control.js';
+
+export type SubmitInteractionTransport = (params: {
+  AgentId: string;
+  SessionId: string;
+  RunId: string;
+  InteractionId: string;
+  ExpectedRevision: number;
+  Action: InteractionAction;
+  Response: Record<string, unknown>;
+  IdempotencyKey: string;
+}) => Promise<unknown>;
+
+export type InteractionClientDeps = {
+  agentId: string;
+  store?: InteractionStore;
+  submitInteraction: SubmitInteractionTransport;
+  /**
+   * When bootstrap advertises `interaction_v1`, every action goes through
+   * SubmitInteraction regardless of the transport that produced the
+   * pending record.
+   */
+  interactionV1Enabled?: boolean;
+  /** @deprecated 0.3.1 Responses `mcp_approval_response` fallback. */
+  legacyResponsesApproval?: (interactionId: string, approve: boolean) => void;
+  /** @deprecated 0.3.1 AG-UI `resumeAguiInterrupt` fallback. */
+  legacyAguiResume?: (
+    interruptId: string,
+    status: 'resolved' | 'cancelled',
+    payload?: unknown,
+  ) => boolean;
+};
+
+const ACTION_OUTCOME: Record<InteractionAction, InteractionOutcome> = {
+  approve: 'approved',
+  reject: 'rejected',
+  submit: 'submitted',
+  cancel: 'cancelled',
+};
+
+function syntheticReceipt(
+  status: InteractionReceipt['status'],
+  interactionId: string,
+): InteractionReceipt {
+  return {
+    schema_version: 1,
+    command_id: `local-${interactionId}`,
+    status,
+    message_id: null,
+    run_id: null,
+    accepted_seq: null,
+    error: null,
+    extensions: {},
+  };
+}
+
+export class InteractionClientImpl implements InteractionClient {
+  readonly store: InteractionStore;
+  private deps: InteractionClientDeps;
+  /** interactionId -> in-flight idempotency key (double-submit guard). */
+  private inFlight = new Map<string, string>();
+
+  constructor(deps: InteractionClientDeps) {
+    this.deps = deps;
+    this.store = deps.store || new InteractionStore();
+  }
+
+  listPending(sessionId: string): readonly Interaction[] {
+    return this.store.listPending(sessionId);
+  }
+
+  /** Update capability routing after bootstrap capabilities change. */
+  setInteractionV1Enabled(enabled: boolean): void {
+    this.deps.interactionV1Enabled = enabled;
+  }
+
+  subscribe(listener: (event: InteractionEvent) => void): () => void {
+    return this.store.subscribe(listener);
+  }
+
+  /** Normalize + persist an incoming Interaction (adapter output). */
+  ingest(interaction: Interaction): void {
+    this.store.upsert(interaction);
+  }
+
+  /**
+   * Restore state from replayed history. Only upserts server facts —
+   * never issues a submit — so a refresh/replay restores a pending
+   * Interaction without creating a second request.
+   */
+  ingestHistory(interactions: readonly Interaction[]): void {
+    for (const interaction of interactions) {
+      this.store.upsert(interaction);
+    }
+    // Any in-flight submit whose interaction is now terminal server-side
+    // (another tab won first) is dropped.
+    for (const [interactionId] of this.inFlight) {
+      const record = this.findByInteractionId(interactionId);
+      if (record && record.status !== 'pending' && record.status !== 'resolving') {
+        this.inFlight.delete(interactionId);
+      }
+    }
+  }
+
+  private findByInteractionId(interactionId: string): Interaction | null {
+    return (
+      this.store.all().find(
+        (interaction) => interaction.interactionId === interactionId,
+      ) || null
+    );
+  }
+
+  async respond(input: InteractionSubmitInput): Promise<InteractionReceipt> {
+    const record = this.findByInteractionId(input.interactionId);
+    if (!record) {
+      return syntheticReceipt('rejected', input.interactionId);
+    }
+
+    // Terminal (resolved by event or a prior first-wins submit): no
+    // second request leaves the client.
+    if (record.status === 'resolved' || record.status === 'cancelled' || record.status === 'expired') {
+      return syntheticReceipt('duplicate', input.interactionId);
+    }
+
+    const idempotencyKey = input.idempotencyKey
+      || interactionIdempotencyKey(input.interactionId, input.expectedRevision);
+
+    // Double-click / concurrent submit guard: same idempotency key in
+    // flight means this exact submit already happened.
+    const inFlightKey = this.inFlight.get(input.interactionId);
+    if (inFlightKey) {
+      if (inFlightKey === idempotencyKey) {
+        return syntheticReceipt('duplicate', input.interactionId);
+      }
+      return syntheticReceipt('rejected', input.interactionId);
+    }
+
+    this.inFlight.set(input.interactionId, idempotencyKey);
+    this.store.markResolving(record.sessionId, input.interactionId);
+
+    const useInteractionV1 =
+      this.deps.interactionV1Enabled || record.source === 'interaction_v1';
+
+    try {
+      if (!useInteractionV1 && record.source === 'responses' && this.deps.legacyResponsesApproval) {
+        this.deps.legacyResponsesApproval(
+          input.interactionId,
+          input.action === 'approve',
+        );
+        this.resolveLocal(record, input, idempotencyKey);
+        return syntheticReceipt('accepted', input.interactionId);
+      }
+
+      if (!useInteractionV1 && record.source === 'agui' && this.deps.legacyAguiResume) {
+        const accepted = this.deps.legacyAguiResume(
+          String(record.extensions.interrupt_id || input.interactionId),
+          input.action === 'cancel' ? 'cancelled' : 'resolved',
+          input.response,
+        );
+        if (!accepted) {
+          this.store.revertToPending(record.sessionId, input.interactionId);
+          return syntheticReceipt('rejected', input.interactionId);
+        }
+        this.resolveLocal(record, input, idempotencyKey);
+        return syntheticReceipt('accepted', input.interactionId);
+      }
+
+      const raw = await this.deps.submitInteraction({
+        AgentId: this.deps.agentId,
+        SessionId: record.sessionId,
+        RunId: record.runId || '',
+        InteractionId: input.interactionId,
+        ExpectedRevision: input.expectedRevision,
+        Action: input.action,
+        Response: input.response,
+        IdempotencyKey: idempotencyKey,
+      });
+      const receipt = decodeReceipt(raw);
+
+      if (receipt.status === 'accepted' || receipt.status === 'duplicate') {
+        this.resolveLocal(record, input, idempotencyKey);
+      } else {
+        // Rejected (e.g. interaction_already_resolved from a first-wins
+        // other tab), unsupported, or uncertain: revert to pending and
+        // let the SessionEvent stream deliver the authoritative state.
+        this.store.revertToPending(record.sessionId, input.interactionId);
+      }
+      return receipt;
+    } finally {
+      this.inFlight.delete(input.interactionId);
+    }
+  }
+
+  private resolveLocal(
+    record: Interaction,
+    input: InteractionSubmitInput,
+    idempotencyKey: string,
+  ): void {
+    const terminalStatus =
+      input.action === 'cancel' ? 'cancelled' : 'resolved';
+    this.store.resolveLocally(record.sessionId, input.interactionId, {
+      status: terminalStatus,
+      outcome: ACTION_OUTCOME[input.action],
+      actor: 'user',
+      responseSummary: summarizeResponse(input.action, input.response),
+      revision: input.expectedRevision,
+    });
+    // Keep the idempotency key recorded for replay correlation.
+    const updated = this.store.get(record.sessionId, input.interactionId);
+    if (updated) {
+      this.store.upsert({
+        ...updated,
+        extensions: { ...updated.extensions, idempotency_key: idempotencyKey },
+      });
+    }
+  }
+}
diff --git a/src/core/interaction/index.ts b/src/core/interaction/index.ts
new file mode 100644
index 0000000..7f1f6dd
--- /dev/null
+++ b/src/core/interaction/index.ts
@@ -0,0 +1,103 @@
+/**
+ * Interaction/v1 headless module.
+ *
+ * One Interaction store, one submit path, three transport adapters
+ * (Interaction/v1 SessionEvents, Responses `mcp_approval_request`,
+ * AG-UI interrupts). Components consume `InteractionClient` /
+ * `useInteractions` and never branch on the approval protocol.
+ */
+export type {
+  A2uiPresentation,
+  Interaction,
+  InteractionAction,
+  InteractionClient,
+  InteractionEvent,
+  InteractionKind,
+  InteractionOutcome,
+  InteractionPresentation,
+  InteractionReceipt,
+  InteractionSource,
+  InteractionStatus,
+  InteractionSubmitInput,
+} from './types.js';
+export {
+  interactionIdempotencyKey,
+  isTerminalInteraction,
+  summarizeResponse,
+} from './types.js';
+export { InteractionStore } from './store.js';
+export { InteractionClientImpl } from './client.js';
+export type { InteractionClientDeps, SubmitInteractionTransport } from './client.js';
+export { interactionFromSessionEvent } from './adapters/session-events.js';
+export {
+  buildMcpApprovalResponse,
+  interactionFromResponsesApproval,
+} from './adapters/responses.js';
+export type { ResponsesApprovalRequest } from './adapters/responses.js';
+export { interactionFromAguiInterrupt } from './adapters/agui.js';
+export type { AguiInterruptRequest } from './adapters/agui.js';
+export {
+  A2UI_WIRE_VERSION,
+  computeA2uiCatalogDigest,
+  validateA2uiPresentation,
+} from './a2ui-validate.js';
+export type { A2uiRenderMode } from './a2ui-validate.js';
+
+import { InteractionStore } from './store.js';
+import { interactionFromSessionEvent } from './adapters/session-events.js';
+import { interactionFromResponsesApproval } from './adapters/responses.js';
+import { interactionFromAguiInterrupt } from './adapters/agui.js';
+import type { Interaction } from './types.js';
+
+/**
+ * App-wide shared store. Transport ingestion points (run dispatcher,
+ * session lifecycle) write here; the app's `InteractionClient` reads and
+ * submits through the same store.
+ */
+export const sharedInteractionStore = new InteractionStore();
+
+/** Ingest an Interaction/v1 (or legacy) SessionEvent record/envelope. */
+export function ingestSessionEventRecord(
+  raw: unknown,
+  fallbackSessionId?: string,
+): Interaction | null {
+  const interaction = interactionFromSessionEvent(raw, fallbackSessionId);
+  if (interaction) {
+    sharedInteractionStore.upsert(interaction);
+  }
+  return interaction;
+}
+
+/** Ingest a RunEngine `approval_requested` event (Responses or AG-UI). */
+export function ingestApprovalRequestedEvent(event: {
+  approvalRequestId: string;
+  protocol: 'ag-ui' | 'responses';
+  name?: string;
+  message?: string;
+  args?: string;
+  approvalLevel?: string;
+  sessionId?: string | null;
+}): Interaction | null {
+  const sessionId = event.sessionId || '';
+  if (!sessionId || !event.approvalRequestId) return null;
+  const interaction =
+    event.protocol === 'ag-ui'
+      ? interactionFromAguiInterrupt({
+          interruptId: event.approvalRequestId,
+          sessionId,
+          name: event.name,
+          message: event.message,
+          reason: event.approvalLevel,
+        })
+      : interactionFromResponsesApproval({
+          approvalRequestId: event.approvalRequestId,
+          sessionId,
+          name: event.name,
+          message: event.message,
+          approvalLevel: event.approvalLevel,
+        });
+  if (interaction) {
+    sharedInteractionStore.upsert(interaction);
+  }
+  return interaction;
+}
diff --git a/src/core/interaction/store.ts b/src/core/interaction/store.ts
new file mode 100644
index 0000000000000000000000000000000000000000..7fb2f31374a8b6e4f2d36cd5aeae7a233bb4c58c
GIT binary patch
literal 5686
zcmd5=+in{-5bd+RVhjY)uA!{o72AQ4wy1#=4WhgSK|}9S)+Vc6m86uYj{m)9c-bX&
zN$eH@`eMjj&hX6b%#dfNrz1M0S>4_?lCE1Ll_*W!wWLj_WPy+T{kN{EG?|5@wo^;d
z)PKt=*{x*RDQuZ{ibT_pmRduLCec<TTP&ASv!;2iw0ZWq#wVP$tXsjGm!dUwsj2Bo
zNN=YkhObUFwQ?gBYf$o5LA!*4j#jd*fPF%`gN%}^Mr;9XQ8WB4F&ctJ*n(5a4q%M9
zVJ)R-+s;5juN6)(01Dtrifa1|i(RvUno5>6o55~48`aBIrwrYVh-&@TgO6M`!3VQl
zC2l;l_RB`LW-_{`x$2fQF3wm;7a#Tb`Di4+*h6;p%s3jaV3lm8q6^C4jn+)#7+AGA
zU0l+ptE)j(*$A!UjaHX6<Lva5K1sOy!;?E7vFqyorzdyykO)}#z}6G3RJ{>K!e=hl
z7l_Gc`dzHfwNW+*kuxr{{COnPc<36~S!yQDd9*t*&x%H}K$!LDrbtY8Sb{Mu=i!I7
zkAT&zRr@{r80q~8fAsoBm#V&zSpb~4IDv_yvfkbPID^D1f~YP;RrQLjJ9<D)@(v}H
z2vo9>W;i^5PWL^w;C{KR&GGPac9Jc_4C$^71vJ#ncTUSaXzKSkwI1nxaLTPTkMVyL
zR{Bcq8f@S|`B+$!eGV0@+b$$Qo=_6pJg2WtQ|}D6>b0x=eQbyf7joA&+c@vvy*~hi
z6<syWpd>HmbpvY3tRsoC2#O7N^nam^Fl*%W#RZK$6^*&%iL4WCPVJo#QuHw}!HU`A
zkU0Xrt}M8|e0ITEy$^HOyP_zP*lk3!mO9Jd7aF{nWnw}%>>=;CnXS`I6eWUTWOZfo
z!t%R(*)3N>$;|J#iFV|>06|f#?-YU566^~`UrKc=nXjWvE9i}_bl0S~L~tTmk_34}
z-YI!TSBD!55+>>@0&T8+HuNVOWv2lNF|@GU=_XbSRs%CDxv?F?RhuL&miXhc#5TRG
z-|_NlHpqu|LUXiVO&R`nYC_%Gl-*KJpx3peD`S7JP}*{~UM_{&<^*2`a4T$-ihCDY
zxOJ3+$o#!tu?ORPPRI@E7&+8-6JIZmNaPok3OCXV$0J<2NiBqoORBeswp>@9T0nB}
z*O#<^aczT&@aafzLrdcw^_;Sk0A}DY)(2?OaZVvQb@&9fMWdb4INI~4l7AtIku2i`
z_SE8Y?2Fz&veD9>e6aIp0gfkxoSr_Vlfzr1!^7^uh_f^LwI7hC=*@Cvr>;H~9d9Br
znA<>94J~U-T8N5G92;!-$U7szdXOj9tBT9?fqt-|Krn_uq3ARFoWjBVn%@o@PjaRg
zVFo=WMC{GO&g?~8iRJznEAa^bTd^SuKi+$Xt%;rK4cY^B*P94B4(2=3<l?|$q-9vQ
zd@@bKWtZs1i^1=Xbov84`J_^QF_8-_)k_X+l?o5*iTtoU0LEHOa(jB>kGsm^Z$YD-
zqu4{1T#mDWquB=(K?sCTmOFNRACH|l1RnX$=?|$u$AL*7*6|F*aEhVbTPBE80vtTC
zi=K+DreUP?tA13ozGCvQgACsmUbzbzq49jO7cRaEkkGzCF%f-U)VN9to~6--QMkxD
znm6_B!W8Zz!NPBBL&N@I@(OcNLd4fqSVn*1i_Ld?Qe=Eo3VrWM+6T{-A!uQkJBf$6
z9ER}?!ZGM^w;w%p;_=$j3`d2ebVZJi<SGE(@YCb{UUWjb9cW>F+W7j5tey_7`Y6H^
zhsGVb7ieFbL#(rIWok4X+}F{pZ$-JKl`spP``~&3pD1pM?#~XfbVo)&hcLTOP+2af
z^jauWi{|`wU4Dx1ixV0<-;Hs_7<>M)zb%K^UjPylL0Gdl`zz!Bb<^7T@{*7J5gC>y
zkej5qMw4NS>Bt8!W|3jZy2E*fuaIFDoU-f71-fil*`-2nEid!6`)71`+#^hPJ^RB?
z-+tm|wayuXQa{SZEh21kSUjoztFmAx>}UDm5$#)~Y<2W$`v#PSTLM1?u@Li-8=0cV
zB0QcHw*}sVFemfG{t?eVvKsQ2HN5SP-Y)+S^we87esF%J{i$c3aBB@M>IcWN=c;%V
z3B&dfN+p-wM*gSPfCmMXl{M#^ZwrpuZC6NaUkIH+5N{7hJAi+!;ayRGu+8+yU4yOK
znXqv~kEpk7q);<=liD{wB`AJt^^ZIelP2#x>C472OnOUGCnt%$Gc!2*+>_A#=pPY0
BWxW6Z

literal 0
HcmV?d00001

diff --git a/src/core/interaction/types.ts b/src/core/interaction/types.ts
new file mode 100644
index 0000000..5f7b1f6
--- /dev/null
+++ b/src/core/interaction/types.ts
@@ -0,0 +1,151 @@
+/**
+ * Interaction/v1 client-side types.
+ *
+ * Mirrors the canonical `contracts/agent-kernel/v1/interaction.schema.json`:
+ * one durable Interaction identity per human decision, revision-based
+ * optimistic concurrency, and first-wins terminal semantics. Responses
+ * approval requests and AG-UI interrupts are transport adapters that
+ * normalize into this single shape — components never branch on
+ * `approvalProtocol`.
+ */
+import type { AgentControlReceipt } from '../../types/agent-control.js';
+
+export type InteractionStatus =
+  | 'pending'
+  | 'resolving'
+  | 'resolved'
+  | 'cancelled'
+  | 'expired';
+
+export type InteractionAction = 'approve' | 'reject' | 'submit' | 'cancel';
+
+export type InteractionKind =
+  | 'approval'
+  | 'structured_input'
+  | 'plan_review'
+  | 'custom';
+
+/** Which transport surface produced the normalized Interaction. */
+export type InteractionSource = 'interaction_v1' | 'responses' | 'agui';
+
+export type A2uiPresentation = {
+  /** Production wire is locked to "0.9.1". */
+  wireVersion: string;
+  /** Pinned catalog digest required before rendering A2UI. */
+  catalogDigest: string;
+  messages: Array<Record<string, unknown>>;
+};
+
+export type InteractionPresentation = {
+  a2ui?: A2uiPresentation;
+};
+
+export type InteractionOutcome =
+  | 'approved'
+  | 'rejected'
+  | 'submitted'
+  | 'cancelled'
+  | 'expired';
+
+/**
+ * The single normalized Interaction record. Internal provider fields
+ * (native targets, checkpoints, permits) never appear here — the server
+ * redacts them before emitting public events.
+ */
+export type Interaction = {
+  interactionId: string;
+  sessionId: string;
+  runId: string | null;
+  kind: InteractionKind;
+  title: string;
+  message: string;
+  requestSchema: Record<string, unknown> | null;
+  presentation: InteractionPresentation | null;
+  status: InteractionStatus;
+  revision: number;
+  createdAt: string;
+  expiresAt: string | null;
+  resolvedAt: string | null;
+  actor: string | null;
+  outcome: InteractionOutcome | null;
+  /** Redacted summary of the submitted response; never raw secrets. */
+  responseSummary: string | null;
+  source: InteractionSource;
+  extensions: Record<string, unknown>;
+};
+
+export type InteractionEvent =
+  | { type: 'interaction_requested'; interaction: Interaction }
+  | { type: 'interaction_updated'; interaction: Interaction }
+  | { type: 'interaction_resolved'; interaction: Interaction }
+  | { type: 'interaction_removed'; interactionId: string };
+
+export type InteractionSubmitInput = {
+  interactionId: string;
+  expectedRevision: number;
+  action: InteractionAction;
+  response: Record<string, unknown>;
+  idempotencyKey: string;
+};
+
+export type InteractionReceipt = AgentControlReceipt;
+
+/**
+ * Headless public API. Transport-agnostic: every AgentEngine
+ * Interaction/v1 action goes through one `respond` call.
+ */
+export interface InteractionClient {
+  listPending(sessionId: string): readonly Interaction[];
+  subscribe(listener: (event: InteractionEvent) => void): () => void;
+  respond(input: InteractionSubmitInput): Promise<InteractionReceipt>;
+}
+
+export const TERMINAL_INTERACTION_STATUSES: ReadonlySet<InteractionStatus> =
+  new Set(['resolved', 'cancelled', 'expired']);
+
+export function isTerminalInteraction(status: InteractionStatus): boolean {
+  return TERMINAL_INTERACTION_STATUSES.has(status);
+}
+
+/** Default idempotency key derivation: stable per (id, revision). */
+export function interactionIdempotencyKey(
+  interactionId: string,
+  expectedRevision: number,
+): string {
+  return `interaction:${interactionId}:revision-${expectedRevision}`;
+}
+
+/** Redact a response payload into a short human-readable summary. */
+export function summarizeResponse(
+  action: InteractionAction,
+  response: Record<string, unknown>,
+): string {
+  const approved = response.approved;
+  if (typeof approved === 'boolean') {
+    return approved ? '已同意' : '已拒绝';
+  }
+  const keys = Object.keys(response);
+  if (keys.length === 0) {
+    return action === 'approve'
+      ? '已同意'
+      : action === 'reject'
+        ? '已拒绝'
+        : action === 'cancel'
+          ? '已取消'
+          : '已提交';
+  }
+  const preview = keys
+    .slice(0, 3)
+    .map((key) => {
+      const value = response[key];
+      const text =
+        typeof value === 'string'
+          ? value.length > 24 ? `${value.slice(0, 24)}…` : value
+          : typeof value === 'object' && value !== null
+            ? '[object]'
+            : String(value);
+      return `${key}=${text}`;
+    })
+    .join(', ');
+  return `${action}(${preview})`;
+}
diff --git a/src/core/run/dispatcher.ts b/src/core/run/dispatcher.ts
index b3697a3..aff80df 100644
--- a/src/core/run/dispatcher.ts
+++ b/src/core/run/dispatcher.ts
@@ -7,6 +7,10 @@ import {
   upsertToolBlock,
 } from './blocks.js';
 import { useMessageStore } from '../../stores/message.js';
+import {
+  ingestApprovalRequestedEvent,
+  ingestSessionEventRecord,
+} from '../interaction/index.js';
 import { useStreamingStore } from '../../stores/streaming.js';
 import { useSessionStore } from '../../stores/session.js';
 import { useCheckpointStore } from '../../stores/checkpoint.js';
@@ -233,6 +237,15 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'approval_requested': {
       ensureAssistantMessage(event.messageId);
+      ingestApprovalRequestedEvent({
+        approvalRequestId: event.approvalRequestId,
+        protocol: event.protocol,
+        name: event.name,
+        message: event.message,
+        args: event.args,
+        approvalLevel: event.approvalLevel,
+        sessionId: event.sessionId,
+      });
       ms.patchMessages((prev) =>
         prev.map((msg) => {
           if (msg.id !== event.messageId) return msg;
@@ -442,6 +455,7 @@ export function dispatchRunEventToStores(event: RunEvent) {
 
     case 'stream_event': {
       const streamSessionId = event.sessionId || event.event.SessionId;
+      ingestSessionEventRecord(event.event, streamSessionId || undefined);
       // 记录最后事件 seq,供网络断线后 afterSeqId 续订重连。
       const evtSeq = (event.event as { SeqId?: number }).SeqId;
       if (typeof evtSeq === 'number' && evtSeq > 0) {
diff --git a/src/hooks/useInteractions.ts b/src/hooks/useInteractions.ts
new file mode 100644
index 0000000..9ec0747
--- /dev/null
+++ b/src/hooks/useInteractions.ts
@@ -0,0 +1,98 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  InteractionClientImpl,
+  sharedInteractionStore,
+} from '../core/interaction/index.js';
+import type {
+  Interaction,
+  InteractionAction,
+  InteractionReceipt,
+} from '../core/interaction/types.js';
+import type { ApiFacade } from '../core/api/types.js';
+import { ksadkA2uiCatalog } from '../core/run/a2ui.js';
+
+type UseInteractionsContext = {
+  agentId: string;
+  /** Read the current agent id at submit time (bootstrap may arrive late). */
+  getAgentId?: () => string;
+  currentSessionId: string | null;
+  api: ApiFacade;
+  /**
+   * Bootstrap-advertised `interaction_v1`. When absent the client keeps
+   * the 0.3.1 Responses/AG-UI fallback callbacks.
+   */
+  interactionV1Enabled: boolean;
+  /** 0.3.1 fallback: official `mcp_approval_response` submission. */
+  legacyResponsesApproval?: (approvalRequestId: string, approve: boolean) => void;
+  /** 0.3.1 fallback: AG-UI `resumeAguiInterrupt`. */
+  legacyAguiResume?: (
+    interruptId: string,
+    status: 'resolved' | 'cancelled',
+    payload?: unknown,
+  ) => boolean;
+};
+
+export function useInteractions(ctx: UseInteractionsContext) {
+  const [client] = useState(
+    () =>
+      new InteractionClientImpl({
+        agentId: ctx.agentId,
+        store: sharedInteractionStore,
+        submitInteraction: (params) =>
+          ctx.api.submitInteraction({
+            ...params,
+            AgentId: ctx.getAgentId?.() ?? params.AgentId,
+          }),
+        interactionV1Enabled: ctx.interactionV1Enabled,
+        legacyResponsesApproval: ctx.legacyResponsesApproval,
+        legacyAguiResume: ctx.legacyAguiResume,
+      }),
+  );
+
+  // Keep capability routing current (capability can change after bootstrap).
+  useEffect(() => {
+    client.setInteractionV1Enabled(ctx.interactionV1Enabled);
+  }, [client, ctx.interactionV1Enabled]);
+
+  const [version, setVersion] = useState(0);
+  useEffect(() => {
+    return sharedInteractionStore.subscribe(() => setVersion((v) => v + 1));
+  }, []);
+
+  const pending = useMemo<readonly Interaction[]>(() => {
+    void version;
+    return ctx.currentSessionId
+      ? sharedInteractionStore
+          .listAll(ctx.currentSessionId)
+          .filter(
+            (interaction) => interaction.status === 'pending' || interaction.status === 'resolving',
+          )
+      : [];
+  }, [version, ctx.currentSessionId]);
+
+  const records = useMemo<readonly Interaction[]>(() => {
+    void version;
+    return ctx.currentSessionId
+      ? sharedInteractionStore.listAll(ctx.currentSessionId)
+      : [];
+  }, [version, ctx.currentSessionId]);
+
+  const respond = useCallback(
+    (input: {
+      interactionId: string;
+      expectedRevision: number;
+      action: InteractionAction;
+      response: Record<string, unknown>;
+      idempotencyKey: string;
+    }): Promise<InteractionReceipt> => client.respond(input),
+    [client],
+  );
+
+  return {
+    client,
+    pending,
+    records,
+    respond,
+    localCatalog: ksadkA2uiCatalog,
+  };
+}
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index fd9ebfc..521aa8f 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -21,6 +21,7 @@ import type { ApiFacade } from '../core/api/types.js';
 import { dispatchRunEventToStores } from '../core/run/dispatcher.js';
 import { parseSseChunk, splitSseBuffer } from '../core/transport/sse-parser.js';
 import { createSessionEventCursor } from '../utils/session-event-history.js';
+import { ingestSessionEventRecord } from '../core/interaction/index.js';
 
 const RESTORE_RECONNECT_DELAY_MS = 500;
 const SESSION_LIST_PAGE_SIZE = 30;
@@ -398,6 +399,19 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
         void loadFeedbackForMessages(agentIdRef.current, sessionId, history);
         const lastSeqId = messagesData.LatestSeqId || 0;
 
+        // Replay recent durable SessionEvents to restore pending
+        // Interaction/v1 records (refresh / replay never re-submits).
+        try {
+          const eventsData = await api.listSessionEvents(sessionId, { limit: 50 });
+          if (isStillCurrentSession()) {
+            for (const record of (eventsData.Events || []) as unknown[]) {
+              ingestSessionEventRecord(record, sessionId);
+            }
+          }
+        } catch (error) {
+          console.warn('[SessionLifecycle] interaction history replay failed:', error);
+        }
+
         const runtimeCapabilities = useBootstrapStore.getState().capabilities || uiCapabilities;
         if (runtimeCapabilities.RunLifecycle.Enabled && runtimeCapabilities.RunLifecycle.Checkpoints) {
           void api.listSessionCheckpoints({
diff --git a/src/public/runtime.ts b/src/public/runtime.ts
index cea20af..b7dc8b9 100644
--- a/src/public/runtime.ts
+++ b/src/public/runtime.ts
@@ -29,3 +29,23 @@ export {
   SessionEventCursor,
   createSessionEventCursor,
 } from '../utils/session-event-history.js';
+export { InteractionClientImpl, InteractionStore } from '../core/interaction/index.js';
+export type {
+  Interaction,
+  InteractionAction,
+  InteractionClient,
+  InteractionEvent,
+  InteractionReceipt,
+  InteractionStatus,
+  InteractionSubmitInput,
+} from '../core/interaction/index.js';
+export {
+  interactionFromSessionEvent,
+  interactionFromResponsesApproval,
+  interactionFromAguiInterrupt,
+  interactionIdempotencyKey,
+} from '../core/interaction/index.js';
+export {
+  A2UI_WIRE_VERSION,
+  validateA2uiPresentation,
+} from '../core/interaction/index.js';
diff --git a/src/types/capabilities.ts b/src/types/capabilities.ts
index bcfa560..ce9667c 100644
--- a/src/types/capabilities.ts
+++ b/src/types/capabilities.ts
@@ -58,6 +58,8 @@ export type UiCapabilities = {
   };
   WorkspaceFiles?: boolean;
   BuiltinTools: BuiltinToolCapability[];
+  /** agent-kernel/v1 Interaction capability (bootstrap `interaction_v1`). */
+  InteractionV1?: boolean;
 };
 
 // agent-kernel/v1 runtime capability matrix, exposed alongside the legacy
diff --git a/src/utils/capabilities.js b/src/utils/capabilities.js
index 10f1910..61fa1aa 100644
--- a/src/utils/capabilities.js
+++ b/src/utils/capabilities.js
@@ -137,9 +137,16 @@ export function normalizeCapabilities(bootstrap) {
   );
   const nativeTerminalEnabled = normalizeEnabled(nativeTerminal.Enabled, defaultNativeTerminal);
   const runLifecycleEnabled = normalizeEnabled(runLifecycle.Enabled, hostedChatEnabled);
+  const interactionV1 = Boolean(
+    rawCapabilities.interaction_v1?.enabled
+    ?? rawCapabilities.Interaction?.V1
+    ?? rawCapabilities.InteractionV1
+    ?? false,
+  );
 
   return {
     ...rawCapabilities,
+    InteractionV1: interactionV1,
     HostedChat: {
       Enabled: hostedChatEnabled,
       ApiFormats: normalizeApiFormats(hostedChat.ApiFormats || apiFormats),

From e8fddf74ba7ec48b34b57004ee0a6f21d32c7260 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 19 Aug 2026 19:57:53 +0800
Subject: [PATCH 21/61] fix(web): treat receipts as accepted not resolved

SubmitInteraction receipts only prove the command entered the durable
Inbox; they are not terminal facts. The UI now stays resolving after an
accepted/duplicate receipt and only a interaction.resolved/cancelled/
expired SessionEvent (dispatcher or replay) closes a record. Definitive
receipt rejections (e.g. first-wins interaction_already_resolved) mark
the submit failed with the server error instead of silently reverting;
queue_full reverts to pending for retry; replay converges a resolving
record when the event stream already carries the terminal fact.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 e2e/interaction.spec.ts                    |  41 ++++++-
 src/__tests__/interaction-client.test.ts   | 126 ++++++++++++++++++++-
 src/__tests__/interaction-replay.test.ts   |  52 +++++++++
 src/components/chat/InteractionTray.tsx    |  34 ++++++
 src/core/interaction/adapters/normalize.ts |   1 +
 src/core/interaction/client.ts             |  39 +++++--
 src/core/interaction/store.ts              | Bin 5686 -> 7226 bytes
 src/core/interaction/types.ts              |   2 +
 src/hooks/useInteractions.ts               |   5 +-
 9 files changed, 286 insertions(+), 14 deletions(-)

diff --git a/e2e/interaction.spec.ts b/e2e/interaction.spec.ts
index aec7178..d136a32 100644
--- a/e2e/interaction.spec.ts
+++ b/e2e/interaction.spec.ts
@@ -234,10 +234,16 @@ test('approve sends exactly one SubmitInteraction and replay never resubmits', a
     IdempotencyKey: 'interaction:int-1:revision-1',
   });
   expect(state.submits[0].Response).toMatchObject({ approved: true });
-  await expect(tray).toHaveCount(0);
 
-  // Replay after resolution: history shows a read-only anchor, no second
-  // request ever leaves the client.
+  // The accepted receipt only proves the command entered the durable
+  // Inbox — the UI stays "resolving" until the authoritative
+  // interaction.resolved SessionEvent arrives.
+  await expect(tray).toHaveAttribute('data-interaction-status', 'resolving');
+  await expect(page.getByText('正在提交，请稍候…')).toBeVisible();
+
+  // Replay after resolution (terminal fact carried by the SessionEvent
+  // stream): history shows a read-only anchor, no second request ever
+  // leaves the client.
   state.events = () => [requestedEvent(), resolvedEvent('int-1', 'approved')];
   state.history = historyWithApproval('approved');
   await page.reload();
@@ -250,17 +256,20 @@ test('approve sends exactly one SubmitInteraction and replay never resubmits', a
   expect(state.submits).toHaveLength(1);
 });
 
-test('reject routes through the same single submit path', async ({ page }) => {
+test('reject stays resolving after the receipt and resolves on the terminal event', async ({ page }) => {
   const state = {
     submits: [],
     resolvedIds: new Set(),
     sessionCreated: false,
     events: () => [requestedEvent()],
   };
+  state.history = historyWithApproval();
   await installFixture(page, state);
   await createSession(page);
 
   await page.reload();
+  const tray = page.getByTestId('interaction-tray');
+  await expect(tray).toBeVisible();
   await page.getByTestId('interaction-reject').click();
 
   await expect.poll(() => state.submits.length).toBe(1);
@@ -270,6 +279,19 @@ test('reject routes through the same single submit path', async ({ page }) => {
     ExpectedRevision: 1,
   });
   expect(state.submits[0].Response).toMatchObject({ approved: false });
+  // Receipt accepted, terminal state not yet authoritative.
+  await expect(tray).toHaveAttribute('data-interaction-status', 'resolving');
+
+  // Terminal fact arrives via the replayed event stream.
+  state.events = () => [requestedEvent(), resolvedEvent('int-1', 'rejected')];
+  state.history = historyWithApproval('rejected');
+  await page.reload();
+  await expect(page.getByTestId('interaction-history-anchor')).toHaveAttribute(
+    'data-interaction-status',
+    'resolved',
+  );
+  await expect(tray).toHaveCount(0);
+  expect(state.submits).toHaveLength(1);
 });
 
 test('structured form submits the full response payload', async ({ page }) => {
@@ -340,12 +362,23 @@ test('two tabs: first-wins receipt, second tab never duplicates the decision', a
   await tabA.getByTestId('interaction-approve').click();
   await expect.poll(() => state.submits.length).toBe(1);
   expect(state.submits[0].Action).toBe('approve');
+  // First tab: accepted receipt keeps the tray resolving.
+  await expect(tabA.getByTestId('interaction-tray')).toHaveAttribute(
+    'data-interaction-status',
+    'resolving',
+  );
 
   // Second tab submits the same revision: the server is the authority and
   // returns the first-wins rejection receipt.
   await tabB.getByTestId('interaction-reject').click();
   await expect.poll(() => state.submits.length).toBe(2);
   expect(state.resolvedIds.has('int-1')).toBe(true);
+  // The rejected receipt is a failed submit — the second tab must show
+  // the failure, never a resolved/cancelled state.
+  const trayB = tabB.getByTestId('interaction-tray');
+  await expect(trayB).toHaveAttribute('data-interaction-status', 'failed');
+  await expect(tabB.getByTestId('interaction-tray-error')).toBeVisible();
+  await expect(tabB.getByText(/interaction_already_resolved/)).toBeVisible();
 
   // After replaying the authoritative terminal fact, no third request can
   // be produced even by clicking again.
diff --git a/src/__tests__/interaction-client.test.ts b/src/__tests__/interaction-client.test.ts
index ae4148a..338b908 100644
--- a/src/__tests__/interaction-client.test.ts
+++ b/src/__tests__/interaction-client.test.ts
@@ -203,7 +203,7 @@ describe('single submit path', () => {
     expect(second.status).toBe('duplicate');
   });
 
-  it('treats a first-wins rejection from another tab as authoritative', async () => {
+  it('treats a first-wins rejection from another tab as a failed submit with the server error', async () => {
     const submitInteraction = vi.fn().mockResolvedValue(
       okReceipt({
         status: 'rejected',
@@ -229,7 +229,129 @@ describe('single submit path', () => {
     });
 
     expect(receipt.status).toBe('rejected');
-    expect(client.listPending('session-1')).toHaveLength(1);
+    const record = client.store.get('session-1', 'int-1')!;
+    expect(record.status).toBe('failed');
+    const error = record.extensions.submit_error as { code: string; message: string };
+    expect(error.code).toBe('interaction_already_resolved');
+    expect(error.message).toBe('first-wins');
+  });
+});
+
+describe('receipts are not terminal facts', () => {
+  it('keeps the record resolving after an accepted receipt; only the SessionEvent resolves it', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    const receipt = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(receipt.status).toBe('accepted');
+    // Receipt proves the command entered the durable Inbox — not a
+    // terminal state. The UI keeps showing "resolving".
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolving');
+
+    // The authoritative terminal fact is the SessionEvent.
+    client.ingest(
+      interactionFromSessionEvent({
+        ...FIXTURES.interactionV1,
+        event_type: 'interaction.resolved',
+        payload: {
+          interaction_id: 'int-1',
+          outcome: 'approved',
+          actor: 'user',
+          resolved_at: '2026-08-19T00:01:00Z',
+        },
+      })!,
+    );
+    const resolved = client.store.get('session-1', 'int-1')!;
+    expect(resolved.status).toBe('resolved');
+    expect(resolved.outcome).toBe('approved');
+  });
+
+  it('never resolves to cancelled off a duplicate receipt either', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(
+      okReceipt({ status: 'duplicate' }),
+    );
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'cancel',
+      response: {},
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolving');
+  });
+
+  it('a second respond while the record is resolving is a local duplicate', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+
+    const second = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+    expect(second.status).toBe('duplicate');
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolving');
+  });
+
+  it('reverts a retryable queue_full receipt to pending', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(
+      okReceipt({
+        status: 'queue_full',
+        error: {
+          code: 'queue_full',
+          message: 'inbox queue is full',
+          retryable: true,
+        },
+      }),
+    );
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(FIXTURES.interactionV1)!);
+
+    const receipt = await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+    expect(receipt.status).toBe('queue_full');
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('pending');
   });
 });
 
diff --git a/src/__tests__/interaction-replay.test.ts b/src/__tests__/interaction-replay.test.ts
index 067b3e2..76a10bc 100644
--- a/src/__tests__/interaction-replay.test.ts
+++ b/src/__tests__/interaction-replay.test.ts
@@ -127,6 +127,22 @@ describe('refresh and replay', () => {
       response: { approved: true },
       idempotencyKey: interactionIdempotencyKey('int-1', 1),
     });
+    // Still resolving: a receipt is not a terminal fact.
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolving');
+
+    // Replay of the authoritative terminal fact converges the record.
+    client.ingestHistory([
+      interactionFromSessionEvent({
+        ...REQUESTED_EVENT,
+        event_type: 'interaction.resolved',
+        payload: {
+          interaction_id: 'int-1',
+          outcome: 'approved',
+          actor: 'user-1',
+          resolved_at: '2026-08-19T00:01:00Z',
+        },
+      })!,
+    ]);
 
     const second = await client.respond({
       interactionId: 'int-1',
@@ -143,6 +159,42 @@ describe('refresh and replay', () => {
     expect(record).toHaveLength(0);
   });
 
+  it('a resolving record converges to resolved when replay contains the terminal event', async () => {
+    const submitInteraction = vi.fn().mockResolvedValue(okReceipt());
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction,
+    });
+    client.ingest(interactionFromSessionEvent(REQUESTED_EVENT)!);
+    await client.respond({
+      interactionId: 'int-1',
+      expectedRevision: 1,
+      action: 'approve',
+      response: { approved: true },
+      idempotencyKey: interactionIdempotencyKey('int-1', 1),
+    });
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolving');
+
+    // Disconnect/replay: the event stream already carries the terminal
+    // fact — the resolving record must converge immediately.
+    client.ingestHistory([
+      interactionFromSessionEvent(REQUESTED_EVENT)!,
+      interactionFromSessionEvent({
+        ...REQUESTED_EVENT,
+        event_type: 'interaction.resolved',
+        payload: {
+          interaction_id: 'int-1',
+          outcome: 'approved',
+          actor: 'user-1',
+          resolved_at: '2026-08-19T00:01:00Z',
+        },
+      })!,
+    ]);
+    expect(client.store.get('session-1', 'int-1')!.status).toBe('resolved');
+    expect(client.listPending('session-1')).toHaveLength(0);
+    expect(submitInteraction).toHaveBeenCalledTimes(1);
+  });
+
   it('expires pending interactions on replay of expiry events', () => {
     const submitInteraction = vi.fn();
     const client = new InteractionClientImpl({
diff --git a/src/components/chat/InteractionTray.tsx b/src/components/chat/InteractionTray.tsx
index eeb25bc..0865e51 100644
--- a/src/components/chat/InteractionTray.tsx
+++ b/src/components/chat/InteractionTray.tsx
@@ -50,6 +50,31 @@ function isExpired(interaction: Interaction): boolean {
   return Number.isFinite(expiry) && expiry <= Date.now();
 }
 
+/**
+ * A definitive submit rejection (e.g. first-wins interaction_already_resolved
+ * from another tab). The receipt never carries a terminal Interaction fact —
+ * only the SessionEvent does — so this is shown as a failed submit, never
+ * as resolved/cancelled.
+ */
+function readSubmitError(
+  interaction: Interaction,
+): { code: string; message: string; retryable: boolean } | null {
+  const error = interaction.extensions.submit_error;
+  if (
+    typeof error === 'object'
+    && error !== null
+    && 'code' in error
+    && 'message' in error
+  ) {
+    return {
+      code: String(error.code),
+      message: String(error.message),
+      retryable: Boolean(error.retryable),
+    };
+  }
+  return null;
+}
+
 const OUTCOME_LABEL: Record<string, string> = {
   approved: '已同意',
   rejected: '已拒绝',
@@ -72,6 +97,7 @@ export function InteractionTray({
   if (!active) return null;
 
   const expired = isExpired(active);
+  const submitError = readSubmitError(active);
   const disabled = expired || active.status === 'resolving';
   const presentationMode = validateA2uiPresentation(
     active.presentation?.a2ui,
@@ -111,6 +137,7 @@ export function InteractionTray({
   return (
     <div
       data-testid="interaction-tray"
+      data-interaction-status={active.status}
       data-interaction-count={interactions.length}
       className="mx-auto mb-2 w-full max-w-3xl px-6"
     >
@@ -163,6 +190,13 @@ export function InteractionTray({
           </p>
         ) : null}
 
+        {submitError ? (
+          <p className="mt-2 text-xs font-medium text-rose-600 dark:text-rose-400" data-testid="interaction-tray-error">
+            提交失败（{submitError.code}）：{submitError.message}
+            {submitError.retryable ? '，可重试。' : ''}
+          </p>
+        ) : null}
+
         {mode === 'a2ui' && active.presentation?.a2ui ? (
           <InteractionA2uiSurface
             a2ui={active.presentation.a2ui}
diff --git a/src/core/interaction/adapters/normalize.ts b/src/core/interaction/adapters/normalize.ts
index 1f766fc..52b01d1 100644
--- a/src/core/interaction/adapters/normalize.ts
+++ b/src/core/interaction/adapters/normalize.ts
@@ -43,6 +43,7 @@ const VALID_KINDS: ReadonlySet<string> = new Set([
 const VALID_STATUSES: ReadonlySet<string> = new Set([
   'pending',
   'resolving',
+  'failed',
   'resolved',
   'cancelled',
   'expired',
diff --git a/src/core/interaction/client.ts b/src/core/interaction/client.ts
index 0ce7a5b..3f8b730 100644
--- a/src/core/interaction/client.ts
+++ b/src/core/interaction/client.ts
@@ -141,12 +141,20 @@ export class InteractionClientImpl implements InteractionClient {
       return syntheticReceipt('rejected', input.interactionId);
     }
 
-    // Terminal (resolved by event or a prior first-wins submit): no
-    // second request leaves the client.
+    // Terminal (resolved by an authoritative SessionEvent): no second
+    // request leaves the client. `resolving` and `failed` stay
+    // submittable — a receipt is never a terminal fact.
     if (record.status === 'resolved' || record.status === 'cancelled' || record.status === 'expired') {
       return syntheticReceipt('duplicate', input.interactionId);
     }
 
+    // A previous submit's receipt was accepted but its terminal
+    // SessionEvent has not arrived yet: treat as duplicate rather than
+    // issuing a competing second decision.
+    if (record.status === 'resolving') {
+      return syntheticReceipt('duplicate', input.interactionId);
+    }
+
     const idempotencyKey = input.idempotencyKey
       || interactionIdempotencyKey(input.interactionId, input.expectedRevision);
 
@@ -203,12 +211,29 @@ export class InteractionClientImpl implements InteractionClient {
       const receipt = decodeReceipt(raw);
 
       if (receipt.status === 'accepted' || receipt.status === 'duplicate') {
-        this.resolveLocal(record, input, idempotencyKey);
-      } else {
-        // Rejected (e.g. interaction_already_resolved from a first-wins
-        // other tab), unsupported, or uncertain: revert to pending and
-        // let the SessionEvent stream deliver the authoritative state.
+        // The receipt only proves the command entered the durable Inbox —
+        // it is NOT a terminal fact. Keep `resolving` until the
+        // authoritative interaction.resolved/cancelled/expired
+        // SessionEvent arrives via the dispatcher or replay. Record the
+        // idempotency key for replay correlation.
+        this.store.recordIdempotencyKey(
+          record.sessionId,
+          input.interactionId,
+          idempotencyKey,
+        );
+      } else if (receipt.status === 'queue_full') {
+        // Transient: back to pending so the user can retry.
         this.store.revertToPending(record.sessionId, input.interactionId);
+      } else {
+        // Definitive rejection (e.g. interaction_already_resolved from a
+        // first-wins other tab), unsupported, or uncertain: surface the
+        // failure. The SessionEvent stream remains the only source of a
+        // terminal state.
+        this.store.markFailed(record.sessionId, input.interactionId, {
+          code: receipt.error?.code ?? String(receipt.status),
+          message: receipt.error?.message ?? `提交未通过（${receipt.status}）`,
+          retryable: receipt.error?.retryable ?? false,
+        });
       }
       return receipt;
     } finally {
diff --git a/src/core/interaction/store.ts b/src/core/interaction/store.ts
index 7fb2f31374a8b6e4f2d36cd5aeae7a233bb4c58c..4aead668e5d1952487d1f85c4c45ba811f6ea79a 100644
GIT binary patch
delta 748
zcmaKq&ubGw6vq!Dk_M`2ilA6{MQNI_-5_2<Y{23V@W;)IJ;llH%kG%jnPuiB?NX|D
z!PERBLP5cU{sZE_q;IovQ!nmim^ZWE@8^Brd<nh{KA$x2;i+^abrL!fG<Pr>ji6)E
z8MWYQ2ln=0*WYj4^q-nLANqYb(jfK0RLLYIaPvtf38Vv!3$zepW(Z@L6d*tweL!e4
zsfB{6hzRy6#SK_~tYk4lnG@uKQoanz=!7*YZ*;tmgi=L!2s6aItUsxsV6I6j_(x34
zDK%Dd4|0J}+rCEUq|r|os0oC%eCU5QW)~;T<7?w1A`zt^xFZJ7nOsK&n-xHY`Rfo$
zQe$J-x0owY0B<ZRb~3sfLa)y)RX3imWnN<8ciY{oL8<4zZ{P7hHXnJ>dVGkd>{CLy
zA)G-NhV=y2C&6W+F)NfA6maebTgvC#o#TG52d}DpAQN`RxT{$R$5~6oLl9Grfe&Jw
zN-dYU{Egh=JB&*H6@Dr4Z26aedt-2j)*4&VMJC1}II{c{9zw=pisVwkBH2Pr6qhE(
zDC8v1eWUfp|K7aizqTLvkFDGO{q@F+il`H;hQDs~e-Ts-jaM+sWu1Wkxz)Q{`<MBb
TZz%wUiQpmD4PI=tgDZakZs-OR

delta 42
ycmdmGu}x<~Irrv2Jdx~^k4mVCr0S*XDHNv`m8BLb6s2aRCYPk9Z03{HVFmzT5f2&w

diff --git a/src/core/interaction/types.ts b/src/core/interaction/types.ts
index 5f7b1f6..af959ff 100644
--- a/src/core/interaction/types.ts
+++ b/src/core/interaction/types.ts
@@ -13,6 +13,7 @@ import type { AgentControlReceipt } from '../../types/agent-control.js';
 export type InteractionStatus =
   | 'pending'
   | 'resolving'
+  | 'failed'
   | 'resolved'
   | 'cancelled'
   | 'expired';
@@ -100,6 +101,7 @@ export interface InteractionClient {
   respond(input: InteractionSubmitInput): Promise<InteractionReceipt>;
 }
 
+/** Statuses that may only be set by an authoritative terminal SessionEvent. */
 export const TERMINAL_INTERACTION_STATUSES: ReadonlySet<InteractionStatus> =
   new Set(['resolved', 'cancelled', 'expired']);
 
diff --git a/src/hooks/useInteractions.ts b/src/hooks/useInteractions.ts
index 9ec0747..ec95c9d 100644
--- a/src/hooks/useInteractions.ts
+++ b/src/hooks/useInteractions.ts
@@ -65,7 +65,10 @@ export function useInteractions(ctx: UseInteractionsContext) {
       ? sharedInteractionStore
           .listAll(ctx.currentSessionId)
           .filter(
-            (interaction) => interaction.status === 'pending' || interaction.status === 'resolving',
+            (interaction) =>
+              interaction.status === 'pending'
+              || interaction.status === 'resolving'
+              || interaction.status === 'failed',
           )
       : [];
   }, [version, ctx.currentSessionId]);

From 7c523f02f86f7e5c4ee311e5abaaa4f794f57e00 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Wed, 19 Aug 2026 21:35:15 +0800
Subject: [PATCH 22/61] feat(web): queue tray and resolved anchors

- InteractionHistoryAnchor: expandable read-only resolved snapshot
  (actor_ref, resolved_at, request_schema top-level key summary) via
  native details/summary; no editable controls
- InteractionStore: terminal merge preserves the requested snapshot
  fields (title/kind/message/request_schema/presentation) so history
  anchors render after resolution
- App: legacy 0.3.1 fallback callbacks route through refs (they are
  captured once by useInteractions' useState initializer and previously
  pinned the first render's engine closures, breaking AG-UI resume)
- e2e: agui fixture declares non-resumable RunLifecycle (direct stream);
  assertions updated to the unified tray/anchor semantics; new specs for
  multi-pending queueing, tray-never-obscures-composer layout, and
  resolved snapshot expansion

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 e2e/agui.spec.mjs                             |  19 ++-
 e2e/interaction.spec.ts                       | 134 ++++++++++++++++++
 src/App.tsx                                   |  15 +-
 src/__tests__/interaction-replay.test.ts      |  51 +++++++
 src/__tests__/interaction-tray.test.ts        |  12 ++
 .../chat/InteractionHistoryAnchor.tsx         |  58 ++++++--
 src/core/interaction/store.ts                 | Bin 7226 -> 7824 bytes
 7 files changed, 275 insertions(+), 14 deletions(-)

diff --git a/e2e/agui.spec.mjs b/e2e/agui.spec.mjs
index 2e01d28..82792ff 100644
--- a/e2e/agui.spec.mjs
+++ b/e2e/agui.spec.mjs
@@ -45,7 +45,10 @@ function bootstrap() {
       Approval: true,
       Thinking: true,
       StopRun: true,
-      ResumeRun: true,
+      ResumeRun: false,
+      // The direct AG-UI HTTP stream is browser-attached: it is only
+      // selected when the agent does not require resumable runs.
+      RunLifecycle: { Enabled: false },
     },
     HostedChat: {
       PreferredTransport: 'ag-ui',
@@ -187,7 +190,14 @@ test('projects AG-UI activity, resumes approval, and replays terminal state', as
   await composer.press('Enter');
 
   await expect(page.getByText('E2E 状态卡')).toBeVisible();
-  await expect(page.locator('summary').filter({ hasText: '等待审批' })).toBeVisible();
+  // 0.3.2: the AG-UI interrupt is normalized into one durable
+  // Interaction — the tray carries the decision UI, the history anchor
+  // is read-only.
+  await expect(page.getByTestId('interaction-tray')).toBeVisible();
+  await expect(page.getByTestId('interaction-history-anchor')).toHaveAttribute(
+    'data-interaction-status',
+    'pending',
+  );
   await expect(page.getByRole('button', { name: '批准并继续' })).toBeVisible();
   await page.getByRole('button', { name: '批准并继续' }).click();
 
@@ -200,7 +210,10 @@ test('projects AG-UI activity, resumes approval, and replays terminal state', as
     },
   ]);
   await expect(page.getByText('审批已完成。')).toBeVisible();
-  await expect(page.locator('summary').filter({ hasText: '已批准' })).toBeVisible();
+  await expect(page.getByTestId('interaction-history-anchor')).toHaveAttribute(
+    'data-interaction-status',
+    'resolved',
+  );
 
   fixture.approved = true;
   await page.reload();
diff --git a/e2e/interaction.spec.ts b/e2e/interaction.spec.ts
index d136a32..dde6c5a 100644
--- a/e2e/interaction.spec.ts
+++ b/e2e/interaction.spec.ts
@@ -463,3 +463,137 @@ test('servers without interaction_v1 keep the 0.3.1 Responses approval behavior'
   await expect(page.getByTestId('interaction-tray')).toHaveCount(0);
   expect(state.submits).toHaveLength(0);
 });
+
+test('multiple pending interactions queue in one tray with count badge and switching', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [
+      requestedEvent({ interactionId: 'int-q1', title: '删除文件', message: '确认删除 demo.txt？' }),
+      requestedEvent({ interactionId: 'int-q2', title: '执行命令', message: '确认执行 rm -rf /tmp/cache？' }),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+  await page.reload();
+
+  // One tray, one expanded form at a time — never stacked large forms.
+  const trays = page.getByTestId('interaction-tray');
+  await expect(trays).toHaveCount(1);
+  await expect(trays).toHaveAttribute('data-interaction-count', '2');
+  await expect(page.getByTestId('interaction-tray-count')).toHaveText('1/2');
+  await expect(page.getByTestId('interaction-tray-title')).toHaveText('删除文件');
+  // Only the current item's action buttons are rendered.
+  await expect(page.getByTestId('interaction-approve')).toHaveCount(1);
+
+  // Switch to the second item.
+  await page.getByTestId('interaction-tray-next').click();
+  await expect(page.getByTestId('interaction-tray-count')).toHaveText('2/2');
+  await expect(page.getByTestId('interaction-tray-title')).toHaveText('执行命令');
+  await expect(page.getByTestId('interaction-tray-prev')).toBeEnabled();
+  await expect(page.getByTestId('interaction-tray-next')).toBeDisabled();
+});
+
+test('the confirmation tray never obscures the composer', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: () => [
+      requestedEvent({
+        interactionId: 'int-q1',
+        title: '删除文件',
+        message: '确认删除 demo.txt？',
+        requestSchema: {
+          type: 'object',
+          properties: { path: { type: 'string' } },
+          required: ['path'],
+        },
+      }),
+      requestedEvent({
+        interactionId: 'int-q2',
+        title: '执行命令',
+        message: '确认执行 deploy.sh？',
+        requestSchema: {
+          type: 'object',
+          properties: { env: { type: 'string' } },
+        },
+      }),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+  await page.reload();
+
+  const tray = page.getByTestId('interaction-tray');
+  await expect(tray).toBeVisible();
+  const composer = page.getByPlaceholder('发送消息…');
+  await expect(composer).toBeVisible();
+
+  const trayBox = await tray.boundingBox();
+  const composerBox = await composer.boundingBox();
+  expect(trayBox).not.toBeNull();
+  expect(composerBox).not.toBeNull();
+  // Layout invariant: the tray sits strictly above the composer — no
+  // overlap, and the composer stays fully visible and clickable.
+  expect(trayBox.y + trayBox.height).toBeLessThanOrEqual(composerBox.y + 1);
+});
+
+test('resolved anchor expands a read-only snapshot with actor, time, and schema keys', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    history: [
+      {
+        MessageId: 'assistant-snap',
+        Role: 'assistant',
+        Content: { text: '需要部署确认。' },
+        ToolEvents: [
+          {
+            Name: 'deploy',
+            Args: { env: 'pre-online' },
+            Status: 'approved',
+            ApprovalRequestId: 'int-snap',
+            Protocol: 'responses',
+          },
+        ],
+      },
+    ],
+    events: () => [
+      requestedEvent({
+        interactionId: 'int-snap',
+        kind: 'structured_input',
+        title: '部署确认',
+        requestSchema: {
+          type: 'object',
+          properties: {
+            deploy_target: { type: 'string' },
+            note: { type: 'string' },
+          },
+          required: ['deploy_target'],
+        },
+      }),
+      resolvedEvent('int-snap', 'submitted'),
+    ],
+  };
+  await installFixture(page, state);
+  await createSession(page);
+  await page.reload();
+
+  const anchor = page.getByTestId('interaction-history-anchor');
+  await expect(anchor).toBeVisible();
+  await expect(anchor).toHaveAttribute('data-interaction-status', 'resolved');
+
+  // Expand the snapshot.
+  await page.getByTestId('interaction-history-detail').locator('summary').click();
+  const snapshot = page.getByTestId('interaction-history-snapshot');
+  await expect(snapshot).toBeVisible();
+  await expect(page.getByTestId('interaction-history-actor-ref')).toHaveText('user');
+  await expect(page.getByTestId('interaction-history-schema-keys')).toHaveText('deploy_target、note');
+
+  // Read-only: no editable controls inside the anchor.
+  const editable = await anchor.locator('input, textarea, select, form, button').count();
+  expect(editable).toBe(0);
+});
diff --git a/src/App.tsx b/src/App.tsx
index b2be671..7362f55 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -162,6 +162,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     onRunSettled: refreshSettledRun,
   });
 
+
   useEffect(() => {
     disconnectRunRef.current = disconnectRun;
   }, [disconnectRun]);
@@ -206,6 +207,16 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     api,
     submitDraft,
   });
+  // The 0.3.1 fallback callbacks are captured once inside useInteractions'
+  // useState initializer; route them through refs so they always invoke the
+  // latest engine/approval closures instead of the first render's.
+  const respondToApprovalRef = useRef(respondToApproval);
+  const respondToAguiApprovalRef = useRef(respondToAguiApproval);
+  useEffect(() => {
+    respondToApprovalRef.current = respondToApproval;
+    respondToAguiApprovalRef.current = respondToAguiApproval;
+  }, [respondToApproval, respondToAguiApproval]);
+
 
   const {
     pending: pendingInteractions,
@@ -219,10 +230,10 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     api,
     interactionV1Enabled: Boolean(uiCapabilities.InteractionV1),
     legacyResponsesApproval: (approvalRequestId, approve) => {
-      respondToApproval({ approvalRequestId, approve });
+      respondToApprovalRef.current({ approvalRequestId, approve });
     },
     legacyAguiResume: (interruptId, status, payload) => {
-      const engineAccepted = respondToAguiApproval({
+      const engineAccepted = respondToAguiApprovalRef.current({
         interruptId,
         approve: status === 'resolved',
       });
diff --git a/src/__tests__/interaction-replay.test.ts b/src/__tests__/interaction-replay.test.ts
index 76a10bc..bc43759 100644
--- a/src/__tests__/interaction-replay.test.ts
+++ b/src/__tests__/interaction-replay.test.ts
@@ -195,6 +195,57 @@ describe('refresh and replay', () => {
     expect(submitInteraction).toHaveBeenCalledTimes(1);
   });
 
+  it('a resolved record keeps the requested snapshot fields (title, kind, request_schema)', () => {
+    const client = new InteractionClientImpl({
+      agentId: 'agent-1',
+      submitInteraction: vi.fn(),
+    });
+    client.ingestHistory([
+      interactionFromSessionEvent({
+        ...REQUESTED_EVENT,
+        payload: {
+          interaction: {
+            ...REQUESTED_EVENT.payload.interaction,
+            title: '部署确认',
+            message: '请选择部署目标',
+            request_schema: {
+              type: 'object',
+              properties: { deploy_target: { type: 'string' } },
+            },
+          },
+        },
+      })!,
+    ]);
+    const resolved = interactionFromSessionEvent({
+      ...REQUESTED_EVENT,
+      event_type: 'interaction.resolved',
+      event_id: 'evt-2',
+      payload: {
+        interaction_id: 'int-1',
+        outcome: 'submitted',
+        actor: 'user',
+        resolved_at: '2026-08-19T00:01:00Z',
+      },
+    });
+
+    const seen: unknown[] = [];
+    client.subscribe((event) => {
+      if (event.type === 'interaction_resolved') seen.push(event.interaction);
+    });
+    client.ingestHistory([resolved!]);
+    const record = seen[0] as (typeof seen)[0] & {
+      title: string;
+      requestSchema: Record<string, unknown> | null;
+    };
+    expect(record).toBeDefined();
+    expect(record.status).toBe('resolved');
+    expect(record.title).toBe('部署确认');
+    expect(record.requestSchema).toEqual({
+      type: 'object',
+      properties: { deploy_target: { type: 'string' } },
+    });
+  });
+
   it('expires pending interactions on replay of expiry events', () => {
     const submitInteraction = vi.fn();
     const client = new InteractionClientImpl({
diff --git a/src/__tests__/interaction-tray.test.ts b/src/__tests__/interaction-tray.test.ts
index a9d73f1..fba761c 100644
--- a/src/__tests__/interaction-tray.test.ts
+++ b/src/__tests__/interaction-tray.test.ts
@@ -46,6 +46,18 @@ describe('InteractionTray contract', () => {
     expect(source).toContain('data-testid="interaction-tray-next"');
   });
 
+  it('resolved anchors expand into a read-only snapshot with schema summary', () => {
+    const source = readSource('components/chat/InteractionHistoryAnchor.tsx');
+    expect(source).toContain("interaction.actor");
+    expect(source).toContain('interaction-history-detail');
+    expect(source).toContain('requestSchemaKeys');
+    // The snapshot is never editable: no inputs, no form, no buttons.
+    expect(source).not.toContain('<input');
+    expect(source).not.toContain('<form');
+    expect(source).not.toContain('<textarea');
+    expect(source).not.toContain('<button');
+  });
+
   it('history anchors are read-only: no buttons, retain actor/time/outcome/summary', () => {
     const source = readSource('components/chat/InteractionHistoryAnchor.tsx');
     expect(source).not.toContain('<button');
diff --git a/src/components/chat/InteractionHistoryAnchor.tsx b/src/components/chat/InteractionHistoryAnchor.tsx
index bcc762d..21cca10 100644
--- a/src/components/chat/InteractionHistoryAnchor.tsx
+++ b/src/components/chat/InteractionHistoryAnchor.tsx
@@ -8,17 +8,31 @@ function formatTime(value: string | null): string {
   return new Date(parsed).toLocaleString();
 }
 
+/**
+ * Top-level keys of the interaction's request_schema, shown as a short
+ * read-only summary of what was asked. Never renders raw values.
+ */
+function requestSchemaKeys(
+  schema: Record<string, unknown> | null,
+): string[] {
+  const props = schema?.properties;
+  if (typeof props !== 'object' || props === null) return [];
+  return Object.keys(props as Record<string, unknown>);
+}
+
 /**
  * Read-only anchor for a resolved interaction in chat history.
  * Replaces historical interactive buttons: it retains the actor,
- * decision time, outcome, and a redacted response summary — nothing
- * clickable.
+ * decision time, outcome, and a redacted response summary, and expands
+ * into a fixed read-only snapshot (native details/summary — no buttons,
+ * no inputs, nothing editable).
  */
 export function InteractionHistoryAnchor({ interaction }: { interaction: Interaction }) {
   const terminal =
     interaction.status === 'resolved'
     || interaction.status === 'cancelled'
     || interaction.status === 'expired';
+  const schemaKeys = requestSchemaKeys(interaction.requestSchema);
 
   return (
     <div
@@ -32,13 +46,39 @@ export function InteractionHistoryAnchor({ interaction }: { interaction: Interac
         <InteractionOutcomeLabel outcome={interaction.outcome || interaction.status} />
       </div>
       {terminal ? (
-        <div className="mt-1 leading-relaxed">
-          {interaction.actor ? <span>操作人：{interaction.actor} · </span> : null}
-          {interaction.resolvedAt ? <span>决定时间：{formatTime(interaction.resolvedAt)} · </span> : null}
-          <span data-testid="interaction-history-response-summary">
-            {interaction.responseSummary || '响应内容已脱敏'}
-          </span>
-        </div>
+        <>
+          <div className="mt-1 leading-relaxed">
+            {interaction.actor ? <span>操作人：{interaction.actor} · </span> : null}
+            {interaction.resolvedAt ? <span>决定时间：{formatTime(interaction.resolvedAt)} · </span> : null}
+            <span data-testid="interaction-history-response-summary">
+              {interaction.responseSummary || '响应内容已脱敏'}
+            </span>
+          </div>
+          <details data-testid="interaction-history-detail" className="mt-1">
+            <summary className="cursor-pointer select-none text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200">
+              查看确认快照
+            </summary>
+            <div
+              data-testid="interaction-history-snapshot"
+              className="mt-1 rounded border border-slate-200 bg-white px-2 py-1.5 leading-relaxed dark:border-slate-800 dark:bg-slate-950"
+            >
+              <div>
+                操作者：<span data-testid="interaction-history-actor-ref">{interaction.actor || '—'}</span>
+              </div>
+              <div>
+                决定时间：{formatTime(interaction.resolvedAt) || '—'}
+              </div>
+              <div>
+                关键参数：
+                {schemaKeys.length > 0 ? (
+                  <span data-testid="interaction-history-schema-keys">{schemaKeys.join('、')}</span>
+                ) : (
+                  <span>无结构化参数</span>
+                )}
+              </div>
+            </div>
+          </details>
+        </>
       ) : (
         <div className="mt-1">
           状态：{interaction.status === 'pending' ? '待处理（见输入区确认面板）' : '处理中…'}
diff --git a/src/core/interaction/store.ts b/src/core/interaction/store.ts
index 4aead668e5d1952487d1f85c4c45ba811f6ea79a..26625090ad054ccde24b57d1409c4f41c8b217ac 100644
GIT binary patch
delta 601
zcmZ9IF-`+95Jh{WaE2*C3Q3EQP%1jQ&_|X%*&VUAml-D_Ql#Yw6dVMJj;qjd5@wwZ
z>ts9s+5hIx|Gs^{|MZh?K8L3oAt8GTrhz4jPz(=S3<<1ZCKQOF*+J6Z99rtfur@Xc
z{Jwo$!0;)^p;)Fi(H231X{C+{)`X1{xJr~7oWe5&HwDI*4N6)`XKVCkT2fj@(d8!T
zo@=ntBdj_4ygxEkIpzQW6CC)BB#;enb#Dpk1AF93!$hb_QskW)Y#mwjw4f<M=a4g*
z(YTv@=P~*0pOvHE0lq4OLN&{8*zbXY_NGl}(t|i2(%)HF`scZ$*SgW+wRuxvVH%Wk
p-yo09p^RnjvhbhiuvnbrJq#by!8O9l`U_SmpQDbmuhrz|@(<T}(4PPR

delta 12
TcmbPWyUSujF7M{U{Ac+9BhUp(


From 30ec999a33ae61ea76d4db22dbcca849fb59e939 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 04:33:05 +0800
Subject: [PATCH 23/61] chore(web): prepare interaction beta.2 artifact

---
 CHANGELOG.md | 11 +++++++++++
 package.json |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a91b44b..9d888f2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.3.2-beta.2 - 2026-08-20
+
+Rebuilt the immutable beta artifact from the complete Interaction/v1 source.
+This supersedes `0.3.2-beta.1`, whose vendored Hosted UI tarball predated the
+two fixes below.
+
+- Treat a successful `SubmitInteraction` receipt as durable acceptance, not as
+  proof that the framework execution has already completed its resolution.
+- Add the queue tray and read-only historical interaction anchors to the
+  published artifact, rather than leaving them only on the Web source branch.
+
 ## 0.3.2-beta.1 - 2026-08-19
 
 > Unifies durable human-in-the-loop decisions behind one `Interaction/v1`
diff --git a/package.json b/package.json
index 71404be..27eac4e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.1",
+  "version": "0.3.2-beta.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 43582f489cb4e391321dc3e6322c09e2efd35091 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 04:41:29 +0800
Subject: [PATCH 24/61] feat(web): attest interaction release provenance

---
 CHANGELOG.md            | 6 ++++++
 RELEASE_PROVENANCE.json | 7 +++++++
 package.json            | 3 ++-
 3 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 RELEASE_PROVENANCE.json

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9d888f2..b1f4d88 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.2-beta.3 - 2026-08-20
+
+Adds package-internal release provenance. Hosted UI and the preproduction gate
+can verify the resolved tarball's source basis and Interaction/v1 contract
+digest instead of trusting an external evidence label.
+
 ## 0.3.2-beta.2 - 2026-08-20
 
 Rebuilt the immutable beta artifact from the complete Interaction/v1 source.
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
new file mode 100644
index 0000000..3fe91b2
--- /dev/null
+++ b/RELEASE_PROVENANCE.json
@@ -0,0 +1,7 @@
+{
+  "schema_version": 1,
+  "package": "@kingsoftcloud/ksadk-web",
+  "version": "0.3.2-beta.3",
+  "source_commit": "7c523f0",
+  "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
+}
diff --git a/package.json b/package.json
index 27eac4e..ddcacb4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.2",
+  "version": "0.3.2-beta.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -44,6 +44,7 @@
     "dist-ksadk",
     "README.md",
     "CHANGELOG.md",
+    "RELEASE_PROVENANCE.json",
     "LICENSE",
     "package.json"
   ],

From cd1bef0bf1c0fcf7dfa5ce02dfe82cdf69944cc0 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 13:44:41 +0800
Subject: [PATCH 25/61] feat(web): consume agent-kernel run receipts and
 session event stream

RunAgent on a kernel-backed agent returns an AgentControl receipt (JSON)
instead of a Responses SSE stream. Detect the receipt body on the run
stream, then subscribe to SubscribeSessionEvents and translate the raw
kernel frames (runtime v2 item events, interaction v1 events, terminal
control transitions) into legacy SessionEventRecords. The existing
dispatcher paths keep building messages, merging recovered runs, and
ingesting interactions unchanged; reconnects resume from the last
observed kernel seq.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/__tests__/kernel-events.test.ts | 169 +++++++++++++
 src/core/run/engine.ts              | 135 +++++++++-
 src/core/stream/kernel-events.ts    | 365 ++++++++++++++++++++++++++++
 3 files changed, 665 insertions(+), 4 deletions(-)
 create mode 100644 src/__tests__/kernel-events.test.ts
 create mode 100644 src/core/stream/kernel-events.ts

diff --git a/src/__tests__/kernel-events.test.ts b/src/__tests__/kernel-events.test.ts
new file mode 100644
index 0000000..4a33497
--- /dev/null
+++ b/src/__tests__/kernel-events.test.ts
@@ -0,0 +1,169 @@
+import { describe, expect, it } from 'vitest';
+
+import { KernelRunEventTranslator, peekKernelReceipt } from '../core/stream/kernel-events.js';
+
+function itemFrame(
+  seq: number,
+  eventType: string,
+  nativeKind: string,
+  extra: Record<string, unknown> = {},
+) {
+  return {
+    seq,
+    family: 'runtime',
+    family_version: 2,
+    event_type: eventType,
+    run_id: 'run-1',
+    item_id: `item-${seq}`,
+    event_id: `event-${seq}`,
+    item_kind: nativeKind === 'reasoning' ? 'reasoning' : 'message',
+    source: { metadata: { native_item_kind: nativeKind } },
+    ...extra,
+  };
+}
+
+const USER_SNAPSHOT = {
+  snapshot: {
+    parts: [
+      {
+        part_id: 'p1',
+        content_type: 'data',
+        data: { type: 'userMessage', content: [{ type: 'text', text: '你好' }] },
+      },
+    ],
+  },
+};
+
+const AGENT_SNAPSHOT = (text: string) => ({
+  snapshot: { parts: [{ part_id: 'p2', content_type: 'text', text }] },
+});
+
+describe('KernelRunEventTranslator', () => {
+  it('projects userMessage completion to a user_message record', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const record = t.translate(itemFrame(9, 'item.completed', 'userMessage', USER_SNAPSHOT));
+    expect(record?.EventType).toBe('user_message');
+    expect(record?.Content).toEqual({ parts: [{ text: '你好' }] });
+    expect(record?.SeqId).toBe(9);
+  });
+
+  it('projects agentMessage completion to an assistant_message record', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const record = t.translate(
+      itemFrame(10, 'item.completed', 'agentMessage', AGENT_SNAPSHOT('回复内容')),
+    );
+    expect(record?.EventType).toBe('assistant_message');
+    expect(record?.Content).toEqual({ parts: [{ text: '回复内容' }] });
+  });
+
+  it('accumulates item.updated append deltas into cumulative snapshots', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const first = t.translate(
+      itemFrame(11, 'item.updated', 'agentMessage', { op: 'replace', ...AGENT_SNAPSHOT('你好') }),
+    );
+    const second = t.translate(
+      itemFrame(12, 'item.updated', 'agentMessage', { op: 'append', ...AGENT_SNAPSHOT('，世界') }),
+    );
+    expect(first?.Content).toEqual({ parts: [{ text: '你好' }] });
+    expect(second?.Content).toEqual({ parts: [{ text: '你好，世界' }] });
+  });
+
+  it('translates interaction frames verbatim for the interaction adapter', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const record = t.translate({
+      seq: 6,
+      family: 'interaction',
+      family_version: 1,
+      event_type: 'interaction.requested',
+      interaction_id: 'item_abc',
+      kind: 'approval',
+      run_id: 'run-1',
+    });
+    expect(record?.event_type).toBe('interaction.requested');
+    expect(record?.interaction_id).toBe('item_abc');
+  });
+
+  it('maps terminal control run transitions to run_status', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const record = t.translate({
+      seq: 22,
+      family: 'control',
+      event_type: 'control.run_transition',
+      state: 'completed',
+      run_id: 'run-1',
+    });
+    expect(record?.EventType).toBe('run_status');
+    expect(record?.Content).toEqual({ status: 'completed' });
+  });
+
+  it('maps tool items to tool_call / tool_result with call_id pairing', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    const started = t.translate(
+      itemFrame(13, 'item.started', 'commandExecution', {
+        item_id: 'tool-1',
+        initial: { parts: [{ part_id: 'p', content_type: 'data', data: { command: 'ls' } }] },
+      }),
+    );
+    const completed = t.translate(
+      itemFrame(14, 'item.completed', 'commandExecution', {
+        item_id: 'tool-1',
+        snapshot: { parts: [{ part_id: 'p', content_type: 'data', data: { exitCode: 0 } }] },
+      }),
+    );
+    expect(started?.EventType).toBe('tool_call');
+    expect(started?.Metadata?.call_id).toBe('tool-1');
+    expect(completed?.EventType).toBe('tool_result');
+    expect(completed?.Metadata?.call_id).toBe('tool-1');
+  });
+
+  it('skips control noise and non-runtime families', () => {
+    const t = new KernelRunEventTranslator('sess-1');
+    expect(t.translate({ seq: 1, family: 'control', event_type: 'control.command_accepted' })).toBeNull();
+    expect(t.translate({ seq: 2 })).toBeNull();
+  });
+});
+
+describe('peekKernelReceipt', () => {
+  function streamOf(chunks: string[]): ReadableStream<Uint8Array> {
+    const encoder = new TextEncoder();
+    return new ReadableStream<Uint8Array>({
+      start(controller) {
+        for (const chunk of chunks) controller.enqueue(encoder.encode(chunk));
+        controller.close();
+      },
+    });
+  }
+
+  it('detects the kernel receipt JSON body', async () => {
+    const body = JSON.stringify({
+      Code: 0,
+      Message: 'Success',
+      RequestId: 'r',
+      Action: 'RunAgent',
+      Data: { ReceiptStatus: 'accepted', MessageId: 'm1', RunId: null, AcceptedSeq: 5 },
+    });
+    const { receipt, stream } = await peekKernelReceipt(streamOf([body]));
+    expect(receipt?.status).toBe('accepted');
+    expect(receipt?.acceptedSeq).toBe(5);
+    const text = await new Response(stream).text();
+    expect(JSON.parse(text).Data.ReceiptStatus).toBe('accepted');
+  });
+
+  it('replays SSE bodies untouched', async () => {
+    const sse = 'id: 1\ndata: {"foo":1}\n\n';
+    const { receipt, stream } = await peekKernelReceipt(streamOf([sse]));
+    expect(receipt).toBeNull();
+    const text = await new Response(stream).text();
+    expect(text).toBe(sse);
+  });
+
+  it('carries rejection errors through the receipt', async () => {
+    const body = JSON.stringify({
+      Code: 503,
+      Data: { ReceiptStatus: 'rejected', Error: { code: 'runtime_not_ready', message: 'nope' } },
+    });
+    const { receipt } = await peekKernelReceipt(streamOf([body]));
+    expect(receipt?.status).toBe('rejected');
+    expect(receipt?.error?.message).toBe('nope');
+  });
+});
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 9d67b09..f619d5c 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -18,6 +18,7 @@ import { ApiError } from '../../api/errors.js';
 import { buildModelOptionsFromThinkingMode, normalizeThinkingMode } from '../../utils/model-options.js';
 import { resolveRunAgentApiFormat } from '../../utils/layout-constants.js';
 import { useStreamingStore } from '../../stores/streaming.js';
+import { KernelRunEventTranslator, peekKernelReceipt } from '../stream/kernel-events.js';
 import type { StreamProtocol } from '../stream/types.js';
 import type { RuntimeApiFormat } from '../../types/api.js';
 import { AguiRunClient } from './agui.js';
@@ -324,13 +325,26 @@ export class RunEngineImpl implements RunEngine {
           invocationId,
         );
 
-        const stream = await this.api.runAgent(body, { signal: this.abortController?.signal });
+        let stream = await this.api.runAgent(body, { signal: this.abortController?.signal });
         this.setStage('streaming');
         this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
 
         const assistantMessageId = `msg-${Date.now()}`;
 
-        const streamResult = await this.consumeStream(stream, protocol, protocolState, assistantMessageId, invocationId);
+        // AgentKernel path: RunAgent answers with a control receipt (JSON);
+        // run output arrives on SubscribeSessionEvents as raw kernel frames.
+        const peeked = await peekKernelReceipt(stream);
+        let streamResult: StreamConsumeResult;
+        if (peeked.receipt) {
+          streamResult = await this.consumeKernelRunEvents(
+            sessionId,
+            invocationId,
+            peeked.receipt,
+            assistantMessageId,
+          );
+        } else {
+          streamResult = await this.consumeStream(peeked.stream, protocol, protocolState, assistantMessageId, invocationId);
+        }
 
         if (!streamResult.receivedData && !draft.sessionId && !retriedWithNewSession) {
           retriedWithNewSession = true;
@@ -344,8 +358,19 @@ export class RunEngineImpl implements RunEngine {
             this.setStage('streaming');
             this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
             const retryMsgId = `msg-${Date.now()}`;
-            const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId, invocationId);
-            streamResult.terminalStatus = retryResult.terminalStatus;
+            const retryPeeked = await peekKernelReceipt(retryStream);
+            if (retryPeeked.receipt) {
+              const retryResult = await this.consumeKernelRunEvents(
+                sessionId,
+                invocationId,
+                retryPeeked.receipt,
+                retryMsgId,
+              );
+              streamResult.terminalStatus = retryResult.terminalStatus;
+            } else {
+              const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId, invocationId);
+              streamResult.terminalStatus = retryResult.terminalStatus;
+            }
           }
         }
 
@@ -849,6 +874,108 @@ export class RunEngineImpl implements RunEngine {
     return body;
   }
 
+  /**
+   * Consume an AgentKernel run: the receipt proved the durable enqueue; the
+   * run output arrives on SubscribeSessionEvents as raw kernel frames which
+   * are translated to legacy SessionEventRecords (dispatcher handles the
+   * message merge + interaction ingestion). Reconnects resume from the last
+   * observed kernel seq.
+   */
+  private async consumeKernelRunEvents(
+    sessionId: string,
+    invocationId: string,
+    receipt: import('../stream/kernel-events.js').KernelRunReceipt,
+    assistantMessageId: string,
+  ): Promise<StreamConsumeResult> {
+    if (receipt.status === 'rejected' || receipt.status === 'unsupported') {
+      this.setStage('error');
+      this.emit({
+        type: 'error',
+        error: new Error(receipt.error?.message || `运行提交被拒绝（${receipt.status}）`),
+      });
+      return { receivedData: false, terminalStatus: 'failed' };
+    }
+    if (receipt.status === 'queue_full') {
+      this.setStage('error');
+      this.emit({ type: 'rate_limited', message: '运行队列已满，请稍后重试' });
+      return { receivedData: false, terminalStatus: 'failed' };
+    }
+    // accepted / duplicate / persistence_uncertain: the run is (very likely)
+    // durable on the kernel; watch the event stream for its outcome.
+    if (receipt.status === 'persistence_uncertain') {
+      this.emit({
+        type: 'system_message',
+        content: '提交结果未知，正在从事件流确认运行状态…',
+      });
+    }
+
+    this.emit({ type: 'assistant_message_created', messageId: assistantMessageId, invocationId });
+    this.emit({ type: 'activity', phase: '已提交运行，订阅事件流', status: 'running', countEvent: false });
+
+    const translator = new KernelRunEventTranslator(sessionId);
+    let terminalStatus: string | undefined;
+    let attempts = 0;
+    const maxAttempts = 6;
+
+    while (terminalStatus === undefined && attempts < maxAttempts) {
+      attempts += 1;
+      try {
+        const afterSeq = useStreamingStore.getState().lastSeqId || 0;
+        // eslint-disable-next-line no-await-in-loop
+        const stream = await this.api.subscribeSessionEvents(
+          sessionId,
+          afterSeq,
+          { signal: this.abortController?.signal },
+        );
+        const reader = stream.getReader();
+        const decoder = new TextDecoder();
+        let buffer = '';
+        while (terminalStatus === undefined) {
+          // eslint-disable-next-line no-await-in-loop
+          const { value, done } = await reader.read();
+          if (done) break;
+          buffer += decoder.decode(value, { stream: true });
+          const split = splitSseBuffer(buffer);
+          buffer = split.remainder;
+          for (const chunk of split.chunks) {
+            if (!chunk.trim()) continue;
+            for (const transportEvent of parseSseChunk(chunk)) {
+              const frame = transportEvent.data as Record<string, unknown> | undefined;
+              if (!frame || typeof frame !== 'object') continue;
+              const record = translator.translate(frame);
+              const seq = Number(frame.seq);
+              if (Number.isFinite(seq) && seq > 0) {
+                useStreamingStore.getState().setLastSeqId(seq);
+              }
+              if (!record) continue;
+              this.emit({ type: 'stream_event', event: record as SessionEventRecord, sessionId });
+              if (record.EventType === 'run_status') {
+                const status = String(
+                  (record.Content as { status?: unknown } | undefined)?.status || '',
+                ).toLowerCase();
+                if (TERMINAL_RUN_STATUSES.has(status)) terminalStatus = status;
+              }
+            }
+          }
+        }
+        if (terminalStatus === undefined && attempts < maxAttempts) {
+          // Stream ended without a terminal fact (gateway idle close); resubscribe.
+          // eslint-disable-next-line no-await-in-loop
+          await new Promise((resolve) => setTimeout(resolve, 500));
+        }
+      } catch (error) {
+        if (error instanceof DOMException && error.name === 'AbortError') {
+          return { receivedData: true, terminalStatus: 'cancelled' };
+        }
+        if (attempts >= maxAttempts) break;
+        // eslint-disable-next-line no-await-in-loop
+        await new Promise((resolve) => setTimeout(resolve, 800 * attempts));
+      }
+    }
+    if (terminalStatus === undefined) terminalStatus = 'interrupted';
+    return { receivedData: true, terminalStatus };
+  }
+
   private async consumeStream(
     stream: ReadableStream<Uint8Array>,
     protocol: StreamProtocol,
diff --git a/src/core/stream/kernel-events.ts b/src/core/stream/kernel-events.ts
new file mode 100644
index 0000000..dc0d0e7
--- /dev/null
+++ b/src/core/stream/kernel-events.ts
@@ -0,0 +1,365 @@
+/**
+ * agent-kernel/v1 session event frames → legacy SessionEventRecord.
+ *
+ * RunAgent on a kernel-backed agent returns an AgentControl receipt (JSON)
+ * instead of a Responses SSE stream. The engine then subscribes to
+ * SubscribeSessionEvents (raw kernel envelopes) and translates each frame
+ * into the legacy session-event read model so the existing dispatcher /
+ * message merge / interaction ingestion paths keep working unchanged.
+ *
+ * Interaction/v1 frames are passed through verbatim: the interaction
+ * adapter already understands the kernel envelope shape.
+ */
+
+export type KernelSessionEventFrame = Record<string, unknown>;
+
+export type LegacySessionEventRecord = {
+  EventId?: string;
+  EventType?: string;
+  SessionId?: string;
+  InvocationId?: string;
+  Content?: Record<string, unknown>;
+  Metadata?: Record<string, unknown>;
+  SeqId?: number;
+  Timestamp?: string;
+  [key: string]: unknown;
+};
+
+const RUN_STATUS_BY_EVENT_TYPE: Record<string, string> = {
+  'run.started': 'in_progress',
+  'run.progress': 'in_progress',
+  'run.completed': 'completed',
+  'run.failed': 'failed',
+  'run.canceled': 'cancelled',
+  'run.interrupted': 'interrupted',
+};
+
+const TERMINAL_CONTROL_STATES = new Set(['completed', 'failed', 'cancelled', 'canceled']);
+
+function asRecord(value: unknown): Record<string, unknown> | null {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+    ? (value as Record<string, unknown>)
+    : null;
+}
+
+function frameNativeKind(frame: KernelSessionEventFrame): string {
+  const source = asRecord(frame.source);
+  const metadata = source ? asRecord(source.metadata) : null;
+  return String(metadata?.native_item_kind || '');
+}
+
+function frameParts(frame: KernelSessionEventFrame, key: 'initial' | 'snapshot'): unknown[] {
+  const holder = asRecord(frame[key]);
+  const parts = holder?.parts;
+  return Array.isArray(parts) ? parts : [];
+}
+
+function partText(part: unknown): string {
+  const record = asRecord(part);
+  if (!record) return '';
+  if (typeof record.text === 'string') return record.text;
+  const data = asRecord(record.data);
+  if (data) {
+    const content = data.content;
+    if (Array.isArray(content)) {
+      return content
+        .map((entry) => String(asRecord(entry)?.text || ''))
+        .join('');
+    }
+    for (const key of ['text', 'output', 'stdout', 'stderr']) {
+      if (data[key] != null) return String(data[key]);
+    }
+  }
+  return '';
+}
+
+function partsText(parts: unknown[]): string {
+  return parts.map(partText).join('');
+}
+
+function looksLikeUserMessage(parts: unknown[]): boolean {
+  return parts.some((part) => asRecord(asRecord(part)?.data)?.type === 'userMessage');
+}
+
+function toolPayload(parts: unknown[]): unknown {
+  if (parts.length === 1) {
+    const data = asRecord(asRecord(parts[0])?.data);
+    if (data) return data;
+  }
+  const text = partsText(parts);
+  return text || null;
+}
+
+/**
+ * Stateful translator: accumulates item.updated text deltas per part so the
+ * emitted assistant_stream_snapshot records are cumulative (the legacy read
+ * model treats snapshots as full-text snapshots, not deltas).
+ */
+export class KernelRunEventTranslator {
+  private readonly textByPart = new Map<string, string>();
+  private readonly sessionId: string;
+
+  constructor(sessionId: string) {
+    this.sessionId = sessionId;
+  }
+
+  translate(frame: KernelSessionEventFrame): LegacySessionEventRecord | null {
+    if (!asRecord(frame)) return null;
+    const seq = Number(frame.seq);
+    if (!Number.isFinite(seq) || seq <= 0) return null;
+    const family = String(frame.family || '');
+    const eventType = String(frame.event_type || '');
+    const runId = String(frame.run_id || '');
+
+    const base = (): LegacySessionEventRecord => ({
+      EventId: frame.event_id ? String(frame.event_id) : `kernel-${seq}`,
+      SessionId: this.sessionId,
+      InvocationId: runId || undefined,
+      SeqId: seq,
+    });
+
+    if (family === 'interaction') {
+      // Raw passthrough: interactionFromSessionEvent understands the kernel
+      // envelope (event_type / interaction_id / outcome) natively.
+      return { ...frame, SessionId: this.sessionId } as LegacySessionEventRecord;
+    }
+
+    if (family === 'control') {
+      if (eventType === 'control.run_transition') {
+        const state = String(frame.state || '').toLowerCase();
+        if (TERMINAL_CONTROL_STATES.has(state)) {
+          return { ...base(), EventType: 'run_status', Content: { status: state } };
+        }
+      }
+      return null;
+    }
+
+    if (family !== 'runtime') return null;
+
+    const runStatus = RUN_STATUS_BY_EVENT_TYPE[eventType];
+    if (runStatus) {
+      return { ...base(), EventType: 'run_status', Content: { status: runStatus } };
+    }
+
+    const nativeKind = frameNativeKind(frame);
+
+    if (eventType === 'item.started') {
+      const parts = frameParts(frame, 'initial');
+      if (nativeKind === 'userMessage' || looksLikeUserMessage(parts)) return null;
+      if (nativeKind === 'agentMessage' || (!nativeKind && frame.item_kind === 'message')) {
+        return {
+          ...base(),
+          EventType: 'assistant_stream_snapshot',
+          Content: { parts: [{ text: '' }] },
+        };
+      }
+      if (nativeKind && nativeKind !== 'notification') {
+        return {
+          ...base(),
+          EventType: 'tool_call',
+          Metadata: {
+            call_id: String(frame.item_id || ''),
+            tool_name: nativeKind,
+            run_id: runId,
+            tool_args: toolPayload(parts),
+          },
+        };
+      }
+      return null;
+    }
+
+    if (eventType === 'item.updated') {
+      const parts = frameParts(frame, 'snapshot');
+      const part = asRecord(parts[0]);
+      const partId = String(part?.part_id || frame.item_id || seq);
+      const op = String(frame.op || 'replace');
+      const delta = partsText(parts);
+      const current = this.textByPart.get(partId) || '';
+      const next = op === 'append' ? current + delta : delta;
+      this.textByPart.set(partId, next);
+      if (nativeKind === 'agentMessage' || (!nativeKind && frame.item_kind === 'message')) {
+        return {
+          ...base(),
+          EventType: 'assistant_stream_snapshot',
+          Content: { parts: [{ text: next }] },
+        };
+      }
+      if (nativeKind === 'reasoning' || frame.item_kind === 'reasoning') {
+        return {
+          ...base(),
+          EventType: 'reasoning',
+          Content: { text: next },
+        };
+      }
+      return null;
+    }
+
+    if (eventType === 'item.completed') {
+      const parts = frameParts(frame, 'snapshot');
+      if (nativeKind === 'userMessage' || looksLikeUserMessage(parts)) {
+        return {
+          ...base(),
+          EventType: 'user_message',
+          Content: { parts: [{ text: partsText(parts) }] },
+        };
+      }
+      if (nativeKind === 'agentMessage' || (!nativeKind && frame.item_kind === 'message')) {
+        const text = partsText(parts);
+        this.textByPart.set(String(asRecord(parts[0])?.part_id || frame.item_id || seq), text);
+        return {
+          ...base(),
+          EventType: 'assistant_message',
+          Content: { parts: [{ text }] },
+        };
+      }
+      if (nativeKind === 'reasoning' || frame.item_kind === 'reasoning') {
+        return { ...base(), EventType: 'reasoning', Content: { text: partsText(parts) } };
+      }
+      if (nativeKind && nativeKind !== 'notification') {
+        return {
+          ...base(),
+          EventType: 'tool_result',
+          Metadata: {
+            call_id: String(frame.item_id || ''),
+            tool_name: nativeKind,
+            run_id: runId,
+            tool_output: toolPayload(parts),
+          },
+        };
+      }
+      return null;
+    }
+
+    return null;
+  }
+}
+
+/** Parsed RunAgent receipt on the kernel control path (ActionResponse.Data). */
+export type KernelRunReceipt = {
+  status: string;
+  messageId?: string | null;
+  runId?: string | null;
+  acceptedSeq?: number | null;
+  error?: { code?: string; message?: string } | null;
+};
+
+/**
+ * Detect the kernel receipt JSON body on a RunAgent response stream. Returns
+ * the receipt, or a stream with the already-read bytes prepended when the
+ * body is an SSE stream (legacy runtime path).
+ */
+export async function peekKernelReceipt(
+  stream: ReadableStream<Uint8Array>,
+): Promise<{ receipt: KernelRunReceipt | null; stream: ReadableStream<Uint8Array> }> {
+  const reader = stream.getReader();
+  const decoder = new TextDecoder();
+  let buffer = '';
+  let receipt: KernelRunReceipt | null = null;
+  let readDone = false;
+
+  const looksLikeSse = (text: string): boolean =>
+    text.includes('data:') || text.includes('event:') || text.includes(':');
+
+  try {
+    while (true) {
+      // eslint-disable-next-line no-await-in-loop
+      const { value, done } = await reader.read();
+      if (value) buffer += decoder.decode(value, { stream: true });
+      if (done) {
+        readDone = true;
+        break;
+      }
+      const trimmed = buffer.trimStart();
+      if (trimmed.startsWith('{')) {
+        if (isCompleteJson(buffer)) {
+          receipt = parseReceipt(buffer);
+          break;
+        }
+      } else if (looksLikeSse(buffer)) {
+        break;
+      }
+    }
+  } catch (error) {
+    // Fall through: whatever was buffered is replayed on the returned stream.
+    void error;
+  }
+
+  const prefix = new TextEncoder().encode(buffer);
+  const replay = new ReadableStream<Uint8Array>({
+    start(controller) {
+      if (prefix.length > 0) controller.enqueue(prefix);
+      if (readDone || receipt) {
+        controller.close();
+        return;
+      }
+      const pump = (): Promise<void> =>
+        reader
+          .read()
+          .then(({ value: chunk, done }) => {
+            if (chunk) controller.enqueue(chunk);
+            if (done) {
+              controller.close();
+              return undefined;
+            }
+            return pump();
+          })
+          .catch(() => {
+            try {
+              controller.close();
+            } catch {
+              // already closed (abort/cancel): nothing to do
+            }
+          });
+      void pump();
+    },
+    cancel() {
+      void reader.cancel();
+    },
+  });
+
+  return { receipt, stream: replay };
+}
+
+function isCompleteJson(text: string): boolean {
+  const trimmed = text.trim();
+  if (!trimmed.endsWith('}')) return false;
+  let depth = 0;
+  let inString = false;
+  let escaped = false;
+  for (const char of trimmed) {
+    if (escaped) {
+      escaped = false;
+      continue;
+    }
+    if (char === '\\') {
+      escaped = true;
+      continue;
+    }
+    if (char === '"') inString = !inString;
+    if (inString) continue;
+    if (char === '{' || char === '[') depth += 1;
+    if (char === '}' || char === ']') depth -= 1;
+  }
+  return depth === 0;
+}
+
+function parseReceipt(text: string): KernelRunReceipt | null {
+  try {
+    const parsed = JSON.parse(text) as Record<string, unknown>;
+    const data = asRecord(parsed.Data);
+    const status = String(data?.ReceiptStatus || '');
+    if (!status) return null;
+    const error = asRecord(data?.Error);
+    return {
+      status,
+      messageId: (data?.MessageId as string | null) ?? null,
+      runId: (data?.RunId as string | null) ?? null,
+      acceptedSeq: (data?.AcceptedSeq as number | null) ?? null,
+      error: error
+        ? { code: String(error.code || ''), message: String(error.message || '') }
+        : null,
+    };
+  } catch {
+    return null;
+  }
+}

From e31e2ba67b8c3efc36fca7ee48fa4248d1640c6c Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 13:55:29 +0800
Subject: [PATCH 26/61] fix(web): keep stream binding immutable

---
 src/core/run/engine.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index f619d5c..90a7661 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -325,7 +325,7 @@ export class RunEngineImpl implements RunEngine {
           invocationId,
         );
 
-        let stream = await this.api.runAgent(body, { signal: this.abortController?.signal });
+        const stream = await this.api.runAgent(body, { signal: this.abortController?.signal });
         this.setStage('streaming');
         this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
 

From 954a0ade26ea58ba420a897da1ab677b7ef52742 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 14:04:20 +0800
Subject: [PATCH 27/61] fix(web): keep kernel subscription open across
 run.interrupted pauses

A kernel run pauses as interrupted while an interaction (approval) is
pending and resumes after the decision; only
completed/failed/cancelled end the subscription.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/core/run/engine.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 90a7661..e92d04c 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -953,7 +953,12 @@ export class RunEngineImpl implements RunEngine {
                 const status = String(
                   (record.Content as { status?: unknown } | undefined)?.status || '',
                 ).toLowerCase();
-                if (TERMINAL_RUN_STATUSES.has(status)) terminalStatus = status;
+                // Kernel runs pause as `interrupted` while an interaction is
+                // pending (approval); that is not terminal — keep streaming
+                // until completed/failed/cancelled.
+                if (status !== 'interrupted' && TERMINAL_RUN_STATUSES.has(status)) {
+                  terminalStatus = status;
+                }
               }
             }
           }

From 78c5d8cdb5184d212a474a62dbe080d8276bc926 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 14:39:59 +0800
Subject: [PATCH 28/61] fix(web): wrap kernel interaction frames for the
 interaction adapter

interactionFromSessionEvent reads interaction facts from
envelope.payload; the flattened kernel frame must be nested there for
pending approvals to reach the shared interaction store.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/__tests__/kernel-events.test.ts |  4 ++--
 src/core/stream/kernel-events.ts    | 11 ++++++++---
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/__tests__/kernel-events.test.ts b/src/__tests__/kernel-events.test.ts
index 4a33497..e30be3a 100644
--- a/src/__tests__/kernel-events.test.ts
+++ b/src/__tests__/kernel-events.test.ts
@@ -79,8 +79,8 @@ describe('KernelRunEventTranslator', () => {
       kind: 'approval',
       run_id: 'run-1',
     });
-    expect(record?.event_type).toBe('interaction.requested');
-    expect(record?.interaction_id).toBe('item_abc');
+    expect(record?.EventType).toBe('interaction.requested');
+    expect((record?.payload as Record<string, unknown>)?.interaction_id).toBe('item_abc');
   });
 
   it('maps terminal control run transitions to run_status', () => {
diff --git a/src/core/stream/kernel-events.ts b/src/core/stream/kernel-events.ts
index dc0d0e7..6b69d23 100644
--- a/src/core/stream/kernel-events.ts
+++ b/src/core/stream/kernel-events.ts
@@ -119,9 +119,14 @@ export class KernelRunEventTranslator {
     });
 
     if (family === 'interaction') {
-      // Raw passthrough: interactionFromSessionEvent understands the kernel
-      // envelope (event_type / interaction_id / outcome) natively.
-      return { ...frame, SessionId: this.sessionId } as LegacySessionEventRecord;
+      // The interaction adapter reads interaction facts from
+      // envelope.payload; wrap the flattened kernel frame so the adapter's
+      // payload/body fallbacks find interaction_id / kind / outcome.
+      return {
+        ...base(),
+        EventType: eventType,
+        payload: frame,
+      } as LegacySessionEventRecord;
     }
 
     if (family === 'control') {

From f88306c9b3ef0d536df0a7d1183385322732b37b Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 14:55:05 +0800
Subject: [PATCH 29/61] fix(web): poll kernel session events until a terminal
 run state

Kernel subscriptions replay the backlog then close; while a run waits
on an interaction the engine now resubscribes (advancing seq) instead
of giving up, so post-approval output and terminal status still arrive.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/core/run/engine.ts | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index e92d04c..af5ccc1 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -914,11 +914,10 @@ export class RunEngineImpl implements RunEngine {
 
     const translator = new KernelRunEventTranslator(sessionId);
     let terminalStatus: string | undefined;
-    let attempts = 0;
-    const maxAttempts = 6;
+    let consecutiveErrors = 0;
+    const maxConsecutiveErrors = 6;
 
-    while (terminalStatus === undefined && attempts < maxAttempts) {
-      attempts += 1;
+    while (terminalStatus === undefined && consecutiveErrors < maxConsecutiveErrors) {
       try {
         const afterSeq = useStreamingStore.getState().lastSeqId || 0;
         // eslint-disable-next-line no-await-in-loop
@@ -927,6 +926,7 @@ export class RunEngineImpl implements RunEngine {
           afterSeq,
           { signal: this.abortController?.signal },
         );
+        consecutiveErrors = 0;
         const reader = stream.getReader();
         const decoder = new TextDecoder();
         let buffer = '';
@@ -953,8 +953,8 @@ export class RunEngineImpl implements RunEngine {
                 const status = String(
                   (record.Content as { status?: unknown } | undefined)?.status || '',
                 ).toLowerCase();
-                // Kernel runs pause as `interrupted` while an interaction is
-                // pending (approval); that is not terminal — keep streaming
+                // Kernel runs pause as `interrupted` while an interaction
+                // (approval) is pending; that is not terminal — keep streaming
                 // until completed/failed/cancelled.
                 if (status !== 'interrupted' && TERMINAL_RUN_STATUSES.has(status)) {
                   terminalStatus = status;
@@ -963,21 +963,23 @@ export class RunEngineImpl implements RunEngine {
             }
           }
         }
-        if (terminalStatus === undefined && attempts < maxAttempts) {
-          // Stream ended without a terminal fact (gateway idle close); resubscribe.
+        if (terminalStatus === undefined) {
+          // Kernel subscriptions replay the backlog and close; poll until the
+          // run reaches a terminal state (it may wait on an interaction).
           // eslint-disable-next-line no-await-in-loop
-          await new Promise((resolve) => setTimeout(resolve, 500));
+          await new Promise((resolve) => setTimeout(resolve, 1000));
         }
       } catch (error) {
         if (error instanceof DOMException && error.name === 'AbortError') {
           return { receivedData: true, terminalStatus: 'cancelled' };
         }
-        if (attempts >= maxAttempts) break;
+        consecutiveErrors += 1;
+        if (consecutiveErrors >= maxConsecutiveErrors) break;
         // eslint-disable-next-line no-await-in-loop
-        await new Promise((resolve) => setTimeout(resolve, 800 * attempts));
+        await new Promise((resolve) => setTimeout(resolve, 800 * consecutiveErrors));
       }
     }
-    if (terminalStatus === undefined) terminalStatus = 'interrupted';
+        if (terminalStatus === undefined) terminalStatus = 'interrupted';
     return { receivedData: true, terminalStatus };
   }
 

From 7ab6655b237005cc775ca74f8cd67ff10edc3892 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 15:25:05 +0800
Subject: [PATCH 30/61] chore(web): back off kernel event poll to 3s

The fake-approval canary runtime wedges under frequent concurrent
SubscribeSessionEvents polls; 3s keeps live updates snappy without
overloading the single-instance canary.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/core/run/engine.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index af5ccc1..ced5c27 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -967,7 +967,7 @@ export class RunEngineImpl implements RunEngine {
           // Kernel subscriptions replay the backlog and close; poll until the
           // run reaches a terminal state (it may wait on an interaction).
           // eslint-disable-next-line no-await-in-loop
-          await new Promise((resolve) => setTimeout(resolve, 1000));
+          await new Promise((resolve) => setTimeout(resolve, 3000));
         }
       } catch (error) {
         if (error instanceof DOMException && error.name === 'AbortError') {

From 1f7c0642043533528d220a36e4191f5f9faa314b Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Thu, 20 Aug 2026 16:39:40 +0800
Subject: [PATCH 31/61] fix(web): submit decision vocabulary required by
 interaction request schema

The kernel interaction request schema requires {decision:
approve|reject}; the tray sent {approved: bool} and the ledger
rejected the resolution as invalid_command.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 src/components/chat/InteractionTray.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/chat/InteractionTray.tsx b/src/components/chat/InteractionTray.tsx
index 0865e51..fd90852 100644
--- a/src/components/chat/InteractionTray.tsx
+++ b/src/components/chat/InteractionTray.tsx
@@ -229,7 +229,7 @@ export function InteractionTray({
                 type="button"
                 data-testid="interaction-approve"
                 disabled={disabled}
-                onClick={() => respond('approve', { approved: true, ...(comment ? { comment } : {}) })}
+                onClick={() => respond('approve', { decision: 'approve', ...(comment ? { comment } : {}) })}
                 className="inline-flex min-h-8 items-center gap-1.5 rounded-md bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-sm transition hover:bg-emerald-500 disabled:cursor-not-allowed disabled:opacity-55"
               >
                 <Check className="h-3.5 w-3.5" />
@@ -239,7 +239,7 @@ export function InteractionTray({
                 type="button"
                 data-testid="interaction-reject"
                 disabled={disabled}
-                onClick={() => respond('reject', { approved: false, ...(comment ? { comment } : {}) })}
+                onClick={() => respond('reject', { decision: 'reject', ...(comment ? { comment } : {}) })}
                 className="inline-flex min-h-8 items-center gap-1.5 rounded-md border border-slate-300 bg-white px-3 py-1.5 text-xs font-semibold text-slate-600 transition hover:border-rose-300 hover:bg-rose-50 hover:text-rose-600 disabled:cursor-not-allowed disabled:opacity-55 dark:border-slate-700 dark:bg-slate-950 dark:text-slate-300 dark:hover:border-rose-800 dark:hover:bg-rose-950/30 dark:hover:text-rose-300"
               >
                 <XCircle className="h-3.5 w-3.5" />

From b2c2e5133e7e54f8354a8b336190a766f63099b8 Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 16:53:49 +0800
Subject: [PATCH 32/61] release(web): prepare 0.3.2

---
 CHANGELOG.md      | 2 +-
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a91b44b..f850e87 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # Changelog
 
-## 0.3.2-beta.1 - 2026-08-19
+## 0.3.2 - 2026-08-21
 
 > Unifies durable human-in-the-loop decisions behind one `Interaction/v1`
 > client. Counterpart of the agent-kernel Interaction/v1 contract: pending
diff --git a/package-lock.json b/package-lock.json
index 2b97f70..0384e67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@kingsoftcloud/ksadk-web",
-      "version": "0.3.1",
+      "version": "0.3.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@ag-ui/client": "0.0.57",
diff --git a/package.json b/package.json
index 71404be..c810a30 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.1",
+  "version": "0.3.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

From b516c15fa86c820ed72102c83b776ea37f8f817a Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 21 Aug 2026 19:06:24 +0800
Subject: [PATCH 33/61] test(web): expose interaction e2e entrypoint

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index ddcacb4..ec5af37 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "preview": "vite preview",
     "test": "vitest run src",
     "test:watch": "vitest src",
+    "test:e2e:interaction": "playwright test --config playwright.interaction.config.mjs",
     "test:e2e:agui": "playwright test --config playwright.agui.config.mjs",
     "test:e2e:reconnect": "playwright test --config playwright.reconnect.config.mjs",
     "build:ksadk": "VITE_BASE_PATH=./ vite build --outDir dist-ksadk"

From 50532a8336b2b34f21f51f02da35ced63a618ac7 Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 19:22:27 +0800
Subject: [PATCH 34/61] fix(web): anchor legacy approvals above composer

---
 src/__tests__/run-engine.test.ts | 10 +++++++++-
 src/core/run/engine.ts           |  6 +++---
 src/core/stream/types.ts         | 10 +++++++++-
 src/utils/responses-stream.js    | 30 +++++++++++++++++++++++++++---
 4 files changed, 48 insertions(+), 8 deletions(-)

diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 557eb5e..31485ed 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -6,6 +6,7 @@ import { useMessageStore } from '../stores/message.js';
 import { useSessionStore } from '../stores/session.js';
 import { useCheckpointStore } from '../stores/checkpoint.js';
 import { dispatchRunEventToStores, resetDispatcherState } from '../core/run/dispatcher.js';
+import { sharedInteractionStore } from '../core/interaction/index.js';
 
 function createApiFacade(calls: Record<string, unknown>[], uploadCalls: FormData[] = []): ApiFacade {
   return {
@@ -181,7 +182,7 @@ describe('RunEngineImpl', () => {
     });
   });
 
-  it('keeps a Responses approval inside its tool row instead of appending an interruption notice', async () => {
+  it('keeps a Responses approval in tool history and mirrors it into the composer interaction queue', async () => {
     const calls: Record<string, unknown>[] = [];
     const engine = createRunEngine({
       ...createApiFacade(calls),
@@ -219,6 +220,13 @@ describe('RunEngineImpl', () => {
       approvalStatus: 'pending',
       status: 'paused',
     });
+    expect(sharedInteractionStore.get('session-inline-approval', 'approval-1')).toMatchObject({
+      source: 'responses',
+      interactionId: 'approval-1',
+      sessionId: 'session-inline-approval',
+      status: 'pending',
+      title: '审批：web_search',
+    });
   });
 
   it('projects a live AG-UI approval into a fresh assistant row after a session switch', () => {
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 9d67b09..a960b9a 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -961,9 +961,9 @@ export class RunEngineImpl implements RunEngine {
           messageId,
           approvalRequestId: action.approvalRequestId,
           protocol: 'responses',
-          name: '人工确认',
-          args: '',
-          message: '本次运行需要人工审批后才能继续。',
+          name: action.name || '人工确认',
+          args: action.args || '',
+          message: action.message || '本次运行需要人工审批后才能继续。',
         });
         break;
       case 'incomplete':
diff --git a/src/core/stream/types.ts b/src/core/stream/types.ts
index 82b1614..4ab0f0a 100644
--- a/src/core/stream/types.ts
+++ b/src/core/stream/types.ts
@@ -18,7 +18,15 @@ export type StreamAction =
   | { type: 'reasoning_delta'; text: string }
   | { type: 'tool_upsert'; name: string; args: string; status: 'running' | 'completed' | 'error' | 'paused'; extra?: Record<string, unknown> }
   | { type: 'tool_result'; name: string; output: string }
-  | { type: 'approval_request'; approvalRequestId: string; previousResponseId?: string }
+  | {
+      type: 'approval_request';
+      approvalRequestId: string;
+      previousResponseId?: string;
+      /** Optional legacy transport detail for the unified composer tray. */
+      name?: string;
+      args?: string;
+      message?: string;
+    }
   | { type: 'a2ui_surface_begin'; surfaceId: string; surface: A2UISurface }
   | { type: 'a2ui_surface_update'; surfaceId: string; surface: A2UISurface }
   | { type: 'a2ui_surface_end'; surfaceId: string }
diff --git a/src/utils/responses-stream.js b/src/utils/responses-stream.js
index 4b42001..2a7a974 100644
--- a/src/utils/responses-stream.js
+++ b/src/utils/responses-stream.js
@@ -170,16 +170,29 @@ function normalizeOutputItem({ data, state, status }) {
 
   if (type === 'mcp_approval_request') {
     const name = String(item.name || 'approval');
+    const args = stringifyPayload(item.arguments ?? item.args);
+    const approvalRequestId = String(item.id || item.approval_request_id || '');
     return [
       {
         type: 'tool_upsert',
         name,
-        args: stringifyPayload(item.arguments ?? item.args),
+        args,
         status: 'paused',
-        approvalRequestId: String(item.id || item.approval_request_id || ''),
+        approvalRequestId,
         previousResponseId: String(data?.response_id || state.currentResponseId || ''),
         serverLabel: String(item.server_label || ''),
       },
+      // The transcript retains its immutable tool row, while the same
+      // pending decision is normalized into the composer-adjacent
+      // Interaction queue. This is essential for 0.3.1 Responses servers
+      // which have not yet enabled durable Interaction/v1 events.
+      {
+        type: 'approval_request',
+        approvalRequestId,
+        previousResponseId: String(data?.response_id || state.currentResponseId || ''),
+        name,
+        args,
+      },
     ];
   }
 
@@ -318,7 +331,7 @@ export function normalizeResponsesStreamEvent({ eventName, data, state }) {
       : interruptInfo;
     const actionRequests = Array.isArray(ar.action_requests) ? ar.action_requests : [];
     if (actionRequests.length > 0) {
-      return actionRequests.map((req) => ({
+      const tools = actionRequests.map((req) => ({
         type: 'tool_upsert',
         name: String(req?.name || 'tool'),
         args: JSON.stringify(req?.args ?? {}),
@@ -326,6 +339,17 @@ export function normalizeResponsesStreamEvent({ eventName, data, state }) {
         approvalRequestId,
         previousResponseId,
       }));
+      const first = actionRequests[0] || {};
+      return [
+        ...tools,
+        {
+          type: 'approval_request',
+          approvalRequestId,
+          previousResponseId,
+          name: String(first?.name || '人工确认'),
+          args: JSON.stringify(first?.args ?? {}),
+        },
+      ];
     }
     return [
       {

From 6c0a9c54a40bddde1addf1ff211bab7924498a1a Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 19:23:14 +0800
Subject: [PATCH 35/61] release(web): prepare interaction beta.4

---
 CHANGELOG.md            | 7 +++++++
 RELEASE_PROVENANCE.json | 4 ++--
 package.json            | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b1f4d88..6727914 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.3.2-beta.4 - 2026-08-21
+
+Fixes the legacy Responses approval bridge: a pending approval is retained in
+the read-only tool history and also normalized into the unified Interaction
+tray immediately above the composer.  The submit still uses the compatible
+Responses approval transport when Interaction/v1 is unavailable.
+
 ## 0.3.2-beta.3 - 2026-08-20
 
 Adds package-internal release provenance. Hosted UI and the preproduction gate
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 3fe91b2..1666cad 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -1,7 +1,7 @@
 {
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.3",
-  "source_commit": "7c523f0",
+  "version": "0.3.2-beta.4",
+  "source_commit": "50532a8",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }
diff --git a/package.json b/package.json
index ec5af37..a384e70 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.3",
+  "version": "0.3.2-beta.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

From d548ab9e4a4029e054cc64cb9950ac6962b70a05 Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 19:32:24 +0800
Subject: [PATCH 36/61] fix(web): keep approval history read-only

---
 src/__tests__/interaction-tray.test.ts       |  7 +++++++
 src/components/chat/ProcessingBlocksView.tsx | 12 +++++++++++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/__tests__/interaction-tray.test.ts b/src/__tests__/interaction-tray.test.ts
index fba761c..f48e402 100644
--- a/src/__tests__/interaction-tray.test.ts
+++ b/src/__tests__/interaction-tray.test.ts
@@ -78,6 +78,13 @@ describe('InteractionTray contract', () => {
     // Interaction record and only while pending.
     expect(source).toContain("tool.approvalStatus === 'pending' ? (");
   });
+
+  it('keeps a streamed tool approval read-only once the composer tray owns it', () => {
+    const source = readSource('components/chat/ProcessingBlocksView.tsx');
+    expect(source).toContain('interactionRecord={record}');
+    expect(source).toContain("approvalStatus === 'pending' && !interactionRecord");
+    expect(source).toContain('请在输入区确认面板中操作。');
+  });
 });
 
 describe('A2UI v0.9.1 validation and safe fallback', () => {
diff --git a/src/components/chat/ProcessingBlocksView.tsx b/src/components/chat/ProcessingBlocksView.tsx
index 619a408..765811d 100644
--- a/src/components/chat/ProcessingBlocksView.tsx
+++ b/src/components/chat/ProcessingBlocksView.tsx
@@ -111,12 +111,15 @@ function ToolRow({
   block,
   tool,
   isStreaming,
+  interactionRecord,
   onRespondToApproval,
   onRespondToAguiApproval,
 }: {
   block: ToolBlock;
   tool?: ToolData;
   isStreaming: boolean;
+  /** The composer tray owns all interaction decisions once normalized. */
+  interactionRecord?: Interaction;
   onRespondToApproval?: Props['onRespondToApproval'];
   onRespondToAguiApproval?: Props['onRespondToAguiApproval'];
 }) {
@@ -173,7 +176,7 @@ function ToolRow({
       }
     >
       <div className="flex flex-col gap-2.5 py-1 text-[13px]">
-        {approvalRequestId && approvalStatus === 'pending' && (
+        {approvalRequestId && approvalStatus === 'pending' && !interactionRecord && (
           <section className="flex flex-wrap items-center gap-x-3 gap-y-2 rounded-lg border border-slate-200/90 bg-white/70 px-2.5 py-2 font-sans text-[12px] text-slate-600 shadow-[0_1px_2px_rgba(15,23,42,0.03)] dark:border-slate-700/80 dark:bg-slate-900/30 dark:text-slate-300">
             <div className="flex min-w-0 flex-1 items-center gap-2">
               <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-amber-400" aria-hidden="true" />
@@ -208,6 +211,12 @@ function ToolRow({
             </div>
           </section>
         )}
+        {approvalRequestId && approvalStatus === 'pending' && interactionRecord ? (
+          <div className="flex items-center gap-1.5 font-sans text-xs text-slate-500 dark:text-slate-400">
+            <span className="h-1.5 w-1.5 shrink-0 rounded-full bg-amber-400" aria-hidden="true" />
+            请在输入区确认面板中操作。
+          </div>
+        ) : null}
         {approvalRequestId && approvalStatus && approvalStatus !== 'pending' && (
           <div className="flex items-center gap-1.5 font-sans text-xs text-slate-500 dark:text-slate-400">
             <span>{approvalStatus === 'approved' ? '已授权' : '已拒绝'}</span>
@@ -390,6 +399,7 @@ export function ProcessingBlocksView({
                 block={block}
                 tool={message.tools?.[block.toolName]}
                 isStreaming={isStreaming}
+                interactionRecord={record}
                 onRespondToApproval={onRespondToApproval}
                 onRespondToAguiApproval={onRespondToAguiApproval}
               />

From 252ad17af947cb16f88727f39c93a7b6ec254a55 Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 19:32:51 +0800
Subject: [PATCH 37/61] release(web): prepare interaction beta.5

---
 CHANGELOG.md            | 6 ++++++
 RELEASE_PROVENANCE.json | 4 ++--
 package.json            | 2 +-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6727914..9a08402 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.2-beta.5 - 2026-08-21
+
+When the composer Interaction tray owns a pending approval, its tool-history
+row is now strictly read-only. This removes the second legacy approve/reject
+entry point while preserving the command arguments and terminal audit result.
+
 ## 0.3.2-beta.4 - 2026-08-21
 
 Fixes the legacy Responses approval bridge: a pending approval is retained in
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 1666cad..0ceb361 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -1,7 +1,7 @@
 {
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.4",
-  "source_commit": "50532a8",
+  "version": "0.3.2-beta.5",
+  "source_commit": "d548ab9",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }
diff --git a/package.json b/package.json
index a384e70..b7c4fb0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.4",
+  "version": "0.3.2-beta.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 25d2ce1ebf49a64956b3b13fa3234676f35b97cf Mon Sep 17 00:00:00 2001
From: liubin9 <liubin9@kingsoft.com>
Date: Fri, 21 Aug 2026 20:25:06 +0800
Subject: [PATCH 38/61] release(web): prepare interaction 0.3.2 candidate

---
 CHANGELOG.md            | 6 ++++++
 RELEASE_PROVENANCE.json | 2 +-
 package-lock.json       | 4 ++--
 package.json            | 2 +-
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9a08402..4368a94 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changelog
 
+## 0.3.2 - 2026-08-21
+
+Release candidate for the durable Interaction/v1 web experience. This is the
+reviewed source that replaces the internal beta sequence; publication remains
+blocked on the cross-repository preproduction gate.
+
 ## 0.3.2-beta.5 - 2026-08-21
 
 When the composer Interaction tray owns a pending approval, its tool-history
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 0ceb361..113f70d 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -1,7 +1,7 @@
 {
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.5",
+  "version": "0.3.2",
   "source_commit": "d548ab9",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }
diff --git a/package-lock.json b/package-lock.json
index 2b97f70..0384e67 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@kingsoftcloud/ksadk-web",
-      "version": "0.3.1",
+      "version": "0.3.2",
       "license": "Apache-2.0",
       "dependencies": {
         "@ag-ui/client": "0.0.57",
diff --git a/package.json b/package.json
index b7c4fb0..e096d36 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kingsoftcloud/ksadk-web",
-  "version": "0.3.2-beta.5",
+  "version": "0.3.2",
   "type": "module",
   "scripts": {
     "dev": "vite",

From b0f6f2941d2f02d24cdc6d5d4389579bcdf625b9 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 21 Aug 2026 21:15:19 +0800
Subject: [PATCH 39/61] fix(web): preserve session when run stream is empty

---
 src/__tests__/run-engine.test.ts | 28 ++++++++++++++++++++++++++++
 src/core/run/engine.ts           | 31 +++----------------------------
 2 files changed, 31 insertions(+), 28 deletions(-)

diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 31485ed..87f542b 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -997,6 +997,34 @@ describe('RunEngineImpl', () => {
     expect(settledSessionIds).toEqual(['session-history']);
   });
 
+  it('does not create a second session when a newly created session has an empty stream', async () => {
+    const calls: Record<string, unknown>[] = [];
+    const createdSessions: string[] = [];
+    const engine = createRunEngine({
+      ...createApiFacade(calls),
+      async createSession() {
+        const sessionId = `session-${createdSessions.length + 1}`;
+        createdSessions.push(sessionId);
+        return { SessionId: sessionId };
+      },
+      async runAgent(body) {
+        calls.push(body);
+        return new ReadableStream<Uint8Array>({ start(controller) { controller.close(); } });
+      },
+    });
+    engine.updateConfig({
+      agentId: 'agent-live', apiFormats: ['responses'], agentFramework: 'codex', selectedModel: '', thinkingMode: 'auto',
+    });
+
+    expect(engine.start({ text: '你好', attachments: [] })).toBe(true);
+    await waitForCalls(calls);
+    await waitForEngineIdle(engine);
+
+    expect(createdSessions).toEqual(['session-1']);
+    expect(calls).toHaveLength(1);
+    expect(calls[0]).toMatchObject({ SessionId: 'session-1' });
+  });
+
   it('keeps response.failed as failed instead of overwriting it as completed', async () => {
     const calls: Record<string, unknown>[] = [];
     const engine = createRunEngine({
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index a960b9a..ff17298 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -22,10 +22,7 @@ import type { StreamProtocol } from '../stream/types.js';
 import type { RuntimeApiFormat } from '../../types/api.js';
 import { AguiRunClient } from './agui.js';
 
-type StreamConsumeResult = {
-  receivedData: boolean;
-  terminalStatus?: string;
-};
+type StreamConsumeResult = { terminalStatus?: string };
 
 const TERMINAL_RUN_STATUSES = new Set(['completed', 'failed', 'error', 'cancelled', 'canceled', 'aborted', 'interrupted', 'resume_failed']);
 
@@ -259,8 +256,6 @@ export class RunEngineImpl implements RunEngine {
     (async () => {
       let sessionId: string | null = draft.sessionId || null;
       try {
-        let retriedWithNewSession = false;
-
         if (!sessionId) {
           sessionId = await this.createSession(draft);
         }
@@ -332,23 +327,6 @@ export class RunEngineImpl implements RunEngine {
 
         const streamResult = await this.consumeStream(stream, protocol, protocolState, assistantMessageId, invocationId);
 
-        if (!streamResult.receivedData && !draft.sessionId && !retriedWithNewSession) {
-          retriedWithNewSession = true;
-          sessionId = await this.createSession(draft);
-          if (sessionId) {
-            this.activeSessionId = sessionId;
-            body.SessionId = sessionId;
-            this.setStage('connecting');
-            this.emit({ type: 'activity', phase: '重建会话后重新连接', status: 'connecting', countEvent: false });
-            const retryStream = await this.api.runAgent(body, { signal: this.abortController?.signal });
-            this.setStage('streaming');
-            this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
-            const retryMsgId = `msg-${Date.now()}`;
-            const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId, invocationId);
-            streamResult.terminalStatus = retryResult.terminalStatus;
-          }
-        }
-
         if (streamResult.terminalStatus === 'cancelled') {
           this.setStage('stopping');
           useStreamingStore.getState().stopActivity('运行时已取消本次执行。');
@@ -859,15 +837,12 @@ export class RunEngineImpl implements RunEngine {
     const reader = stream.getReader();
     const decoder = new TextDecoder();
     let buffer = '';
-    let receivedData = false;
     let messageCreated = false;
 
     try {
       while (true) {
         const { value, done } = await reader.read();
         if (done) break;
-        receivedData = true;
-
         if (!messageCreated) {
           messageCreated = true;
           this.emit({ type: 'assistant_message_created', messageId, invocationId });
@@ -921,7 +896,7 @@ export class RunEngineImpl implements RunEngine {
 
           if (shouldStop) {
             reader.cancel().catch(() => {});
-            return { receivedData, terminalStatus };
+            return { terminalStatus };
           }
         }
       }
@@ -931,7 +906,7 @@ export class RunEngineImpl implements RunEngine {
       }
     }
 
-    return { receivedData };
+    return {};
   }
 
   private isCompactionChunk(chunk: string): boolean {

From 347bcbd5061203eb139318ca5f8cc8db5b1b1ce0 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 21 Aug 2026 21:37:16 +0800
Subject: [PATCH 40/61] chore(release): attest empty-stream session fix

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 113f70d..699d373 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "d548ab9",
+  "source_commit": "b0f6f29",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From b0530ce4bf4193d9eaa10102721370adfd7887d7 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 21 Aug 2026 22:17:53 +0800
Subject: [PATCH 41/61] fix(web): separate session selection and delete
 controls

---
 .../chat-message-list-contract.test.ts        | 12 ++++++
 src/components/chat/ChatSidebar.tsx           | 37 +++++++++----------
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index d4f7988..64da927 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -71,6 +71,18 @@ describe('chat message list contracts', () => {
     expect(source).toContain('onLoadMoreSessions()');
   });
 
+  it('keeps each session selection control separate from pin and delete actions', () => {
+    const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatSidebar.tsx'), 'utf8');
+
+    // A role=button wrapper containing real action buttons creates an invalid
+    // interactive nesting tree.  Browsers then route the delete click to the
+    // session selector instead of the delete handler.
+    expect(source).not.toContain('role="button"');
+    expect(source).toContain('onClick={() => onSelectSession(session.SessionId)}');
+    expect(source).toContain('onDeleteSession(session.SessionId, event)');
+    expect(source).toContain('group-focus-within:opacity-100');
+  });
+
   it('keeps reasoning panels scrollable and lightweight', () => {
     const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatMessageList.tsx'), 'utf8');
 
diff --git a/src/components/chat/ChatSidebar.tsx b/src/components/chat/ChatSidebar.tsx
index a226a52..ecff10b 100644
--- a/src/components/chat/ChatSidebar.tsx
+++ b/src/components/chat/ChatSidebar.tsx
@@ -100,16 +100,6 @@ export function ChatSidebar({
               return (
                 <div
                   key={session.SessionId}
-                  role="button"
-                  tabIndex={0}
-                  aria-current={selected ? 'page' : undefined}
-                  onClick={() => onSelectSession(session.SessionId)}
-                  onKeyDown={(event) => {
-                    if (event.key === 'Enter' || event.key === ' ') {
-                      event.preventDefault();
-                      onSelectSession(session.SessionId);
-                    }
-                  }}
                   className={cn(
                     'group relative flex h-[30px] items-center gap-1 rounded-[10px] border-l-2 border-transparent px-2 text-sm leading-5 transition-colors',
                     selected
@@ -123,17 +113,24 @@ export function ChatSidebar({
                   {meta.running ? (
                     <span className="absolute left-0 top-1/2 h-3.5 w-0.5 -translate-y-1/2 rounded-full bg-primary" aria-hidden="true" />
                   ) : null}
-                  <div className="min-w-0 flex-1 truncate text-[13px]">
-                    {sessionTitle(session)}
-                  </div>
-                  {meta.running ? (
-                    <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-primary" />
-                  ) : meta.label ? (
-                    <span className="flex-shrink-0 text-[11px] leading-none text-sidebar-text-muted group-hover:hidden">
-                      {meta.label}
+                  <button
+                    type="button"
+                    aria-current={selected ? 'page' : undefined}
+                    className="flex min-w-0 flex-1 items-center gap-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-primary/60"
+                    onClick={() => onSelectSession(session.SessionId)}
+                  >
+                    <span className="min-w-0 flex-1 truncate text-[13px]">
+                      {sessionTitle(session)}
                     </span>
-                  ) : null}
-                  <div className="pointer-events-none absolute right-1 top-1/2 flex -translate-y-1/2 items-center justify-end gap-0.5 opacity-0 transition-opacity group-hover:pointer-events-auto group-hover:opacity-100">
+                    {meta.running ? (
+                      <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-primary" />
+                    ) : meta.label ? (
+                      <span className="flex-shrink-0 text-[11px] leading-none text-sidebar-text-muted group-hover:hidden">
+                        {meta.label}
+                      </span>
+                    ) : null}
+                  </button>
+                  <div className="absolute right-1 top-1/2 flex -translate-y-1/2 items-center justify-end gap-0.5 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100">
                     <button
                       type="button"
                       onClick={(event) => onTogglePinSession(session.SessionId, event)}

From d0ec2c1ebe547537407e776be22749041c0b3c36 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Fri, 21 Aug 2026 22:18:13 +0800
Subject: [PATCH 42/61] chore(release): attest session control fix

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 699d373..56ef5f6 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "b0f6f29",
+  "source_commit": "b0530ce4bf4193d9eaa10102721370adfd7887d7",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From 792b00521500c2e38f4693b9454b867475c1a491 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sat, 22 Aug 2026 09:56:24 +0800
Subject: [PATCH 43/61] fix(web): explain hosted session authentication

---
 src/__tests__/api-client.test.ts | 40 ++++++++++++++++++++++++++++++++
 src/api/client.ts                |  9 +++++++
 2 files changed, 49 insertions(+)
 create mode 100644 src/__tests__/api-client.test.ts

diff --git a/src/__tests__/api-client.test.ts b/src/__tests__/api-client.test.ts
new file mode 100644
index 0000000..6469b8e
--- /dev/null
+++ b/src/__tests__/api-client.test.ts
@@ -0,0 +1,40 @@
+import { describe, expect, it, vi } from 'vitest';
+import { ApiError, postJsonAction } from '../api/client.js';
+
+describe('AgentEngine action response parsing', () => {
+  it('explains Dashboard authentication when a hosted Agent returns an HTML 401', async () => {
+    const fetchMock = vi.fn().mockResolvedValue(new Response('<!doctype html>', {
+      status: 401,
+      headers: { 'content-type': 'text/html' },
+    }));
+    const previousFetch = globalThis.fetch;
+    globalThis.fetch = fetchMock as typeof fetch;
+
+    try {
+      await expect(postJsonAction('GetAgentUiBootstrap', { AgentId: 'agent-1' }))
+        .rejects
+        .toMatchObject<ApiError>({
+          code: 401,
+          message: '访问会话已失效，请从 Dashboard 或 Studio 的云端会话重新打开 Agent。',
+        });
+    } finally {
+      globalThis.fetch = previousFetch;
+    }
+  });
+
+  it('keeps malformed successful responses distinguishable from authentication failures', async () => {
+    const previousFetch = globalThis.fetch;
+    globalThis.fetch = vi.fn().mockResolvedValue(new Response('not-json', {
+      status: 200,
+      headers: { 'content-type': 'text/plain' },
+    })) as typeof fetch;
+
+    try {
+      await expect(postJsonAction('GetAgentUiBootstrap', { AgentId: 'agent-1' }))
+        .rejects
+        .toMatchObject<ApiError>({ code: -2, message: '响应格式异常' });
+    } finally {
+      globalThis.fetch = previousFetch;
+    }
+  });
+});
diff --git a/src/api/client.ts b/src/api/client.ts
index 250d54e..b867371 100644
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -36,6 +36,15 @@ async function parseActionResponse<T>(response: Response): Promise<T> {
   try {
     data = await response.json();
   } catch {
+    // Hosted Agent domains deliberately return an HTML 401/403 page when a
+    // user opens the raw URL without the short-lived Dashboard session.  This
+    // is an authentication boundary, not a malformed AgentEngine response.
+    if (response.status === 401 || response.status === 403) {
+      throw new ApiError(
+        response.status,
+        '访问会话已失效，请从 Dashboard 或 Studio 的云端会话重新打开 Agent。',
+      );
+    }
     throw new ApiError(-2, '响应格式异常');
   }
 

From 1edcad84c643206eace4dc1aee2a023be9ea95fe Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sat, 22 Aug 2026 09:56:37 +0800
Subject: [PATCH 44/61] chore(release): attest hosted session auth fix

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 56ef5f6..afcf788 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "b0530ce4bf4193d9eaa10102721370adfd7887d7",
+  "source_commit": "792b00521500c2e38f4693b9454b867475c1a491",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From bc640884bfbc59a5234a437ed34e7e9e411e445f Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sat, 22 Aug 2026 12:29:07 +0800
Subject: [PATCH 45/61] fix(web): avoid duplicate session on empty run stream

---
 src/__tests__/run-engine.test.ts | 37 ++++++++++++++++++++++++++++++++
 src/core/run/engine.ts           | 30 --------------------------
 2 files changed, 37 insertions(+), 30 deletions(-)

diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 557eb5e..6a372bf 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -989,6 +989,43 @@ describe('RunEngineImpl', () => {
     expect(settledSessionIds).toEqual(['session-history']);
   });
 
+  it('does not create a second session or replay a prompt after an empty first stream', async () => {
+    const calls: Record<string, unknown>[] = [];
+    const createdSessions: string[] = [];
+    const engine = createRunEngine({
+      ...createApiFacade(calls),
+      async createSession() {
+        const sessionId = `session-${createdSessions.length + 1}`;
+        createdSessions.push(sessionId);
+        return { SessionId: sessionId };
+      },
+      async runAgent(body) {
+        calls.push(body);
+        return new ReadableStream<Uint8Array>({
+          start(controller) {
+            controller.close();
+          },
+        });
+      },
+    });
+
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: 'hermes',
+      selectedModel: '',
+      thinkingMode: 'auto',
+    });
+
+    expect(engine.start({ text: '你好', attachments: [] })).toBe(true);
+    await waitForCalls(calls);
+    await waitForEngineIdle(engine);
+
+    expect(createdSessions).toEqual(['session-1']);
+    expect(calls).toHaveLength(1);
+    expect(calls[0]).toMatchObject({ SessionId: 'session-1' });
+  });
+
   it('keeps response.failed as failed instead of overwriting it as completed', async () => {
     const calls: Record<string, unknown>[] = [];
     const engine = createRunEngine({
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index ced5c27..ddcd168 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -260,8 +260,6 @@ export class RunEngineImpl implements RunEngine {
     (async () => {
       let sessionId: string | null = draft.sessionId || null;
       try {
-        let retriedWithNewSession = false;
-
         if (!sessionId) {
           sessionId = await this.createSession(draft);
         }
@@ -346,34 +344,6 @@ export class RunEngineImpl implements RunEngine {
           streamResult = await this.consumeStream(peeked.stream, protocol, protocolState, assistantMessageId, invocationId);
         }
 
-        if (!streamResult.receivedData && !draft.sessionId && !retriedWithNewSession) {
-          retriedWithNewSession = true;
-          sessionId = await this.createSession(draft);
-          if (sessionId) {
-            this.activeSessionId = sessionId;
-            body.SessionId = sessionId;
-            this.setStage('connecting');
-            this.emit({ type: 'activity', phase: '重建会话后重新连接', status: 'connecting', countEvent: false });
-            const retryStream = await this.api.runAgent(body, { signal: this.abortController?.signal });
-            this.setStage('streaming');
-            this.emit({ type: 'activity', phase: '等待首个输出', status: 'waiting', countEvent: false });
-            const retryMsgId = `msg-${Date.now()}`;
-            const retryPeeked = await peekKernelReceipt(retryStream);
-            if (retryPeeked.receipt) {
-              const retryResult = await this.consumeKernelRunEvents(
-                sessionId,
-                invocationId,
-                retryPeeked.receipt,
-                retryMsgId,
-              );
-              streamResult.terminalStatus = retryResult.terminalStatus;
-            } else {
-              const retryResult = await this.consumeStream(retryStream, protocol, protocolState, retryMsgId, invocationId);
-              streamResult.terminalStatus = retryResult.terminalStatus;
-            }
-          }
-        }
-
         if (streamResult.terminalStatus === 'cancelled') {
           this.setStage('stopping');
           useStreamingStore.getState().stopActivity('运行时已取消本次执行。');

From eed8d3ccf8d8b9cb6c34321aca116bdb0bfbd91b Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sat, 22 Aug 2026 12:37:03 +0800
Subject: [PATCH 46/61] fix(web): preserve sessions pending runtime deletion

---
 package.json                     |  1 +
 src/__tests__/run-engine.test.ts |  2 +-
 src/api/session.ts               | 17 +++++++++++++++--
 src/core/api/facade.ts           |  2 +-
 src/core/api/types.ts            |  5 ++++-
 src/hooks/useSessionLifecycle.ts | 11 ++++++++++-
 6 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index c810a30..992de04 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "build:hosted": "VITE_BASE_PATH=/chat/ vite build --outDir dist-hosted",
     "build:lib": "vite build --config vite.lib.config.ts && tsc -p tsconfig.lib.json",
     "build:all": "npm run build:ksadk && npm run build:hosted && npm run build:lib",
+    "prepack": "npm run build:lib && npm run build:ksadk",
     "lint": "eslint .",
     "preview": "vite preview",
     "test": "vitest run src",
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 6a372bf..ef408bc 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -11,7 +11,7 @@ function createApiFacade(calls: Record<string, unknown>[], uploadCalls: FormData
   return {
     async listSessions() { return []; },
     async createSession() { return { SessionId: 'session-1' }; },
-    async deleteSession() {},
+    async deleteSession() { return {}; },
     async getSession() {
       return { SessionId: 'session-1', ActiveRunStatus: '' };
     },
diff --git a/src/api/session.ts b/src/api/session.ts
index e037ae8..729ddcb 100644
--- a/src/api/session.ts
+++ b/src/api/session.ts
@@ -36,6 +36,16 @@ type CreateSessionResponse = {
   Session: SessionPayload;
 };
 
+export type DeleteSessionResult = {
+  /**
+   * `false` means the Server deliberately kept the session because its
+   * runtime-side deletion has not completed.  Older Servers omit this field;
+   * their successful response retains the historical "deleted" behaviour.
+   */
+  Deleted?: boolean;
+  RuntimeSync?: string;
+};
+
 export type { SessionPayload };
 
 export type ListSessionsOptions = {
@@ -70,8 +80,11 @@ export async function createSession(agentId: string, opts?: { signal?: AbortSign
   return data.Session;
 }
 
-export async function deleteSession(sessionId: string, opts?: { signal?: AbortSignal }): Promise<void> {
-  await postJsonAction<unknown>('DeleteSession', { SessionId: sessionId }, opts);
+export async function deleteSession(
+  sessionId: string,
+  opts?: { signal?: AbortSignal },
+): Promise<DeleteSessionResult> {
+  return postJsonAction<DeleteSessionResult>('DeleteSession', { SessionId: sessionId }, opts);
 }
 
 export async function getSession(
diff --git a/src/core/api/facade.ts b/src/core/api/facade.ts
index 6539d2e..9b88423 100644
--- a/src/core/api/facade.ts
+++ b/src/core/api/facade.ts
@@ -23,7 +23,7 @@ export class ApiFacadeImpl implements ApiFacade {
   }
 
   async deleteSession(sessionId: string, opts?: { signal?: AbortSignal }) {
-    await deleteSessionApi(sessionId, opts);
+    return deleteSessionApi(sessionId, opts);
   }
 
   async getSession(sessionId: string, opts?: { signal?: AbortSignal }) {
diff --git a/src/core/api/types.ts b/src/core/api/types.ts
index d3d23dc..2268957 100644
--- a/src/core/api/types.ts
+++ b/src/core/api/types.ts
@@ -7,7 +7,10 @@ export interface ApiFacade {
     PageSize?: number;
   }>;
   createSession(agentId: string, opts?: { signal?: AbortSignal }): Promise<{ SessionId: string }>;
-  deleteSession(sessionId: string, opts?: { signal?: AbortSignal }): Promise<void>;
+  deleteSession(sessionId: string, opts?: { signal?: AbortSignal }): Promise<{
+    Deleted?: boolean;
+    RuntimeSync?: string;
+  }>;
   getSession(sessionId: string, opts?: { signal?: AbortSignal }): Promise<{
     SessionId: string;
     AgentId?: string;
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index 521aa8f..38f2dc3 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -618,7 +618,15 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
   const deleteSession = useCallback(
     async (sessionId: string) => {
       try {
-        await api.deleteSession(sessionId);
+        const result = await api.deleteSession(sessionId);
+        if (result.Deleted === false) {
+          useUIStore.getState().pushToast(
+            '会话暂未删除，云端运行时仍在同步，请稍后重试。',
+            'error',
+          );
+          void fetchSessions(agentId, currentSessionIdRef.current ?? undefined);
+          return;
+        }
         useSessionStore.getState().removeSession(sessionId);
         useSessionStore.getState().clearSessionMessageHistory(sessionId);
         if (currentSessionIdRef.current === sessionId) {
@@ -636,6 +644,7 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
       } catch (error) {
         if (error instanceof CancelledError) return;
         console.error('Failed to delete session', error);
+        useUIStore.getState().pushToast('删除会话失败，请稍后重试。', 'error');
       }
     },
     [agentId, api, disconnectRun, fetchSessions],

From e6475db2b31e465979c487b4c0ff58c597986824 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sat, 22 Aug 2026 15:17:14 +0800
Subject: [PATCH 47/61] fix(web): refresh 0.3.2 dependency lock

---
 CHANGELOG.md      |  6 ++++
 package-lock.json | 80 ++++++++++++++++++++++++++++-------------------
 2 files changed, 54 insertions(+), 32 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f850e87..8c6d655 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -53,6 +53,12 @@
 - Public runtime bundle exports `InteractionClientImpl`, `Interaction`,
   adapters, and `interactionIdempotencyKey`.
 
+### Supply chain
+
+- Refresh the lockfile's production transitive dependencies for the `0.3.2`
+  candidate: Mermaid/DOMPurify and PostCSS/nanoid now resolve to the patched
+  releases verified by `npm audit --omit=dev`.
+
 ## 0.3.1 - 2026-08-12 - 2026-08-12
 
 > Identity-aware runtime item reducer. Counterpart of the KsADK `0.8.1`
diff --git a/package-lock.json b/package-lock.json
index 0384e67..2ffab9c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2424,12 +2424,12 @@
       "license": "MIT"
     },
     "node_modules/@mermaid-js/parser": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.1.1.tgz",
-      "integrity": "sha512-VuHdsYMK1bT6X2JbcAaWAhugTRvRBRyuZgd+c22swUeI9g/ntaxF7CY7dYarhZovofCbUNO0G7JesfmNtjYOCw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@mermaid-js/parser/-/parser-1.2.1.tgz",
+      "integrity": "sha512-n12NohV3mrUyUL2o93IgG/ifeW9FTyeJn3zDxkhwa8MJ9Fxg3HQMlA3RiGmD/3UnJvheztkjjQAjA2T4LmUcpw==",
       "license": "MIT",
       "dependencies": {
-        "@chevrotain/types": "~11.1.1"
+        "@chevrotain/types": "~11.1.2"
       }
     },
     "node_modules/@napi-rs/wasm-runtime": {
@@ -6663,9 +6663,9 @@
       "license": "MIT"
     },
     "node_modules/cytoscape": {
-      "version": "3.33.1",
-      "resolved": "https://registry.npmmirror.com/cytoscape/-/cytoscape-3.33.1.tgz",
-      "integrity": "sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==",
+      "version": "3.34.1",
+      "resolved": "https://registry.npmjs.org/cytoscape/-/cytoscape-3.34.1.tgz",
+      "integrity": "sha512-Lr0RvH9H75y9ar8h9Toy6u4lxRSCcxUq+hHcQ26sVWo6BnaQp1gwEZOYqwuYTZhyW7npyKnNLP8oJ2p1/3OZ7g==",
       "license": "MIT",
       "engines": {
         "node": ">=0.10"
@@ -7181,9 +7181,9 @@
       }
     },
     "node_modules/dayjs": {
-      "version": "1.11.20",
-      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.20.tgz",
-      "integrity": "sha512-YbwwqR/uYpeoP4pu043q+LTDLFBLApUP6VxRihdfNTqu4ubqMlGDLd6ErXhEgsyvY0K6nCs7nggYumAN+9uEuQ==",
+      "version": "1.11.23",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.23.tgz",
+      "integrity": "sha512-QDTCU0M0MxR3hQfnlDJfwekQiaanm1ubOD231u73WBckQ/fsamwRLiE2GBz6D3a/xF1NgfiDLJjXBa1hYOYTtQ==",
       "license": "MIT"
     },
     "node_modules/debug": {
@@ -7322,9 +7322,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.4.12",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.12.tgz",
-      "integrity": "sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg==",
+      "version": "3.4.14",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.14.tgz",
+      "integrity": "sha512-dVoH9z+MY+C9IilgGCk3YfFqjLi3fChm2OiKJMzh6axrJ5qwxqWaZamgmHrpv22CN/KdbZJuGEGgfQoL00LTdg==",
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
         "@types/trusted-types": "^2.0.7"
@@ -7674,6 +7674,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fastdom": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/fastdom/-/fastdom-1.0.12.tgz",
+      "integrity": "sha512-LB+xjSTEbjHE1cWsxu+tN2Xqr1kpi+V9aADI7sVM5ZMaXyYGPHULQMzpJMYqOTULK/73pUkWVzzObFRBkPr+hg==",
+      "license": "MIT",
+      "dependencies": {
+        "strictdom": "^1.0.1"
+      }
+    },
     "node_modules/fault": {
       "version": "1.0.4",
       "resolved": "https://registry.npmmirror.com/fault/-/fault-1.0.4.tgz",
@@ -8550,9 +8559,9 @@
       }
     },
     "node_modules/katex": {
-      "version": "0.16.44",
-      "resolved": "https://registry.npmmirror.com/katex/-/katex-0.16.44.tgz",
-      "integrity": "sha512-EkxoDTk8ufHqHlf9QxGwcxeLkWRR3iOuYfRpfORgYfqc8s13bgb+YtRY59NK5ZpRaCwq1kqA6a5lpX8C/eLphQ==",
+      "version": "0.16.47",
+      "resolved": "https://registry.npmjs.org/katex/-/katex-0.16.47.tgz",
+      "integrity": "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg==",
       "funding": [
         "https://opencollective.com/katex",
         "https://github.com/sponsors/katex"
@@ -9407,26 +9416,27 @@
       }
     },
     "node_modules/mermaid": {
-      "version": "11.15.0",
-      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.15.0.tgz",
-      "integrity": "sha512-pTMbcf3rWdtLiYGpmoTjHEpeY8seiy6sR+9nD7LOs8KfUbHE4lOUAprTRqRAcWSQ6MQpdX+YEsxShtGsINtPtw==",
+      "version": "11.17.0",
+      "resolved": "https://registry.npmjs.org/mermaid/-/mermaid-11.17.0.tgz",
+      "integrity": "sha512-Jo9N377Wb4MSnHFPTbLi2SxFpsQl4eVHoxnW5U1Md9EazvgMp3s+4ohDxr81YNTgbn5Kj7HJ3yslrSJ52kwpbA==",
       "license": "MIT",
       "dependencies": {
-        "@braintree/sanitize-url": "^7.1.1",
+        "@braintree/sanitize-url": "^7.1.2",
         "@iconify/utils": "^3.0.2",
-        "@mermaid-js/parser": "^1.1.1",
+        "@mermaid-js/parser": "^1.2.1",
         "@types/d3": "^7.4.3",
         "@upsetjs/venn.js": "^2.0.0",
-        "cytoscape": "^3.33.1",
+        "cytoscape": "^3.34.0",
         "cytoscape-cose-bilkent": "^4.1.0",
         "cytoscape-fcose": "^2.2.0",
         "d3": "^7.9.0",
         "d3-sankey": "^0.12.3",
         "dagre-d3-es": "7.0.14",
-        "dayjs": "^1.11.19",
-        "dompurify": "^3.3.1",
+        "dayjs": "^1.11.21",
+        "dompurify": "^3.3.3",
         "es-toolkit": "^1.45.1",
-        "katex": "^0.16.25",
+        "fastdom": "1.0.12",
+        "katex": "^0.16.47",
         "khroma": "^2.1.0",
         "marked": "^16.3.0",
         "roughjs": "^4.6.6",
@@ -10144,9 +10154,9 @@
       "license": "MIT"
     },
     "node_modules/nanoid": {
-      "version": "3.3.16",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
-      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "version": "3.3.18",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+      "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
       "funding": [
         {
           "type": "github",
@@ -10484,9 +10494,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.5.22",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.22.tgz",
-      "integrity": "sha512-KBDEIpLrvpv16pp3K0Fw+UCoZfopFjjgeB+0tA/aaThfEE74kKDLrgg603YvOWJyg3+WYtyq3xYsQWsIyZlPqQ==",
+      "version": "8.5.26",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz",
+      "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -10503,7 +10513,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.16",
+        "nanoid": "^3.3.17",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -11292,6 +11302,12 @@
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/strictdom": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strictdom/-/strictdom-1.0.1.tgz",
+      "integrity": "sha512-cEmp9QeXXRmjj/rVp9oyiqcvyocWab/HaoN4+bwFeZ7QzykJD6L3yD4v12K1x0tHpqRqVpJevN3gW7kyM39Bqg==",
+      "license": "MIT"
+    },
     "node_modules/string-width": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz",

From 190b1b6f807a08fc006c482625b72944f4a1e986 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sun, 23 Aug 2026 12:10:57 +0800
Subject: [PATCH 48/61] fix(web): surface rejected streaming admissions

---
 src/__tests__/api-client.test.ts | 28 +++++++++++++++++++++++++++-
 src/api/client.ts                |  8 ++++++++
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/__tests__/api-client.test.ts b/src/__tests__/api-client.test.ts
index 6469b8e..e65f2a4 100644
--- a/src/__tests__/api-client.test.ts
+++ b/src/__tests__/api-client.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it, vi } from 'vitest';
-import { ApiError, postJsonAction } from '../api/client.js';
+import { ApiError, postJsonAction, streamAction } from '../api/client.js';
 
 describe('AgentEngine action response parsing', () => {
   it('explains Dashboard authentication when a hosted Agent returns an HTML 401', async () => {
@@ -37,4 +37,30 @@ describe('AgentEngine action response parsing', () => {
       globalThis.fetch = previousFetch;
     }
   });
+
+  it('rejects an HTTP 200 action error before exposing it as an SSE stream', async () => {
+    const previousFetch = globalThis.fetch;
+    globalThis.fetch = vi.fn().mockResolvedValue(new Response(JSON.stringify({
+      Code: 503,
+      Message: 'runtime agent kernel is not ready',
+      Data: {
+        ReceiptStatus: 'rejected',
+        Error: { code: 'runtime_not_ready' },
+      },
+    }), {
+      status: 200,
+      headers: { 'content-type': 'application/json; charset=utf-8' },
+    })) as typeof fetch;
+
+    try {
+      await expect(streamAction('RunAgent', { Stream: true }))
+        .rejects
+        .toMatchObject<ApiError>({
+          code: 503,
+          message: 'runtime agent kernel is not ready',
+        });
+    } finally {
+      globalThis.fetch = previousFetch;
+    }
+  });
 });
diff --git a/src/api/client.ts b/src/api/client.ts
index b867371..972d4b1 100644
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -164,6 +164,14 @@ export async function streamAction(
     throw new ApiError(response.status, `流式请求失败: ${response.statusText}`);
   }
 
+  const contentType = response.headers.get('content-type')?.toLowerCase() || '';
+  if (contentType.includes('application/json')) {
+    // Action endpoints sometimes carry business failures in an HTTP 200 JSON
+    // envelope. Validate a clone so successful legacy JSON responses keep
+    // their original body while rejected admissions never masquerade as SSE.
+    await parseActionResponse(response.clone());
+  }
+
   if (!response.body) {
     throw new ApiError(-1, '无法获取响应流');
   }

From 97945564b54602aa36d45408b22604e0709f85a7 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sun, 23 Aug 2026 12:11:52 +0800
Subject: [PATCH 49/61] chore(web): record streaming fix provenance

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index afcf788..03f11f7 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "792b00521500c2e38f4693b9454b867475c1a491",
+  "source_commit": "190b1b6f807a08fc006c482625b72944f4a1e986",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From 12ada9592cf5cab178a4ddd7add44cde24ef9ac1 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Sun, 23 Aug 2026 20:13:54 +0800
Subject: [PATCH 50/61] fix(web): fail closed for unauthorized hosted links

---
 src/App.tsx                          | 40 ++++++++++++++++++++++++++++
 src/__tests__/bootstrap-auth.test.ts | 28 +++++++++++++++++++
 src/api/client.ts                    | 15 +++++++++--
 src/hooks/useBootstrap.ts            | 25 ++++++++++-------
 src/stores/bootstrap.ts              |  8 ++++++
 5 files changed, 104 insertions(+), 12 deletions(-)
 create mode 100644 src/__tests__/bootstrap-auth.test.ts

diff --git a/src/App.tsx b/src/App.tsx
index 7362f55..5438808 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -86,6 +86,8 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
   const agentFramework = useBootstrapStore((s: BootstrapStore) => s.agentFramework);
   const workspaceFiles = useBootstrapStore((s: BootstrapStore) => s.workspaceFiles) as BootstrapWorkspaceFiles | null;
   const accessMode = useBootstrapStore((s: BootstrapStore) => s.accessMode);
+  const bootstrapStatus = useBootstrapStore((s: BootstrapStore) => s.status);
+  const bootstrapErrorMessage = useBootstrapStore((s: BootstrapStore) => s.errorMessage);
   const workspacePanelOpen = useUIStore((s: UIStore) => s.workspacePanelOpen);
   const workspacePanelWidth = useUIStore((s: UIStore) => s.workspacePanelWidth);
   const workspacePanelFullscreen = useUIStore((s: UIStore) => s.workspacePanelFullscreen);
@@ -313,6 +315,44 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
     useUIStore.getState().setWorkspacePanelFullscreen(false);
     useUIStore.getState().setWorkspacePanelOpen(false);
   };
+
+  if (bootstrapStatus !== 'ready') {
+    const authRequired = bootstrapStatus === 'auth-required';
+    const bootstrapContent = (
+      <div className="flex h-[var(--app-height)] min-h-[var(--app-height)] items-center justify-center bg-slate-50 px-6 font-sans text-slate-800 dark:bg-slate-950 dark:text-slate-100">
+        <div className="w-full max-w-lg rounded-2xl border border-slate-200 bg-white p-8 text-center shadow-sm dark:border-slate-800 dark:bg-slate-900">
+          <div className="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-blue-50 text-xl text-blue-600 dark:bg-blue-950/50">
+            {bootstrapStatus === 'loading' ? '…' : '↗'}
+          </div>
+          <h1 className="text-xl font-semibold">
+            {bootstrapStatus === 'loading'
+              ? '正在连接 Agent'
+              : authRequired
+                ? '需要有效的访问链接'
+                : 'Agent 暂时无法连接'}
+          </h1>
+          {bootstrapStatus !== 'loading' ? (
+            <>
+              <p className="mt-3 text-sm leading-6 text-slate-500 dark:text-slate-400">
+                {bootstrapErrorMessage}
+                {authRequired
+                  ? ' 请从 AgentEngine 控制台重新打开 Dashboard，或使用 agentengine dashboard open 获取临时链接。'
+                  : ''}
+              </p>
+              <button
+                type="button"
+                className="mt-6 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition hover:bg-blue-500"
+                onClick={() => window.location.reload()}
+              >
+                重新加载
+              </button>
+            </>
+          ) : null}
+        </div>
+      </div>
+    );
+    return RouteShell ? <RouteShell>{bootstrapContent}</RouteShell> : bootstrapContent;
+  }
   const handleWorkspacePanelResizeStart = (event: React.PointerEvent<HTMLDivElement>) => {
     if (workspacePanelFullscreen || isMobile) return;
     event.preventDefault();
diff --git a/src/__tests__/bootstrap-auth.test.ts b/src/__tests__/bootstrap-auth.test.ts
new file mode 100644
index 0000000..903e26c
--- /dev/null
+++ b/src/__tests__/bootstrap-auth.test.ts
@@ -0,0 +1,28 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { ApiError, postJsonAction } from '../api/client.js';
+import { classifyBootstrapFailure } from '../hooks/useBootstrap.js';
+
+describe('hosted UI bootstrap authorization', () => {
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it('preserves a non-JSON HTTP authorization status', async () => {
+    vi.stubGlobal('fetch', vi.fn(async () => new Response('Unauthorized', {
+      status: 401,
+      statusText: 'Unauthorized',
+    })));
+
+    await expect(postJsonAction('GetAgentUiBootstrap', {})).rejects.toMatchObject({
+      name: 'ApiError',
+      code: 401,
+      message: 'Unauthorized',
+    });
+  });
+
+  it('fails closed for unauthorized bootstrap links', () => {
+    expect(classifyBootstrapFailure(new ApiError(401, 'Unauthorized'))).toBe('auth-required');
+    expect(classifyBootstrapFailure(new ApiError(403, 'Forbidden'))).toBe('auth-required');
+    expect(classifyBootstrapFailure(new ApiError(500, 'Unavailable'))).toBe('error');
+  });
+});
diff --git a/src/api/client.ts b/src/api/client.ts
index 250d54e..59594f7 100644
--- a/src/api/client.ts
+++ b/src/api/client.ts
@@ -32,10 +32,21 @@ export class CancelledError extends Error {
 const API_BASE = '/agentengine/api/v1';
 
 async function parseActionResponse<T>(response: Response): Promise<T> {
-  let data: Record<string, unknown>;
+  const raw = await response.text();
+  let data: Record<string, unknown> = {};
   try {
-    data = await response.json();
+    data = raw ? JSON.parse(raw) as Record<string, unknown> : {};
   } catch {
+    if (!response.ok) {
+      const plainMessage = raw.trim();
+      throw new ApiError(
+        response.status,
+        plainMessage && plainMessage.length <= 256 && !plainMessage.startsWith('<')
+          ? plainMessage
+          : response.statusText || `HTTP ${response.status}`,
+        raw,
+      );
+    }
     throw new ApiError(-2, '响应格式异常');
   }
 
diff --git a/src/hooks/useBootstrap.ts b/src/hooks/useBootstrap.ts
index 518ad25..ddb83e2 100644
--- a/src/hooks/useBootstrap.ts
+++ b/src/hooks/useBootstrap.ts
@@ -9,6 +9,13 @@ import { readPersistedSessionId } from '../utils/session.js';
 import type { UiCapabilities } from '../types/capabilities.js';
 import type { BootstrapModel, BootstrapWorkspaceFiles } from '../types/bootstrap.js';
 import type { RuntimeApiFormat } from '../types/api.js';
+import { ApiError } from '../api/client.js';
+
+export function classifyBootstrapFailure(error: unknown): 'auth-required' | 'error' {
+  return error instanceof ApiError && (error.code === 401 || error.code === 403)
+    ? 'auth-required'
+    : 'error';
+}
 
 function normalizeApiFormats(value: unknown): RuntimeApiFormat[] {
   if (!Array.isArray(value)) {
@@ -48,6 +55,7 @@ type SessionCallbacks = {
 export function useBootstrap(sessionCallbacks: SessionCallbacks) {
   useEffect(() => {
     void (async () => {
+      useBootstrapStore.getState().setStatus('loading');
       try {
         const data = await getAgentUiBootstrap();
         const dataRecord = data as Record<string, unknown>;
@@ -91,19 +99,16 @@ export function useBootstrap(sessionCallbacks: SessionCallbacks) {
           useModelStore.getState().setModelSource(bootstrapModel.source || '');
         }
         void fetchModels(bootstrapAgentId);
+        useBootstrapStore.getState().setStatus('ready');
       } catch (error) {
         console.error('Failed to fetch bootstrap:', error);
-        useBootstrapStore.getState().setCapabilities(
-          normalizeCapabilities({
-            Data: {
-              Agent: { Framework: '' },
-              ApiFormats: ['responses', 'chat_completions'],
-              Capabilities: {},
-            },
-          }) as UiCapabilities,
+        const status = classifyBootstrapFailure(error);
+        useBootstrapStore.getState().setStatus(
+          status,
+          status === 'auth-required'
+            ? '当前访问链接未授权或已过期。'
+            : '无法加载 Agent 配置，请稍后重试。',
         );
-        void sessionCallbacks.fetchSessions('default-agent', readPersistedSessionId('default-agent'));
-        void fetchModels('default-agent');
       }
     })();
     // eslint-disable-next-line react-hooks/exhaustive-deps
diff --git a/src/stores/bootstrap.ts b/src/stores/bootstrap.ts
index 114362d..0da3bc9 100644
--- a/src/stores/bootstrap.ts
+++ b/src/stores/bootstrap.ts
@@ -3,6 +3,8 @@ import { normalizeCapabilities } from '../utils/capabilities.js';
 import type { RuntimeApiFormat } from '../types/api.js';
 import type { UiCapabilities } from '../types/capabilities.js';
 
+export type BootstrapStatus = 'loading' | 'ready' | 'auth-required' | 'error';
+
 export type BootstrapState = {
   agentId: string;
   agentName: string;
@@ -11,6 +13,8 @@ export type BootstrapState = {
   apiFormats: RuntimeApiFormat[];
   accessMode: string;
   workspaceFiles: Record<string, unknown> | null;
+  status: BootstrapStatus;
+  errorMessage: string;
 };
 
 export type BootstrapActions = {
@@ -21,6 +25,7 @@ export type BootstrapActions = {
   setApiFormats: (formats: RuntimeApiFormat[]) => void;
   setAccessMode: (mode: string) => void;
   setWorkspaceFiles: (files: Record<string, unknown> | null) => void;
+  setStatus: (status: BootstrapStatus, errorMessage?: string) => void;
 };
 
 export type BootstrapStore = BootstrapState & BootstrapActions;
@@ -33,6 +38,8 @@ export const useBootstrapStore = create<BootstrapStore>()((set) => ({
   apiFormats: ['responses', 'chat_completions'],
   accessMode: 'Owner',
   workspaceFiles: null,
+  status: 'loading',
+  errorMessage: '',
   setAgentId: (id) => set({ agentId: id }),
   setAgentName: (name) => set({ agentName: name }),
   setAgentFramework: (framework) => set({ agentFramework: framework }),
@@ -40,4 +47,5 @@ export const useBootstrapStore = create<BootstrapStore>()((set) => ({
   setApiFormats: (formats) => set({ apiFormats: formats }),
   setAccessMode: (mode) => set({ accessMode: mode }),
   setWorkspaceFiles: (files) => set({ workspaceFiles: files }),
+  setStatus: (status, errorMessage = '') => set({ status, errorMessage }),
 }));

From 06f876ebe0ece66a3e1c2ce95422229739c8ad7f Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 02:32:42 +0800
Subject: [PATCH 51/61] chore(release): attest consolidated web 0.3.2 source

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 03f11f7..a4f77fb 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "190b1b6f807a08fc006c482625b72944f4a1e986",
+  "source_commit": "c3f7cf3ef34155048c64a976b766b4ff9ab3a489",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From 1f5abe3abb2b25333536f7bdb49a2e068758bda3 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 02:34:06 +0800
Subject: [PATCH 52/61] test(web): cover unified legacy approval projection

---
 tests/responses-stream.test.mjs | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/tests/responses-stream.test.mjs b/tests/responses-stream.test.mjs
index e78fceb..08793b3 100644
--- a/tests/responses-stream.test.mjs
+++ b/tests/responses-stream.test.mjs
@@ -174,6 +174,13 @@ test('responses stream utils expose standard mcp approval request resume metadat
         previousResponseId: 'resp_123',
         serverLabel: 'workspace',
       },
+      {
+        type: 'approval_request',
+        approvalRequestId: 'appr_123',
+        previousResponseId: 'resp_123',
+        name: 'delete_file',
+        args: '{"path":"README.md"}',
+      },
     ],
   );
 });
@@ -204,6 +211,12 @@ test('responses stream utils project wrapped LangGraph HITL interrupts immediate
       status: 'paused',
       approvalRequestId: 'interrupt-1',
       previousResponseId: '',
+    }, {
+      type: 'approval_request',
+      approvalRequestId: 'interrupt-1',
+      previousResponseId: '',
+      name: 'write_file',
+      args: '{"path":"/tmp/x.txt"}',
     }],
   );
 });

From fe77c98217e9e346aabfe20d3106925feda4ae4e Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 10:48:32 +0800
Subject: [PATCH 53/61] feat(web): unify hosted chat composer controls

---
 src/App.tsx                               |   2 +
 src/__tests__/composer-contract.test.ts   |  27 +++
 src/components/chat/ChatComposer.tsx      |  75 +++-----
 src/components/chat/ConnectedComposer.tsx |  14 +-
 src/components/chat/ModelSettingsMenu.tsx | 198 ++++++++++++++++++++++
 src/components/chat/PermissionMenu.tsx    |  21 ++-
 src/hooks/useRunAgent.ts                  |   2 +-
 7 files changed, 285 insertions(+), 54 deletions(-)
 create mode 100644 src/components/chat/ModelSettingsMenu.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 5438808..44fa509 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -464,8 +464,10 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
           stopGeneration={handleStopGeneration}
           cancelRemote={uiCapabilities.StopRun ? handleCancelRemote : undefined}
           isMobile={isMobile}
+          attachmentsEnabled={uiCapabilities.Attachments !== false}
           approvalEnabled={Boolean(uiCapabilities.Approval) && uiCapabilities.ApprovalPolicy?.RuntimeOverride !== false}
           approvalPolicy={uiCapabilities.ApprovalPolicy}
+          thinkingEnabled={thinkingEnabled}
           pendingInteractions={pendingInteractions}
           onRespondInteraction={(input) => {
             void respondInteraction(input);
diff --git a/src/__tests__/composer-contract.test.ts b/src/__tests__/composer-contract.test.ts
index 933e124..1c7e9dc 100644
--- a/src/__tests__/composer-contract.test.ts
+++ b/src/__tests__/composer-contract.test.ts
@@ -29,6 +29,33 @@ describe('ChatComposer interaction contract', () => {
     expect(source).toContain('void submitDraft(draftText, draftAttachments)');
   });
 
+  it('uses the compact Codex-style composer controls without native selects', () => {
+    const composerSource = readSource('components/chat/ChatComposer.tsx');
+    const modelMenuSource = readSource('components/chat/ModelSettingsMenu.tsx');
+    const permissionSource = readSource('components/chat/PermissionMenu.tsx');
+
+    expect(composerSource).toContain('<Plus');
+    expect(composerSource).toContain('<ModelSettingsMenu');
+    expect(composerSource).toContain("'flex h-9 w-9 shrink-0 items-center justify-center rounded-full");
+    expect(modelMenuSource).not.toContain('<select');
+    expect(modelMenuSource).toContain('rounded-xl bg-muted/80');
+    expect(modelMenuSource).toContain("type SettingsPanel = 'model' | 'reasoning'");
+    expect(permissionSource).toContain("value: 'ask'");
+    expect(permissionSource).toContain("value: 'risk'");
+    expect(permissionSource).toContain("value: 'full'");
+  });
+
+  it('hides unsupported controls and never sends unsupported thinking options', () => {
+    const appSource = readSource('App.tsx');
+    const connectedSource = readSource('components/chat/ConnectedComposer.tsx');
+    const runSource = readSource('hooks/useRunAgent.ts');
+
+    expect(appSource).toContain('attachmentsEnabled={uiCapabilities.Attachments !== false}');
+    expect(appSource).toContain('thinkingEnabled={thinkingEnabled}');
+    expect(connectedSource).toContain("if (!thinkingEnabled) setThinkingMode('auto')");
+    expect(runSource).toContain("thinkingMode: uiCapabilities.Thinking ? thinkingMode : 'auto'");
+  });
+
   it('refreshes the active session after runtime cancel so checkpoint controls can appear', () => {
     const source = readSource('App.tsx');
     const cancelHandlerStart = source.indexOf('const handleCancelRemote = useCallback');
diff --git a/src/components/chat/ChatComposer.tsx b/src/components/chat/ChatComposer.tsx
index 09e812f..f42446c 100644
--- a/src/components/chat/ChatComposer.tsx
+++ b/src/components/chat/ChatComposer.tsx
@@ -7,16 +7,15 @@ import type {
   RefObject,
 } from 'react';
 
-import { ArrowUp, Paperclip, Square } from 'lucide-react';
+import { ArrowUp, Paperclip, Plus, Square } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
 import { useModelStore } from '@/stores/model.js';
 import type { ModelStore } from '@/stores/model.js';
 import type { ApprovalPolicyCapability } from '@/types/capabilities.js';
-import { normalizeThinkingMode } from '@/utils/model-options.js';
 
 import { ContextUsageIndicator } from './ContextUsageIndicator';
-import { MenuChip } from './MenuChip';
+import { ModelSettingsMenu } from './ModelSettingsMenu';
 import { PermissionMenu } from './PermissionMenu';
 import type { ComposerContextIndicator } from './types';
 
@@ -28,8 +27,10 @@ type ChatComposerProps = {
   input: string;
   isMobile: boolean;
   isStreaming: boolean;
+  attachmentsEnabled?: boolean;
   approvalEnabled?: boolean;
   approvalPolicy?: ApprovalPolicyCapability;
+  thinkingEnabled?: boolean;
   queuedDrafts: Array<{ text: string; attachments: File[] }>;
   onAppendAttachments: (files: File[]) => void;
   onInputChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
@@ -49,8 +50,10 @@ export function ChatComposer({
   input,
   isMobile,
   isStreaming,
+  attachmentsEnabled = true,
   approvalEnabled = false,
   approvalPolicy,
+  thinkingEnabled = false,
   queuedDrafts,
   onAppendAttachments,
   onInputChange,
@@ -70,10 +73,6 @@ export function ChatComposer({
   const thinkingMode = useModelStore((s: ModelStore) => s.thinkingMode);
   const setSelectedModel = useModelStore((s: ModelStore) => s.setSelectedModel);
   const setThinkingMode = useModelStore((s: ModelStore) => s.setThinkingMode);
-  const selectedModelLabel =
-    availableModels.find((m) => m.id === selectedModel)?.display_name || selectedModel || '';
-  const thinkingLabel = (mode: 'auto' | 'enabled' | 'disabled') =>
-    mode === 'enabled' ? '开启思考' : mode === 'disabled' ? '关闭思考' : '思考自动';
   const formatFileSize = (bytes: number) => {
     if (bytes < 1024) return `${bytes} B`;
     if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -84,7 +83,7 @@ export function ChatComposer({
     event.preventDefault();
     event.stopPropagation();
 
-    if (event.dataTransfer.files && event.dataTransfer.files.length > 0) {
+    if (attachmentsEnabled && event.dataTransfer.files && event.dataTransfer.files.length > 0) {
       onAppendAttachments(Array.from(event.dataTransfer.files));
     }
   };
@@ -151,8 +150,7 @@ export function ChatComposer({
           </div>
         ) : null}
 
-        {/* wework 风格:外层 surface+软阴影,内层 background+细边,圆角 26px */}
-        <div className="relative rounded-[26px] bg-surface shadow-[0_0_0_0.5px_rgba(15,23,42,0.08),0_3px_7.5px_rgba(0,0,0,0.04),0_0_20px_rgba(0,0,0,0.05)] dark:shadow-[0_0_0_0.5px_rgba(255,255,255,0.06),0_3px_7.5px_rgba(0,0,0,0.2)]">
+        <div className="relative rounded-[28px] bg-surface shadow-[0_0_0_0.5px_rgba(15,23,42,0.08),0_5px_18px_rgba(15,23,42,0.07)] dark:shadow-[0_0_0_0.5px_rgba(255,255,255,0.06),0_8px_24px_rgba(0,0,0,0.24)]">
           <div className="flex items-center gap-3">
             <form
               onSubmit={handleSubmit}
@@ -161,7 +159,7 @@ export function ChatComposer({
                 event.stopPropagation();
               }}
               onDrop={handleDrop}
-              className="relative flex min-h-[76px] min-w-0 flex-1 flex-col rounded-[26px] border border-border/45 bg-background px-4 pb-1.5 pt-2 transition-all focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15"
+              className="relative flex min-h-[116px] min-w-0 flex-1 flex-col rounded-[28px] border border-border/55 bg-background px-4 pb-3 pt-3 transition-all focus-within:border-primary/40 focus-within:ring-2 focus-within:ring-primary/15 sm:px-5"
             >
               {attachments.length > 0 ? (
                 <div className="mb-1.5 flex flex-wrap gap-2">
@@ -202,17 +200,16 @@ export function ChatComposer({
                 onPaste={onPaste}
                 placeholder={placeholderText}
                 className={cn(
-                  'custom-scrollbar max-h-[112px] min-h-[48px] w-full resize-none overflow-y-auto border-0 bg-transparent px-0 pb-0 pt-1 text-[14px] leading-6 text-text-primary outline-none placeholder:text-text-muted/55',
+                  'custom-scrollbar max-h-[176px] min-h-[62px] w-full resize-none overflow-y-auto border-0 bg-transparent px-0 pb-1 pt-1 text-[15px] leading-6 text-text-primary outline-none placeholder:text-text-muted/60',
                   isMobile ? 'text-[16px]' : 'text-[14px]',
                 )}
                 style={{ maxHeight: `${composerMaxHeight}px`, overflowY: 'auto' }}
               />
 
-              {/* wework 风格工具栏:左组(附件+权限+model+思考) | 右组(上下文环+发送) */}
-              <div className="mt-auto flex min-h-8 items-center justify-between gap-2 pt-1">
-                <div className="flex items-center gap-2">
-                  <label
-                    className="flex h-8 w-8 items-center justify-center rounded-full text-text-muted transition hover:bg-muted hover:text-text-secondary"
+              <div className="mt-auto flex min-h-8 items-center justify-between gap-2 pt-1.5">
+                <div className="flex min-w-0 items-center gap-1.5">
+                  {attachmentsEnabled ? <label
+                    className="flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-xl text-text-secondary transition hover:bg-muted hover:text-text-primary focus-within:ring-2 focus-within:ring-primary/25"
                     title="上传附件"
                   >
                     <input
@@ -227,47 +224,31 @@ export function ChatComposer({
                         }
                       }}
                     />
-                    <Paperclip className="h-[18px] w-[18px]" />
-                  </label>
+                    <Plus className="h-[19px] w-[19px]" />
+                  </label> : null}
 
                   {approvalEnabled ? <PermissionMenu approvalPolicy={approvalPolicy} /> : null}
+                </div>
+
+                <div className="flex min-w-0 items-center gap-1.5">
+                  {composerContextIndicator ? <ContextUsageIndicator indicator={composerContextIndicator} /> : null}
 
                   {availableModels.length > 0 ? (
-                    <MenuChip
-                      label={selectedModelLabel || selectedModel}
-                      title={selectedModelLabel || selectedModel}
-                      value={selectedModel}
-                      onChange={(value) => setSelectedModel(value)}
-                      options={availableModels.map((model) => ({
-                        value: model.id,
-                        label: model.display_name || model.id,
-                      }))}
+                    <ModelSettingsMenu
+                      availableModels={availableModels}
+                      selectedModel={selectedModel}
+                      thinkingEnabled={thinkingEnabled}
+                      thinkingMode={thinkingMode}
+                      onSelectModel={setSelectedModel}
+                      onSelectThinkingMode={setThinkingMode}
                     />
                   ) : null}
 
-                  <MenuChip
-                    label={thinkingLabel(thinkingMode)}
-                    title="控制模型 thinking/reasoning 参数"
-                    value={thinkingMode}
-                    onChange={(value) =>
-                      setThinkingMode(normalizeThinkingMode(value) as 'auto' | 'enabled' | 'disabled')
-                    }
-                    options={[
-                      { value: 'auto', label: '思考自动' },
-                      { value: 'enabled', label: '开启思考' },
-                      { value: 'disabled', label: '关闭思考' },
-                    ]}
-                  />
-                </div>
-
-                <div className="flex items-center gap-1.5">
-                  {composerContextIndicator ? <ContextUsageIndicator indicator={composerContextIndicator} /> : null}
-
                   <button
                     type="submit"
                     disabled={!isStreaming && !input.trim() && attachments.length === 0}
                     className={cn(
-                      'flex h-8 w-8 items-center justify-center rounded-full transition-all',
+                      'flex h-9 w-9 shrink-0 items-center justify-center rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30',
                       isStreaming
                         ? 'bg-[#1f1f1f] text-white hover:opacity-80'
                         : input.trim() || attachments.length > 0
diff --git a/src/components/chat/ConnectedComposer.tsx b/src/components/chat/ConnectedComposer.tsx
index 529d90c..a136039 100644
--- a/src/components/chat/ConnectedComposer.tsx
+++ b/src/components/chat/ConnectedComposer.tsx
@@ -23,8 +23,10 @@ type ConnectedComposerProps = {
   stopGeneration: () => void;
   cancelRemote?: () => void;
   isMobile: boolean;
+  attachmentsEnabled?: boolean;
   approvalEnabled?: boolean;
   approvalPolicy?: ApprovalPolicyCapability;
+  thinkingEnabled?: boolean;
   /** Pending interactions rendered in the tray above the composer. */
   pendingInteractions?: readonly Interaction[];
   onRespondInteraction?: (input: InteractionTrayRespondInput) => void;
@@ -37,8 +39,10 @@ export function ConnectedComposer({
   stopGeneration,
   cancelRemote,
   isMobile,
+  attachmentsEnabled = true,
   approvalEnabled = false,
   approvalPolicy,
+  thinkingEnabled = false,
   pendingInteractions,
   onRespondInteraction,
   localCatalog,
@@ -52,6 +56,7 @@ export function ConnectedComposer({
   const messages = useMessageStore(s => s.messages);
   const availableModels = useModelStore((s: ModelStore) => s.availableModels);
   const selectedModel = useModelStore((s: ModelStore) => s.selectedModel);
+  const setThinkingMode = useModelStore((s: ModelStore) => s.setThinkingMode);
   const fileInputRef = useRef<HTMLInputElement>(null);
   const textareaRef = useRef<HTMLTextAreaElement>(null);
   const selectedModelMetadata = useMemo(
@@ -88,11 +93,12 @@ export function ConnectedComposer({
   };
 
   const appendAttachments = (incoming: File[]) => {
-    if (!incoming.length) return;
+    if (!attachmentsEnabled || !incoming.length) return;
     useUIStore.getState().setAttachments((prev: File[]) => mergeAttachmentFiles(prev, incoming));
   };
 
   const handleComposerPaste = (event: React.ClipboardEvent<HTMLTextAreaElement>) => {
+    if (!attachmentsEnabled) return;
     const pastedFiles = extractClipboardFiles(event);
     if (!pastedFiles.length) return;
     event.preventDefault();
@@ -103,6 +109,10 @@ export function ConnectedComposer({
   const trayInteractions = pendingInteractions || [];
   const trayIndex = Math.min(activeInteractionIndex, Math.max(trayInteractions.length - 1, 0));
 
+  useEffect(() => {
+    if (!thinkingEnabled) setThinkingMode('auto');
+  }, [setThinkingMode, thinkingEnabled]);
+
   return (
     <div className="flex w-full flex-col justify-center">
       {trayInteractions.length > 0 && onRespondInteraction ? (
@@ -122,8 +132,10 @@ export function ConnectedComposer({
       input={input}
       isMobile={isMobile}
       isStreaming={isStreaming}
+      attachmentsEnabled={attachmentsEnabled}
       approvalEnabled={approvalEnabled}
       approvalPolicy={approvalPolicy}
+      thinkingEnabled={thinkingEnabled}
       queuedDrafts={queuedDrafts}
       onAppendAttachments={appendAttachments}
       onInputChange={handleInputChange}
diff --git a/src/components/chat/ModelSettingsMenu.tsx b/src/components/chat/ModelSettingsMenu.tsx
new file mode 100644
index 0000000..d8924e7
--- /dev/null
+++ b/src/components/chat/ModelSettingsMenu.tsx
@@ -0,0 +1,198 @@
+import { useEffect, useRef, useState } from 'react';
+
+import { Check, ChevronDown, ChevronRight } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+import type { ThinkingMode } from '@/stores/model.js';
+
+import type { ModelCatalogItem } from './types';
+
+type SettingsPanel = 'model' | 'reasoning';
+
+const reasoningOptions: Array<{
+  value: ThinkingMode;
+  label: string;
+  description: string;
+}> = [
+  { value: 'auto', label: '自动', description: '使用模型或 Agent 的默认设置' },
+  { value: 'enabled', label: '开启', description: '请求模型输出推理过程' },
+  { value: 'disabled', label: '关闭', description: '不额外请求模型推理' },
+];
+
+const reasoningLabels: Record<ThinkingMode, string> = {
+  auto: '自动',
+  enabled: '开启',
+  disabled: '关闭',
+};
+
+type ModelSettingsMenuProps = {
+  availableModels: ModelCatalogItem[];
+  selectedModel: string;
+  thinkingEnabled: boolean;
+  thinkingMode: ThinkingMode;
+  onSelectModel: (modelId: string) => void;
+  onSelectThinkingMode: (mode: ThinkingMode) => void;
+};
+
+export function ModelSettingsMenu({
+  availableModels,
+  selectedModel,
+  thinkingEnabled,
+  thinkingMode,
+  onSelectModel,
+  onSelectThinkingMode,
+}: ModelSettingsMenuProps) {
+  const [open, setOpen] = useState(false);
+  const [panel, setPanel] = useState<SettingsPanel>('model');
+  const ref = useRef<HTMLDivElement>(null);
+  const selectedModelLabel =
+    availableModels.find((model) => model.id === selectedModel)?.display_name
+    || selectedModel
+    || '选择模型';
+  const activePanel: SettingsPanel = thinkingEnabled ? panel : 'model';
+
+  useEffect(() => {
+    if (!open) return;
+    const closeOnOutsidePress = (event: MouseEvent) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) setOpen(false);
+    };
+    const closeOnEscape = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', closeOnOutsidePress);
+    document.addEventListener('keydown', closeOnEscape);
+    return () => {
+      document.removeEventListener('mousedown', closeOnOutsidePress);
+      document.removeEventListener('keydown', closeOnEscape);
+    };
+  }, [open]);
+
+  return (
+    <div ref={ref} className="relative">
+      <button
+        type="button"
+        onClick={() => setOpen((current) => !current)}
+        className="flex h-8 max-w-[15rem] items-center gap-1.5 rounded-xl bg-muted/80 px-3 text-[13px] text-text-primary transition hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25"
+        aria-expanded={open}
+        aria-haspopup="menu"
+        aria-label={thinkingEnabled
+          ? `模型 ${selectedModelLabel}，推理 ${reasoningLabels[thinkingMode]}`
+          : `模型 ${selectedModelLabel}`}
+        title={thinkingEnabled ? '选择模型与推理设置' : '选择模型'}
+      >
+        <span className="min-w-0 truncate">{selectedModelLabel}</span>
+        {thinkingEnabled ? (
+          <span className="shrink-0 text-text-muted">{reasoningLabels[thinkingMode]}</span>
+        ) : null}
+        <ChevronDown className={cn('h-3.5 w-3.5 shrink-0 text-text-muted transition-transform', open && 'rotate-180')} />
+      </button>
+
+      {open ? (
+        <div className="absolute bottom-[calc(100%+0.65rem)] right-0 z-40 flex items-end gap-2 sm:flex-row-reverse">
+          <div
+            role="menu"
+            aria-label={activePanel === 'model' ? '选择模型' : '选择推理设置'}
+            className="max-h-[min(54vh,22rem)] w-[min(18rem,calc(100vw-2rem))] overflow-y-auto rounded-2xl border border-border/80 bg-popover p-1.5 shadow-[0_18px_44px_rgba(15,23,42,0.16)]"
+          >
+            {thinkingEnabled ? (
+              <div className="mb-1 grid grid-cols-2 gap-1 sm:hidden">
+                <button
+                  type="button"
+                  onClick={() => setPanel('model')}
+                  className={cn('rounded-lg px-2 py-1.5 text-xs', activePanel === 'model' ? 'bg-muted text-text-primary' : 'text-text-muted')}
+                >
+                  模型
+                </button>
+                <button
+                  type="button"
+                  onClick={() => setPanel('reasoning')}
+                  className={cn('rounded-lg px-2 py-1.5 text-xs', activePanel === 'reasoning' ? 'bg-muted text-text-primary' : 'text-text-muted')}
+                >
+                  推理
+                </button>
+              </div>
+            ) : null}
+            <div className="px-2.5 pb-1.5 pt-1 text-[11px] font-medium text-text-muted">
+              {activePanel === 'model' ? '模型' : '推理设置'}
+            </div>
+            {activePanel === 'model' ? availableModels.map((model) => {
+              const selected = model.id === selectedModel;
+              return (
+                <button
+                  key={model.id}
+                  type="button"
+                  role="menuitemradio"
+                  aria-checked={selected}
+                  onClick={() => {
+                    onSelectModel(model.id);
+                    setOpen(false);
+                  }}
+                  className={cn(
+                    'flex w-full items-center gap-2 rounded-xl px-2.5 py-2 text-left text-[13px] transition-colors',
+                    selected ? 'bg-muted text-text-primary' : 'text-text-secondary hover:bg-muted/70 hover:text-text-primary',
+                  )}
+                >
+                  <span className="min-w-0 flex-1 truncate">{model.display_name || model.id}</span>
+                  {selected ? <Check className="h-4 w-4 shrink-0" aria-hidden="true" /> : null}
+                </button>
+              );
+            }) : reasoningOptions.map((option) => {
+              const selected = option.value === thinkingMode;
+              return (
+                <button
+                  key={option.value}
+                  type="button"
+                  role="menuitemradio"
+                  aria-checked={selected}
+                  onClick={() => {
+                    onSelectThinkingMode(option.value);
+                    setOpen(false);
+                  }}
+                  className={cn(
+                    'flex w-full items-center gap-2 rounded-xl px-2.5 py-2 text-left transition-colors',
+                    selected ? 'bg-muted' : 'hover:bg-muted/70',
+                  )}
+                >
+                  <span className="min-w-0 flex-1">
+                    <span className="block text-[13px] font-medium text-text-primary">{option.label}</span>
+                    <span className="block text-[11px] leading-4 text-text-muted">{option.description}</span>
+                  </span>
+                  {selected ? <Check className="h-4 w-4 shrink-0 text-text-primary" aria-hidden="true" /> : null}
+                </button>
+              );
+            })}
+          </div>
+
+          <div className="hidden w-[16rem] rounded-2xl border border-border/80 bg-popover p-1.5 shadow-[0_18px_44px_rgba(15,23,42,0.13)] sm:block">
+            <button
+              type="button"
+              onClick={() => setPanel('model')}
+              className={cn(
+                'flex w-full items-center gap-2 rounded-xl px-2.5 py-2.5 text-left text-[13px] transition-colors',
+                activePanel === 'model' ? 'bg-muted text-text-primary' : 'text-text-secondary hover:bg-muted/70',
+              )}
+            >
+              <span className="font-medium">模型</span>
+              <span className="min-w-0 flex-1 truncate text-right text-text-muted">{selectedModelLabel}</span>
+              <ChevronRight className="h-4 w-4 shrink-0 text-text-muted" />
+            </button>
+            {thinkingEnabled ? (
+              <button
+                type="button"
+                onClick={() => setPanel('reasoning')}
+                className={cn(
+                  'flex w-full items-center gap-2 rounded-xl px-2.5 py-2.5 text-left text-[13px] transition-colors',
+                  activePanel === 'reasoning' ? 'bg-muted text-text-primary' : 'text-text-secondary hover:bg-muted/70',
+                )}
+              >
+                <span className="font-medium">推理</span>
+                <span className="min-w-0 flex-1 truncate text-right text-text-muted">{reasoningLabels[thinkingMode]}</span>
+                <ChevronRight className="h-4 w-4 shrink-0 text-text-muted" />
+              </button>
+            ) : null}
+          </div>
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/src/components/chat/PermissionMenu.tsx b/src/components/chat/PermissionMenu.tsx
index 2e80d9d..df0e857 100644
--- a/src/components/chat/PermissionMenu.tsx
+++ b/src/components/chat/PermissionMenu.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { Check, ChevronDown, Hand, ShieldAlert, ShieldCheck } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
@@ -49,8 +49,16 @@ export function PermissionMenu({ approvalPolicy }: PermissionMenuProps) {
   const ref = useRef<HTMLDivElement>(null);
   const permissionMode = usePermissionStore((state) => state.permissionMode);
   const setPermissionMode = usePermissionStore((state) => state.setPermissionMode);
-  const visibleOptions = options.filter(
-    (option) => !approvalPolicy || approvalPolicy.Modes.includes(option.value),
+  const TriggerIcon = permissionMode === 'ask'
+    ? Hand
+    : permissionMode === 'full'
+      ? ShieldAlert
+      : ShieldCheck;
+  const visibleOptions = useMemo(
+    () => options.filter(
+      (option) => !approvalPolicy || approvalPolicy.Modes.includes(option.value),
+    ),
+    [approvalPolicy],
   );
 
   useEffect(() => {
@@ -81,12 +89,15 @@ export function PermissionMenu({ approvalPolicy }: PermissionMenuProps) {
       <button
         type="button"
         onClick={() => setOpen((current) => !current)}
-        className="flex h-8 items-center gap-1 rounded-full px-2 text-[13px] text-text-secondary transition hover:bg-muted hover:text-text-primary"
+        className={cn(
+          'flex h-8 items-center gap-1.5 rounded-xl px-2.5 text-[13px] transition hover:bg-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25',
+          permissionMode === 'full' ? 'text-amber-600 dark:text-amber-400' : 'text-text-secondary hover:text-text-primary',
+        )}
         aria-expanded={open}
         aria-haspopup="menu"
         title="设置本次会话的工具审批规则"
       >
-        <ShieldCheck className="h-3.5 w-3.5" />
+        <TriggerIcon className="h-3.5 w-3.5" />
         <span>{triggerLabels[permissionMode]}</span>
         <ChevronDown className={cn('h-3.5 w-3.5 transition-transform', open && 'rotate-180')} />
       </button>
diff --git a/src/hooks/useRunAgent.ts b/src/hooks/useRunAgent.ts
index c557483..76eb939 100644
--- a/src/hooks/useRunAgent.ts
+++ b/src/hooks/useRunAgent.ts
@@ -61,7 +61,7 @@ export function useRunAgent(ctx: RunAgentContext) {
       agentFramework,
       selectedModel,
       selectedModelMetadata,
-      thinkingMode,
+      thinkingMode: uiCapabilities.Thinking ? thinkingMode : 'auto',
       permissionMode,
       hostedChatTransport: resolveHostedChatTransport(uiCapabilities, {
         requireResumableRun: Boolean(

From a1bb081b555bc9341eddcd617c1e3d2006ab1e50 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 11:06:24 +0800
Subject: [PATCH 54/61] feat(web): gate runtime execution modes by capability

---
 e2e/interaction.spec.ts                   |  74 ++++++++++-
 src/App.tsx                               |   8 +-
 src/__tests__/agent-control.test.ts       |  20 +++
 src/__tests__/capabilities.test.ts        |  37 ++++++
 src/__tests__/composer-contract.test.ts   |  22 +++-
 src/__tests__/run-engine.test.ts          |  83 ++++++++++++
 src/components/chat/ChatComposer.tsx      |  65 +++++----
 src/components/chat/ConnectedComposer.tsx |  32 ++++-
 src/components/chat/ExecutionModeMenu.tsx | 152 ++++++++++++++++++++++
 src/core/run/engine.ts                    |  29 ++++-
 src/core/run/types.ts                     |   4 +
 src/hooks/useRunAgent.ts                  |  13 +-
 src/stores/ui.ts                          |  11 +-
 src/types/agent-control.ts                |  17 ++-
 src/types/capabilities.ts                 |   3 +
 src/utils/capabilities.js                 |  16 +++
 16 files changed, 546 insertions(+), 40 deletions(-)
 create mode 100644 src/components/chat/ExecutionModeMenu.tsx

diff --git a/e2e/interaction.spec.ts b/e2e/interaction.spec.ts
index 4a8178c..51d6730 100644
--- a/e2e/interaction.spec.ts
+++ b/e2e/interaction.spec.ts
@@ -21,7 +21,26 @@ function sse(events) {
   return events.map((event) => `data: ${JSON.stringify(event)}\n\n`).join('');
 }
 
-function bootstrap(interactionV1 = true) {
+function runtimeCapabilityMatrix() {
+  const native = { supported: true, mode: 'native' };
+  return {
+    schema_version: 1,
+    cancel: native,
+    pause: native,
+    resume: native,
+    submit_interaction: native,
+    attach: native,
+    steer: native,
+    inject: native,
+    checkpoint: native,
+    durable_restore: native,
+    goal: native,
+    loop: native,
+    plan: native,
+  };
+}
+
+function bootstrap(interactionV1 = true, executionModes = false) {
   return {
     Agent: { AgentId: AGENT_ID, Name: 'Interaction Fixture', Framework: 'ksadk' },
     ApiFormats: ['responses'],
@@ -33,6 +52,7 @@ function bootstrap(interactionV1 = true) {
       StopRun: true,
       ResumeRun: false,
       ...(interactionV1 ? { interaction_v1: { enabled: true } } : {}),
+      ...(executionModes ? { RuntimeCapabilityMatrix: runtimeCapabilityMatrix() } : {}),
     },
     HostedChat: {
       PreferredTransport: 'responses',
@@ -131,6 +151,7 @@ async function installFixture(page, state, options = {}) {
     }
 
     if (action === 'RunAgent') {
+      state.runs?.push(route.request().postDataJSON());
       await route.fulfill({
         status: 200,
         contentType: 'text/event-stream',
@@ -143,7 +164,7 @@ async function installFixture(page, state, options = {}) {
 
     const events = typeof state.events === 'function' ? state.events() : state.events;
     const payloadByAction = {
-      GetAgentUiBootstrap: bootstrap(options.interactionV1 !== false),
+      GetAgentUiBootstrap: bootstrap(options.interactionV1 !== false, options.executionModes === true),
       ListSessions: {
         Sessions: state.sessionCreated
           ? [{ SessionId: SESSION_ID, AgentId: AGENT_ID, Title: 'Interaction fixture' }]
@@ -597,3 +618,52 @@ test('resolved anchor expands a read-only snapshot with actor, time, and schema
   const editable = await anchor.locator('input, textarea, select, form, button').count();
   expect(editable).toBe(0);
 });
+
+test('typed Runtime v2 capabilities expose loop plan and goal and project plan metadata', async ({ page }) => {
+  const state = {
+    submits: [],
+    runs: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: [],
+  };
+  await installFixture(page, state, { executionModes: true });
+  await page.goto('/');
+
+  await expect(page.getByRole('button', { name: '当前执行模式：Agent Loop' })).toBeVisible();
+  await page.getByRole('button', { name: '添加附件或选择执行模式' }).click();
+  const menu = page.getByRole('menu', { name: '附件与执行模式' });
+  await expect(menu.getByRole('menuitemradio', { name: /Agent Loop/ })).toBeVisible();
+  await expect(menu.getByRole('menuitemradio', { name: /计划模式/ })).toBeVisible();
+  await expect(menu.getByRole('menuitemradio', { name: /设定目标/ })).toBeVisible();
+
+  await menu.getByRole('menuitemradio', { name: /计划模式/ }).click();
+  const composer = page.getByPlaceholder('描述需要先规划的任务…');
+  await composer.fill('先制定发布计划');
+  await composer.press('Enter');
+
+  await expect.poll(() => state.runs.length).toBe(1);
+  expect(state.runs[0]).toMatchObject({
+    Metadata: {
+      agentengine: {
+        collaboration_mode: 'plan',
+      },
+    },
+  });
+});
+
+test('legacy capabilities do not expose Runtime v2 execution controls', async ({ page }) => {
+  const state = {
+    submits: [],
+    resolvedIds: new Set(),
+    sessionCreated: false,
+    events: [],
+  };
+  await installFixture(page, state);
+  await page.goto('/');
+
+  await expect(page.getByRole('button', { name: '添加附件或选择执行模式' })).toHaveCount(0);
+  await expect(page.getByText('Agent Loop')).toHaveCount(0);
+  await expect(page.getByText('计划模式')).toHaveCount(0);
+  await expect(page.getByText('设定目标')).toHaveCount(0);
+});
diff --git a/src/App.tsx b/src/App.tsx
index 44fa509..19b282e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -36,6 +36,7 @@ import { NativeRuntimeLauncher } from './components/native/NativeRuntimeLauncher
 import { WorkspacePanelContainer } from './components/workspace/WorkspacePanelContainer';
 import { ApiFacadeImpl } from './core/api/facade.js';
 import type { UiCapabilities } from './types/capabilities.js';
+import type { RuntimeExecutionMode } from './core/run/types.js';
 import type { BootstrapWorkspaceFiles } from './types/bootstrap.js';
 import type { RuntimeApiFormat } from './types/api.js';
 import type { ThinkingMode } from './stores/model.js';
@@ -94,7 +95,11 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
   const apiFormats = useBootstrapStore((s: BootstrapStore) => s.apiFormats) as RuntimeApiFormat[];
   const uiCapabilities = useBootstrapStore((s: BootstrapStore) => s.capabilities) as UiCapabilities;
   const artifactVisible = useArtifactStore((s: ArtifactStore) => s.visible && Boolean(s.content));
-  const queuedDraftRef = useRef<Array<{ text: string; attachments: File[] }>>([]);
+  const queuedDraftRef = useRef<Array<{
+    text: string;
+    attachments: File[];
+    executionMode?: RuntimeExecutionMode;
+  }>>([]);
   const disconnectRunRef = useRef<(() => void) | null>(null);
 
   const { isMobile, viewportHeight } = useResponsiveViewport();
@@ -468,6 +473,7 @@ export function AgentWorkbench({ apiAdapter, initialSurface = 'chat', routeShell
           approvalEnabled={Boolean(uiCapabilities.Approval) && uiCapabilities.ApprovalPolicy?.RuntimeOverride !== false}
           approvalPolicy={uiCapabilities.ApprovalPolicy}
           thinkingEnabled={thinkingEnabled}
+          runtimeCapabilityMatrix={uiCapabilities.RuntimeCapabilityMatrix}
           pendingInteractions={pendingInteractions}
           onRespondInteraction={(input) => {
             void respondInteraction(input);
diff --git a/src/__tests__/agent-control.test.ts b/src/__tests__/agent-control.test.ts
index cceb53b..46327de 100644
--- a/src/__tests__/agent-control.test.ts
+++ b/src/__tests__/agent-control.test.ts
@@ -99,6 +99,26 @@ describe('agent-kernel/v1 contract decoders', () => {
     });
   });
 
+  it('decodes optional Runtime v2 goal loop and plan capabilities without changing legacy matrices', () => {
+    const native = { supported: true, mode: 'native' } as const;
+    const matrix = decodeCapabilityMatrix({
+      ...CAPABILITY_MATRIX,
+      goal: native,
+      loop: native,
+      plan: native,
+    });
+
+    expect(matrix.goal).toMatchObject(native);
+    expect(matrix.loop).toMatchObject(native);
+    expect(matrix.plan).toMatchObject(native);
+    expect(matrix.extensions).toEqual({});
+
+    const legacy = decodeCapabilityMatrix(CAPABILITY_MATRIX);
+    expect(legacy.goal).toBeUndefined();
+    expect(legacy.loop).toBeUndefined();
+    expect(legacy.plan).toBeUndefined();
+  });
+
   it('rejects a capability matrix that drops required capabilities', () => {
     const { checkpoint, ...partial } = CAPABILITY_MATRIX;
     expect(checkpoint).toBeDefined();
diff --git a/src/__tests__/capabilities.test.ts b/src/__tests__/capabilities.test.ts
index ced9354..7a9c548 100644
--- a/src/__tests__/capabilities.test.ts
+++ b/src/__tests__/capabilities.test.ts
@@ -37,6 +37,43 @@ describe('normalizeCapabilities', () => {
     expect(capabilities.RunLifecycle.CheckpointResume).toBe(true);
     expect(capabilities.RunLifecycle.CheckpointResumePreview).toBe(true);
   });
+
+  it('projects an explicit RuntimeCapabilityMatrix and fails closed for legacy or malformed bootstraps', () => {
+    const native = { supported: true, mode: 'native' };
+    const base = {
+      schema_version: 1,
+      cancel: native,
+      pause: native,
+      resume: native,
+      submit_interaction: native,
+      attach: native,
+      steer: native,
+      inject: native,
+      checkpoint: native,
+      durable_restore: native,
+    };
+
+    const advertised = normalizeCapabilities({
+      Data: {
+        Capabilities: {
+          RuntimeCapabilityMatrix: {
+            ...base,
+            goal: native,
+            loop: native,
+            plan: native,
+          },
+        },
+      },
+    });
+    expect(advertised.RuntimeCapabilityMatrix?.goal?.supported).toBe(true);
+    expect(advertised.RuntimeCapabilityMatrix?.loop?.supported).toBe(true);
+    expect(advertised.RuntimeCapabilityMatrix?.plan?.supported).toBe(true);
+
+    expect(normalizeCapabilities({ Data: { Capabilities: {} } }).RuntimeCapabilityMatrix).toBeUndefined();
+    expect(normalizeCapabilities({
+      Data: { Capabilities: { RuntimeCapabilityMatrix: { schema_version: 1 } } },
+    }).RuntimeCapabilityMatrix).toBeUndefined();
+  });
 });
 
 import { decodeCapabilityMatrix } from '../types/agent-control.js';
diff --git a/src/__tests__/composer-contract.test.ts b/src/__tests__/composer-contract.test.ts
index 1c7e9dc..56f0d66 100644
--- a/src/__tests__/composer-contract.test.ts
+++ b/src/__tests__/composer-contract.test.ts
@@ -26,15 +26,17 @@ describe('ChatComposer interaction contract', () => {
 
     expect(source).not.toContain('multimodal_input_image === false');
     expect(source).not.toContain('不支持图片输入');
-    expect(source).toContain('void submitDraft(draftText, draftAttachments)');
+    expect(source).toContain('void submitDraft(draftText, draftAttachments,');
   });
 
   it('uses the compact Codex-style composer controls without native selects', () => {
     const composerSource = readSource('components/chat/ChatComposer.tsx');
+    const executionMenuSource = readSource('components/chat/ExecutionModeMenu.tsx');
     const modelMenuSource = readSource('components/chat/ModelSettingsMenu.tsx');
     const permissionSource = readSource('components/chat/PermissionMenu.tsx');
 
-    expect(composerSource).toContain('<Plus');
+    expect(composerSource).toContain('<ExecutionModeMenu');
+    expect(executionMenuSource).toContain('<Plus');
     expect(composerSource).toContain('<ModelSettingsMenu');
     expect(composerSource).toContain("'flex h-9 w-9 shrink-0 items-center justify-center rounded-full");
     expect(modelMenuSource).not.toContain('<select');
@@ -56,6 +58,22 @@ describe('ChatComposer interaction contract', () => {
     expect(runSource).toContain("thinkingMode: uiCapabilities.Thinking ? thinkingMode : 'auto'");
   });
 
+  it('shows goal loop and plan only from explicit typed runtime capabilities', () => {
+    const appSource = readSource('App.tsx');
+    const composerSource = readSource('components/chat/ChatComposer.tsx');
+    const actionMenuSource = readSource('components/chat/ExecutionModeMenu.tsx');
+    const runSource = readSource('core/run/engine.ts');
+
+    expect(appSource).toContain('runtimeCapabilityMatrix={uiCapabilities.RuntimeCapabilityMatrix}');
+    expect(composerSource).toContain('<ExecutionModeMenu');
+    expect(actionMenuSource).toContain('Agent Loop');
+    expect(actionMenuSource).toContain('计划模式');
+    expect(actionMenuSource).toContain('设定目标');
+    expect(actionMenuSource).not.toContain('速度');
+    expect(runSource).toContain('goal_objective');
+    expect(runSource).toContain('collaboration_mode');
+  });
+
   it('refreshes the active session after runtime cancel so checkpoint controls can appear', () => {
     const source = readSource('App.tsx');
     const cancelHandlerStart = source.indexOf('const handleCancelRemote = useCallback');
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index aa84a6a..18b4ebd 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -486,6 +486,89 @@ describe('RunEngineImpl', () => {
     });
   });
 
+  it('maps advertised loop plan and goal modes to runtime request metadata', async () => {
+    const native = { supported: true, mode: 'native' as const, extensions: {} };
+    const runtimeCapabilityMatrix = {
+      schema_version: 1 as const,
+      cancel: native,
+      pause: native,
+      resume: native,
+      submit_interaction: native,
+      attach: native,
+      steer: native,
+      inject: native,
+      checkpoint: native,
+      durable_restore: native,
+      goal: native,
+      loop: native,
+      plan: native,
+      extensions: {},
+    };
+    const cases = [
+      {
+        mode: 'loop' as const,
+        expected: { collaboration_mode: 'default' },
+      },
+      {
+        mode: 'plan' as const,
+        expected: { collaboration_mode: 'plan' },
+      },
+      {
+        mode: 'goal' as const,
+        expected: { collaboration_mode: 'default', goal_objective: 'ship the goal' },
+      },
+    ];
+
+    for (const testCase of cases) {
+      const calls: Record<string, unknown>[] = [];
+      const engine = createRunEngine(createApiFacade(calls));
+      engine.updateConfig({
+        agentId: 'agent-live',
+        apiFormats: ['responses'],
+        agentFramework: 'codex',
+        selectedModel: '',
+        thinkingMode: 'auto',
+        runtimeCapabilityMatrix,
+      });
+
+      engine.start({
+        text: 'ship the goal',
+        attachments: [],
+        sessionId: `session-${testCase.mode}`,
+        executionMode: testCase.mode,
+      });
+      await waitForCalls(calls);
+      expect(calls[0]).toMatchObject({
+        Metadata: {
+          agentengine: testCase.expected,
+        },
+      });
+    }
+  });
+
+  it('does not send execution-mode metadata without an explicit typed capability', async () => {
+    const calls: Record<string, unknown>[] = [];
+    const engine = createRunEngine(createApiFacade(calls));
+    engine.updateConfig({
+      agentId: 'agent-live',
+      apiFormats: ['responses'],
+      agentFramework: 'codex',
+      selectedModel: '',
+      thinkingMode: 'auto',
+    });
+
+    engine.start({
+      text: 'legacy request',
+      attachments: [],
+      sessionId: 'session-live',
+      executionMode: 'plan',
+    });
+    await waitForCalls(calls);
+    expect(calls[0]).not.toMatchObject({
+      Metadata: { agentengine: { collaboration_mode: 'plan' } },
+    });
+  });
+
   it('sends uploaded attachments as Responses input_file references', async () => {
     const calls: Record<string, unknown>[] = [];
     const uploadCalls: FormData[] = [];
diff --git a/src/components/chat/ChatComposer.tsx b/src/components/chat/ChatComposer.tsx
index f42446c..23ffff1 100644
--- a/src/components/chat/ChatComposer.tsx
+++ b/src/components/chat/ChatComposer.tsx
@@ -7,14 +7,17 @@ import type {
   RefObject,
 } from 'react';
 
-import { ArrowUp, Paperclip, Plus, Square } from 'lucide-react';
+import { ArrowUp, Paperclip, Square } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
 import { useModelStore } from '@/stores/model.js';
 import type { ModelStore } from '@/stores/model.js';
 import type { ApprovalPolicyCapability } from '@/types/capabilities.js';
+import type { RuntimeExecutionMode } from '@/core/run/types.js';
 
 import { ContextUsageIndicator } from './ContextUsageIndicator';
+import { ExecutionModeMenu } from './ExecutionModeMenu';
+import type { RuntimeExecutionModeSupport } from './ExecutionModeMenu';
 import { ModelSettingsMenu } from './ModelSettingsMenu';
 import { PermissionMenu } from './PermissionMenu';
 import type { ComposerContextIndicator } from './types';
@@ -31,9 +34,12 @@ type ChatComposerProps = {
   approvalEnabled?: boolean;
   approvalPolicy?: ApprovalPolicyCapability;
   thinkingEnabled?: boolean;
-  queuedDrafts: Array<{ text: string; attachments: File[] }>;
+  executionMode?: RuntimeExecutionMode;
+  executionModeSupport: RuntimeExecutionModeSupport;
+  queuedDrafts: Array<{ text: string; attachments: File[]; executionMode?: RuntimeExecutionMode }>;
   onAppendAttachments: (files: File[]) => void;
   onInputChange: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+  onSelectExecutionMode: (mode: RuntimeExecutionMode) => void;
   onPaste: (event: ClipboardEvent<HTMLTextAreaElement>) => void;
   onRemoveAttachment: (index: number) => void;
   onStopGeneration: () => void;
@@ -54,9 +60,12 @@ export function ChatComposer({
   approvalEnabled = false,
   approvalPolicy,
   thinkingEnabled = false,
+  executionMode,
+  executionModeSupport,
   queuedDrafts,
   onAppendAttachments,
   onInputChange,
+  onSelectExecutionMode,
   onPaste,
   onRemoveAttachment,
   onStopGeneration,
@@ -64,8 +73,15 @@ export function ChatComposer({
   onSubmit,
   textareaRef,
 }: ChatComposerProps) {
-  const placeholderText = isMobile ? '发送消息...' : '发送消息…';
+  const placeholderText = executionMode === 'goal'
+    ? '描述需要持续完成的目标…'
+    : executionMode === 'plan'
+      ? '描述需要先规划的任务…'
+      : isMobile ? '发送消息...' : '发送消息…';
   const activeStopTitle = onCancelRemote ? '保留恢复点并结束本次执行' : '停止生成';
+  const canSubmit = executionMode === 'goal'
+    ? Boolean(input.trim())
+    : Boolean(input.trim() || attachments.length > 0);
 
   // wework 风格:model/思考 chip 放输入框工具栏(从 model store 直读,不经 props)。
   const availableModels = useModelStore((s: ModelStore) => s.availableModels);
@@ -99,7 +115,7 @@ export function ChatComposer({
       return;
     }
     const text = input.trim();
-    if (!text && attachments.length === 0) return;
+    if (!canSubmit) return;
     onSubmit(text, attachments);
   };
 
@@ -208,24 +224,25 @@ export function ChatComposer({
 
               <div className="mt-auto flex min-h-8 items-center justify-between gap-2 pt-1.5">
                 <div className="flex min-w-0 items-center gap-1.5">
-                  {attachmentsEnabled ? <label
-                    className="flex h-8 w-8 shrink-0 cursor-pointer items-center justify-center rounded-xl text-text-secondary transition hover:bg-muted hover:text-text-primary focus-within:ring-2 focus-within:ring-primary/25"
-                    title="上传附件"
-                  >
-                    <input
-                      ref={fileInputRef}
-                      type="file"
-                      multiple
-                      className="hidden"
-                      onChange={(event) => {
-                        if (event.target.files && event.target.files.length > 0) {
-                          onAppendAttachments(Array.from(event.target.files));
-                          event.target.value = '';
-                        }
-                      }}
-                    />
-                    <Plus className="h-[19px] w-[19px]" />
-                  </label> : null}
+                  <input
+                    ref={fileInputRef}
+                    type="file"
+                    multiple
+                    className="hidden"
+                    onChange={(event) => {
+                      if (event.target.files && event.target.files.length > 0) {
+                        onAppendAttachments(Array.from(event.target.files));
+                        event.target.value = '';
+                      }
+                    }}
+                  />
+                  <ExecutionModeMenu
+                    attachmentsEnabled={attachmentsEnabled}
+                    mode={executionMode}
+                    support={executionModeSupport}
+                    onSelectMode={onSelectExecutionMode}
+                    onUpload={() => fileInputRef.current?.click()}
+                  />
 
                   {approvalEnabled ? <PermissionMenu approvalPolicy={approvalPolicy} /> : null}
                 </div>
@@ -246,12 +263,12 @@ export function ChatComposer({
 
                   <button
                     type="submit"
-                    disabled={!isStreaming && !input.trim() && attachments.length === 0}
+                    disabled={!isStreaming && !canSubmit}
                     className={cn(
                       'flex h-9 w-9 shrink-0 items-center justify-center rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30',
                       isStreaming
                         ? 'bg-[#1f1f1f] text-white hover:opacity-80'
-                        : input.trim() || attachments.length > 0
+                        : canSubmit
                           ? 'bg-[#1f1f1f] text-white hover:opacity-80'
                           : 'bg-muted text-text-muted/45',
                     )}
diff --git a/src/components/chat/ConnectedComposer.tsx b/src/components/chat/ConnectedComposer.tsx
index a136039..973b76a 100644
--- a/src/components/chat/ConnectedComposer.tsx
+++ b/src/components/chat/ConnectedComposer.tsx
@@ -16,10 +16,19 @@ import type { StreamingStore } from '../../stores/streaming.js';
 import type { UIStore } from '../../stores/ui.js';
 import type { ComposerContextIndicator } from './types';
 import type { ApprovalPolicyCapability } from '../../types/capabilities.js';
+import type { RuntimeCapabilityMatrix } from '../../types/agent-control.js';
+import type { RuntimeExecutionMode } from '../../core/run/types.js';
+import type { RuntimeExecutionModeSupport } from './ExecutionModeMenu';
 
 type ConnectedComposerProps = {
   composerMaxHeight: number;
-  submitDraft: (text: string, attachments: File[]) => Promise<void>;
+  submitDraft: (
+    text: string,
+    attachments: File[],
+    responsesInput?: unknown,
+    previousResponseId?: string,
+    executionMode?: RuntimeExecutionMode,
+  ) => Promise<void>;
   stopGeneration: () => void;
   cancelRemote?: () => void;
   isMobile: boolean;
@@ -27,6 +36,7 @@ type ConnectedComposerProps = {
   approvalEnabled?: boolean;
   approvalPolicy?: ApprovalPolicyCapability;
   thinkingEnabled?: boolean;
+  runtimeCapabilityMatrix?: RuntimeCapabilityMatrix;
   /** Pending interactions rendered in the tray above the composer. */
   pendingInteractions?: readonly Interaction[];
   onRespondInteraction?: (input: InteractionTrayRespondInput) => void;
@@ -43,11 +53,13 @@ export function ConnectedComposer({
   approvalEnabled = false,
   approvalPolicy,
   thinkingEnabled = false,
+  runtimeCapabilityMatrix,
   pendingInteractions,
   onRespondInteraction,
   localCatalog,
 }: ConnectedComposerProps) {
   const [activeInteractionIndex, setActiveInteractionIndex] = useState(0);
+  const [selectedExecutionMode, setSelectedExecutionMode] = useState<RuntimeExecutionMode>('loop');
   const input = useUIStore((s: UIStore) => s.input);
   const attachments = useUIStore((s: UIStore) => s.attachments);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
@@ -72,13 +84,24 @@ export function ConnectedComposer({
       }) as ComposerContextIndicator,
     [input, messages, selectedModelMetadata],
   );
+  const executionModeSupport = useMemo<RuntimeExecutionModeSupport>(() => ({
+    loop: Boolean(runtimeCapabilityMatrix?.loop?.supported),
+    plan: Boolean(runtimeCapabilityMatrix?.plan?.supported),
+    goal: Boolean(runtimeCapabilityMatrix?.goal?.supported),
+  }), [runtimeCapabilityMatrix]);
+  const executionMode = executionModeSupport[selectedExecutionMode]
+    ? selectedExecutionMode
+    : executionModeSupport.loop ? 'loop' : undefined;
 
   const handleSubmit = useCallback((draftText: string, draftAttachments: File[]) => {
     if (!draftText && draftAttachments.length === 0) return;
     useUIStore.getState().setInput('');
     useUIStore.getState().setAttachments([]);
-    void submitDraft(draftText, draftAttachments);
-  }, [submitDraft]);
+    void submitDraft(draftText, draftAttachments, undefined, undefined, executionMode);
+    if (executionMode === 'goal') {
+      setSelectedExecutionMode('loop');
+    }
+  }, [executionMode, submitDraft]);
 
   useEffect(() => {
     if (!textareaRef.current) return;
@@ -136,9 +159,12 @@ export function ConnectedComposer({
       approvalEnabled={approvalEnabled}
       approvalPolicy={approvalPolicy}
       thinkingEnabled={thinkingEnabled}
+      executionMode={executionMode}
+      executionModeSupport={executionModeSupport}
       queuedDrafts={queuedDrafts}
       onAppendAttachments={appendAttachments}
       onInputChange={handleInputChange}
+      onSelectExecutionMode={setSelectedExecutionMode}
       onPaste={handleComposerPaste}
       onRemoveAttachment={(index) =>
         useUIStore.getState().setAttachments((prev: File[]) =>
diff --git a/src/components/chat/ExecutionModeMenu.tsx b/src/components/chat/ExecutionModeMenu.tsx
new file mode 100644
index 0000000..52617ea
--- /dev/null
+++ b/src/components/chat/ExecutionModeMenu.tsx
@@ -0,0 +1,152 @@
+import { useEffect, useRef, useState } from 'react';
+
+import { Check, ChevronDown, ListTodo, Plus, Repeat2, Target, Upload } from 'lucide-react';
+
+import { cn } from '@/lib/utils';
+import type { RuntimeExecutionMode } from '@/core/run/types.js';
+
+export type RuntimeExecutionModeSupport = Record<RuntimeExecutionMode, boolean>;
+
+type ExecutionModeMenuProps = {
+  attachmentsEnabled: boolean;
+  mode?: RuntimeExecutionMode;
+  support: RuntimeExecutionModeSupport;
+  onSelectMode: (mode: RuntimeExecutionMode) => void;
+  onUpload: () => void;
+};
+
+const modeOptions: Array<{
+  value: RuntimeExecutionMode;
+  label: string;
+  description: string;
+  icon: typeof Repeat2;
+}> = [
+  { value: 'loop', label: 'Agent Loop', description: '持续对话并执行任务', icon: Repeat2 },
+  { value: 'plan', label: '计划模式', description: '先分析并形成可执行计划', icon: ListTodo },
+  { value: 'goal', label: '设定目标', description: '启动可持续完成的目标', icon: Target },
+];
+
+const modeLabels: Record<RuntimeExecutionMode, string> = {
+  loop: 'Agent Loop',
+  plan: '计划模式',
+  goal: '目标',
+};
+
+export function ExecutionModeMenu({
+  attachmentsEnabled,
+  mode,
+  support,
+  onSelectMode,
+  onUpload,
+}: ExecutionModeMenuProps) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+  const visibleModes = modeOptions.filter((option) => support[option.value]);
+
+  useEffect(() => {
+    if (!open) return;
+    const closeOnOutsidePress = (event: MouseEvent) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) setOpen(false);
+    };
+    const closeOnEscape = (event: KeyboardEvent) => {
+      if (event.key === 'Escape') setOpen(false);
+    };
+    document.addEventListener('mousedown', closeOnOutsidePress);
+    document.addEventListener('keydown', closeOnEscape);
+    return () => {
+      document.removeEventListener('mousedown', closeOnOutsidePress);
+      document.removeEventListener('keydown', closeOnEscape);
+    };
+  }, [open]);
+
+  if (!attachmentsEnabled && visibleModes.length === 0) return null;
+
+  return (
+    <div ref={ref} className="relative flex min-w-0 items-center gap-1">
+      <button
+        type="button"
+        onClick={() => setOpen((current) => !current)}
+        className="flex h-8 w-8 shrink-0 items-center justify-center rounded-xl text-text-secondary transition hover:bg-muted hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/25"
+        aria-expanded={open}
+        aria-haspopup="menu"
+        aria-label="添加附件或选择执行模式"
+        title="添加附件或选择执行模式"
+      >
+        <Plus className="h-[19px] w-[19px]" />
+      </button>
+
+      {mode ? (
+        <button
+          type="button"
+          onClick={() => setOpen((current) => !current)}
+          className={cn(
+            'flex h-8 max-w-[8.5rem] items-center gap-1 rounded-xl px-2 text-[12px] transition',
+            mode === 'goal'
+              ? 'bg-amber-50 text-amber-700 hover:bg-amber-100 dark:bg-amber-950/40 dark:text-amber-300'
+              : 'text-text-secondary hover:bg-muted hover:text-text-primary',
+          )}
+          aria-label={`当前执行模式：${modeLabels[mode]}`}
+        >
+          <span className="truncate">{modeLabels[mode]}</span>
+          <ChevronDown className="h-3.5 w-3.5 shrink-0" />
+        </button>
+      ) : null}
+
+      {open ? (
+        <div
+          role="menu"
+          aria-label="附件与执行模式"
+          className="absolute bottom-[calc(100%+0.65rem)] left-0 z-40 w-[min(19rem,calc(100vw-2rem))] rounded-2xl border border-border/80 bg-popover p-1.5 shadow-[0_18px_44px_rgba(15,23,42,0.16)]"
+        >
+          {attachmentsEnabled ? (
+            <button
+              type="button"
+              role="menuitem"
+              onClick={() => {
+                onUpload();
+                setOpen(false);
+              }}
+              className="flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2.5 text-left transition hover:bg-muted/70"
+            >
+              <Upload className="h-4 w-4 shrink-0 text-text-muted" />
+              <span>
+                <span className="block text-[13px] font-medium text-text-primary">上传附件</span>
+                <span className="block text-[11px] text-text-muted">添加文件或图片到当前消息</span>
+              </span>
+            </button>
+          ) : null}
+
+          {attachmentsEnabled && visibleModes.length > 0 ? <div className="my-1 h-px bg-border/70" /> : null}
+
+          {visibleModes.map((option) => {
+            const Icon = option.icon;
+            const selected = mode === option.value;
+            return (
+              <button
+                key={option.value}
+                type="button"
+                role="menuitemradio"
+                aria-checked={selected}
+                onClick={() => {
+                  onSelectMode(option.value);
+                  setOpen(false);
+                }}
+                className={cn(
+                  'flex w-full items-center gap-2.5 rounded-xl px-2.5 py-2.5 text-left transition',
+                  selected ? 'bg-muted' : 'hover:bg-muted/70',
+                )}
+              >
+                <Icon className="h-4 w-4 shrink-0 text-text-muted" />
+                <span className="min-w-0 flex-1">
+                  <span className="block text-[13px] font-medium text-text-primary">{option.label}</span>
+                  <span className="block text-[11px] text-text-muted">{option.description}</span>
+                </span>
+                {selected ? <Check className="h-4 w-4 shrink-0 text-text-primary" /> : null}
+              </button>
+            );
+          })}
+        </div>
+      ) : null}
+    </div>
+  );
+}
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 641a607..573665c 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -4,6 +4,7 @@ import type {
   RunStage,
   RunEvent,
   RunEngineConfig,
+  RuntimeExecutionMode,
   SubmitControlCommand,
 } from './types.js';
 import { ContractMismatchError, decodeReceipt } from '../../types/agent-control.js';
@@ -244,6 +245,7 @@ export class RunEngineImpl implements RunEngine {
     attachments: File[];
     responsesInput?: unknown;
     previousResponseId?: string;
+    executionMode?: RuntimeExecutionMode;
     sessionId?: string | null;
     onSessionCreated?: (sessionId: string) => void;
     onSessionUpsert?: (sessionId: string) => void;
@@ -284,6 +286,7 @@ export class RunEngineImpl implements RunEngine {
 
         const hostedTransport = this.config.hostedChatTransport;
         const useAgui = !isResponsesResume
+          && !draft.executionMode
           && draft.attachments.length === 0
           && hostedTransport?.Protocol === 'ag-ui';
         const aguiClient = useAgui ? this.getAguiClient(sessionId) : null;
@@ -805,10 +808,16 @@ export class RunEngineImpl implements RunEngine {
     sessionId: string,
     apiFormat: RuntimeApiFormat,
     isResponsesResume: boolean,
-    draft: { text: string; responsesInput?: unknown; previousResponseId?: string },
+    draft: {
+      text: string;
+      responsesInput?: unknown;
+      previousResponseId?: string;
+      executionMode?: RuntimeExecutionMode;
+    },
     fileParts: Array<Record<string, unknown>>,
     invocationId: string,
   ): Record<string, unknown> {
+    const executionMetadata = this.buildExecutionMetadata(draft);
     const body: Record<string, unknown> = {
       AgentId: this.config.agentId,
       SessionId: sessionId,
@@ -823,6 +832,7 @@ export class RunEngineImpl implements RunEngine {
       Metadata: {
         agentengine: {
           tool_approval_mode: this.config.permissionMode || 'risk',
+          ...executionMetadata,
         },
       },
     };
@@ -841,6 +851,23 @@ export class RunEngineImpl implements RunEngine {
     return body;
   }
 
+  private buildExecutionMetadata(
+    draft: { text: string; executionMode?: RuntimeExecutionMode },
+  ): Record<string, string> {
+    const mode = draft.executionMode;
+    if (!mode) return {};
+    const capability = this.config.runtimeCapabilityMatrix?.[mode];
+    if (!capability?.supported || capability.mode === 'unavailable') return {};
+    if (mode === 'plan') return { collaboration_mode: 'plan' };
+    if (mode === 'goal') {
+      const objective = draft.text.trim();
+      return objective
+        ? { collaboration_mode: 'default', goal_objective: objective }
+        : {};
+    }
+    return { collaboration_mode: 'default' };
+  }
+
   /**
    * Consume an AgentKernel run: the receipt proved the durable enqueue; the
    * run output arrives on SubscribeSessionEvents as raw kernel frames which
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index cdd7dea..f54645c 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -2,6 +2,7 @@ import type { RuntimeApiFormat } from '../../types/api.js';
 import type { AgentControlError, AgentControlReceipt } from '../../types/agent-control.js';
 import type { HostedChatTransport } from '../../types/api.js';
 import type { ModelCatalogItem } from '../../components/chat/types.js';
+import type { RuntimeCapabilityMatrix } from '../../types/agent-control.js';
 
 export type RunStage =
   | 'idle' | 'creating-session' | 'uploading-files'
@@ -11,6 +12,7 @@ export type RunStage =
 
 /** Default approval policy applied to a newly started conversation run. */
 export type PermissionMode = 'ask' | 'risk' | 'full';
+export type RuntimeExecutionMode = 'loop' | 'plan' | 'goal';
 
 export type RunEvent =
   | { type: 'stage_changed'; stage: RunStage; sessionId?: string | null }
@@ -74,6 +76,7 @@ export type RunEngineConfig = {
   selectedModelMetadata?: ModelCatalogItem | null;
   thinkingMode: string;
   permissionMode?: PermissionMode;
+  runtimeCapabilityMatrix?: RuntimeCapabilityMatrix;
   hostedChatTransport?: HostedChatTransport;
   checkpointResumePreviewEnabled?: boolean;
 };
@@ -85,6 +88,7 @@ export interface RunEngine {
     attachments: File[];
     responsesInput?: unknown;
     previousResponseId?: string;
+    executionMode?: RuntimeExecutionMode;
     sessionId?: string | null;
     onSessionCreated?: (sessionId: string) => void;
     onSessionUpsert?: (sessionId: string) => void;
diff --git a/src/hooks/useRunAgent.ts b/src/hooks/useRunAgent.ts
index 76eb939..c816e8f 100644
--- a/src/hooks/useRunAgent.ts
+++ b/src/hooks/useRunAgent.ts
@@ -11,11 +11,12 @@ import type { ModelCatalogItem, Session } from '../components/chat/types.js';
 import { writePersistedSessionId } from '../utils/session.js';
 import { resolveHostedChatTransport } from '../utils/capabilities.js';
 import type { A2UIClientEventMessage } from '@copilotkit/a2ui-renderer';
-import type { PermissionMode } from '../core/run/types.js';
+import type { PermissionMode, RuntimeExecutionMode } from '../core/run/types.js';
 
 type QueuedDraft = {
   text: string;
   attachments: File[];
+  executionMode?: RuntimeExecutionMode;
 };
 
 type RunAgentContext = {
@@ -32,7 +33,7 @@ type RunAgentContext = {
   api: ApiFacade;
   currentSessionIdRef: React.MutableRefObject<string | null>;
   agentIdRef: React.MutableRefObject<string>;
-  queuedDraftRef: React.MutableRefObject<Array<{ text: string; attachments: File[] }>>;
+  queuedDraftRef: React.MutableRefObject<QueuedDraft[]>;
   onRunSettled?: (sessionId: string | null) => void;
 };
 
@@ -63,6 +64,7 @@ export function useRunAgent(ctx: RunAgentContext) {
       selectedModelMetadata,
       thinkingMode: uiCapabilities.Thinking ? thinkingMode : 'auto',
       permissionMode,
+      runtimeCapabilityMatrix: uiCapabilities.RuntimeCapabilityMatrix,
       hostedChatTransport: resolveHostedChatTransport(uiCapabilities, {
         requireResumableRun: Boolean(
           uiCapabilities.RunLifecycle?.Enabled && uiCapabilities.RunLifecycle.Resume,
@@ -135,6 +137,7 @@ export function useRunAgent(ctx: RunAgentContext) {
         attachments: draft.attachments,
         responsesInput: draft.responsesInput,
         previousResponseId: draft.previousResponseId,
+        executionMode: draft.executionMode,
         sessionId: targetSessionId,
         onSessionCreated: (sessionId: string) => {
           useSessionStore.getState().upsertSessions([{ SessionId: sessionId, UpdatedAt: new Date().toISOString() } as unknown as Session]);
@@ -183,24 +186,26 @@ export function useRunAgent(ctx: RunAgentContext) {
       draftAttachments: File[],
       responsesInput?: unknown,
       previousResponseId?: string,
+      executionMode?: RuntimeExecutionMode,
     ) => {
       const draft = {
         text: draftText,
         attachments: draftAttachments,
         responsesInput,
         previousResponseId,
+        executionMode,
       };
 
       const engine = getEngine(currentSessionIdRef.current);
       if (engine.stage !== 'idle' && useStreamingStore.getState().isSessionStreaming(currentSessionIdRef.current)) {
         if (responsesInput === undefined) {
-          enqueueDraft({ text: draftText, attachments: draftAttachments });
+          enqueueDraft({ text: draftText, attachments: draftAttachments, executionMode });
         }
         return;
       }
 
       if (!startDraft(draft) && responsesInput === undefined) {
-        enqueueDraft({ text: draftText, attachments: draftAttachments });
+        enqueueDraft({ text: draftText, attachments: draftAttachments, executionMode });
       }
     },
     [currentSessionIdRef, enqueueDraft, getEngine, startDraft],
diff --git a/src/stores/ui.ts b/src/stores/ui.ts
index 3d0f707..9dc3c9c 100644
--- a/src/stores/ui.ts
+++ b/src/stores/ui.ts
@@ -1,5 +1,12 @@
 import { create } from 'zustand';
 import type { MessageAttachment, PreviewImageSize } from '../components/chat/types.js';
+import type { RuntimeExecutionMode } from '../core/run/types.js';
+
+type QueuedDraft = {
+  text: string;
+  attachments: File[];
+  executionMode?: RuntimeExecutionMode;
+};
 
 type ToastEntry = {
   id: string;
@@ -19,7 +26,7 @@ export type UIState = {
   attachments: File[];
   previewAttachment: MessageAttachment | null;
   previewImageSize: PreviewImageSize | null;
-  queuedDrafts: Array<{ text: string; attachments: File[] }>;
+  queuedDrafts: QueuedDraft[];
   toasts: ToastEntry[];
 };
 
@@ -37,7 +44,7 @@ export type UIActions = {
   setAttachments: (updater: File[] | ((prev: File[]) => File[])) => void;
   setPreviewAttachment: (attachment: MessageAttachment | null) => void;
   setPreviewImageSize: (size: PreviewImageSize | null) => void;
-  setQueuedDrafts: (updater: Array<{ text: string; attachments: File[] }> | ((prev: Array<{ text: string; attachments: File[] }>) => Array<{ text: string; attachments: File[] }>)) => void;
+  setQueuedDrafts: (updater: QueuedDraft[] | ((prev: QueuedDraft[]) => QueuedDraft[])) => void;
   pushToast: (message: string, variant?: 'error' | 'info') => void;
   dismissToast: (id: string) => void;
 };
diff --git a/src/types/agent-control.ts b/src/types/agent-control.ts
index 5038c79..9145ede 100644
--- a/src/types/agent-control.ts
+++ b/src/types/agent-control.ts
@@ -142,6 +142,10 @@ export type RuntimeCapabilityMatrix = {
   inject: RuntimeCapability;
   checkpoint: RuntimeCapability;
   durable_restore: RuntimeCapability;
+  /** Runtime v2 execution modes are additive and absent on legacy runtimes. */
+  goal?: RuntimeCapability;
+  loop?: RuntimeCapability;
+  plan?: RuntimeCapability;
   extensions: Record<string, unknown>;
 };
 
@@ -150,6 +154,8 @@ const CAPABILITY_KEYS = [
   'steer', 'inject', 'checkpoint', 'durable_restore',
 ] as const;
 
+const EXECUTION_MODE_KEYS = ['goal', 'loop', 'plan'] as const;
+
 const capabilityValue = z
   .object({
     supported: z.boolean(),
@@ -196,7 +202,11 @@ export function decodeCapabilityMatrix(raw: unknown): RuntimeCapabilityMatrix {
   const value = base.data as Record<string, unknown>;
   const extensions: Record<string, unknown> = {};
   for (const key of Object.keys(value)) {
-    if (key !== 'schema_version' && !(CAPABILITY_KEYS as readonly string[]).includes(key)) {
+    if (
+      key !== 'schema_version'
+      && !(CAPABILITY_KEYS as readonly string[]).includes(key)
+      && !(EXECUTION_MODE_KEYS as readonly string[]).includes(key)
+    ) {
       extensions[key] = value[key];
     }
   }
@@ -207,6 +217,11 @@ export function decodeCapabilityMatrix(raw: unknown): RuntimeCapabilityMatrix {
   for (const key of CAPABILITY_KEYS) {
     matrix[key] = decodeCapability(value[key], key);
   }
+  for (const key of EXECUTION_MODE_KEYS) {
+    if (value[key] !== undefined && value[key] !== null) {
+      matrix[key] = decodeCapability(value[key], key);
+    }
+  }
   return matrix;
 }
 
diff --git a/src/types/capabilities.ts b/src/types/capabilities.ts
index ce9667c..e6fc2dc 100644
--- a/src/types/capabilities.ts
+++ b/src/types/capabilities.ts
@@ -3,6 +3,7 @@ import type {
   HostedChatTransportProtocol,
   RuntimeApiFormat,
 } from './api.js';
+import type { RuntimeCapabilityMatrix } from './agent-control.js';
 
 export type BuiltinToolCapability = {
   name: string;
@@ -60,6 +61,8 @@ export type UiCapabilities = {
   BuiltinTools: BuiltinToolCapability[];
   /** agent-kernel/v1 Interaction capability (bootstrap `interaction_v1`). */
   InteractionV1?: boolean;
+  /** Canonical agent-kernel/v1 projection. Absent means no execution-mode UI. */
+  RuntimeCapabilityMatrix?: RuntimeCapabilityMatrix;
 };
 
 // agent-kernel/v1 runtime capability matrix, exposed alongside the legacy
diff --git a/src/utils/capabilities.js b/src/utils/capabilities.js
index 61fa1aa..ce1bc1c 100644
--- a/src/utils/capabilities.js
+++ b/src/utils/capabilities.js
@@ -1,3 +1,5 @@
+import { decodeCapabilityMatrix } from '../types/agent-control.js';
+
 const DEFAULT_API_FORMATS = ['responses', 'chat_completions'];
 const NATIVE_DASHBOARD_FRAMEWORKS = new Map([
   ['openclaw', 'OpenClaw'],
@@ -74,6 +76,16 @@ function normalizeApprovalPolicy(value) {
   };
 }
 
+function normalizeRuntimeCapabilityMatrix(value) {
+  if (value === undefined || value === null) return undefined;
+  try {
+    return decodeCapabilityMatrix(value);
+  } catch {
+    // A malformed or legacy-shaped capability must never enable controls.
+    return undefined;
+  }
+}
+
 function normalizeHostedChatTransports(value) {
   if (!Array.isArray(value)) {
     return [];
@@ -143,9 +155,13 @@ export function normalizeCapabilities(bootstrap) {
     ?? rawCapabilities.InteractionV1
     ?? false,
   );
+  const runtimeCapabilityMatrix = normalizeRuntimeCapabilityMatrix(
+    rawCapabilities.RuntimeCapabilityMatrix ?? data.RuntimeCapabilityMatrix,
+  );
 
   return {
     ...rawCapabilities,
+    RuntimeCapabilityMatrix: runtimeCapabilityMatrix,
     InteractionV1: interactionV1,
     HostedChat: {
       Enabled: hostedChatEnabled,

From 6d5152f891baaa082a5392d4903cff645113db39 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 11:33:08 +0800
Subject: [PATCH 55/61] fix(web): simplify hosted session activity

---
 .../chat-message-list-contract.test.ts        | 13 +++++++
 src/__tests__/session-list.test.ts            | 37 +++++++++++++++++++
 src/components/chat/ChatSidebar.tsx           | 17 ++++++---
 src/utils/session-list.js                     | 25 ++++++++++++-
 tests/session-list.test.mjs                   | 14 +++++++
 5 files changed, 98 insertions(+), 8 deletions(-)
 create mode 100644 src/__tests__/session-list.test.ts

diff --git a/src/__tests__/chat-message-list-contract.test.ts b/src/__tests__/chat-message-list-contract.test.ts
index 64da927..72d897c 100644
--- a/src/__tests__/chat-message-list-contract.test.ts
+++ b/src/__tests__/chat-message-list-contract.test.ts
@@ -83,6 +83,19 @@ describe('chat message list contracts', () => {
     expect(source).toContain('group-focus-within:opacity-100');
   });
 
+  it('keeps hosted session activity as compact visual state instead of status copy', () => {
+    const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatSidebar.tsx'), 'utf8');
+
+    expect(source).toContain('aria-label="\u8fd0\u884c\u4e2d"');
+    expect(source).toContain('aria-label="\u8fd0\u884c\u5931\u8d25"');
+    expect(source).toContain('h-1.5 w-1.5');
+    expect(source).toContain('border-t-transparent');
+    expect(source).toContain('bg-primary/[0.035]');
+    expect(source).not.toContain('bg-primary/8');
+    expect(source).not.toContain('\u6b63\u5728\u8fd0\u884c');
+    expect(source).not.toContain('completed');
+  });
+
   it('keeps reasoning panels scrollable and lightweight', () => {
     const source = readFileSync(resolve(repoRoot, 'src/components/chat/ChatMessageList.tsx'), 'utf8');
 
diff --git a/src/__tests__/session-list.test.ts b/src/__tests__/session-list.test.ts
new file mode 100644
index 0000000..07a9cbe
--- /dev/null
+++ b/src/__tests__/session-list.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from 'vitest';
+
+import { resolveCompactSessionMeta } from '../utils/session-list.js';
+
+describe('hosted session list status projection', () => {
+  it('keeps completed sessions silent and uses the updated time as ordinary metadata', () => {
+    expect(resolveCompactSessionMeta({
+      ActiveRunStatus: 'completed',
+      UpdatedAt: '2026-05-07T08:45:00Z',
+    })).toEqual({
+      running: false,
+      failed: false,
+      label: '5月7日 16:45',
+    });
+  });
+
+  it('projects active and failed statuses without exposing raw status text', () => {
+    const now = Date.parse('2026-05-07T08:46:00Z');
+
+    expect(resolveCompactSessionMeta({
+      ActiveRunStatus: 'resuming',
+      UpdatedAt: '2026-05-07T08:45:00Z',
+    }, { now })).toEqual({
+      running: true,
+      failed: false,
+      label: '',
+    });
+    expect(resolveCompactSessionMeta({
+      ActiveRunStatus: 'resume_failed',
+      UpdatedAt: '2026-05-07T08:45:00Z',
+    })).toEqual({
+      running: false,
+      failed: true,
+      label: '',
+    });
+  });
+});
diff --git a/src/components/chat/ChatSidebar.tsx b/src/components/chat/ChatSidebar.tsx
index ecff10b..35c8a38 100644
--- a/src/components/chat/ChatSidebar.tsx
+++ b/src/components/chat/ChatSidebar.tsx
@@ -105,14 +105,10 @@ export function ChatSidebar({
                     selected
                       ? 'border-l-2 border-primary bg-primary/10 font-medium text-sidebar-text'
                       : meta.running
-                        ? 'cursor-pointer bg-primary/8 text-sidebar-text'
+                        ? 'cursor-pointer bg-primary/[0.035] text-sidebar-text'
                         : 'cursor-pointer text-sidebar-text-secondary hover:bg-sidebar-hover hover:text-sidebar-text',
                   )}
                 >
-                  {/* wework 风格:活跃会话行首 primary 竖条,一眼区分正在流式的会话 */}
-                  {meta.running ? (
-                    <span className="absolute left-0 top-1/2 h-3.5 w-0.5 -translate-y-1/2 rounded-full bg-primary" aria-hidden="true" />
-                  ) : null}
                   <button
                     type="button"
                     aria-current={selected ? 'page' : undefined}
@@ -123,7 +119,16 @@ export function ChatSidebar({
                       {sessionTitle(session)}
                     </span>
                     {meta.running ? (
-                      <LoaderCircle className="h-3.5 w-3.5 flex-shrink-0 animate-spin text-primary" />
+                      <span
+                        aria-label="运行中"
+                        className="h-1.5 w-1.5 flex-shrink-0 animate-spin rounded-full border border-primary border-t-transparent"
+                      />
+                    ) : meta.failed ? (
+                      <span
+                        aria-label="运行失败"
+                        title="运行失败"
+                        className="h-1.5 w-1.5 flex-shrink-0 rounded-full bg-rose-500/75"
+                      />
                     ) : meta.label ? (
                       <span className="flex-shrink-0 text-[11px] leading-none text-sidebar-text-muted group-hover:hidden">
                         {meta.label}
diff --git a/src/utils/session-list.js b/src/utils/session-list.js
index 37920d9..2c90805 100644
--- a/src/utils/session-list.js
+++ b/src/utils/session-list.js
@@ -1,4 +1,23 @@
-const ACTIVE_RUN_STATUSES = new Set(['in_progress', 'running', 'queued', 'pending']);
+const ACTIVE_RUN_STATUSES = new Set([
+  'in_progress',
+  'running',
+  'resuming',
+  'starting',
+  'streaming',
+  'queued',
+  'pending',
+  'accepted',
+]);
+const FAILED_RUN_STATUSES = new Set([
+  'failed',
+  'error',
+  'resume_failed',
+  'interrupted',
+  'cancelled',
+  'canceled',
+  'aborted',
+  'expired',
+]);
 const DEFAULT_ACTIVE_STALE_AFTER_MS = 5 * 60 * 1000;
 
 function sessionUpdatedAtValue(session) {
@@ -115,8 +134,10 @@ export function formatSessionContextLabel(session) {
 
 export function resolveCompactSessionMeta(session, options = {}) {
   const running = isSessionRunningWithOptions(session, options);
+  const failed = FAILED_RUN_STATUSES.has(normalizeText(session?.ActiveRunStatus));
   return {
     running,
-    label: running ? '' : formatCompactUpdatedAt(session?.UpdatedAt ?? session?.updated_at),
+    failed,
+    label: running || failed ? '' : formatCompactUpdatedAt(session?.UpdatedAt ?? session?.updated_at),
   };
 }
diff --git a/tests/session-list.test.mjs b/tests/session-list.test.mjs
index 14aeba5..6f20894 100644
--- a/tests/session-list.test.mjs
+++ b/tests/session-list.test.mjs
@@ -139,6 +139,7 @@ test('session list utils format model and context labels', async () => {
   assert.equal(sessionList.formatSessionContextLabel(session), '上下文 37%');
   assert.equal(sessionList.isSessionRunning({ ActiveRunStatus: 'completed' }), false);
   assert.equal(sessionList.isSessionRunning({ ActiveRunStatus: 'in_progress' }), true);
+  assert.equal(sessionList.isSessionRunning({ ActiveRunStatus: 'resuming' }), true);
 });
 
 test('session list utils expose compact sidebar status labels', async () => {
@@ -153,6 +154,7 @@ test('session list utils expose compact sidebar status labels', async () => {
     }, { now }),
     {
       running: true,
+      failed: false,
       label: '',
     },
   );
@@ -163,7 +165,19 @@ test('session list utils expose compact sidebar status labels', async () => {
     }),
     {
       running: false,
+      failed: false,
       label: '5月7日 16:45',
     },
   );
+  assert.deepEqual(
+    sessionList.resolveCompactSessionMeta({
+      ActiveRunStatus: 'failed',
+      UpdatedAt: '2026-05-07T08:45:00Z',
+    }),
+    {
+      running: false,
+      failed: true,
+      label: '',
+    },
+  );
 });

From 22da49f5774557803153ab414375f3aacd65ae99 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 14:03:35 +0800
Subject: [PATCH 56/61] chore(release): attest final web 0.3.2 source

---
 CHANGELOG.md            | 7 +++++++
 RELEASE_PROVENANCE.json | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 21153aa..2616d7c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,13 @@ reviewed source that replaces the internal beta sequence. The cross-repository
 preproduction gate is green; publication still uses the protected release
 workflow.
 
+- Unify the Hosted UI composer with Studio's compact attachment, approval,
+  model, goal, Agent Loop, and plan controls; runtime-only execution modes stay
+  hidden unless the capability matrix explicitly declares support.
+- Simplify the session list: completed runs no longer expose raw status text;
+  active sessions use a small activity ring and subtle background, while failed
+  sessions use a restrained error dot.
+
 ## 0.3.2-beta.5 - 2026-08-21
 
 When the composer Interaction tray owns a pending approval, its tool-history
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index a4f77fb..8a23438 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "c3f7cf3ef34155048c64a976b766b4ff9ab3a489",
+  "source_commit": "6d5152f891baaa082a5392d4903cff645113db39",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From 39a550d56b3a2c6f8039a93dde541f5a92081718 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 14:30:34 +0800
Subject: [PATCH 57/61] fix(web): expose goal and plan as execution controls

---
 CHANGELOG.md                              | 5 +++--
 e2e/interaction.spec.ts                   | 5 ++---
 src/__tests__/composer-contract.test.ts   | 5 +++--
 src/__tests__/run-engine.test.ts          | 6 +-----
 src/components/chat/ConnectedComposer.tsx | 9 ++++-----
 src/components/chat/ExecutionModeMenu.tsx | 8 +++-----
 src/core/run/engine.ts                    | 2 +-
 src/core/run/types.ts                     | 8 +++++++-
 8 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2616d7c..c13c2c0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,8 +8,9 @@ preproduction gate is green; publication still uses the protected release
 workflow.
 
 - Unify the Hosted UI composer with Studio's compact attachment, approval,
-  model, goal, Agent Loop, and plan controls; runtime-only execution modes stay
-  hidden unless the capability matrix explicitly declares support.
+  model, Goal, and Plan controls. The runtime's ordinary agent loop remains
+  internal rather than appearing as a third user-selectable mode; a future
+  eval-driven improvement loop must advertise its own honest capability.
 - Simplify the session list: completed runs no longer expose raw status text;
   active sessions use a small activity ring and subtle background, while failed
   sessions use a restrained error dot.
diff --git a/e2e/interaction.spec.ts b/e2e/interaction.spec.ts
index 51d6730..839c7f3 100644
--- a/e2e/interaction.spec.ts
+++ b/e2e/interaction.spec.ts
@@ -619,7 +619,7 @@ test('resolved anchor expands a read-only snapshot with actor, time, and schema
   expect(editable).toBe(0);
 });
 
-test('typed Runtime v2 capabilities expose loop plan and goal and project plan metadata', async ({ page }) => {
+test('typed Runtime v2 capabilities expose plan and goal without presenting the internal loop as a mode', async ({ page }) => {
   const state = {
     submits: [],
     runs: [],
@@ -630,10 +630,9 @@ test('typed Runtime v2 capabilities expose loop plan and goal and project plan m
   await installFixture(page, state, { executionModes: true });
   await page.goto('/');
 
-  await expect(page.getByRole('button', { name: '当前执行模式：Agent Loop' })).toBeVisible();
   await page.getByRole('button', { name: '添加附件或选择执行模式' }).click();
   const menu = page.getByRole('menu', { name: '附件与执行模式' });
-  await expect(menu.getByRole('menuitemradio', { name: /Agent Loop/ })).toBeVisible();
+  await expect(menu.getByRole('menuitemradio', { name: /Agent Loop/ })).toHaveCount(0);
   await expect(menu.getByRole('menuitemradio', { name: /计划模式/ })).toBeVisible();
   await expect(menu.getByRole('menuitemradio', { name: /设定目标/ })).toBeVisible();
 
diff --git a/src/__tests__/composer-contract.test.ts b/src/__tests__/composer-contract.test.ts
index 56f0d66..cd03173 100644
--- a/src/__tests__/composer-contract.test.ts
+++ b/src/__tests__/composer-contract.test.ts
@@ -58,7 +58,7 @@ describe('ChatComposer interaction contract', () => {
     expect(runSource).toContain("thinkingMode: uiCapabilities.Thinking ? thinkingMode : 'auto'");
   });
 
-  it('shows goal loop and plan only from explicit typed runtime capabilities', () => {
+  it('shows goal and plan only from explicit typed runtime capabilities', () => {
     const appSource = readSource('App.tsx');
     const composerSource = readSource('components/chat/ChatComposer.tsx');
     const actionMenuSource = readSource('components/chat/ExecutionModeMenu.tsx');
@@ -66,12 +66,13 @@ describe('ChatComposer interaction contract', () => {
 
     expect(appSource).toContain('runtimeCapabilityMatrix={uiCapabilities.RuntimeCapabilityMatrix}');
     expect(composerSource).toContain('<ExecutionModeMenu');
-    expect(actionMenuSource).toContain('Agent Loop');
+    expect(actionMenuSource).not.toContain('Agent Loop');
     expect(actionMenuSource).toContain('计划模式');
     expect(actionMenuSource).toContain('设定目标');
     expect(actionMenuSource).not.toContain('速度');
     expect(runSource).toContain('goal_objective');
     expect(runSource).toContain('collaboration_mode');
+    expect(runSource).not.toContain("return { collaboration_mode: 'default' };");
   });
 
   it('refreshes the active session after runtime cancel so checkpoint controls can appear', () => {
diff --git a/src/__tests__/run-engine.test.ts b/src/__tests__/run-engine.test.ts
index 18b4ebd..962ba35 100644
--- a/src/__tests__/run-engine.test.ts
+++ b/src/__tests__/run-engine.test.ts
@@ -486,7 +486,7 @@ describe('RunEngineImpl', () => {
     });
   });
 
-  it('maps advertised loop plan and goal modes to runtime request metadata', async () => {
+  it('maps advertised plan and goal controls to distinct runtime request metadata', async () => {
     const native = { supported: true, mode: 'native' as const, extensions: {} };
     const runtimeCapabilityMatrix = {
       schema_version: 1 as const,
@@ -505,10 +505,6 @@ describe('RunEngineImpl', () => {
       extensions: {},
     };
     const cases = [
-      {
-        mode: 'loop' as const,
-        expected: { collaboration_mode: 'default' },
-      },
       {
         mode: 'plan' as const,
         expected: { collaboration_mode: 'plan' },
diff --git a/src/components/chat/ConnectedComposer.tsx b/src/components/chat/ConnectedComposer.tsx
index 973b76a..d206d5f 100644
--- a/src/components/chat/ConnectedComposer.tsx
+++ b/src/components/chat/ConnectedComposer.tsx
@@ -59,7 +59,7 @@ export function ConnectedComposer({
   localCatalog,
 }: ConnectedComposerProps) {
   const [activeInteractionIndex, setActiveInteractionIndex] = useState(0);
-  const [selectedExecutionMode, setSelectedExecutionMode] = useState<RuntimeExecutionMode>('loop');
+  const [selectedExecutionMode, setSelectedExecutionMode] = useState<RuntimeExecutionMode | undefined>();
   const input = useUIStore((s: UIStore) => s.input);
   const attachments = useUIStore((s: UIStore) => s.attachments);
   const currentSessionId = useSessionStore((s: SessionStore) => s.currentSessionId);
@@ -85,13 +85,12 @@ export function ConnectedComposer({
     [input, messages, selectedModelMetadata],
   );
   const executionModeSupport = useMemo<RuntimeExecutionModeSupport>(() => ({
-    loop: Boolean(runtimeCapabilityMatrix?.loop?.supported),
     plan: Boolean(runtimeCapabilityMatrix?.plan?.supported),
     goal: Boolean(runtimeCapabilityMatrix?.goal?.supported),
   }), [runtimeCapabilityMatrix]);
-  const executionMode = executionModeSupport[selectedExecutionMode]
+  const executionMode = selectedExecutionMode && executionModeSupport[selectedExecutionMode]
     ? selectedExecutionMode
-    : executionModeSupport.loop ? 'loop' : undefined;
+    : undefined;
 
   const handleSubmit = useCallback((draftText: string, draftAttachments: File[]) => {
     if (!draftText && draftAttachments.length === 0) return;
@@ -99,7 +98,7 @@ export function ConnectedComposer({
     useUIStore.getState().setAttachments([]);
     void submitDraft(draftText, draftAttachments, undefined, undefined, executionMode);
     if (executionMode === 'goal') {
-      setSelectedExecutionMode('loop');
+      setSelectedExecutionMode(undefined);
     }
   }, [executionMode, submitDraft]);
 
diff --git a/src/components/chat/ExecutionModeMenu.tsx b/src/components/chat/ExecutionModeMenu.tsx
index 52617ea..e01baee 100644
--- a/src/components/chat/ExecutionModeMenu.tsx
+++ b/src/components/chat/ExecutionModeMenu.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 
-import { Check, ChevronDown, ListTodo, Plus, Repeat2, Target, Upload } from 'lucide-react';
+import { Check, ChevronDown, ListTodo, Plus, Target, Upload } from 'lucide-react';
 
 import { cn } from '@/lib/utils';
 import type { RuntimeExecutionMode } from '@/core/run/types.js';
@@ -19,15 +19,13 @@ const modeOptions: Array<{
   value: RuntimeExecutionMode;
   label: string;
   description: string;
-  icon: typeof Repeat2;
+  icon: typeof ListTodo;
 }> = [
-  { value: 'loop', label: 'Agent Loop', description: '持续对话并执行任务', icon: Repeat2 },
   { value: 'plan', label: '计划模式', description: '先分析并形成可执行计划', icon: ListTodo },
-  { value: 'goal', label: '设定目标', description: '启动可持续完成的目标', icon: Target },
+  { value: 'goal', label: '设定目标', description: '朝可验证的停止条件持续推进', icon: Target },
 ];
 
 const modeLabels: Record<RuntimeExecutionMode, string> = {
-  loop: 'Agent Loop',
   plan: '计划模式',
   goal: '目标',
 };
diff --git a/src/core/run/engine.ts b/src/core/run/engine.ts
index 573665c..c0d961c 100644
--- a/src/core/run/engine.ts
+++ b/src/core/run/engine.ts
@@ -865,7 +865,7 @@ export class RunEngineImpl implements RunEngine {
         ? { collaboration_mode: 'default', goal_objective: objective }
         : {};
     }
-    return { collaboration_mode: 'default' };
+    return {};
   }
 
   /**
diff --git a/src/core/run/types.ts b/src/core/run/types.ts
index f54645c..4a5a1cb 100644
--- a/src/core/run/types.ts
+++ b/src/core/run/types.ts
@@ -12,7 +12,13 @@ export type RunStage =
 
 /** Default approval policy applied to a newly started conversation run. */
 export type PermissionMode = 'ask' | 'risk' | 'full';
-export type RuntimeExecutionMode = 'loop' | 'plan' | 'goal';
+/**
+ * User-selectable execution controls.
+ *
+ * A runtime's agent loop is its internal execution machinery, not a turn mode.
+ * Only Plan and Goal have distinct public request semantics.
+ */
+export type RuntimeExecutionMode = 'plan' | 'goal';
 
 export type RunEvent =
   | { type: 'stage_changed'; stage: RunStage; sessionId?: string | null }

From fbc21ed43a0268ad3202e2cad12d326c794dc18e Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Mon, 24 Aug 2026 14:31:09 +0800
Subject: [PATCH 58/61] chore(release): attest execution controls source

---
 RELEASE_PROVENANCE.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index 8a23438..ebaf058 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "6d5152f891baaa082a5392d4903cff645113db39",
+  "source_commit": "39a550d56b3a2c6f8039a93dde541f5a92081718",
   "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
 }

From d85c0bc69e04153f4c3b2e44ad6fbf6ec8976aa1 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 25 Aug 2026 00:09:57 +0800
Subject: [PATCH 59/61] chore(web): prepare truthful 0.3.2 candidate

---
 CHANGELOG.md                     | 6 +++---
 RELEASE_PROVENANCE.json          | 2 +-
 src/core/stream/kernel-events.ts | 1 -
 src/hooks/useSessionLifecycle.ts | 1 -
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c13c2c0..c778ef3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,9 +3,9 @@
 ## 0.3.2 - 2026-08-21
 
 Release candidate for the durable Interaction/v1 web experience. This is the
-reviewed source that replaces the internal beta sequence. The cross-repository
-preproduction gate is green; publication still uses the protected release
-workflow.
+reviewed source that replaces the internal beta sequence. Publication remains
+blocked on the current-digest cross-repository preproduction gate and uses the
+protected release workflow only after that gate is green.
 
 - Unify the Hosted UI composer with Studio's compact attachment, approval,
   model, Goal, and Plan controls. The runtime's ordinary agent loop remains
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index ebaf058..e8b1eba 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -3,5 +3,5 @@
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
   "source_commit": "39a550d56b3a2c6f8039a93dde541f5a92081718",
-  "interaction_contract_digest": "d4a66a7249e10375d32d6a83434fde1d16ee6721e3a09ea03ed71217ee742d62"
+  "interaction_contract_digest": "47e1003e03d97abeba232cc3e03a14b9cbcf78b1109870ccd2ce371f073b6211"
 }
diff --git a/src/core/stream/kernel-events.ts b/src/core/stream/kernel-events.ts
index 6b69d23..745b9a3 100644
--- a/src/core/stream/kernel-events.ts
+++ b/src/core/stream/kernel-events.ts
@@ -267,7 +267,6 @@ export async function peekKernelReceipt(
 
   try {
     while (true) {
-      // eslint-disable-next-line no-await-in-loop
       const { value, done } = await reader.read();
       if (value) buffer += decoder.decode(value, { stream: true });
       if (done) {
diff --git a/src/hooks/useSessionLifecycle.ts b/src/hooks/useSessionLifecycle.ts
index 38f2dc3..f745382 100644
--- a/src/hooks/useSessionLifecycle.ts
+++ b/src/hooks/useSessionLifecycle.ts
@@ -481,7 +481,6 @@ export function useSessionLifecycle(ctx: SessionLifecycleContext) {
     },
     [
       api,
-      disconnectRun,
       isMobile,
       loadFeedbackForMessages,
       resetCompaction,

From 2136448e038b4d8c475fa20e4722252b1ddb2ebc Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 25 Aug 2026 02:04:16 +0800
Subject: [PATCH 60/61] fix(web): keep prebuild capability gate executable

---
 src/types/agent-control.ts             | 78 ++-------------------
 src/types/runtime-capability-matrix.js | 94 ++++++++++++++++++++++++++
 src/utils/capabilities.js              |  4 +-
 3 files changed, 102 insertions(+), 74 deletions(-)
 create mode 100644 src/types/runtime-capability-matrix.js

diff --git a/src/types/agent-control.ts b/src/types/agent-control.ts
index 9145ede..f7b7bc0 100644
--- a/src/types/agent-control.ts
+++ b/src/types/agent-control.ts
@@ -12,6 +12,7 @@
  *   compatibility instead of being dropped silently.
  */
 import { z } from 'zod';
+import { decodeCapabilityMatrixValue } from './runtime-capability-matrix.js';
 
 export class ContractMismatchError extends Error {
   constructor(message: string) {
@@ -149,80 +150,13 @@ export type RuntimeCapabilityMatrix = {
   extensions: Record<string, unknown>;
 };
 
-const CAPABILITY_KEYS = [
-  'cancel', 'pause', 'resume', 'submit_interaction', 'attach',
-  'steer', 'inject', 'checkpoint', 'durable_restore',
-] as const;
-
-const EXECUTION_MODE_KEYS = ['goal', 'loop', 'plan'] as const;
-
-const capabilityValue = z
-  .object({
-    supported: z.boolean(),
-    mode: z.enum(['native', 'emulated', 'unavailable']),
-    reason: z.string().min(1).nullable().optional(),
-  })
-  .passthrough();
-
-function decodeCapability(raw: unknown, field: string): RuntimeCapability {
-  const parsed = capabilityValue.safeParse(raw);
-  if (!parsed.success) {
-    throw new ContractMismatchError(
-      `RuntimeCapabilityMatrix/v1 mismatch at ${field}: ${parsed.error.message}`,
-    );
-  }
-  const value = parsed.data;
-  if (!value.supported && (value.mode !== 'unavailable' || !value.reason)) {
-    throw new ContractMismatchError(
-      `RuntimeCapabilityMatrix/v1 mismatch at ${field}: unsupported capability requires mode=unavailable and reason`,
-    );
-  }
-  const { supported, mode, reason, ...rest } = value;
-  return {
-    supported,
-    mode,
-    reason: reason ?? null,
-    extensions: rest as Record<string, unknown>,
-  };
-}
-
 export function decodeCapabilityMatrix(raw: unknown): RuntimeCapabilityMatrix {
-  const base = z
-    .object({
-      schema_version: z.literal(1),
-      ...Object.fromEntries(CAPABILITY_KEYS.map((key) => [key, z.unknown()])),
-    })
-    .passthrough()
-    .safeParse(raw);
-  if (!base.success) {
-    throw new ContractMismatchError(
-      `RuntimeCapabilityMatrix/v1 mismatch: ${base.error.message}`,
-    );
-  }
-  const value = base.data as Record<string, unknown>;
-  const extensions: Record<string, unknown> = {};
-  for (const key of Object.keys(value)) {
-    if (
-      key !== 'schema_version'
-      && !(CAPABILITY_KEYS as readonly string[]).includes(key)
-      && !(EXECUTION_MODE_KEYS as readonly string[]).includes(key)
-    ) {
-      extensions[key] = value[key];
-    }
-  }
-  const matrix: RuntimeCapabilityMatrix = {
-    schema_version: 1,
-    extensions,
-  } as RuntimeCapabilityMatrix;
-  for (const key of CAPABILITY_KEYS) {
-    matrix[key] = decodeCapability(value[key], key);
-  }
-  for (const key of EXECUTION_MODE_KEYS) {
-    if (value[key] !== undefined && value[key] !== null) {
-      matrix[key] = decodeCapability(value[key], key);
-    }
+  try {
+    return decodeCapabilityMatrixValue(raw) as RuntimeCapabilityMatrix;
+  } catch (error) {
+    const detail = error instanceof Error ? error.message : String(error);
+    throw new ContractMismatchError(`RuntimeCapabilityMatrix/v1 mismatch: ${detail}`);
   }
-  return matrix;
 }
 
 // ---------------------------------------------------------------------------
diff --git a/src/types/runtime-capability-matrix.js b/src/types/runtime-capability-matrix.js
new file mode 100644
index 0000000..2c866ef
--- /dev/null
+++ b/src/types/runtime-capability-matrix.js
@@ -0,0 +1,94 @@
+const REQUIRED_CAPABILITY_KEYS = [
+  'cancel',
+  'pause',
+  'resume',
+  'submit_interaction',
+  'attach',
+  'steer',
+  'inject',
+  'checkpoint',
+  'durable_restore',
+];
+
+const EXECUTION_MODE_KEYS = ['goal', 'loop', 'plan'];
+const CAPABILITY_MODES = new Set(['native', 'emulated', 'unavailable']);
+const CAPABILITY_VALUE_KEYS = new Set(['supported', 'mode', 'reason']);
+const MATRIX_KEYS = new Set([
+  'schema_version',
+  ...REQUIRED_CAPABILITY_KEYS,
+  ...EXECUTION_MODE_KEYS,
+]);
+
+function asRecord(value, field) {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    throw new Error(`${field} must be an object`);
+  }
+  return value;
+}
+
+function decodeCapabilityValue(raw, field) {
+  const value = asRecord(raw, field);
+  if (typeof value.supported !== 'boolean') {
+    throw new Error(`${field}.supported must be a boolean`);
+  }
+  if (!CAPABILITY_MODES.has(value.mode)) {
+    throw new Error(`${field}.mode must be native, emulated, or unavailable`);
+  }
+  if (
+    value.reason !== undefined
+    && value.reason !== null
+    && (typeof value.reason !== 'string' || value.reason.length === 0)
+  ) {
+    throw new Error(`${field}.reason must be a non-empty string or null`);
+  }
+  if (!value.supported && (value.mode !== 'unavailable' || !value.reason)) {
+    throw new Error(
+      `${field}: unsupported capability requires mode=unavailable and reason`,
+    );
+  }
+
+  return {
+    supported: value.supported,
+    mode: value.mode,
+    reason: value.reason ?? null,
+    extensions: Object.fromEntries(
+      Object.entries(value).filter(([key]) => !CAPABILITY_VALUE_KEYS.has(key)),
+    ),
+  };
+}
+
+/**
+ * Decode the runtime-only portion of AgentKernel RuntimeCapabilityMatrix/v1.
+ *
+ * This module intentionally stays plain JavaScript so both the browser bundle
+ * and the repository's pre-build Node compatibility tests execute the same
+ * fail-closed decoder. The public TypeScript wrapper supplies the contract
+ * type and canonical ContractMismatchError.
+ */
+export function decodeCapabilityMatrixValue(raw) {
+  const value = asRecord(raw, 'RuntimeCapabilityMatrix/v1');
+  if (value.schema_version !== 1) {
+    throw new Error('schema_version must equal 1');
+  }
+  for (const key of REQUIRED_CAPABILITY_KEYS) {
+    if (!(key in value)) {
+      throw new Error(`${key} is required`);
+    }
+  }
+
+  const matrix = {
+    schema_version: 1,
+    extensions: Object.fromEntries(
+      Object.entries(value).filter(([key]) => !MATRIX_KEYS.has(key)),
+    ),
+  };
+  for (const key of REQUIRED_CAPABILITY_KEYS) {
+    matrix[key] = decodeCapabilityValue(value[key], key);
+  }
+  for (const key of EXECUTION_MODE_KEYS) {
+    if (value[key] !== undefined && value[key] !== null) {
+      matrix[key] = decodeCapabilityValue(value[key], key);
+    }
+  }
+  return matrix;
+}
diff --git a/src/utils/capabilities.js b/src/utils/capabilities.js
index ce1bc1c..ed5dbff 100644
--- a/src/utils/capabilities.js
+++ b/src/utils/capabilities.js
@@ -1,4 +1,4 @@
-import { decodeCapabilityMatrix } from '../types/agent-control.js';
+import { decodeCapabilityMatrixValue } from '../types/runtime-capability-matrix.js';
 
 const DEFAULT_API_FORMATS = ['responses', 'chat_completions'];
 const NATIVE_DASHBOARD_FRAMEWORKS = new Map([
@@ -79,7 +79,7 @@ function normalizeApprovalPolicy(value) {
 function normalizeRuntimeCapabilityMatrix(value) {
   if (value === undefined || value === null) return undefined;
   try {
-    return decodeCapabilityMatrix(value);
+    return decodeCapabilityMatrixValue(value);
   } catch {
     // A malformed or legacy-shaped capability must never enable controls.
     return undefined;

From d4b6d6b9050254e7103bec27eb28bad6f8ec3586 Mon Sep 17 00:00:00 2001
From: xiayu <xiayu@kingsoft.com>
Date: Tue, 25 Aug 2026 02:04:32 +0800
Subject: [PATCH 61/61] chore(release): attest prebuild capability gate

---
 CHANGELOG.md            | 3 +++
 RELEASE_PROVENANCE.json | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c778ef3..a715c5c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,9 @@ protected release workflow only after that gate is green.
 - Simplify the session list: completed runs no longer expose raw status text;
   active sessions use a small activity ring and subtle background, while failed
   sessions use a restrained error dot.
+- Keep RuntimeCapabilityMatrix decoding executable before the TypeScript build,
+  so the same fail-closed contract projection is covered by both browser tests
+  and the npm publication workflow's Node compatibility gate.
 
 ## 0.3.2-beta.5 - 2026-08-21
 
diff --git a/RELEASE_PROVENANCE.json b/RELEASE_PROVENANCE.json
index e8b1eba..f87558f 100644
--- a/RELEASE_PROVENANCE.json
+++ b/RELEASE_PROVENANCE.json
@@ -2,6 +2,6 @@
   "schema_version": 1,
   "package": "@kingsoftcloud/ksadk-web",
   "version": "0.3.2",
-  "source_commit": "39a550d56b3a2c6f8039a93dde541f5a92081718",
+  "source_commit": "2136448e038b4d8c475fa20e4722252b1ddb2ebc",
   "interaction_contract_digest": "47e1003e03d97abeba232cc3e03a14b9cbcf78b1109870ccd2ce371f073b6211"
 }