feat: add model availability feature and update event handling

- Added new ModelAvailability page component with lazy loading
- Updated navigation to include model availability section
- Extended ToolConfirmationOutcome enum with new "ProceedAlwaysAndSave" option
- Updated documentation in ApprovalModeSystem to reflect new approval option
- Modified InteractionLoop to account for 17 event types instead of 14
- Updated UI documentation to show 17 event types in stream events chart

Author: tt-a1i

src/App.tsx

@@ -131,6 +131,7 @@ const HookSystem = lazy(() => import('./pages/HookSystem').then(m => ({ default:
 const PolicyEngine = lazy(() => import('./pages/PolicyEngine').then(m => ({ default: m.PolicyEngine })));
 const MessageBus = lazy(() => import('./pages/MessageBus').then(m => ({ default: m.MessageBus })));
 const ModelRouting = lazy(() => import('./pages/ModelRouting').then(m => ({ default: m.ModelRouting })));
+const ModelAvailability = lazy(() => import('./pages/ModelAvailability').then(m => ({ default: m.ModelAvailability })));
 const AgentFramework = lazy(() => import('./pages/AgentFramework').then(m => ({ default: m.AgentFramework })));
 const ContentFormatConversion = lazy(() => import('./pages/ContentFormatConversion').then(m => ({ default: m.ContentFormatConversion })));
 const CommandExecutionContext = lazy(() => import('./pages/CommandExecutionContext').then(m => ({ default: m.CommandExecutionContext })));
@@ -344,6 +345,8 @@ function App() {
         return <MessageBus />;
       case 'model-routing':
         return <ModelRouting />;
+      case 'model-availability':
+        return <ModelAvailability />;
       case 'approval-mode':
         return <ApprovalModeSystem />;
       case 'trusted-folders':

src/nav.ts

@@ -114,6 +114,7 @@ export const navGroups: NavGroup[] = [
       { id: 'policy-engine', label: 'Policy 策略引擎', highlight: true },
       { id: 'message-bus', label: '消息总线', highlight: true },
       { id: 'model-routing', label: '模型路由', highlight: true },
+      { id: 'model-availability', label: '模型可用性', highlight: true },
     ],
   },
   {

src/pages/ApprovalModeSystem.tsx

@@ -207,10 +207,11 @@ export type WaitingToolCall = {
   outcome?: ToolConfirmationOutcome;
 };
 
-// 确认结果类型 - 来自 packages/core/src/tools/tools.ts:575
+// 确认结果类型 - 来自 packages/core/src/tools/tools.ts:721
 export enum ToolConfirmationOutcome {
   ProceedOnce = 'proceed_once',           // 批准一次
   ProceedAlways = 'proceed_always',       // 总是批准此工具
+  ProceedAlwaysAndSave = 'proceed_always_and_save', // 批准并保存到配置
   ProceedAlwaysServer = 'proceed_always_server', // 总是批准此 MCP 服务器
   ProceedAlwaysTool = 'proceed_always_tool',     // 总是批准此工具类型
   ModifyWithEditor = 'modify_with_editor', // 用外部编辑器修改后批准
@@ -621,6 +622,10 @@ export interface PolicyRule {
                     <td className="p-2"><code className="text-green-300">ProceedAlways</code></td>
                     <td className="p-2">总是批准此工具（加入 allowedTools）</td>
                   </tr>
+                  <tr className="border-b border-gray-700/50">
+                    <td className="p-2"><code className="text-emerald-300">ProceedAlwaysAndSave</code></td>
+                    <td className="p-2">批准并保存到 TOML 配置文件</td>
+                  </tr>
                   <tr className="border-b border-gray-700/50">
                     <td className="p-2"><code className="text-blue-300">ProceedAlwaysServer</code></td>
                     <td className="p-2">总是批准此 MCP 服务器的所有工具</td>

src/pages/InteractionLoop.tsx

@@ -413,7 +413,7 @@ const request = await prepareRequest(userParts, ideContextDelta);
             <div className="text-[var(--cyber-blue)] font-bold">packages/cli/src/ui/hooks/useGeminiStream.ts</div>
             <div className="pl-4 space-y-1 text-[var(--text-muted)]">
               <div>:786 - <span className="text-[var(--amber)]">submitQuery()</span> - 主循环入口</div>
-              <div>:702 - <span className="text-[var(--amber)]">流事件处理循环</span> - 处理 14 种事件类型</div>
+              <div>:702 - <span className="text-[var(--amber)]">流事件处理循环</span> - 处理 17 种事件类型</div>
               <div>:994 - <span className="text-[var(--amber)]">handleCompletedTools()</span> - Continuation 触发</div>
               <div>:488 - <span className="text-[var(--amber)]">getIdeContextDelta()</span> - IDE 上下文增量</div>
             </div>
@@ -457,7 +457,7 @@ const request = await prepareRequest(userParts, ideContextDelta);
             <MermaidDiagram chart={streamEventsChart} title="流事件处理流程" />
 
             <div className="mt-4">
-              <h5 className="text-[var(--text-primary)] font-semibold font-mono mb-2">14 种事件类型 (GeminiEventType)</h5>
+              <h5 className="text-[var(--text-primary)] font-semibold font-mono mb-2">17 种事件类型 (GeminiEventType)</h5>
               <div className="overflow-x-auto">
                 <table className="w-full text-sm">
                   <thead>
@@ -533,11 +533,26 @@ const request = await prepareRequest(userParts, ideContextDelta);
                       <td className="py-2 px-3">引用来源</td>
                       <td className="py-2 px-3">附加到响应</td>
                     </tr>
-                    <tr>
+                    <tr className="border-b border-[var(--border-subtle)]/50">
                       <td className="py-2 px-3 font-mono text-[var(--text-muted)]">Retry</td>
                       <td className="py-2 px-3">重试请求</td>
                       <td className="py-2 px-3">重新发送 API 请求</td>
                     </tr>
+                    <tr className="border-b border-[var(--border-subtle)]/50">
+                      <td className="py-2 px-3 font-mono text-[var(--amber)]">ContextWindowWillOverflow</td>
+                      <td className="py-2 px-3">上下文窗口即将溢出</td>
+                      <td className="py-2 px-3">触发压缩或提示用户</td>
+                    </tr>
+                    <tr className="border-b border-[var(--border-subtle)]/50">
+                      <td className="py-2 px-3 font-mono text-red-400">InvalidStream</td>
+                      <td className="py-2 px-3">无效流数据</td>
+                      <td className="py-2 px-3">流解析失败处理</td>
+                    </tr>
+                    <tr>
+                      <td className="py-2 px-3 font-mono text-[var(--cyber-blue)]">ModelInfo</td>
+                      <td className="py-2 px-3">模型信息</td>
+                      <td className="py-2 px-3">返回当前使用的模型信息</td>
+                    </tr>
                   </tbody>
                 </table>
               </div>