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

package/dist/components/activity-bar/rtc-activity-bar.d.ts

@@ -0,0 +1,67 @@
+/**
+ * RTC Activity Bar Component
+ *
+ * VS Code-style left activity bar, supporting switching between Explorer/Chat/Settings.
+ *
+ * @element rtc-activity-bar
+ * @fires activity-change - Fired on activity switch (detail: { activity, toggleSidebar })
+ *
+ * ## Interaction logic
+ * - Click current activity → toggle sidebar (dispatches activity-change event, toggleSidebar: true)
+ * - Click different activity → switch activity and show sidebar (dispatches activity-change event, toggleSidebar: false)
+ * - ↑/↓ arrow keys switch between icons (roving tabindex), Enter/Space to activate
+ *
+ * ## Styling
+ * Uses project design tokens (--rtc-color-*), supports light/dark themes.
+ */
+import { LitElement } from 'lit';
+import type { Activity } from '../../types/index.js';
+export declare class RtcActivityBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Current activity */
+    active: Activity;
+    /** Whether to show the Files button */
+    showFiles: boolean;
+    /** Whether to show the Settings button */
+    showSettings: boolean;
+    /** Whether to show the Functions button */
+    showFunctions: boolean;
+    private _localeCtx;
+    /**
+     * Handle activity icon click
+     *
+     * Logic:
+     * - Click current activity → toggleSidebar: true
+     * - Click different activity → switch activity, toggleSidebar: false
+     */
+    private _handleClick;
+    /**
+     * Keyboard event handling
+     *
+     * - ↑/↓: move focus between available activities (roving tabindex)
+     * - Enter/Space: activate current activity
+     * - Home/End: jump to first/last item
+     */
+    private _handleKeydown;
+    /**
+     * Move focus to a specific activity icon (roving tabindex)
+     */
+    private _focusActivity;
+    /**
+     * Compute roving tabindex: the currently active activity gets tabindex=0, others get -1
+     */
+    private _tabIndex;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-activity-bar': RtcActivityBar;
+    }
+    interface HTMLElementEventMap {
+        'activity-change': CustomEvent<{
+            activity: Activity;
+            toggleSidebar: boolean;
+        }>;
+    }
+}
+//# sourceMappingURL=rtc-activity-bar.d.ts.map

package/dist/components/activity-bar/rtc-activity-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-activity-bar.d.ts","sourceRoot":"","sources":["../../../src/components/activity-bar/rtc-activity-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAK9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAenD,qBAEa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAU;IAEvB,uBAAuB;IAEvB,MAAM,EAAE,QAAQ,CAAU;IAE1B,uCAAuC;IAEvC,SAAS,UAAQ;IAEjB,0CAA0C;IAE1C,YAAY,UAAQ;IAEpB,2CAA2C;IAE3C,aAAa,UAAQ;IAIrB,OAAO,CAAC,UAAU,CAMhB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IAcpB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAyCtB;;OAEG;IACH,OAAO,CAAC,cAAc;IAKtB;;OAEG;IACH,OAAO,CAAC,SAAS;IAIjB,MAAM;CA+DT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;IAED,UAAU,mBAAmB;QACzB,iBAAiB,EAAE,WAAW,CAAC;YAC3B,QAAQ,EAAE,QAAQ,CAAC;YACnB,aAAa,EAAE,OAAO,CAAC;SAC1B,CAAC,CAAC;KACN;CACJ"}

package/dist/components/activity-bar/rtc-activity-bar.styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Activity Bar styles
+ *
+ * Uses project design tokens (--rtc-color-*) for multi-theme support.
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-activity-bar.styles.d.ts.map

package/dist/components/activity-bar/rtc-activity-bar.styles.d.ts.map

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

package/dist/components/chat-layout/rtc-chat-layout.d.ts

@@ -0,0 +1,218 @@
+/**
+ * RTC Chat Layout Component
+ *
+ * Two-column chat layout page:
+ * - Left column: rtc-session-tree (session tree)
+ * - Right column: rtc-session-tab-bar (tab bar) + chat content area
+ *
+ * Clicking a session tree node → opens/switches tab → chat content area displays that session's messages.
+ *
+ * The chat content area reuses existing components (rtc-content-area / rtc-notice-bar /
+ * rtc-input-area / rtc-overlay-manager). It switches between sessions via
+ * currentSessionId from SessionContext, and passes MessageRepository to
+ * rtc-content-area → rtc-message-list through the messageController property,
+ * achieving independent message instances per tab.
+ *
+ * @element rtc-chat-layout
+ * @fires rtc-chat-layout-session-select - User clicks a session tree node (detail: { sessionId })
+ * @fires rtc-chat-layout-tab-activate - User switches tab (detail: { sessionId })
+ * @fires rtc-chat-layout-tab-close - User closes tab (detail: { sessionId })
+ * @fires rtc-fork-initiated - Fork request orchestration complete (detail: { oldSessionClientId, oldMessageClientId, newSessionClientId, content })
+ * @fires rtc-new-session - New session (including auto-create after all tabs closed)
+ */
+import { LitElement, type PropertyValues } from 'lit';
+import '../session-tree/rtc-session-tree.js';
+import '../session-tree/rtc-session-tab-bar.js';
+import '../content-area/rtc-content-area.js';
+import '../notice-bar/rtc-notice-bar.js';
+import '../input-area/rtc-input-area.js';
+import type { MessageController } from '../../controllers/message.controller.js';
+import '../overlay/rtc-overlay-manager.js';
+import '../drawer/rtc-drawer.js';
+export declare class RtcChatLayout extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private _localeCtx;
+    /** Theme: light / dark / system */
+    theme: 'light' | 'dark' | 'system';
+    /**
+     * Whether the session tree (.sidebar) is visible
+     *
+     * Passed through from parent rtc-agent based on ActivityController.sidebarVisible:
+     * - Click "chat" activity bar icon → toggleSidebar → false → hide
+     * - Click again → toggleSidebar → true → expand
+     */
+    sessionTreeVisible: boolean;
+    /** Message controller for repository access (passed to rtc-content-area). */
+    messageController?: MessageController;
+    /** Whether currently dragging the resize handle */
+    private _isResizing;
+    /** Y coordinate when drag started */
+    private _resizeStartY;
+    /** input-area height when drag started */
+    private _resizeStartHeight;
+    /** Session ID of the current drag operation */
+    private _resizeSessionId;
+    /** Minimum input-area height */
+    private static readonly MIN_INPUT_HEIGHT;
+    /** Maximum input-area height */
+    private static readonly MAX_INPUT_HEIGHT;
+    /**
+     * Set of sessions that have already had their saved height applied
+     *
+     * Used to avoid repeated application: each session's input-area height is
+     * applied only once on first render. When a session is newly created
+     * (not in the set), the saved height is applied.
+     */
+    private _heightAppliedSessions;
+    private _sessionCtx;
+    private _tabCtx;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * After component update, check whether saved input-area height needs to be applied
+     *
+     * After each update, iterate all tabs and apply the saved height from localStorage
+     * for sessions that haven't had it applied yet. This ensures:
+     * 1. On initial load, saved height is applied immediately after tabs render
+     * 2. When creating a new tab, saved height is also applied
+     * 3. Each session has height applied only once, avoiding overwriting user's drag adjustments
+     */
+    protected updated(_changedProperties: PropertyValues): void;
+    /** Clear the active tab's input box (called for Escape key, etc.) */
+    private _boundOnClearActiveInput;
+    /** Clear the active tab's input box */
+    clearActiveInput(): void;
+    /**
+     * Begin dragging resize handle
+     *
+     * Records initial state, sets drag flag.
+     */
+    private _handleResizeStart;
+    /** Global mousemove handler */
+    private _boundOnResizeMouseMove;
+    /** Global mouseup handler */
+    private _boundOnResizeMouseUp;
+    /**
+     * Save input-area height to localStorage
+     *
+     * Height is a global setting (shared across all tabs), not per-session.
+     */
+    private _saveInputAreaHeight;
+    /**
+     * Load input-area height from localStorage
+     *
+     * Returns null if no saved height exists, use default value.
+     */
+    private _loadInputAreaHeight;
+    /**
+     * Apply saved height to specified session's input-area
+     */
+    private _applyStoredHeight;
+    /** Get the input-area element for a given sessionId */
+    private _getInputAreaBySession;
+    /**
+     * Core orchestration: ensure an unsaved tab exists
+     *
+     * - Already has unsaved tab → activate it, return its sessionId
+     * - None exists → create new session + open unsaved tab, return newId
+     *
+     * Synchronous method (no await), ensures double-click "+" is idempotent:
+     * second call finds existing tab via findUnsavedTab immediately.
+     *
+     * @param params Optional transient UI parameters (fork content, notice message, etc.)
+     */
+    private _ensureUnsavedSession;
+    private _boundOnForkRequested;
+    private _boundOnMessageSent;
+    /** session-header / session-tree "+" button event forwarded to _handleNewSession */
+    private _handleSessionTreeNew;
+    /** Toast notification click: navigate to corresponding session (with reopen check) */
+    private _handleNotificationClick;
+    /**
+     * Open or activate tab for specified session
+     *
+     * Looks up session from SessionContext's sessions list to get the title.
+     * If session doesn't exist (e.g., newly created session not yet persisted), uses 'Untitled' as placeholder title.
+     * `_loadSessions` will sync real titles later via `updateTabTitles`.
+     */
+    private _ensureTabForSession;
+    /**
+     * Session tree node click
+     *
+     * 1. Check session status, if closed then call reopenSession first
+     * 2. Open/switch to corresponding tab
+     * 3. Switch SessionContext's currentSessionId (triggers chat content refresh)
+     */
+    private _handleTreeSelect;
+    /**
+     * Open session (with transparent reopen check)
+     *
+     * If session status is closed, call reopenSession to reopen it first.
+     * After success, perform UI operations (open tab + switch session).
+     */
+    private _openWithReopenCheck;
+    /**
+     * Expand/collapse click (handled internally by SessionTreeController, no extra logic needed here)
+     */
+    private _handleTreeToggle;
+    /**
+     * New session button click
+     *
+     * Uses _ensureUnsavedSession to ensure unsaved tab uniqueness:
+     * - Already has unsaved tab → focus it
+     * - None exists → create new session + open unsaved tab
+     *
+     * Dispatches rtc-new-session, rtc-agent clears fork state.
+     */
+    private _handleNewSession;
+    /**
+     * Switch tab
+     *
+     * Switches SessionContext's currentSessionId.
+     */
+    private _handleTabActivate;
+    /**
+     * Phase 4: Update visibility state for all tab message lists.
+     * Called when tab switches to notify virtual scroll of visibility changes.
+     *
+     * @param activeSessionId - The newly activated tab's session ID
+     */
+    private _updateTabVisibility;
+    /**
+     * Close tab
+     *
+     * SessionTabController automatically handles adjacent tab activation.
+     * If closing the currently active session, need to switch to the newly activated tab;
+     * if no tabs remain (requirement 4), immediately call _handleNewSession to create a new unsaved tab.
+     *
+     * Note: cannot read post-close state via this._tabCtx.state,
+     * because @consume context updates are asynchronous (wait for Lit's next render cycle).
+     * Here we synchronously calculate remaining tabs to determine next step.
+     */
+    /**
+     * Handle tab close event: close session on backend, switch to adjacent tab,
+     * or create new unsaved tab if no tabs remain.
+     *
+     * Fix 44: If closeSession fails, restore the tab and show error toast.
+     */
+    private _handleTabClose;
+    private _renderChatContent;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-chat-layout': RtcChatLayout;
+    }
+    interface HTMLElementEventMap {
+        'rtc-chat-layout-session-select': CustomEvent<{
+            sessionId: string;
+        }>;
+        'rtc-chat-layout-tab-activate': CustomEvent<{
+            sessionId: string;
+        }>;
+        'rtc-chat-layout-tab-close': CustomEvent<{
+            sessionId: string;
+        }>;
+    }
+}
+//# sourceMappingURL=rtc-chat-layout.d.ts.map

package/dist/components/chat-layout/rtc-chat-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-chat-layout.d.ts","sourceRoot":"","sources":["../../../src/components/chat-layout/rtc-chat-layout.ts"],"names":[],"mappings":"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"}

package/dist/components/chat-layout/rtc-chat-layout.styles.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Chat Layout styles
+ *
+ * Layout:
+ * - rtc-drawer overlay drawer (session tree, slides in from the left, does not push main content)
+ * - Right column: TabBar + chat content area (flex: 1)
+ *
+ * Colors use project Tokens to ensure dual-theme compatibility.
+ */
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=rtc-chat-layout.styles.d.ts.map

package/dist/components/chat-layout/rtc-chat-layout.styles.d.ts.map

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

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

@@ -0,0 +1,34 @@
+/**
+ * RTC Content Area Component
+ *
+ * Switches between empty state and message list based on messages.
+ * Each `<rtc-content-area>` receives a `sessionId` and `messageController`
+ * from its parent, passing them down to `<rtc-message-list>`.
+ *
+ * @element rtc-content-area
+ * @csspart container - The content container
+ */
+import { LitElement } from 'lit';
+import type { MessageController } from '../../controllers/message.controller.js';
+import './rtc-message-list.js';
+import '../empty-state/rtc-empty-state.js';
+export declare class RtcContentArea extends LitElement {
+    static styles: import("lit").CSSResult;
+    theme: 'light' | 'dark' | 'system';
+    /** Session ID for the message list instance. */
+    sessionId: string | null;
+    /** Message controller for repository access. */
+    messageController?: MessageController;
+    /**
+     * Whether this tab is unsaved (draft session not yet persisted to DB).
+     * Unsaved sessions have no messages and should show empty state.
+     */
+    isUnsaved: boolean;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-content-area': RtcContentArea;
+    }
+}
+//# sourceMappingURL=rtc-content-area.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-content-area.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-content-area.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAIrC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,yCAAyC,CAAC;AAC/E,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mCAAmC,CAAC;AAE3C,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAU;IAGvB,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAY;IAE9C,gDAAgD;IAEhD,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC,gDAAgD;IAEhD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;;OAGG;IAEH,SAAS,EAAE,OAAO,CAAS;IAE3B,MAAM;CAgBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,kBAAkB,EAAE,cAAc,CAAC;KACtC;CACJ"}

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

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

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

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

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

@@ -0,0 +1,82 @@
+/**
+ * RTC Error Message Component
+ *
+ * Renders an error feedback message with category-specific icon and color,
+ * title, description, optional retry button, and collapsible raw error details.
+ *
+ * ## Layout model (timeline layout)
+ *
+ * Reuses the shared timeline layout (dot + vertical line) from timeline.styles.ts.
+ * The dot color reflects the error category.
+ *
+ * ## XSS safety
+ *
+ * All text content is rendered via Lit's `html` template literal, which
+ * auto-escapes HTML entities. The raw_error field is rendered inside a <pre>
+ * element using text content interpolation (also auto-escaped by Lit).
+ * No innerHTML or unsafeHTML is used anywhere.
+ *
+ * @element rtc-error-message
+ * @csspart dot - The timeline dot (colored by error category)
+ * @csspart content - The error content area
+ */
+import { LitElement, nothing } from 'lit';
+import type { Message } from '../../types/index.js';
+import type { StatefulComponent } from '../../utils/message-virtual-scroll.js';
+export declare class RtcErrorMessage extends LitElement implements StatefulComponent {
+    static styles: import("lit").CSSResult[];
+    private _localeCtx;
+    /**
+     * The full Message object (for timestamp, clientId, etc.).
+     * The error content is extracted from message.content.data.
+     */
+    message: Message;
+    /**
+     * Whether the raw error detail panel is expanded.
+     * Default collapsed to avoid overwhelming the user with technical details.
+     */
+    private _rawErrorExpanded;
+    /**
+     * Extract ErrorContent from the message's content data.
+     */
+    private get _errorData();
+    /**
+     * Look up the visual configuration for the current error category.
+     *
+     * Labels are resolved through lit-localize's `msg()` so they update when
+     * the user switches locale. Each case is a separate `msg()` call so the
+     * extractor can pick them up as translation keys.
+     */
+    private _getCategoryConfig;
+    /**
+     * Resolve the localized label for an error category.
+     *
+     * A switch with one `msg()` per case is required: lit-localize's extractor
+     * needs static string arguments and cannot follow dynamic lookups.
+     */
+    private _getCategoryLabel;
+    private _toggleRawError;
+    private _handleRetry;
+    /**
+     * Extract component state for preservation across virtualization.
+     * Called by MessageVirtualScroll before destroying the element.
+     *
+     * Preserved state:
+     * - rawErrorExpanded: User's expand/collapse preference for raw error details
+     */
+    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;
+    render(): typeof nothing | import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'rtc-error-message': RtcErrorMessage;
+    }
+}
+//# sourceMappingURL=rtc-error-message.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rtc-error-message.d.ts","sourceRoot":"","sources":["../../../src/components/content-area/rtc-error-message.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAC,UAAU,EAAa,OAAO,EAAC,MAAM,KAAK,CAAC;AAOnD,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAGlD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AA2C7E,qBAEa,eAAgB,SAAQ,UAAW,YAAW,iBAAiB;IACxE,MAAM,CAAC,MAAM,4BAuIX;IAIF,OAAO,CAAC,UAAU,CAMhB;IAEF;;;OAGG;IAEH,OAAO,EAAE,OAAO,CAA6G;IAE7H;;;OAGG;IAEH,OAAO,CAAC,iBAAiB,CAAS;IAElC;;OAEG;IACH,OAAO,KAAK,UAAU,GAMrB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,kBAAkB;IAO1B;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAczB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,YAAY;IAUpB;;;;;;OAMG;IACH,QAAQ,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAMnC;;;;;OAKG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM9C,MAAM;CAuDT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,eAAe,CAAC;KACxC;CACJ"}