refactor: 移除所有页面的 emoji icon

- 移除 122 个文件的 Layer/HighlightBox icon 属性
- 移除 131 个文件标题内嵌的 emoji 前缀

Author: tt-a1i

src/pages/AIToolInteraction.tsx

@@ -55,7 +55,7 @@ export function AIToolInteraction() {
  </p>
  </div>
 
- <HighlightBox title="术语对齐（非常重要）" icon="🧭" variant="yellow">
+ <HighlightBox title="术语对齐（非常重要）" variant="yellow">
  <div className="space-y-2 text-sm text-heading">
  <p className="m-0">
  上游 Gemini CLI 主线使用 <code>tools: [&#123; functionDeclarations: FunctionDeclaration[] &#125;]</code> 声明工具，
@@ -67,11 +67,11 @@ export function AIToolInteraction() {
  </div>
  </HighlightBox>
 
- <Layer title="端到端时序" icon="🗺️" defaultOpen>
+ <Layer title="端到端时序" defaultOpen>
  <MermaidDiagram chart={sequence} />
  </Layer>
 
- <Layer title="1) 工具声明（FunctionDeclaration）" icon="📋">
+ <Layer title="1) 工具声明（FunctionDeclaration）">
  <p className="text-body mb-4">
  CLI 每次向模型发起请求时，会把当前可用工具的 <code>FunctionDeclaration</code> 一并发送。上游实现来自：
  <code className="ml-2 text-heading">packages/core/src/tools/tool-registry.ts</code> 与
@@ -120,15 +120,15 @@ getFunctionDeclarations(): FunctionDeclaration[] {
 }`}
  />
 
- <HighlightBox title="要点" icon="💡" variant="blue">
+ <HighlightBox title="要点" variant="blue">
  <ul className="pl-5 list-disc space-y-1 text-sm text-heading">
  <li><code>parametersJsonSchema</code> 是上游的字段名（不是 <code>parameters</code>）。</li>
  <li><code>read_file</code> 参数名是 <code>file_path</code>（不是 <code>absolute_path</code>）。</li>
  </ul>
  </HighlightBox>
  </Layer>
 
- <Layer title="2) 模型请求工具（functionCall / functionCalls）" icon="🤖">
+ <Layer title="2) 模型请求工具（functionCall / functionCalls）">
  <p className="text-body mb-4">
  Gemini SDK 的响应 chunk 可以直接通过 <code>resp.functionCalls</code> 读取工具请求（SDK 从候选内容 parts 中推导得到）。上游核心处理在 <code>Turn.run()</code>：
  </p>
@@ -158,14 +158,14 @@ for (const fnCall of functionCalls) {
 }`}
  />
 
- <HighlightBox title="args 是对象，不需要 JSON.parse" icon="✅" variant="green">
+ <HighlightBox title="args 是对象，不需要 JSON.parse" variant="green">
  <p className="m-0 text-sm text-heading">
  上游主线里 <code>fnCall.args</code> 已经是对象。只有在 OpenAI-compatible 兼容层里，才会遇到 <code>arguments</code> 为 JSON 字符串需要解析的情况。
  </p>
  </HighlightBox>
  </Layer>
 
- <Layer title="3) 调度与执行（CoreToolScheduler → ToolInvocation）" icon="⚙️">
+ <Layer title="3) 调度与执行（CoreToolScheduler → ToolInvocation）">
  <p className="text-body mb-4">
  <code>ToolCallRequest</code> 事件到达后，CLI 把它交给 <code>CoreToolScheduler</code>：负责队列、确认、执行、以及把结果转换为 <code>functionResponse</code> parts。
  </p>
@@ -184,15 +184,15 @@ const confirmation = await invocation.shouldConfirmExecute(signal);
 `}
  />
 
- <HighlightBox title="两个关键边界" icon="⚠️" variant="yellow">
+ <HighlightBox title="两个关键边界" variant="yellow">
  <ul className="pl-5 list-disc space-y-1 text-sm text-heading">
  <li><strong>参数非法</strong>：<code>tool.build(args)</code> 会直接抛错或返回 INVALID_TOOL_PARAMS 类错误。</li>
  <li><strong>需要确认</strong>：<code>shouldConfirmExecute()</code> 由 policy + messageBus 决策（ALLOW/DENY/ASK_USER）。</li>
  </ul>
  </HighlightBox>
  </Layer>
 
- <Layer title="4) 回传 functionResponse 并继续（Continuation）" icon="📤">
+ <Layer title="4) 回传 functionResponse 并继续（Continuation）">
  <p className="text-body mb-4">
  工具执行结果会被转换为 Gemini 的 <code>functionResponse</code> part，并以 <code>role: 'user'</code> 的消息写回历史，
  然后再发起一次 continuation 请求，让模型基于结果继续完成任务。
@@ -220,14 +220,14 @@ export function convertToFunctionResponse(
  />
  </Layer>
 
- <Layer title="5) 多工具调用与 finishReason" icon="🧩">
- <HighlightBox title="一次响应里可能有多个 functionCalls" icon="📦" variant="blue">
+ <Layer title="5) 多工具调用与 finishReason">
+ <HighlightBox title="一次响应里可能有多个 functionCalls" variant="blue">
  <p className="m-0 text-sm text-heading">
  <code>resp.functionCalls</code> 是数组：模型可能一次请求多个工具调用。CLI 的 scheduler 会把它们排队执行，并逐个回传对应的 functionResponse。
  </p>
  </HighlightBox>
 
- <HighlightBox title="finishReason 是状态信号" icon="🔄" variant="purple">
+ <HighlightBox title="finishReason 是状态信号" variant="purple">
  <ul className="pl-5 list-disc space-y-1 text-sm text-heading">
  <li><code>TOOL_USE</code>：模型请求工具（本轮会出现 functionCalls）。</li>
  <li><code>STOP</code>：模型认为本轮已经完成自然语言回复。</li>
@@ -236,7 +236,7 @@ export function convertToFunctionResponse(
  </HighlightBox>
  </Layer>
 
- <Layer title="6) 错误与停止执行（含 stop_execution）" icon="🧨">
+ <Layer title="6) 错误与停止执行（含 stop_execution）">
  <p className="text-body mb-4">
  工具执行失败也必须返回给模型（让它理解发生了什么并决定下一步）。上游用 <code>ToolResult.error</code> 携带机器可读的 <code>ToolErrorType</code>。
  </p>
@@ -275,7 +275,7 @@ if (beforeOutput?.shouldStopExecution()) {
  />
  </Layer>
 
- <Layer title="Fork-only：OpenAI tool_calls 对照" icon="🧷">
+ <Layer title="Fork-only：OpenAI tool_calls 对照">
  <div className="space-y-3 text-body text-sm">
  <p className="m-0">
  如果你的 fork 需要兼容 OpenAI 协议：<code>tool_calls[].function.arguments</code> 通常是 JSON 字符串，需要 <code>JSON.parse</code> 才能得到对象；

src/pages/AgentFramework.tsx

@@ -23,8 +23,7 @@ function QuickSummary({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
  className="w-full px-6 py-4 flex items-center justify-between hover:bg-elevated transition-colors"
  >
  <div className="flex items-center gap-3">
- <span className="text-2xl">🤖</span>
- <span className="text-xl font-bold text-heading">30秒快速理解</span>
+  <span className="text-xl font-bold text-heading">30秒快速理解</span>
  </div>
  <span className={`transform transition-transform text-dim ${isExpanded ? 'rotate-180' : ''}`}>
  ▼
@@ -85,7 +84,7 @@ function QuickSummary({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
 
  {/* 源码入口 */}
  <div className="flex items-center gap-2 text-sm">
- <span className="text-dim">📍 源码入口:</span>
+ <span className="text-dim">源码入口:</span>
  <code className="px-2 py-1 bg-base rounded text-heading text-xs">
  packages/core/src/agents/
  </code>
@@ -865,12 +864,12 @@ this.emitActivity('ERROR', { error: errorMessage, context: 'tool_call' });`;
  <tr className="border- border-edge/50">
  <td className="py-2 px-3 text-heading font-bold">TIMEOUT</td>
  <td className="py-2 px-3 text-body">超过 max_time_minutes</td>
- <td className="py-2 px-3 text-heading">✓ 60秒恢复期</td>
+ <td className="py-2 px-3 text-heading">60秒恢复期</td>
  </tr>
  <tr className="border- border-edge/50">
  <td className="py-2 px-3 text-heading font-bold">MAX_TURNS</td>
  <td className="py-2 px-3 text-body">达到 max_turns 限制</td>
- <td className="py-2 px-3 text-heading">✓ 60秒恢复期</td>
+ <td className="py-2 px-3 text-heading">60秒恢复期</td>
  </tr>
  <tr className="border- border-edge/50">
  <td className="py-2 px-3 text-heading font-bold">ERROR</td>

src/pages/AgentLoopAnimation.tsx

@@ -7,21 +7,20 @@ function Introduction({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
  <div className="mb-8 bg-surface rounded-lg border border-edge overflow-hidden">
  <button onClick={onToggle} className="w-full px-6 py-4 flex items-center justify-between hover:bg-elevated transition-colors">
  <div className="flex items-center gap-3">
- <span className="text-2xl">🤖</span>
- <span className="text-xl font-bold text-heading">核心概念介绍</span>
+  <span className="text-xl font-bold text-heading">核心概念介绍</span>
  </div>
  <span className={`transform transition-transform text-dim ${isExpanded ? 'rotate-180' : ''}`}>▼</span>
  </button>
  {isExpanded && (
  <div className="px-6 pb-6 space-y-4">
  <div className="bg-base/50 rounded-lg p-4 ">
- <h4 className="text-heading font-bold mb-2">🎯 核心概念</h4>
+ <h4 className="text-heading font-bold mb-2">核心概念</h4>
  <p className="text-body text-sm">
  Agent 执行循环是 LocalAgentExecutor 的核心，通过迭代调用 LLM 和执行工具完成复杂任务，直到调用 complete_task 工具或达到终止条件。
  </p>
  </div>
  <div className="bg-base/50 rounded-lg p-4 ">
- <h4 className="text-heading font-bold mb-2">🔄 6 种终止模式</h4>
+ <h4 className="text-heading font-bold mb-2">6 种终止模式</h4>
  <div className="grid grid-cols-2 md:grid-cols-3 gap-2 mt-2 text-xs">
  <div className="bg-surface p-2 rounded text-center text-heading">GOAL</div>
  <div className="bg-surface p-2 rounded text-center text-heading">MAX_TURNS</div>
@@ -610,8 +609,7 @@ export function AgentLoopAnimation() {
  </div>
  {step.visualData.success && (
  <div className="text-heading flex items-center gap-2">
- <span>✓</span>
- <span>任务成功完成</span>
+  <span>任务成功完成</span>
  </div>
  )}
  </div>

src/pages/AgentSkills.tsx

@@ -33,7 +33,7 @@ export function AgentSkills() {
  </p>
  </section>
 
- <Layer title="目标" icon="🎯">
+ <Layer title="目标">
  <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
  <HighlightBox title="可复用工作流" variant="blue">
  <p className="text-sm text-body">
@@ -54,7 +54,7 @@ export function AgentSkills() {
  </div>
  </Layer>
 
- <Layer title="技能发现（Discovery）" icon="🗂️">
+ <Layer title="技能发现（Discovery）">
  <p className="text-body mb-4">
  skills 启用后，<code>SkillManager</code> 会扫描{' '}
  <code>*/SKILL.md</code> 并汇总为“可用技能清单”。 覆盖优先级为：
@@ -115,7 +115,7 @@ description: Pre-implementation confidence assessment (≥90% required).
  />
  </Layer>
 
- <Layer title="激活机制（activate_skill）" icon="🧩">
+ <Layer title="激活机制（activate_skill）">
  <p className="text-body mb-4">
  模型激活 skill 时调用{' '}
  <code className="text-heading">activate_skill</code>
@@ -152,7 +152,7 @@ return {
  </div>
  </Layer>
 
- <Layer title="Schema 收敛：把 name 变成 enum" icon="🧷">
+ <Layer title="Schema 收敛：把 name 变成 enum">
  <p className="text-body mb-4">
  技能列表发现完成后，CLI 会<strong>重新注册一次</strong>{' '}
  <code>ActivateSkillTool</code>，让参数 <code>name</code>从{' '}
@@ -174,7 +174,7 @@ if (this.skillsSupport) {
  />
  </Layer>
 
- <Layer title="System Prompt 注入" icon="🧱">
+ <Layer title="System Prompt 注入">
  <p className="text-body mb-4">
  当存在可用 skills 时，System Prompt 会追加一个{' '}
  <code>Available Agent Skills</code> 段落，列出技能元信息，并要求模型：
@@ -195,7 +195,7 @@ You have access to the following specialized skills...
  />
  </Layer>
 
- <Layer title="用户侧管理（/skills + settings）" icon="🧰">
+ <Layer title="用户侧管理（/skills + settings）">
  <p className="text-body mb-4">
  Skills 目前属于实验特性：通过 <code>experimental.skills</code>{' '}
  开启；通过 <code>skills.disabled</code> 禁用特定技能。 CLI 也提供{' '}
@@ -221,7 +221,7 @@ skills.disabled: string[] # List of disabled skills (restart required)`}
  </p>
  </Layer>
 
- <Layer title="终端命令（gemini skills）" icon="🧪">
+ <Layer title="终端命令（gemini skills）">
  <p className="text-body mb-4">
  除了 Slash Commands，CLI 还提供 <code>gemini skills</code>{' '}
  子命令用于安装/卸载技能包（默认 user scope）。
@@ -242,7 +242,7 @@ gemini skills disable my-skill --scope workspace`}
  />
  </Layer>
 
- <Layer title="扩展技能与安全披露" icon="🛡️">
+ <Layer title="扩展技能与安全披露">
  <p className="text-body mb-4">
  Extension 可以携带 <code>skills/</code> 目录（例如{' '}
  <code>skills/my-skill/SKILL.md</code>）。在安装/更新扩展时，CLI 会在

src/pages/Animation.tsx

@@ -10,15 +10,15 @@ function Introduction({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
  onClick={onToggle}
  className="w-full px-4 py-3 flex items-center justify-between text-left hover:bg-surface transition-colors"
  >
- <span className="text-lg font-semibold text-heading">📖 什么是核心交互循环？</span>
+ <span className="text-lg font-semibold text-heading">什么是核心交互循环？</span>
  <span className={`transform transition-transform text-dim ${isExpanded ? 'rotate-180' : ''}`}>▼</span>
  </button>
 
  {isExpanded && (
  <div className="px-4 pb-4 space-y-4 text-sm">
  {/* 核心概念 */}
  <div>
- <h3 className="text-heading font-semibold mb-2">🎯 核心概念</h3>
+ <h3 className="text-heading font-semibold mb-2">核心概念</h3>
  <p className="text-body">
  <strong>核心交互循环</strong>是 Gemini CLI 的心跳。当用户发送消息后，CLI 会与 AI 进行多轮交互，
  直到 AI 完成任务或需要用户输入。这个循环包括：消息发送 → AI 思考 → 工具调用 → 用户审批 → 执行 → 继续对话。
@@ -27,7 +27,7 @@ function Introduction({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
 
  {/* 为什么需要 */}
  <div>
- <h3 className="text-heading font-semibold mb-2">❓ 为什么需要理解这个循环？</h3>
+ <h3 className="text-heading font-semibold mb-2">为什么需要理解这个循环？</h3>
  <ul className="text-body space-y-1 list-disc list-inside">
  <li><strong>掌控全局</strong>：理解 CLI 每一步在做什么，不再黑箱操作</li>
  <li><strong>排查问题</strong>：当 CLI 卡住或行为异常时，知道从哪里入手</li>
@@ -38,30 +38,30 @@ function Introduction({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
 
  {/* 关键参与者 */}
  <div>
- <h3 className="text-heading font-semibold mb-2">👥 关键参与者</h3>
+ <h3 className="text-heading font-semibold mb-2">关键参与者</h3>
  <div className="grid grid-cols-2 gap-2 text-xs">
  <div className="bg-base p-2 rounded border border-edge">
- <div className="text-heading">👤 用户</div>
+ <div className="text-heading">用户</div>
  <div className="text-dim">发起请求、审批工具、接收结果</div>
  </div>
  <div className="bg-base p-2 rounded border border-edge">
- <div className="text-heading">🖥️ CLI</div>
+ <div className="text-heading">CLI</div>
  <div className="text-dim">协调各方、执行工具、管理状态</div>
  </div>
  <div className="bg-base p-2 rounded border border-edge">
- <div className="text-heading">☁️ AI API</div>
+ <div className="text-heading">AI API</div>
  <div className="text-dim">理解意图、生成回复、调用工具</div>
  </div>
  <div className="bg-base p-2 rounded border border-edge">
- <div className="text-heading">🔧 工具</div>
+ <div className="text-heading">工具</div>
  <div className="text-dim">读写文件、执行命令、搜索代码</div>
  </div>
  </div>
  </div>
 
  {/* 源码位置 */}
  <div>
- <h3 className="text-heading font-semibold mb-2">📁 核心源码</h3>
+ <h3 className="text-heading font-semibold mb-2">核心源码</h3>
  <div className="bg-base p-2 rounded font-mono text-xs border border-edge">
  <div className="text-dim">// 主循环入口</div>
  <div>packages/core/src/core/geminiChat.ts</div>
@@ -72,7 +72,7 @@ function Introduction({ isExpanded, onToggle }: { isExpanded: boolean; onToggle:
 
  {/* 相关机制 */}
  <div>
- <h3 className="text-heading font-semibold mb-2">🔗 相关机制</h3>
+ <h3 className="text-heading font-semibold mb-2">相关机制</h3>
  <div className="flex flex-wrap gap-2">
  <span className="px-2 py-1 bg-elevated/20 text-heading rounded text-xs">工具调度器</span>
  <span className="px-2 py-1 bg-elevated/20 text-heading rounded text-xs">流式解析</span>