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

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

@@ -0,0 +1,86 @@
+/**
+ * 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();
+    private _handleCopy;
+    /**
+     * 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>;
+    /**
+     * 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;
+    /**
+     * Render todoWrite tool input as a todo list.
+     */
+    private _renderTodoWriteInput;
+    /**
+     * Render a single todo item.
+     */
+    private _renderTodoItem;
+}
+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;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

@@ -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,2BAuPlB,CAAC"}

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

@@ -0,0 +1,77 @@
+/**
+ * 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;
+    /**
+     * 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.
+     */
+    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;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

@@ -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,2BA8JlB,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    | ✓        | 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"
+ * - `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 container (teleported to shadow root level, escapes wrapper's 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;
+    /**
+     * Extract structured data of user_message type (if present)
+     */
+    private _getUserMessageData;
+    private _handleShowMore;
+    private _handleMoreClick;
+    /**
+     * 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;
+    /**
+     * Remove teleported more-menu
+     */
+    private _removeMenu;
+    private _startPositioning;
+    private _updatePosition;
+    private _stopPositioning;
+    private _handleMenuSelect;
+    /**
+     * Copy message content to clipboard
+     */
+    private _handleCopy;
+    /**
+     * Fork logic: dispatch custom event, handled by root component
+     */
+    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,75 @@
+/**
+ * RTC Drawer Component
+ *
+ * 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.
+ *
+ * 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 - Whether the drawer is open
+ *
+ * @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 - Backdrop element
+ * @csspart panel - Drawer panel element
+ *
+ * @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>
+ * ```
+ *
+ * ## 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
+     *
+     * 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;
+    /**
+     * Click backdrop overlay
+     *
+     * Dispatches custom event to notify parent component to close the drawer.
+     */
+    private _handleBackdropClick;
+    /**
+     * Global ESC key handler
+     *
+     * Only responds when drawer is open and connected in the 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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

@@ -0,0 +1,15 @@
+/**
+ * Drawer styles
+ *
+ * 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] - 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/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-style editor area, combining Tab + Toolbar + Markdown Editor.
+ *
+ * Layout:
+ * ┌──────────────────────────────────┐
+ * │ Tabs (horizontal scroll, multi-tab) │
+ * ├──────────────────────────────────┤
+ * │ Toolbar (save/undo/redo/view)    │
+ * ├──────────────────────────────────┤
+ * │ Editor Content (edit/preview/split) │
+ * └──────────────────────────────────┘
+ *
+ * Shows Welcome Screen when no file is open.
+ *
+ * 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 - 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 })
+ *
+ * ## 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';
+/** 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';
+    /** 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)
+     *
+     * System-generated files: /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;
+    /**
+     * Extract filename from path
+     */
+    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,4CAA4C;AAC5C,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,6BAA6B;IAE7B,IAAI,EAAE,SAAS,EAAE,CAAM;IAEvB,+BAA+B;IAE/B,cAAc,SAAM;IAEpB,YAAY;IAEZ,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAY;IAI9C,mCAAmC;IACnC,OAAO,KAAK,UAAU,GAErB;IAED,gFAAgF;IAChF,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 styles
+ *
+ * VS Code-style editor area container.
+ * Colors use project Tokens to ensure dual-theme adaptation.
+ */
+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"}