@rtc-agent/component 0.2.7-rc.3 → 0.2.7-rc.4

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

@@ -0,0 +1,81 @@
+/**
+ * RTC Tool Call Card Component
+ *
+ * Renders a toolcall_input + toolcall_output pair as a single card.
+ *
+ * Layout (matches Claude Code style):
+ *   .timeline-item (position: relative, with dot + vertical line)
+ *     ├── .timeline-dot          (absolute, colored by status)
+ *     ├── ::before               (vertical line)
+ *     └── .timeline-content
+ *           └── .toolcall-card
+ *                 ├── .toolcall-header   — tool name
+ *                 ├── .toolcall-section.in  — input parameters
+ *                 └── .toolcall-section.out — output result (when available)
+ *
+ * Dot color states (via host data attribute):
+ *   - "running" — orange pulse (waiting for output)
+ *   - "done"    — green static (output received)
+ *
+ * @element rtc-toolcall-card
+ * @csspart dot     - The timeline dot
+ * @csspart card    - The card container
+ * @csspart header  - Tool name header
+ * @csspart in      - Input section
+ * @csspart out     - Output section
+ */
+import { LitElement } from 'lit';
+import type { Message } from '../../types/index.js';
+import './rtc-scroll-container.js';
+/**
+ * A paired tool call: input is always present, output arrives later.
+ */
+export interface ToolCallPair {
+    input: Message;
+    output?: Message;
+}
+export declare class RtcToolCallCard extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _localeCtx;
+    pair: ToolCallPair;
+    isLast: boolean;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _updateStatus;
+    /**
+     * Formatted timestamp from the input message (computed on each render).
+     */
+    private get _formattedTimestamp();
+    /**
+     * Get IN section copy text (input parameters)
+     */
+    private get _inCopyText();
+    /**
+     * Get OUT section copy text (output result)
+     */
+    private get _outCopyText();
+    private _handleCopy;
+    /**
+     * 复制工具调用内容（与 dot 点击对应）
+     */
+    private _handleDotClick;
+    render(): import("lit").TemplateResult<1>;
+    /**
+     * Format header text based on tool type.
+     */
+    private _formatHeader;
+    /**
+     * Render input section based on tool type.
+     */
+    private _renderInputSection;
+    /**
+     * Render script tool input based on action type.
+     */
+    private _renderScriptInput;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-toolcall-card': RtcToolCallCard;
+    }
+}
+//# sourceMappingURL=rtc-toolcall-card.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult[];
+//# sourceMappingURL=rtc-toolcall-card.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,65 @@
+/**
+ * RTC Tool Call Reply Component
+ *
+ * Renders a toolcall_output as a standalone message with a clickable
+ * reference header that links back to the originating toolcall_input.
+ *
+ * Design:
+ * - Self-contained: extracts tool_name + input from output's own data
+ * - On connect: finds the corresponding input card in DOM and updates its
+ *   pair.output, so the card's dot switches from "running" to "done"
+ * - Tool-specific output rendering (script: logs/warnings/errors + duration)
+ * - Clickable header dispatches 'rtc-toolcall-jump' event with parentClientId
+ *
+ * @element rtc-toolcall-reply
+ * @fires rtc-toolcall-jump — when header is clicked, detail: { targetClientId }
+ * @csspart dot - The timeline dot
+ * @csspart card - The reply card container
+ * @csspart header - The clickable reference header
+ * @csspart content - The output content area
+ */
+import { LitElement } from 'lit';
+import type { Message } from '../../types/index.js';
+import './rtc-scroll-container.js';
+export declare class RtcToolCallReply extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _localeCtx;
+    /** The toolcall_output message */
+    message: Message;
+    firstUpdated(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _updateStatus;
+    /**
+     * Find the corresponding input card in DOM and update its pair.output.
+     * This switches the card's dot from "running" (orange pulse) to "done" (green).
+     */
+    private _notifyInputCard;
+    private get _formattedTimestamp();
+    /**
+     * Handle header click: dispatch jump event to scroll to input.
+     */
+    private _handleHeaderClick;
+    render(): import("lit").TemplateResult<1>;
+    /**
+     * Fallback: unparseable output rendered as plain text.
+     */
+    private _renderFallback;
+    /**
+     * Script tool reply: logs/warnings/errors sections + duration footer.
+     */
+    private _renderScriptReply;
+    /**
+     * Read tool reply: file content with smaller max-height.
+     */
+    private _renderReadReply;
+    /**
+     * Generic tool reply: formatted output content.
+     */
+    private _renderGenericReply;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-toolcall-reply': RtcToolCallReply;
+    }
+}
+//# sourceMappingURL=rtc-toolcall-reply.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult[];
+//# sourceMappingURL=rtc-toolcall-reply.styles.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,116 @@
+/**
+ * RTC User Message Component
+ *
+ * Renders a single user message bubble with sync-status visual states.
+ *
+ * Layout model:
+ *   .user-message-wrapper (sticky container)
+ *     ├── .user-message (bubble with max-height, overflow hidden)
+ *     │     ├── .user-message-text (text content)
+ *     │     ├── .show-more-btn     (bottom-right, visible on hover when overflowing)
+ *     │     └── .more-btn          (top-right, visible on hover)
+ *     └── <rtc-message-more-menu> (position:fixed, positioned via floating-ui)
+ *
+ * ## Sync-status visual matrix:
+ *
+ * | syncStatus | more-btn | menu contents          | border style |
+ * |------------|----------|------------------------|--------------|
+ * | pending    | ✓        | 复制,分叉 + timestamp  | glow breathing animation |
+ * | synced     | ✓        | 复制,分叉 + timestamp  | static default border |
+ * | failed     | ✓        | 复制,分叉,重试 + timestamp | static error border |
+ *
+ * ## Attributes (reflected for CSS targeting):
+ * - `data-sync-status`  — "pending" | "synced" | "failed"
+ * - `data-overflow`     — set when text overflows the bubble
+ * - `data-expanded`     — set after user clicks "Show more"
+ * - `data-show-more-menu` — set when more menu is visible
+ *
+ * @element rtc-user-message
+ * @csspart wrapper - The sticky wrapper
+ * @csspart bubble  - The message bubble
+ * @csspart text    - The text content area
+ * @csspart show-more - The "Show more" button
+ * @csspart more    - The more button (⋯)
+ */
+import { LitElement } from 'lit';
+import type { Message } from '../../types/index.js';
+import './rtc-message-more-menu.js';
+import type { StatefulComponent } from '../../utils/message-virtual-scroll.js';
+export declare class RtcUserMessage extends LitElement implements StatefulComponent {
+    static styles: import("lit").CSSResult;
+    private _localeCtx;
+    message: Message;
+    private _isOverflowing;
+    private _expanded;
+    private _showMoreMenu;
+    private _moreBtn?;
+    /**
+     * more-menu portal 容器（teleport 到 shadow root 层级，脱离 wrapper 的 stacking context）
+     */
+    private _moreMenuEl;
+    private _resizeObserver?;
+    private _textEl?;
+    private _cleanupPosition;
+    /** Bound event handler for menu select (stored for clean removal). */
+    private _boundOnMenuSelect;
+    private _onDocClick;
+    private _onDocKeydown;
+    private _closeMoreMenu;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    /**
+     * Extract component state for preservation across virtualization.
+     * Called by MessageVirtualScroll before destroying the element.
+     *
+     * Preserved state:
+     * - expanded: User's expand/collapse preference for long messages
+     * - isOverflowing: Whether text overflows (affects show-more button visibility)
+     */
+    getState(): Record<string, unknown>;
+    /**
+     * Inject cached state after restoring from skeleton placeholder.
+     * Called synchronously before first render to avoid flicker.
+     *
+     * @param state - Previously extracted state from getState()
+     */
+    setState(state: Record<string, unknown>): void;
+    private _checkOverflow;
+    private _getTextContent;
+    /**
+     * 提取 user_message 类型的结构化数据（如果有）
+     */
+    private _getUserMessageData;
+    private _handleShowMore;
+    private _handleMoreClick;
+    /**
+     * 将 more-menu teleport 到 shadow root 层级（脱离 wrapper 的 stacking context）。
+     * floating-ui 使用 position: absolute（相对 offset parent），坐标不受影响。
+     */
+    private _teleportMenu;
+    /**
+     * 移除 teleported more-menu
+     */
+    private _removeMenu;
+    private _startPositioning;
+    private _updatePosition;
+    private _stopPositioning;
+    private _handleMenuSelect;
+    /**
+     * 复制消息内容到剪贴板
+     */
+    private _handleCopy;
+    /**
+     * 分叉逻辑：派发自定义事件，由根组件处理
+     */
+    private _handleFork;
+    private _handleResend;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-user-message': RtcUserMessage;
+    }
+}
+//# sourceMappingURL=rtc-user-message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-user-message.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-user-message.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAarC,OAAO,KAAK,EAAC,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAGtE,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AAI7E,qBAEa,cAAe,SAAQ,UAAW,YAAW,iBAAiB;IACvE,MAAM,CAAC,MAAM,0BAAU;IAIvB,OAAO,CAAC,UAAU,CAMhB;IAGF,OAAO,EAAE,OAAO,CAMd;IAEO,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAS;IAGvC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAE/B;;OAEG;IACH,OAAO,CAAC,WAAW,CAA4B;IAE/C,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,OAAO,CAAC,CAAc;IAC9B,OAAO,CAAC,gBAAgB,CAA6B;IAErD,sEAAsE;IACtE,OAAO,CAAC,kBAAkB,CAA0D;IAEpF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,cAAc;IAQtB,iBAAiB;IASjB,YAAY;IAQZ,oBAAoB;IASpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAYrC;;;;;;;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;IAsB9C,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,gBAAgB;IAWxB;;;OAGG;YACW,aAAa;IAiB3B;;OAEG;IACH,OAAO,CAAC,WAAW;YASL,iBAAiB;YASjB,eAAe;IAoB7B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,iBAAiB;IAmBzB;;OAEG;YACW,WAAW;IAezB;;OAEG;IACH,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAYrB,MAAM;CAsCT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}

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

@@ -0,0 +1,22 @@
+/**
+ * Styles for <rtc-user-message>
+ *
+ * Layout model:
+ *   .user-message-wrapper — sticky container, full-width
+ *     └── .user-message   — bubble with max-height, overflow hidden
+ *           └── .user-message-text — text content
+ *
+ * The ::after pseudo-element creates a gradient fade mask when text overflows
+ * and the bubble is not expanded. It only appears when [data-overflow] is set
+ * and [data-expanded] is absent.
+ *
+ * Sync-status visual states:
+ *   - pending : glow animation + primary border
+ *   - synced  : static default border
+ *   - failed  : static error border
+ *
+ * Action buttons (show-more, more) are hidden by default and
+ * fade in on wrapper hover.
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-user-message.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-user-message.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-user-message.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,yBAmMlB,CAAC"}

package/dist/components/content-area/timeline.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const timelineStyles: import("lit").CSSResult;
+//# sourceMappingURL=timeline.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/timeline.styles.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,cAAc,yBA8F1B,CAAC"}

package/dist/components/content-wrapper/rtc-content-wrapper.d.ts

@@ -0,0 +1,25 @@
+/**
+ * RTC Content Wrapper Component
+ *
+ * Vertical flex layout composing the normal (logged-in) UI:
+ *   session-header → content-area → notice-bar → input-area
+ * Also contains overlay-manager (positioned absolutely).
+ *
+ * @element rtc-content-wrapper
+ */
+import { LitElement } from 'lit';
+import '../session-header/rtc-session-header.js';
+import '../content-area/rtc-content-area.js';
+import '../notice-bar/rtc-notice-bar.js';
+import '../input-area/rtc-input-area.js';
+import '../overlay/rtc-overlay-manager.js';
+export declare class RtcContentWrapper extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-content-wrapper': RtcContentWrapper;
+    }
+}
+//# sourceMappingURL=rtc-content-wrapper.d.ts.map

package/dist/components/content-wrapper/rtc-content-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-content-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/content-wrapper/rtc-content-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAKrC,OAAO,yCAAyC,CAAC;AACjD,OAAO,qCAAqC,CAAC;AAC7C,OAAO,iCAAiC,CAAC;AACzC,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAE3C,qBACa,iBAAkB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BAAU;IAIvB,MAAM;CAST;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,iBAAiB,CAAC;KAC5C;CACJ"}

package/dist/components/content-wrapper/rtc-content-wrapper.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-content-wrapper.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-content-wrapper.styles.d.ts","sourceRoot":"","sources":["../../../src/components/content-wrapper/rtc-content-wrapper.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAUlB,CAAC"}

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

@@ -0,0 +1,73 @@
+/**
+ * RTC Drawer Component
+ *
+ * 通用左侧抽屉面板组件。
+ * 从 Activity Bar 右侧滑入，overlay 在主内容之上，不挤压主内容区宽度。
+ *
+ * 用于替代原有的 flex 布局侧边栏（session-tree、file-explorer、settings-nav），
+ * 统一抽屉交互：
+ * - 半透明 backdrop 遮罩，点击关闭
+ * - ESC 键关闭
+ * - 平滑 slide-in/out 动画
+ * - 互斥行为（由父组件控制，同一时刻只打开一个）
+ *
+ * @element rtc-drawer
+ *
+ * @attr {boolean} open - 抽屉是否打开
+ *
+ * @cssprop [--rtc-drawer-width=240px] - 抽屉面板宽度
+ * @cssprop [--rtc-drawer-backdrop-bg=rgba(0,0,0,0.3)] - 遮罩层背景色
+ * @cssprop [--rtc-drawer-transition-duration=0.25s] - 动画时长
+ *
+ * @csspart backdrop - 遮罩层元素
+ * @csspart panel - 抽屉面板元素
+ *
+ * @fires rtc-drawer-close - 用户请求关闭抽屉时触发（点击 backdrop / 按 ESC）
+ *
+ * ## 用法
+ * ```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 右侧。
+ */
+import { LitElement } from 'lit';
+export declare class RtcDrawer extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * 抽屉是否打开
+     *
+     * 通过 attribute `open` 或 property 控制。
+     * reflect: true 使 DOM 上能看到 [open] 属性，驱动 CSS 状态。
+     */
+    open: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * 点击 backdrop 遮罩层
+     *
+     * 派发自定义事件通知父组件关闭抽屉。
+     */
+    private _handleBackdropClick;
+    /**
+     * 全局 ESC 键处理
+     *
+     * 仅当抽屉打开且连接在 DOM 中时响应。
+     */
+    private _boundOnKeydown;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-drawer': RtcDrawer;
+    }
+    interface HTMLElementEventMap {
+        'rtc-drawer-close': CustomEvent;
+    }
+}
+//# sourceMappingURL=rtc-drawer.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+/**
+ * Drawer 样式
+ *
+ * 左侧滑出抽屉面板：
+ * - 固定在 Activity Bar 右侧，overlay 在主内容之上
+ * - 通过 transform + transition 实现平滑滑入/滑出
+ * - 半透明 backdrop 遮罩层，点击关闭
+ * - 宽度可通过 --rtc-drawer-width CSS 自定义属性配置
+ *
+ * @cssprop [--rtc-drawer-width=240px] - 抽屉宽度
+ * @csspart backdrop - 遮罩层
+ * @csspart panel - 抽屉面板
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-drawer.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/rtc-drawer.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,MAAM,yBAiElB,CAAC"}

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

@@ -0,0 +1,119 @@
+/**
+ * Editor Area Component
+ *
+ * VS Code 风格编辑器区域，组合 Tab + Toolbar + Markdown Editor。
+ *
+ * 布局：
+ * ┌──────────────────────────────────┐
+ * │ Tabs (横向滚动，多标签)           │
+ * ├──────────────────────────────────┤
+ * │ Toolbar (保存/撤销/恢复/视图)     │
+ * ├──────────────────────────────────┤
+ * │ Editor Content (编辑/预览/分屏)   │
+ * └──────────────────────────────────┘
+ *
+ * 无打开文件时显示 Welcome Screen。
+ *
+ * 纯 UI 组件：只发事件，不直接操作 VFS。
+ * 状态由 EditorAreaController 驱动（或 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 })
+ *
+ * ## 样式
+ * 使用项目 design tokens（--rtc-color-*），支持亮色/暗色主题。
+ */
+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 一致） */
+type FormatType = 'bold' | 'italic' | 'code' | 'link';
+export declare class RtcEditorArea extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _localeCtx;
+    /** 打开的文件标签列表 */
+    tabs: EditorTab[];
+    /** 当前活动文件路径 */
+    activeFilePath: string;
+    /** 主题 */
+    theme: 'light' | 'dark' | 'system';
+    /** 获取当前活动的 tab */
+    private get _activeTab();
+    /** 保存按钮是否可用（有活动文件且有未保存修改） */
+    private get _canSave();
+    /**
+     * 恢复默认按钮是否可用（仅对系统生成的文件显示）
+     *
+     * 系统生成的文件：/AGENT.md, /functions/*.md, /scenarios/*.md
+     */
+    private get _canRestore();
+    private _handleTabSelect;
+    private _handleTabClose;
+    private _handleSave;
+    private _handleUndo;
+    private _handleRedo;
+    private _handleFormat;
+    private _handleViewModeChange;
+    private _handleRestoreDefault;
+    private _handleContentChange;
+    private _handleCursorMove;
+    private _renderTabs;
+    private _renderToolbar;
+    private _renderEditor;
+    private _renderWelcome;
+    /**
+     * 从路径提取文件名
+     */
+    private _getFileName;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-editor-area': RtcEditorArea;
+    }
+    interface HTMLElementEventMap {
+        'editor-area-save': CustomEvent<{
+            filePath: string;
+        }>;
+        'editor-area-undo': CustomEvent<void>;
+        'editor-area-redo': CustomEvent<void>;
+        'editor-area-format': CustomEvent<{
+            format: FormatType;
+        }>;
+        'editor-area-view-mode-change': CustomEvent<{
+            filePath: string;
+            viewMode: EditorViewMode;
+        }>;
+        'editor-area-content-change': CustomEvent<{
+            filePath: string;
+            content: string;
+        }>;
+        'editor-area-tab-select': CustomEvent<{
+            filePath: string;
+        }>;
+        'editor-area-tab-close': CustomEvent<{
+            filePath: string;
+        }>;
+        'editor-area-cursor-move': CustomEvent<{
+            line: number;
+            column: number;
+        }>;
+        'editor-area-restore-default': CustomEvent<{
+            filePath: string;
+        }>;
+    }
+}
+export {};
+//# sourceMappingURL=rtc-editor-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-editor-area.d.ts","sourceRoot":"","sources":["../../../src/components/editor-area/rtc-editor-area.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAM9C,OAAO,KAAK,EAAC,SAAS,EAAE,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAQpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,yBAAyB,CAAC;AACjC,OAAO,2CAA2C,CAAC;AAKnD,0BAA0B;AAC1B,KAAK,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,qBAEa,aAAc,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,4BAAuD;IAMpE,OAAO,CAAC,UAAU,CAMhB;IAIF,gBAAgB;IAEhB,IAAI,EAAE,SAAS,EAAE,CAAM;IAEvB,eAAe;IAEf,cAAc,SAAM;IAEpB,SAAS;IAET,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAY;IAI9C,kBAAkB;IAClB,OAAO,KAAK,UAAU,GAErB;IAED,6BAA6B;IAC7B,OAAO,KAAK,QAAQ,GAEnB;IAED;;;;OAIG;IACH,OAAO,KAAK,WAAW,GAMtB;IAID,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,cAAc;IAuBtB,OAAO,CAAC,aAAa;IAgBrB,OAAO,CAAC,cAAc;IAUtB;;OAEG;IACH,OAAO,CAAC,YAAY;IAOpB,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,iBAAiB,EAAE,aAAa,CAAC;KACpC;IAED,UAAU,mBAAmB;QACzB,kBAAkB,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;QACpD,kBAAkB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACtC,kBAAkB,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QACtC,oBAAoB,EAAE,WAAW,CAAC;YAAC,MAAM,EAAE,UAAU,CAAA;SAAC,CAAC,CAAC;QACxD,8BAA8B,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,cAAc,CAAA;SAAC,CAAC,CAAC;QAC1F,4BAA4B,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;QAC/E,wBAAwB,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;QAC1D,uBAAuB,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;QACzD,yBAAyB,EAAE,WAAW,CAAC;YAAC,IAAI,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;QACvE,6BAA6B,EAAE,WAAW,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAC,CAAC,CAAC;KAClE;CACJ"}

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

@@ -0,0 +1,8 @@
+/**
+ * Editor Area 样式
+ *
+ * VS Code 风格编辑器区域容器。
+ * 颜色使用项目 Tokens，确保双主题适配。
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-editor-area.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-editor-area.styles.d.ts","sourceRoot":"","sources":["../../../src/components/editor-area/rtc-editor-area.styles.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,MAAM,yBAmGlB,CAAC"}