@aceshooting/lyra-ui 4.1.0 → 4.2.0

package/dist/components/agent-workspace/agent-workspace.class.d.ts

@@ -0,0 +1,146 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import type { ChatComposerStatus } from '../chat-composer/chat-composer.class.js';
+import type { AgentRunMetric } from '../agent-run/agent-run.class.js';
+import type { ContextInspectorSegment } from '../context-inspector/context-inspector.class.js';
+import type { AgentRun, ChatMessage, Citation, CitationSelectEventDetail, GroundingAssessment, RetrievalChunk, RetryEventDetail } from '../../ai/types.js';
+import type { RetrievalResultsSelectDetail } from '../retrieval-results/retrieval-results.class.js';
+import type { ToolTimelineEntry, ToolTimelineApprovalDetail } from '../tool-timeline/tool-timeline.class.js';
+import '../chat-viewport/chat-viewport.js';
+import '../chat-message/chat-message.js';
+import '../markdown/markdown.js';
+import '../chat-composer/chat-composer.js';
+import '../agent-run/agent-run.js';
+import '../tool-timeline/tool-timeline.js';
+import '../retrieval-results/retrieval-results.js';
+import '../grounding-summary/grounding-summary.js';
+import '../context-inspector/context-inspector.js';
+import '../empty/empty.js';
+export interface LyraAgentWorkspaceEventMap {
+    'lr-input': CustomEvent<{
+        value: string;
+    }>;
+    'lr-submit': CustomEvent<{
+        value: string;
+    }>;
+    'lr-stop': CustomEvent<undefined>;
+    'lr-message-retry': CustomEvent<{
+        messageId: string;
+    }>;
+    'lr-follow-change': CustomEvent<{
+        following: boolean;
+    }>;
+    'lr-retrieval-select': CustomEvent<RetrievalResultsSelectDetail>;
+    'lr-citation-select': CustomEvent<CitationSelectEventDetail>;
+    'lr-tool-approval-decide': CustomEvent<ToolTimelineApprovalDetail>;
+    'lr-cancel': CustomEvent<undefined>;
+    'lr-retry': CustomEvent<RetryEventDetail>;
+}
+/**
+ * `<lr-agent-workspace>` — a responsive, controlled shell for an AI conversation and its
+ * supporting agent state. It renders the transcript and composer in the main pane, and composes
+ * existing run, tool, retrieval, grounding, and context primitives in an optional details pane.
+ *
+ * The component performs no network requests, model calls, retrieval, or persistence. Assign new
+ * data to the public properties as the host application receives updates. The `messages` fallback
+ * renders sanitized Markdown from each message's `text`; applications needing richer message
+ * content can replace that entire region with the `messages` slot. The `details` slot similarly
+ * replaces the built-in details pane while keeping the responsive shell.
+ *
+ * @customElement lr-agent-workspace
+ * @slot messages - Replaces the data-driven transcript message list.
+ * @slot details - Replaces the built-in run/tool/retrieval/grounding/context details pane.
+ * @slot composer - Replaces the built-in `<lr-chat-composer>`.
+ * @slot header-actions - Header actions such as model selection, settings, or export controls.
+ * @event lr-input - Forwarded from the built-in composer. `detail: { value }`.
+ * @event lr-submit - Forwarded from the built-in composer. `detail: { value }`.
+ * @event lr-stop - Forwarded from the built-in composer.
+ * @event lr-message-retry - A data-driven message's retry action was activated. `detail: { messageId }`.
+ * @event lr-follow-change - Forwarded from the transcript viewport. `detail: { following }`.
+ * @event lr-retrieval-select - Forwarded from the built-in retrieval results. `detail: { ids, chunks }`.
+ * @event lr-citation-select - Forwarded from the built-in grounding summary. `detail: { citation }`.
+ * @event lr-tool-approval-decide - Forwarded from the built-in tool timeline.
+ * @event lr-cancel - Forwarded from the built-in agent run.
+ * @event lr-retry - Forwarded from the built-in agent run.
+ * @csspart base - The root workspace wrapper.
+ * @csspart header - The workspace heading and header-actions slot.
+ * @csspart heading - The visible workspace heading.
+ * @csspart header-actions - The header-actions slot wrapper.
+ * @csspart body - The main conversation/details layout.
+ * @csspart conversation - The main transcript pane.
+ * @csspart viewport - The composed `<lr-chat-viewport>`.
+ * @csspart messages - The transcript message wrapper.
+ * @csspart messages-empty - The empty transcript state.
+ * @csspart details - The responsive details pane.
+ * @csspart details-content - The built-in details content wrapper.
+ * @csspart section - A built-in run, tools, retrieval, grounding, or context section.
+ * @csspart section-heading - A built-in details section heading.
+ * @csspart composer - The composer region.
+ * @csspart composer-input - The built-in `<lr-chat-composer>`.
+ */
+export declare class LyraAgentWorkspace extends LyraElement<LyraAgentWorkspaceEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    /** Accessible name and visible heading for the workspace. */
+    label: string;
+    /** Host-level accessible-name override for the internal `role="region"` root. */
+    accessibleLabel: string | null;
+    /** Conversation messages. The host owns ordering, updates, and persistence. */
+    messages: ChatMessage[];
+    /** Current agent run, rendered in the details pane when set. */
+    run: AgentRun | null;
+    /** Additional metrics forwarded to `<lr-agent-run>`, such as token counts or latency. */
+    metrics: AgentRunMetric[];
+    /** Tool calls for the current run, rendered through `<lr-tool-timeline>`. */
+    tools: ToolTimelineEntry[];
+    /** Retrieval chunks for the current answer or query. */
+    retrievalChunks: RetrievalChunk[];
+    /** Controlled retrieval selection, forwarded to `<lr-retrieval-results>`. */
+    selectedRetrievalIds: string[];
+    /** Loading state for the built-in retrieval result list. */
+    retrievalLoading: boolean;
+    /** Whether more retrieval results can be requested. */
+    retrievalHasMore: boolean;
+    /** Caller-supplied retrieval error text. */
+    retrievalError: string;
+    /** Grounding assessment for the current assistant answer. */
+    groundingAssessment: GroundingAssessment | null;
+    /** Citations displayed with the grounding summary. */
+    citations: Citation[];
+    /** Final model-call context segments. */
+    contextSegments: ContextInspectorSegment[];
+    /** Overall context-window token total. */
+    contextTotal: number;
+    /** Whether the transcript follows the latest message. */
+    follow: boolean;
+    /** First unread message index, forwarded to the transcript viewport. */
+    unreadStartIndex: number | null;
+    /** Whether the built-in details pane is available when data is present. */
+    showDetails: boolean;
+    /** Whether the built-in composer is available when no `composer` slot is supplied. */
+    showComposer: boolean;
+    /** Controlled value of the built-in composer. */
+    composerValue: string;
+    /** Status of the built-in composer. */
+    composerStatus: ChatComposerStatus;
+    /** Placeholder for the built-in composer. */
+    composerPlaceholder: string;
+    /** Minimum and maximum rows for the built-in composer. */
+    composerMinRows: number;
+    composerMaxRows: number;
+    private hasSlotted;
+    private onComposerInput;
+    private onFollowChange;
+    private onRetrievalSelect;
+    private onMessageRetry;
+    private renderMessage;
+    private renderMessages;
+    private renderDetails;
+    private get hasBuiltInDetails();
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-agent-workspace': LyraAgentWorkspace;
+    }
+}
+//# sourceMappingURL=agent-workspace.class.d.ts.map

package/dist/components/agent-workspace/agent-workspace.class.d.ts.map

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

package/dist/components/agent-workspace/agent-workspace.class.js

@@ -0,0 +1,332 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './agent-workspace.styles.js';
+import '../chat-viewport/chat-viewport.js';
+import '../chat-message/chat-message.js';
+import '../markdown/markdown.js';
+import '../chat-composer/chat-composer.js';
+import '../agent-run/agent-run.js';
+import '../tool-timeline/tool-timeline.js';
+import '../retrieval-results/retrieval-results.js';
+import '../grounding-summary/grounding-summary.js';
+import '../context-inspector/context-inspector.js';
+import '../empty/empty.js';
+/**
+ * `<lr-agent-workspace>` — a responsive, controlled shell for an AI conversation and its
+ * supporting agent state. It renders the transcript and composer in the main pane, and composes
+ * existing run, tool, retrieval, grounding, and context primitives in an optional details pane.
+ *
+ * The component performs no network requests, model calls, retrieval, or persistence. Assign new
+ * data to the public properties as the host application receives updates. The `messages` fallback
+ * renders sanitized Markdown from each message's `text`; applications needing richer message
+ * content can replace that entire region with the `messages` slot. The `details` slot similarly
+ * replaces the built-in details pane while keeping the responsive shell.
+ *
+ * @customElement lr-agent-workspace
+ * @slot messages - Replaces the data-driven transcript message list.
+ * @slot details - Replaces the built-in run/tool/retrieval/grounding/context details pane.
+ * @slot composer - Replaces the built-in `<lr-chat-composer>`.
+ * @slot header-actions - Header actions such as model selection, settings, or export controls.
+ * @event lr-input - Forwarded from the built-in composer. `detail: { value }`.
+ * @event lr-submit - Forwarded from the built-in composer. `detail: { value }`.
+ * @event lr-stop - Forwarded from the built-in composer.
+ * @event lr-message-retry - A data-driven message's retry action was activated. `detail: { messageId }`.
+ * @event lr-follow-change - Forwarded from the transcript viewport. `detail: { following }`.
+ * @event lr-retrieval-select - Forwarded from the built-in retrieval results. `detail: { ids, chunks }`.
+ * @event lr-citation-select - Forwarded from the built-in grounding summary. `detail: { citation }`.
+ * @event lr-tool-approval-decide - Forwarded from the built-in tool timeline.
+ * @event lr-cancel - Forwarded from the built-in agent run.
+ * @event lr-retry - Forwarded from the built-in agent run.
+ * @csspart base - The root workspace wrapper.
+ * @csspart header - The workspace heading and header-actions slot.
+ * @csspart heading - The visible workspace heading.
+ * @csspart header-actions - The header-actions slot wrapper.
+ * @csspart body - The main conversation/details layout.
+ * @csspart conversation - The main transcript pane.
+ * @csspart viewport - The composed `<lr-chat-viewport>`.
+ * @csspart messages - The transcript message wrapper.
+ * @csspart messages-empty - The empty transcript state.
+ * @csspart details - The responsive details pane.
+ * @csspart details-content - The built-in details content wrapper.
+ * @csspart section - A built-in run, tools, retrieval, grounding, or context section.
+ * @csspart section-heading - A built-in details section heading.
+ * @csspart composer - The composer region.
+ * @csspart composer-input - The built-in `<lr-chat-composer>`.
+ */
+export class LyraAgentWorkspace extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Accessible name and visible heading for the workspace. */
+        this.label = '';
+        /** Host-level accessible-name override for the internal `role="region"` root. */
+        this.accessibleLabel = null;
+        /** Conversation messages. The host owns ordering, updates, and persistence. */
+        this.messages = [];
+        /** Current agent run, rendered in the details pane when set. */
+        this.run = null;
+        /** Additional metrics forwarded to `<lr-agent-run>`, such as token counts or latency. */
+        this.metrics = [];
+        /** Tool calls for the current run, rendered through `<lr-tool-timeline>`. */
+        this.tools = [];
+        /** Retrieval chunks for the current answer or query. */
+        this.retrievalChunks = [];
+        /** Controlled retrieval selection, forwarded to `<lr-retrieval-results>`. */
+        this.selectedRetrievalIds = [];
+        /** Loading state for the built-in retrieval result list. */
+        this.retrievalLoading = false;
+        /** Whether more retrieval results can be requested. */
+        this.retrievalHasMore = false;
+        /** Caller-supplied retrieval error text. */
+        this.retrievalError = '';
+        /** Grounding assessment for the current assistant answer. */
+        this.groundingAssessment = null;
+        /** Citations displayed with the grounding summary. */
+        this.citations = [];
+        /** Final model-call context segments. */
+        this.contextSegments = [];
+        /** Overall context-window token total. */
+        this.contextTotal = 0;
+        /** Whether the transcript follows the latest message. */
+        this.follow = true;
+        /** First unread message index, forwarded to the transcript viewport. */
+        this.unreadStartIndex = null;
+        /** Whether the built-in details pane is available when data is present. */
+        this.showDetails = true;
+        /** Whether the built-in composer is available when no `composer` slot is supplied. */
+        this.showComposer = true;
+        /** Controlled value of the built-in composer. */
+        this.composerValue = '';
+        /** Status of the built-in composer. */
+        this.composerStatus = 'idle';
+        /** Placeholder for the built-in composer. */
+        this.composerPlaceholder = '';
+        /** Minimum and maximum rows for the built-in composer. */
+        this.composerMinRows = 1;
+        this.composerMaxRows = 8;
+        this.onComposerInput = (event) => {
+            this.composerValue = event.detail.value;
+        };
+        this.onFollowChange = (event) => {
+            this.follow = event.detail.following;
+        };
+        this.onRetrievalSelect = (event) => {
+            this.selectedRetrievalIds = event.detail.ids;
+        };
+        this.onMessageRetry = (event) => {
+            event.stopPropagation();
+            if (event.detail.messageId)
+                this.emit('lr-message-retry', { messageId: event.detail.messageId });
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    hasSlotted(name) {
+        return Array.from(this.children).some((element) => element.getAttribute('slot') === name);
+    }
+    renderMessage(message) {
+        return html `
+      <lr-chat-message
+        .role=${message.role}
+        .messageId=${message.id}
+        .status=${message.status ?? 'sent'}
+        .timestamp=${message.timestamp}
+        @lr-retry=${this.onMessageRetry}
+      >
+        <lr-markdown .content=${message.text ?? ''}></lr-markdown>
+      </lr-chat-message>
+    `;
+    }
+    renderMessages() {
+        if (this.messages.length === 0) {
+            return html `<lr-empty part="messages-empty" heading=${this.localize('agentWorkspaceEmpty')}></lr-empty>`;
+        }
+        return html `${repeat(this.messages, (message) => message.id, (message) => this.renderMessage(message))}`;
+    }
+    renderDetails() {
+        return html `
+      <div part="details-content">
+        ${this.run
+            ? html `<section part="section">
+              <h3 part="section-heading">${this.localize('agentWorkspaceRun')}</h3>
+              <lr-agent-run .run=${this.run} .metrics=${this.metrics}></lr-agent-run>
+            </section>`
+            : nothing}
+        ${this.tools.length > 0
+            ? html `<section part="section">
+              <h3 part="section-heading">${this.localize('agentWorkspaceTools')}</h3>
+              <lr-tool-timeline .entries=${this.tools}></lr-tool-timeline>
+            </section>`
+            : nothing}
+        ${this.retrievalChunks.length > 0 || this.retrievalLoading || this.retrievalError
+            ? html `<section part="section">
+              <h3 part="section-heading">${this.localize('agentWorkspaceRetrieval')}</h3>
+              <lr-retrieval-results
+                .chunks=${this.retrievalChunks}
+                .selectedIds=${this.selectedRetrievalIds}
+                .loading=${this.retrievalLoading}
+                .hasMore=${this.retrievalHasMore}
+                .error=${this.retrievalError}
+                @lr-select=${this.onRetrievalSelect}
+              ></lr-retrieval-results>
+            </section>`
+            : nothing}
+        ${this.groundingAssessment || this.citations.length > 0
+            ? html `<section part="section">
+              <h3 part="section-heading">${this.localize('agentWorkspaceGrounding')}</h3>
+              <lr-grounding-summary
+                .assessment=${this.groundingAssessment}
+                .citations=${this.citations}
+              ></lr-grounding-summary>
+            </section>`
+            : nothing}
+        ${this.contextSegments.length > 0
+            ? html `<section part="section">
+              <h3 part="section-heading">${this.localize('agentWorkspaceContext')}</h3>
+              <lr-context-inspector
+                .segments=${this.contextSegments}
+                .total=${this.contextTotal}
+              ></lr-context-inspector>
+            </section>`
+            : nothing}
+      </div>
+    `;
+    }
+    get hasBuiltInDetails() {
+        return Boolean(this.run ||
+            this.tools.length > 0 ||
+            this.retrievalChunks.length > 0 ||
+            this.retrievalLoading ||
+            this.retrievalError ||
+            this.groundingAssessment ||
+            this.citations.length > 0 ||
+            this.contextSegments.length > 0);
+    }
+    render() {
+        const label = this.accessibleLabel || this.label || this.localize('agentWorkspaceLabel');
+        const heading = this.label || this.localize('agentWorkspaceLabel');
+        const hasDetails = this.showDetails && (this.hasSlotted('details') || this.hasBuiltInDetails);
+        return html `
+      <div part="base" role="region" aria-label=${label}>
+        <div part="header">
+          <h2 part="heading">${heading}</h2>
+          <span part="header-actions"><slot name="header-actions"></slot></span>
+        </div>
+        <div part="body" data-details=${hasDetails ? 'true' : 'false'}>
+          <section part="conversation" aria-label=${this.localize('agentWorkspaceConversation')}>
+            <lr-chat-viewport
+              part="viewport"
+              .follow=${this.follow}
+              .unreadStartIndex=${this.unreadStartIndex}
+              aria-label=${this.localize('agentWorkspaceConversation')}
+              @lr-follow-change=${this.onFollowChange}
+            >
+              <div part="messages">
+                <slot name="messages">${this.renderMessages()}</slot>
+              </div>
+            </lr-chat-viewport>
+          </section>
+          ${hasDetails
+            ? html `<aside part="details" aria-label=${this.localize('agentWorkspaceDetails')}>
+                <slot name="details">${this.renderDetails()}</slot>
+              </aside>`
+            : nothing}
+        </div>
+        ${this.showComposer
+            ? html `<div part="composer">
+              <slot name="composer">
+                <lr-chat-composer
+                  part="composer-input"
+                  .value=${this.composerValue}
+                  .status=${this.composerStatus}
+                  .minRows=${this.composerMinRows}
+                  .maxRows=${this.composerMaxRows}
+                  placeholder=${this.composerPlaceholder || this.localize('composerPlaceholder')}
+                  @lr-input=${this.onComposerInput}
+                ></lr-chat-composer>
+              </slot>
+            </div>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraAgentWorkspace.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraAgentWorkspace.prototype, "accessibleLabel", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "messages", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "run", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "metrics", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "tools", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "retrievalChunks", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "selectedRetrievalIds", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'retrieval-loading' })
+], LyraAgentWorkspace.prototype, "retrievalLoading", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'retrieval-has-more' })
+], LyraAgentWorkspace.prototype, "retrievalHasMore", void 0);
+__decorate([
+    property({ attribute: 'retrieval-error' })
+], LyraAgentWorkspace.prototype, "retrievalError", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "groundingAssessment", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "citations", void 0);
+__decorate([
+    property({ attribute: false })
+], LyraAgentWorkspace.prototype, "contextSegments", void 0);
+__decorate([
+    property({ type: Number, attribute: 'context-total' })
+], LyraAgentWorkspace.prototype, "contextTotal", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraAgentWorkspace.prototype, "follow", void 0);
+__decorate([
+    property({ type: Number, attribute: 'unread-start-index' })
+], LyraAgentWorkspace.prototype, "unreadStartIndex", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-details', reflect: true })
+], LyraAgentWorkspace.prototype, "showDetails", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'show-composer', reflect: true })
+], LyraAgentWorkspace.prototype, "showComposer", void 0);
+__decorate([
+    property({ attribute: 'composer-value' })
+], LyraAgentWorkspace.prototype, "composerValue", void 0);
+__decorate([
+    property({ attribute: 'composer-status' })
+], LyraAgentWorkspace.prototype, "composerStatus", void 0);
+__decorate([
+    property({ attribute: 'composer-placeholder' })
+], LyraAgentWorkspace.prototype, "composerPlaceholder", void 0);
+__decorate([
+    property({ type: Number, attribute: 'composer-min-rows' })
+], LyraAgentWorkspace.prototype, "composerMinRows", void 0);
+__decorate([
+    property({ type: Number, attribute: 'composer-max-rows' })
+], LyraAgentWorkspace.prototype, "composerMaxRows", void 0);
+//# sourceMappingURL=agent-workspace.class.js.map

package/dist/components/agent-workspace/agent-workspace.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-workspace.class.js","sourceRoot":"","sources":["../../../src/components/agent-workspace/agent-workspace.class.ts"],"names":[],"mappings":"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"}

package/dist/components/agent-workspace/agent-workspace.d.ts

@@ -0,0 +1,2 @@
+export * from './agent-workspace.class.js';
+//# sourceMappingURL=agent-workspace.d.ts.map

package/dist/components/agent-workspace/agent-workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-workspace.d.ts","sourceRoot":"","sources":["../../../src/components/agent-workspace/agent-workspace.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/components/agent-workspace/agent-workspace.js

@@ -0,0 +1,5 @@
+export * from './agent-workspace.class.js';
+import { LyraAgentWorkspace } from './agent-workspace.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('agent-workspace', LyraAgentWorkspace);
+//# sourceMappingURL=agent-workspace.js.map

package/dist/components/agent-workspace/agent-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-workspace.js","sourceRoot":"","sources":["../../../src/components/agent-workspace/agent-workspace.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,aAAa,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/components/agent-workspace/agent-workspace.styles.d.ts

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

package/dist/components/agent-workspace/agent-workspace.styles.d.ts.map

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

package/dist/components/agent-workspace/agent-workspace.styles.js

@@ -0,0 +1,134 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+    min-inline-size: 0;
+    min-block-size: 0;
+    block-size: 100%;
+    container-type: inline-size;
+  }
+  [part='base'] {
+    display: grid;
+    grid-template-rows: auto minmax(0, 1fr) auto;
+    min-inline-size: 0;
+    min-block-size: 0;
+    block-size: 100%;
+    overflow: hidden;
+    border: var(--lr-border-width-thin) solid var(--lr-color-border);
+    border-radius: var(--lr-radius);
+    background: var(--lr-color-surface);
+    color: var(--lr-color-text);
+  }
+  [part='header'] {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--lr-space-s);
+    min-inline-size: 0;
+    padding: var(--lr-space-s) var(--lr-space-m);
+    border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border);
+  }
+  [part='heading'] {
+    min-inline-size: 0;
+    margin: 0;
+    font-size: var(--lr-font-size-md);
+    font-weight: var(--lr-font-weight-semibold);
+    overflow-wrap: anywhere;
+  }
+  [part='header-actions'] {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--lr-space-xs);
+    margin-inline-start: auto;
+  }
+  [part='body'] {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) minmax(var(--lr-size-16rem), var(--lr-size-24rem));
+    min-inline-size: 0;
+    min-block-size: 0;
+  }
+  [part='body'][data-details='false'] {
+    grid-template-columns: minmax(0, 1fr);
+  }
+  [part='conversation'] {
+    display: flex;
+    min-inline-size: 0;
+    min-block-size: 0;
+  }
+  [part='viewport'] {
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    min-block-size: 0;
+  }
+  [part='messages'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-m);
+    min-inline-size: 0;
+    padding: var(--lr-space-m);
+  }
+  [part='messages-empty'] {
+    margin-block: auto;
+  }
+  [part='details'] {
+    min-inline-size: 0;
+    min-block-size: 0;
+    overflow: auto;
+    padding: var(--lr-space-m);
+    border-inline-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+    background: var(--lr-color-surface-raised);
+  }
+  [part='details-content'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-l);
+    min-inline-size: 0;
+  }
+  [part='section'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-s);
+    min-inline-size: 0;
+  }
+  [part='section-heading'] {
+    margin: 0;
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-semibold);
+  }
+  [part='section'] > * {
+    min-inline-size: 0;
+  }
+  [part='composer'] {
+    min-inline-size: 0;
+    padding: var(--lr-space-s) var(--lr-space-m);
+    border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+    background: var(--lr-color-surface);
+  }
+  [part='composer-input'] {
+    display: block;
+    max-inline-size: var(--lr-size-48rem);
+    margin-inline: auto;
+  }
+  @container (max-inline-size: 48rem) {
+    [part='body'] {
+      grid-template-columns: minmax(0, 1fr);
+    }
+    [part='details'] {
+      max-block-size: 45%;
+      border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+      border-inline-start: 0;
+    }
+  }
+  @container (max-inline-size: 30rem) {
+    [part='header'],
+    [part='composer'] {
+      padding-inline: var(--lr-space-s);
+    }
+    [part='messages'],
+    [part='details'] {
+      padding: var(--lr-space-s);
+    }
+  }
+`;
+//# sourceMappingURL=agent-workspace.styles.js.map

package/dist/components/agent-workspace/agent-workspace.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-workspace.styles.js","sourceRoot":"","sources":["../../../src/components/agent-workspace/agent-workspace.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIxB,CAAC"}