@rtc-agent/component 0.2.7-rc.4 → 0.2.8-rc.0

package/dist/components/content-area/rtc-message.d.ts

@@ -6,20 +6,20 @@
  *
  * Markdown parsing is lazy-loaded (Lit best-practice 7-3).
  *
- * ## Layout model (时间线布局)
+ * ## Layout model (Timeline layout)
  *
- * DOM 结构：
- *   .timeline-item (position: relative, padding-left 给 dot + 竖线留位)
- *     ├── .timeline-dot          (absolute, 与竖线共享 left 参考系)
- *     ├── ::before               (竖线, 绝对定位伪元素)
+ * DOM structure:
+ *   .timeline-item (position: relative, padding-left reserves space for dot + vertical line)
+ *     ├── .timeline-dot          (absolute, shares left reference frame with the vertical line)
+ *     ├── ::before               (vertical line, absolutely positioned pseudo-element)
  *     └── .timeline-content
- *           └── div              (rendered-HTML 包裹层)
- *                 └── <p>/<h1>/... (Markdown 渲染出的块级元素)
+ *           └── div              (rendered-HTML wrapper layer)
+ *                 └── <p>/<h1>/... (block-level elements produced by Markdown rendering)
  *
- * 对齐原理（详见 rtc-message.styles.ts 注释）：
- *   - 竖线 center X = 15px（left: 14px + width 2px 的一半）
- *   - dot center X    = 15px（left: 15px + translateX(-50%)）
- *   - dot center Y    ≈ 首行文本行高中点 Y（top: 9px，基于默认 token 计算）
+ * Alignment principle (see rtc-message.styles.ts comments for details):
+ *   - vertical line center X = 15px (left: 14px + half of width 2px)
+ *   - dot center X             = 15px (left: 15px + translateX(-50%))
+ *   - dot center Y             ≈ first-line text line-height midpoint Y (top: 9px, based on default token calculation)
  *
  * @element rtc-message
  * @csspart dot - The timeline dot
@@ -34,19 +34,20 @@ export declare class RtcMessage extends LitElement implements StatefulComponent
     message: Message;
     isLast: boolean;
     /**
-     * Markdown 经 marked + DOMPurify 处理后得到的安全 HTML 字符串。
+     * Safe HTML string produced by processing Markdown through marked + DOMPurify.
      *
-     * 为什么需要这个中间 state，而不是直接渲染 message.content？
-     * 1. marked + DOMPurify 通过动态 import 懒加载（首次加载是异步的）
-     * 2. 解析结果需要在异步完成后才可用
-     * 3. 使用 @state 让结果可用时自动触发重渲染
+     * Why is this intermediate @state needed instead of rendering message.content directly?
+     * 1. marked + DOMPurify are lazy-loaded via dynamic import (first load is async)
+     * 2. Parse results are only available after async completion
+     * 3. Using @state triggers automatic re-render when results become available
      */
     private _renderedHtml;
     /**
-     * Thinking 内容的折叠状态。
+     * Collapse state for thinking content.
      *
-     * 默认折叠（false）。streaming 期间用户可以手动展开查看实时思考过程，
-     * streaming 结束后保持用户的当前选择，不自动切换。
+     * Default collapsed (false). During streaming, user can manually expand to view
+     * real-time thinking process. After streaming ends, the user's current choice
+     * is preserved without automatic switching.
      */
     private _thinkingExpanded;
     /**
@@ -70,44 +71,49 @@ export declare class RtcMessage extends LitElement implements StatefulComponent
      */
     private _lastParsedContent;
     /**
-     * 只在 message 变化时重新解析 Markdown。
+     * Only re-parse Markdown when message changes.
      *
-     * 为什么不监听所有属性？
-     * - isLast 只影响外层 class（success 状态），不影响内容渲染
-     * - 监听所有属性会导致 isLast 变化时也重新跑一遍 marked + DOMPurify，浪费性能
+     * Why not watch all properties?
+     * - isLast only affects outer class (success state), not content rendering
+     * - Watching all properties would cause marked + DOMPurify to re-run on isLast changes, wasting performance
      */
     willUpdate(changed: Map<string, unknown>): void;
+    /**
+     * Lazy-load marked + DOMPurify + highlight.js with retry logic.
+     * Handles stale chunk errors during development (when rebuilds change chunk hashes).
+     */
+    private _loadModulesWithRetry;
     private _parseMarkdown;
     /**
-     * 对 Markdown 渲染出的所有 <pre><code> 块应用 highlight.js 语法高亮。
+     * Apply highlight.js syntax highlighting to all <pre><code> blocks from Markdown rendering.
      *
-     * 流程：
-     *   1. DOMParser 把 HTML 字符串解析成 DOM
-     *   2. 遍历所有 <pre><code> 元素
-     *   3. 调用 hljs.highlightElement()，它会根据 <code> 的 class
-     *      （如 language-javascript）选择语言，否则自动检测
-     *   4. 序列化回 HTML 字符串
+     * Flow:
+     *   1. DOMParser parses HTML string into DOM
+     *   2. Iterate all <pre><code> elements
+     *   3. Call hljs.highlightElement(), which selects language based on <code>'s class
+     *      (e.g. language-javascript), otherwise auto-detects
+     *   4. Serialize back to HTML string
      *
-     * 为什么用 DOMParser 而不是正则？
-     *   - 正则无法正确处理嵌套标签、HTML 实体、language hint 属性
-     *   - DOMParser 由浏览器原生实现，性能足够（代码块不会很大）
-     *   - highlight.js 的官方 API 就是面向 DOM 元素的 highlightElement()
+     * Why use DOMParser instead of regex?
+     *   - Regex cannot correctly handle nested tags, HTML entities, language hint attributes
+     *   - DOMParser is natively implemented by the browser, performance is sufficient (code blocks aren't large)
+     *   - highlight.js's official API is the DOM-element-oriented highlightElement()
      */
     private _highlightCodeBlocks;
     /**
-     * 当前消息是否为思考类型（content.type === 'thinking'）。
-     * 思考类型消息渲染为可折叠区域，而非直接展示 Markdown。
+     * Whether the current message is thinking type (content.type === 'thinking').
+     * Thinking type messages render as collapsible sections, not direct Markdown display.
      */
     private get _isThinkingContent();
     /**
-     * 当前消息是否是压缩摘要（content.type === 'summary'）。
-     * 压缩摘要渲染为不可折叠的指示块：streaming 态显示"正在压缩"，
-     * 完成态显示释放/增加的 token 数。
+     * Whether the current message is a compression summary (content.type === 'summary').
+     * Compression summaries render as non-collapsible indicator blocks: streaming state shows "compressing",
+     * completed state shows released/increased token count.
      */
     private get _isSummaryContent();
     /**
-     * 当前消息是否是 prompt 类型（content.type === 'prompt'）。
-     * Prompt 消息渲染为特殊卡片，而非 Markdown。
+     * Whether the current message is prompt type (content.type === 'prompt').
+     * Prompt messages render as special cards, not Markdown.
      */
     private get _isPromptContent();
     private _toggleThinking;
@@ -128,69 +134,69 @@ export declare class RtcMessage extends LitElement implements StatefulComponent
      */
     setState(state: Record<string, unknown>): void;
     /**
-     * 点击 timeline-dot：复制消息内容到剪贴板
+     * On timeline-dot click: copy message content to clipboard
      */
     private _handleDotClick;
     render(): import("lit").TemplateResult<1>;
     /**
-     * 渲染思考内容块（可折叠）。
+     * Render thinking content block (collapsible).
      *
-     * 折叠态：显示 header 行（chevron + "思考过程"），内容隐藏。
-     * 展开态：header 行 + 下方渲染 Markdown 内容。
+     * Collapsed state: shows header row (chevron + "Thinking process"), content hidden.
+     * Expanded state: header row + Markdown content rendered below.
      */
     private _renderThinkingBlock;
     /**
-     * 渲染压缩摘要块（不可折叠）。
+     * Render compression summary block (non-collapsible).
      *
-     * streaming 态：显示"正在压缩上下文..."。
-     * 完成态：显示"已压缩上下文 · 释放/增加 X token"。
+     * Streaming state: shows "Compressing context...".
+     * Completed state: shows "Compressed context · released/increased X tokens".
      *
-     * 不再展示压缩后的摘要内容，用户无需阅读；
-     * 只关注"正在压缩"和"释放了多少 token"两个信号。
+     * No longer displays the compressed summary content, user doesn't need to read it;
+     * only focuses on two signals: "compressing" and "how many tokens were released".
      */
     private _renderSummaryBlock;
     /**
-     * 渲染 prompt 内容块（不可折叠）。
+     * Render prompt content block (non-collapsible).
      *
-     * 显示格式：
+     * Display format:
      *   SCENARIOS  $title
-     *   [提示词预览 max-height:3行]
+     *   [Prompt preview max-height:3 lines]
      *
-     * 设计决策：
-     * - 不支持展开：系统提示词用户无需阅读完整内容
-     * - 使用左边框而非全边框：视觉上更轻盈（与 summary-block 的全边框区分）
-     * - 预览区域限制为 3 行：节省空间
-     * - 使用 <pre> 渲染 prompt 文本：保留原始格式（换行、缩进），
-     *   同时避免 HTML 注入（prompt 内容可能包含 < 和 > 字符）
-     * - 自动支持暗色主题（使用 --rtc-* CSS 变量）
+     * Design decisions:
+     * - No expand support: users don't need to read full system prompt content
+     * - Uses left border instead of full border: visually lighter (distinguished from summary-block's full border)
+     * - Preview area limited to 3 lines: saves space
+     * - Uses <pre> to render prompt text: preserves original formatting (line breaks, indentation),
+     *   while avoiding HTML injection (prompt content may contain < and > characters)
+     * - Automatically supports dark theme (uses --rtc-* CSS variables)
      */
     private _renderPromptBlock;
     /**
-     * 从 message.content.data 提取压缩统计信息。
+     * Extract compression statistics from message.content.data.
      *
-     * 兼容两种数据格式：
-     *   - 新格式：SummaryContent { items, metadata }
-     *   - 旧格式：SummaryItem[]（无 metadata，返回全 0）
+     * Compatible with two data formats:
+     *   - New format: SummaryContent { items, metadata }
+     *   - Old format: SummaryItem[] (no metadata, returns all zeros)
      */
     private _extractSummaryStats;
     /**
-     * 格式化 token 数量，使用 K/B/T 单位。
+     * Format token count using K/B/T units.
      *
-     * 规则：
-     * - < 1000: 显示原数（如 500）
-     * - < 1M: 显示 K（如 12.5K）
-     * - < 1B: 显示 M（如 1.5M）
-     * - >= 1B: 显示 B（如 2.3B）
-     * - >= 1T: 显示 T（如 1.2T）
+     * Rules:
+     * - < 1000: show raw number (e.g. 500)
+     * - < 1M: show K (e.g. 12.5K)
+     * - < 1B: show M (e.g. 1.5M)
+     * - >= 1B: show B (e.g. 2.3B)
+     * - >= 1T: show T (e.g. 1.2T)
      */
     private _formatTokens;
     /**
-     * 格式化持续时间。
+     * Format duration.
      *
-     * 规则：
-     * - < 1000ms: 显示 ms（如 500ms）
-     * - < 60s: 显示 s（如 3.5s）
-     * - >= 60s: 显示 m s（如 2m 30s）
+     * Rules:
+     * - < 1000ms: show ms (e.g. 500ms)
+     * - < 60s: show s (e.g. 3.5s)
+     * - >= 60s: show m s (e.g. 2m 30s)
      */
     private _formatDuration;
 }

package/dist/components/content-area/rtc-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-message.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-message.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAOrC,OAAO,KAAK,EAAC,OAAO,EAAgB,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AAI7E,qBAEa,UAAW,SAAQ,UAAW,YAAW,iBAAiB;IACnE,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAGF,OAAO,EAAE,OAAO,CAA4G;IAG5H,MAAM,UAAS;IAEf;;;;;;;OAOG;IAEH,OAAO,CAAC,aAAa,CAAM;IAE3B;;;;;OAKG;IAEH,OAAO,CAAC,iBAAiB,CAAS;IAElC;;;;;;;;OAQG;IACH,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,eAAe,CAIN;IAEjB;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAAc;IAExC;;;;;;OAMG;IACH,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;YAS1B,cAAc;IA+E5B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAE7B;IAED;;;;OAIG;IACH,OAAO,KAAK,iBAAiB,GAE5B;IAED;;;OAGG;IACH,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,CAAC,eAAe;IAMvB;;;;;;;OAOG;IACH,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAOnC;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS9C;;OAEG;YACW,eAAe;IAe7B,MAAM;IAsDN;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IAuB3B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAc5B;;;;;;;;;OASG;IACH,OAAO,CAAC,aAAa;IAkBrB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;CAY1B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,UAAU,CAAC;KAC7B;CACJ"}
+{"version":3,"file":"rtc-message.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-message.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAOrC,OAAO,KAAK,EAAC,OAAO,EAAgB,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AAI7E,qBAEa,UAAW,SAAQ,UAAW,YAAW,iBAAiB;IACnE,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAGF,OAAO,EAAE,OAAO,CAA4G;IAG5H,MAAM,UAAS;IAEf;;;;;;;OAOG;IAEH,OAAO,CAAC,aAAa,CAAM;IAE3B;;;;;;OAMG;IAEH,OAAO,CAAC,iBAAiB,CAAS;IAElC;;;;;;;;OAQG;IACH,OAAO,CAAC,gBAAgB,CAAK;IAC7B,OAAO,CAAC,eAAe,CAIN;IAEjB;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAAc;IAExC;;;;;;OAMG;IACH,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IASxC;;;OAGG;YACW,qBAAqB;YA4BrB,cAAc;IAwE5B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,oBAAoB;IAQ5B;;;OAGG;IACH,OAAO,KAAK,kBAAkB,GAE7B;IAED;;;;OAIG;IACH,OAAO,KAAK,iBAAiB,GAE5B;IAED;;;OAGG;IACH,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,CAAC,eAAe;IAMvB;;;;;;;OAOG;IACH,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAOnC;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAS9C;;OAEG;YACW,eAAe;IAe7B,MAAM;IAsDN;;;;;OAKG;IACH,OAAO,CAAC,oBAAoB;IAgB5B;;;;;;;;OAQG;IACH,OAAO,CAAC,mBAAmB;IAuB3B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,kBAAkB;IAkB1B;;;;;;OAMG;IACH,OAAO,CAAC,oBAAoB;IAc5B;;;;;;;;;OASG;IACH,OAAO,CAAC,aAAa;IAkBrB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;CAY1B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,UAAU,CAAC;KAC7B;CACJ"}

package/dist/components/content-area/rtc-message.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-message.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-message.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM,2BAkgBlB,CAAC"}
+{"version":3,"file":"rtc-message.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-message.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM,2BAmgBlB,CAAC"}

package/dist/components/content-area/rtc-toolcall-card.d.ts

@@ -50,13 +50,10 @@ export declare class RtcToolCallCard extends LitElement {
      * Get IN section copy text (input parameters)
      */
     private get _inCopyText();
-    /**
-     * Get OUT section copy text (output result)
-     */
-    private get _outCopyText();
     private _handleCopy;
     /**
-     * 复制工具调用内容（与 dot 点击对应）
+     * Copy tool call content (corresponds to dot click).
+     * Input card's dot should copy input content (render-what-you-see principle).
      */
     private _handleDotClick;
     render(): import("lit").TemplateResult<1>;
@@ -72,6 +69,14 @@ export declare class RtcToolCallCard extends LitElement {
      * Render script tool input based on action type.
      */
     private _renderScriptInput;
+    /**
+     * Render todoWrite tool input as a todo list.
+     */
+    private _renderTodoWriteInput;
+    /**
+     * Render a single todo item.
+     */
+    private _renderTodoItem;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/content-area/rtc-toolcall-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-toolcall-card.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAO9C,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAIlD,OAAO,2BAA2B,CAAC;AAInC;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AA6HD,qBAEa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAGF,IAAI,EAAE,YAAY,CAAqH;IAGvI,MAAM,UAAS;IAEf,YAAY;IAOZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,aAAa;IAKrB;;OAEG;IACH,OAAO,KAAK,mBAAmB,GAE9B;IAED;;OAEG;IACH,OAAO,KAAK,WAAW,GAItB;IAED;;OAEG;IACH,OAAO,KAAK,YAAY,GAIvB;YAEa,WAAW;IAczB;;OAEG;YACW,eAAe;IAI7B,MAAM;IAkCN;;OAEG;IACH,OAAO,CAAC,aAAa;IAyCrB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAuB3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;CA8D7B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}
+{"version":3,"file":"rtc-toolcall-card.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAO9C,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAIlD,OAAO,2BAA2B,CAAC;AAInC;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AA4JD,qBAEa,eAAgB,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAGF,IAAI,EAAE,YAAY,CAAqH;IAGvI,MAAM,UAAS;IAEf,YAAY;IAOZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,aAAa;IAKrB;;OAEG;IACH,OAAO,KAAK,mBAAmB,GAE9B;IAED;;OAEG;IACH,OAAO,KAAK,WAAW,GAmBtB;YAEa,WAAW;IAczB;;;OAGG;YACW,eAAe;IAI7B,MAAM;IAkCN;;OAEG;IACH,OAAO,CAAC,aAAa;IA8CrB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,OAAO,CAAC,kBAAkB;IA+D1B;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAsB7B;;OAEG;IACH,OAAO,CAAC,eAAe;CAoB1B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}

package/dist/components/content-area/rtc-toolcall-card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-toolcall-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-card.styles.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,MAAM,2BAiKlB,CAAC"}
+{"version":3,"file":"rtc-toolcall-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-card.styles.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,MAAM,2BAuPlB,CAAC"}

package/dist/components/content-area/rtc-toolcall-reply.d.ts

@@ -39,7 +39,19 @@ export declare class RtcToolCallReply extends LitElement {
      * Handle header click: dispatch jump event to scroll to input.
      */
     private _handleHeaderClick;
+    /**
+     * Handle dot click: copy output content to clipboard.
+     */
+    private _handleDotClick;
+    /**
+     * Get text to copy based on tool type.
+     */
+    private _getCopyText;
     render(): import("lit").TemplateResult<1>;
+    /**
+     * Empty reply: renders with height 0 (for tools like todoWrite where output is not important).
+     */
+    private _renderEmptyReply;
     /**
      * Fallback: unparseable output rendered as plain text.
      */

package/dist/components/content-area/rtc-toolcall-reply.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-toolcall-reply.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-reply.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAM9C,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAIlD,OAAO,2BAA2B,CAAC;AAiUnC,qBAEa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAEF,kCAAkC;IAElC,OAAO,EAAG,OAAO,CAAC;IAElB,YAAY;IAUZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAexB,OAAO,KAAK,mBAAmB,GAE9B;IAED;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAc1B,MAAM;IAsBN;;OAEG;IACH,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsF1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAiCxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;CAsC9B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ"}
+{"version":3,"file":"rtc-toolcall-reply.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-reply.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAM9C,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAKlD,OAAO,2BAA2B,CAAC;AAsUnC,qBAEa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,4BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAEF,kCAAkC;IAElC,OAAO,EAAG,OAAO,CAAC;IAElB,YAAY;IAUZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,aAAa;IAMrB;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAexB,OAAO,KAAK,mBAAmB,GAE9B;IAED;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;OAEG;YACW,eAAe;IAe7B;;OAEG;IACH,OAAO,CAAC,YAAY;IA6BpB,MAAM;IA2BN;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAWzB;;OAEG;IACH,OAAO,CAAC,eAAe;IAevB;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAsF1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAkCxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;CAuC9B;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,oBAAoB,EAAE,gBAAgB,CAAC;KAC1C;CACJ"}

package/dist/components/content-area/rtc-toolcall-reply.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-toolcall-reply.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-reply.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,2BAiJlB,CAAC"}
+{"version":3,"file":"rtc-toolcall-reply.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-toolcall-reply.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,MAAM,2BA8JlB,CAAC"}

package/dist/components/content-area/rtc-user-message.d.ts

@@ -15,9 +15,9 @@
  *
  * | syncStatus | more-btn | menu contents          | border style |
  * |------------|----------|------------------------|--------------|
- * | pending    | ✓        | 复制,分叉 + timestamp  | glow breathing animation |
- * | synced     | ✓        | 复制,分叉 + timestamp  | static default border |
- * | failed     | ✓        | 复制,分叉,重试 + timestamp | static error border |
+ * | pending    | ✓        | Copy, Fork + timestamp   | glow breathing animation |
+ * | synced     | ✓        | Copy, Fork + timestamp   | static default border |
+ * | failed     | ✓        | Copy, Fork, Retry + timestamp | static error border |
  *
  * ## Attributes (reflected for CSS targeting):
  * - `data-sync-status`  — "pending" | "synced" | "failed"
@@ -45,7 +45,7 @@ export declare class RtcUserMessage extends LitElement implements StatefulCompon
     private _showMoreMenu;
     private _moreBtn?;
     /**
-     * more-menu portal 容器（teleport 到 shadow root 层级，脱离 wrapper 的 stacking context）
+     * more-menu portal container (teleported to shadow root level, escapes wrapper's stacking context)
      */
     private _moreMenuEl;
     private _resizeObserver?;
@@ -79,18 +79,18 @@ export declare class RtcUserMessage extends LitElement implements StatefulCompon
     private _checkOverflow;
     private _getTextContent;
     /**
-     * 提取 user_message 类型的结构化数据（如果有）
+     * Extract structured data of user_message type (if present)
      */
     private _getUserMessageData;
     private _handleShowMore;
     private _handleMoreClick;
     /**
-     * 将 more-menu teleport 到 shadow root 层级（脱离 wrapper 的 stacking context）。
-     * floating-ui 使用 position: absolute（相对 offset parent），坐标不受影响。
+     * Teleport more-menu to shadow root level (escape wrapper's stacking context).
+     * floating-ui uses position: absolute (relative to offset parent); coordinates are unaffected.
      */
     private _teleportMenu;
     /**
-     * 移除 teleported more-menu
+     * Remove teleported more-menu
      */
     private _removeMenu;
     private _startPositioning;
@@ -98,11 +98,11 @@ export declare class RtcUserMessage extends LitElement implements StatefulCompon
     private _stopPositioning;
     private _handleMenuSelect;
     /**
-     * 复制消息内容到剪贴板
+     * Copy message content to clipboard
      */
     private _handleCopy;
     /**
-     * 分叉逻辑：派发自定义事件，由根组件处理
+     * Fork logic: dispatch custom event, handled by root component
      */
     private _handleFork;
     private _handleResend;

package/dist/components/drawer/rtc-drawer.d.ts

@@ -1,63 +1,65 @@
 /**
  * RTC Drawer Component
  *
- * 通用左侧抽屉面板组件。
- * 从 Activity Bar 右侧滑入，overlay 在主内容之上，不挤压主内容区宽度。
+ * Generic left-side drawer panel component.
+ * Slides in from the right side of the Activity Bar, overlays on top of the main content
+ * without squeezing the main content area width.
  *
- * 用于替代原有的 flex 布局侧边栏（session-tree、file-explorer、settings-nav），
- * 统一抽屉交互：
- * - 半透明 backdrop 遮罩，点击关闭
- * - ESC 键关闭
- * - 平滑 slide-in/out 动画
- * - 互斥行为（由父组件控制，同一时刻只打开一个）
+ * Used to replace the original flex-layout sidebars (session-tree, file-explorer, settings-nav),
+ * unifying drawer interaction:
+ * - Semi-transparent backdrop overlay, click to close
+ * - ESC key to close
+ * - Smooth slide-in/out animation
+ * - Mutually exclusive behavior (controlled by parent component, only one open at a time)
  *
  * @element rtc-drawer
  *
- * @attr {boolean} open - 抽屉是否打开
+ * @attr {boolean} open - Whether the drawer is open
  *
- * @cssprop [--rtc-drawer-width=240px] - 抽屉面板宽度
- * @cssprop [--rtc-drawer-backdrop-bg=rgba(0,0,0,0.3)] - 遮罩层背景色
- * @cssprop [--rtc-drawer-transition-duration=0.25s] - 动画时长
+ * @cssprop [--rtc-drawer-width=240px] - Drawer panel width
+ * @cssprop [--rtc-drawer-backdrop-bg=rgba(0,0,0,0.3)] - Backdrop background color
+ * @cssprop [--rtc-drawer-transition-duration=0.25s] - Animation duration
  *
- * @csspart backdrop - 遮罩层元素
- * @csspart panel - 抽屉面板元素
+ * @csspart backdrop - Backdrop element
+ * @csspart panel - Drawer panel element
  *
- * @fires rtc-drawer-close - 用户请求关闭抽屉时触发（点击 backdrop / 按 ESC）
+ * @fires rtc-drawer-close - Fired when user requests to close the drawer (click backdrop / press ESC)
  *
- * ## 用法
+ * ## Usage
  * ```html
  * <rtc-drawer ?open=${drawerOpen}>
  *   <rtc-session-tree></rtc-session-tree>
  * </rtc-drawer>
  * ```
  *
- * ## 定位
- * Drawer 使用 position: absolute 定位，需要父容器设置 position: relative。
- * 在 rtc-agent 中，Drawer 放在 .main-layout 内部（.main-layout 已是 flex 容器），
- * 通过 JS 设置 left 为 Activity Bar 宽度（48px），实现紧贴 Activity Bar 右侧。
+ * ## Positioning
+ * Drawer uses position: absolute positioning, requiring the parent container to set position: relative.
+ * In rtc-agent, the Drawer is placed inside .main-layout (.main-layout is already a flex container),
+ * with JS setting left to the Activity Bar width (48px), to position it flush against the right side
+ * of the Activity Bar.
  */
 import { LitElement } from 'lit';
 export declare class RtcDrawer extends LitElement {
     static styles: import("lit").CSSResult;
     /**
-     * 抽屉是否打开
+     * Whether the drawer is open
      *
-     * 通过 attribute `open` 或 property 控制。
-     * reflect: true 使 DOM 上能看到 [open] 属性，驱动 CSS 状态。
+     * Controlled via attribute `open` or property.
+     * reflect: true makes the [open] attribute visible in the DOM, driving CSS state.
      */
     open: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /**
-     * 点击 backdrop 遮罩层
+     * Click backdrop overlay
      *
-     * 派发自定义事件通知父组件关闭抽屉。
+     * Dispatches custom event to notify parent component to close the drawer.
      */
     private _handleBackdropClick;
     /**
-     * 全局 ESC 键处理
+     * Global ESC key handler
      *
-     * 仅当抽屉打开且连接在 DOM 中时响应。
+     * Only responds when drawer is open and connected in the DOM.
      */
     private _boundOnKeydown;
     render(): import("lit").TemplateResult<1>;

package/dist/components/drawer/rtc-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rtc-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/rtc-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAIrC,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAAU;IAEvB;;;;;OAKG;IAEH,IAAI,UAAS;IAIb,iBAAiB;IAMjB,oBAAoB;IAOpB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAUrB;IAIF,MAAM;CAkBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;IAED,UAAU,mBAAmB;QACzB,kBAAkB,EAAE,WAAW,CAAC;KACnC;CACJ"}
+{"version":3,"file":"rtc-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/rtc-drawer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAIrC,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAAU;IAEvB;;;;;OAKG;IAEH,IAAI,UAAS;IAIb,iBAAiB;IAMjB,oBAAoB;IAOpB;;;;OAIG;IACH,OAAO,CAAC,oBAAoB;IAS5B;;;;OAIG;IACH,OAAO,CAAC,eAAe,CAUrB;IAIF,MAAM;CAkBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,YAAY,EAAE,SAAS,CAAC;KAC3B;IAED,UAAU,mBAAmB;QACzB,kBAAkB,EAAE,WAAW,CAAC;KACnC;CACJ"}

package/dist/components/drawer/rtc-drawer.styles.d.ts

@@ -1,15 +1,15 @@
 /**
- * Drawer 样式
+ * Drawer styles
  *
- * 左侧滑出抽屉面板：
- * - 固定在 Activity Bar 右侧，overlay 在主内容之上
- * - 通过 transform + transition 实现平滑滑入/滑出
- * - 半透明 backdrop 遮罩层，点击关闭
- * - 宽度可通过 --rtc-drawer-width CSS 自定义属性配置
+ * Left slide-out drawer panel:
+ * - Fixed to the right of Activity Bar, overlay above main content
+ * - Smooth slide in/out via transform + transition
+ * - Semi-transparent backdrop overlay, click to close
+ * - Width configurable via --rtc-drawer-width CSS custom property
  *
- * @cssprop [--rtc-drawer-width=240px] - 抽屉宽度
- * @csspart backdrop - 遮罩层
- * @csspart panel - 抽屉面板
+ * @cssprop [--rtc-drawer-width=240px] - Drawer width
+ * @csspart backdrop - Backdrop overlay
+ * @csspart panel - Drawer panel
  */
 export declare const styles: import("lit").CSSResult;
 //# sourceMappingURL=rtc-drawer.styles.d.ts.map

package/dist/components/editor-area/rtc-editor-area.d.ts

@@ -1,62 +1,62 @@
 /**
  * Editor Area Component
  *
- * VS Code 风格编辑器区域，组合 Tab + Toolbar + Markdown Editor。
+ * VS Code-style editor area, combining Tab + Toolbar + Markdown Editor.
  *
- * 布局：
+ * Layout:
  * ┌──────────────────────────────────┐
- * │ Tabs (横向滚动，多标签)           │
+ * │ Tabs (horizontal scroll, multi-tab) │
  * ├──────────────────────────────────┤
- * │ Toolbar (保存/撤销/恢复/视图)     │
+ * │ Toolbar (save/undo/redo/view)    │
  * ├──────────────────────────────────┤
- * │ Editor Content (编辑/预览/分屏)   │
+ * │ Editor Content (edit/preview/split) │
  * └──────────────────────────────────┘
  *
- * 无打开文件时显示 Welcome Screen。
+ * Shows Welcome Screen when no file is open.
  *
- * 纯 UI 组件：只发事件，不直接操作 VFS。
- * 状态由 EditorAreaController 驱动（或 Debug HTML 手动驱动）。
+ * Pure UI component: dispatches events only, does not directly operate VFS.
+ * State is driven by EditorAreaController (or manually by Debug HTML).
  *
  * @element rtc-editor-area
  *
- * @fires editor-area-save - 保存当前文件 (detail: { filePath })
- * @fires editor-area-undo - 撤销
- * @fires editor-area-redo - 重做
- * @fires editor-area-format - 格式化 (detail: { format: 'bold' | 'italic' | 'code' | 'link' })
- * @fires editor-area-view-mode-change - 视图切换 (detail: { filePath, viewMode })
- * @fires editor-area-content-change - 内容变更 (detail: { filePath, content })
- * @fires editor-area-tab-select - 切换标签 (detail: { filePath })
- * @fires editor-area-tab-close - 关闭标签 (detail: { filePath })
- * @fires editor-area-cursor-move - 光标移动 (detail: { line, column })
- * @fires editor-area-restore-default - 恢复默认 (detail: { filePath })
+ * @fires editor-area-save - Save current file (detail: { filePath })
+ * @fires editor-area-undo - Undo
+ * @fires editor-area-redo - Redo
+ * @fires editor-area-format - Format (detail: { format: 'bold' | 'italic' | 'code' | 'link' })
+ * @fires editor-area-view-mode-change - View mode switch (detail: { filePath, viewMode })
+ * @fires editor-area-content-change - Content change (detail: { filePath, content })
+ * @fires editor-area-tab-select - Tab switch (detail: { filePath })
+ * @fires editor-area-tab-close - Tab close (detail: { filePath })
+ * @fires editor-area-cursor-move - Cursor move (detail: { line, column })
+ * @fires editor-area-restore-default - Restore default (detail: { filePath })
  *
- * ## 样式
- * 使用项目 design tokens（--rtc-color-*），支持亮色/暗色主题。
+ * ## Styling
+ * Uses project design tokens (--rtc-color-*), supports light/dark themes.
  */
 import { LitElement } from 'lit';
 import type { EditorTab, EditorViewMode } from '../../types/index.js';
 import './rtc-editor-tab.js';
 import './rtc-editor-toolbar.js';
 import '../markdown-editor/rtc-markdown-editor.js';
-/** 格式化类型（与 toolbar 一致） */
+/** Format type (consistent with toolbar) */
 type FormatType = 'bold' | 'italic' | 'code' | 'link';
 export declare class RtcEditorArea extends LitElement {
     static styles: import("lit").CSSResult[];
     private _localeCtx;
-    /** 打开的文件标签列表 */
+    /** List of open file tabs */
     tabs: EditorTab[];
-    /** 当前活动文件路径 */
+    /** Current active file path */
     activeFilePath: string;
-    /** 主题 */
+    /** Theme */
     theme: 'light' | 'dark' | 'system';
-    /** 获取当前活动的 tab */
+    /** Get the currently active tab */
     private get _activeTab();
-    /** 保存按钮是否可用（有活动文件且有未保存修改） */
+    /** Whether the save button is enabled (has active file with unsaved changes) */
     private get _canSave();
     /**
-     * 恢复默认按钮是否可用（仅对系统生成的文件显示）
+     * Whether the restore default button is enabled (shown only for system-generated files)
      *
-     * 系统生成的文件：/AGENT.md, /functions/*.md, /scenarios/*.md
+     * System-generated files: /AGENT.md, /functions/*.md, /scenarios/*.md
      */
     private get _canRestore();
     private _handleTabSelect;
@@ -74,7 +74,7 @@ export declare class RtcEditorArea extends LitElement {
     private _renderEditor;
     private _renderWelcome;
     /**
-     * 从路径提取文件名
+     * Extract filename from path
      */
     private _getFileName;
     render(): import("lit").TemplateResult<1>;