@avadisabelle/ava-pi-web-ui 0.61.1

package/dist/components/AgentInterface.js

@@ -0,0 +1,386 @@
+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 { streamSimple } from "@avadisabelle/ava-pi-ai";
+import { html, LitElement } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { ModelSelector } from "../dialogs/ModelSelector.js";
+import "./MessageEditor.js";
+import "./MessageList.js";
+import "./Messages.js"; // Import for side effects to register the custom elements
+import { getAppStorage } from "../storage/app-storage.js";
+import "./StreamingMessageContainer.js";
+import { formatUsage } from "../utils/format.js";
+import { i18n } from "../utils/i18n.js";
+import { createStreamFn } from "../utils/proxy-utils.js";
+let AgentInterface = class AgentInterface extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.enableAttachments = true;
+        this.enableModelSelector = true;
+        this.enableThinkingSelector = true;
+        this.showThemeToggle = false;
+        this._autoScroll = true;
+        this._lastScrollTop = 0;
+        this._lastClientHeight = 0;
+        this._handleScroll = (_ev) => {
+            if (!this._scrollContainer)
+                return;
+            const currentScrollTop = this._scrollContainer.scrollTop;
+            const scrollHeight = this._scrollContainer.scrollHeight;
+            const clientHeight = this._scrollContainer.clientHeight;
+            const distanceFromBottom = scrollHeight - currentScrollTop - clientHeight;
+            // Ignore relayout due to message editor getting pushed up by stats
+            if (clientHeight < this._lastClientHeight) {
+                this._lastClientHeight = clientHeight;
+                return;
+            }
+            // Only disable auto-scroll if user scrolled UP or is far from bottom
+            if (currentScrollTop !== 0 && currentScrollTop < this._lastScrollTop && distanceFromBottom > 50) {
+                this._autoScroll = false;
+            }
+            else if (distanceFromBottom < 10) {
+                // Re-enable if very close to bottom
+                this._autoScroll = true;
+            }
+            this._lastScrollTop = currentScrollTop;
+            this._lastClientHeight = clientHeight;
+        };
+    }
+    setInput(text, attachments) {
+        const update = () => {
+            if (!this._messageEditor)
+                requestAnimationFrame(update);
+            else {
+                this._messageEditor.value = text;
+                this._messageEditor.attachments = attachments || [];
+            }
+        };
+        update();
+    }
+    setAutoScroll(enabled) {
+        this._autoScroll = enabled;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    willUpdate(changedProperties) {
+        super.willUpdate(changedProperties);
+        // Re-subscribe when session property changes
+        if (changedProperties.has("session")) {
+            this.setupSessionSubscription();
+        }
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "flex";
+        this.style.flexDirection = "column";
+        this.style.height = "100%";
+        this.style.minHeight = "0";
+        // Wait for first render to get scroll container
+        await this.updateComplete;
+        this._scrollContainer = this.querySelector(".overflow-y-auto");
+        if (this._scrollContainer) {
+            // Set up ResizeObserver to detect content changes
+            this._resizeObserver = new ResizeObserver(() => {
+                if (this._autoScroll && this._scrollContainer) {
+                    this._scrollContainer.scrollTop = this._scrollContainer.scrollHeight;
+                }
+            });
+            // Observe the content container inside the scroll container
+            const contentContainer = this._scrollContainer.querySelector(".max-w-3xl");
+            if (contentContainer) {
+                this._resizeObserver.observe(contentContainer);
+            }
+            // Set up scroll listener with better detection
+            this._scrollContainer.addEventListener("scroll", this._handleScroll);
+        }
+        // Subscribe to external session if provided
+        this.setupSessionSubscription();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Clean up observers and listeners
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = undefined;
+        }
+        if (this._scrollContainer) {
+            this._scrollContainer.removeEventListener("scroll", this._handleScroll);
+        }
+        if (this._unsubscribeSession) {
+            this._unsubscribeSession();
+            this._unsubscribeSession = undefined;
+        }
+    }
+    setupSessionSubscription() {
+        if (this._unsubscribeSession) {
+            this._unsubscribeSession();
+            this._unsubscribeSession = undefined;
+        }
+        if (!this.session)
+            return;
+        // Set default streamFn with proxy support if not already set
+        if (this.session.streamFn === streamSimple) {
+            this.session.streamFn = createStreamFn(async () => {
+                const enabled = await getAppStorage().settings.get("proxy.enabled");
+                return enabled ? (await getAppStorage().settings.get("proxy.url")) || undefined : undefined;
+            });
+        }
+        // Set default getApiKey if not already set
+        if (!this.session.getApiKey) {
+            this.session.getApiKey = async (provider) => {
+                const key = await getAppStorage().providerKeys.get(provider);
+                return key ?? undefined;
+            };
+        }
+        this._unsubscribeSession = this.session.subscribe(async (ev) => {
+            switch (ev.type) {
+                case "message_start":
+                case "turn_start":
+                case "turn_end":
+                case "agent_start":
+                    this.requestUpdate();
+                    break;
+                case "message_end":
+                    // Clear streaming container when a message completes
+                    // to prevent duplicate rendering (stable list now has this message)
+                    if (this._streamingContainer) {
+                        this._streamingContainer.setMessage(null, true);
+                    }
+                    this.requestUpdate();
+                    break;
+                case "agent_end":
+                    // Clear streaming container when agent finishes
+                    if (this._streamingContainer) {
+                        this._streamingContainer.isStreaming = false;
+                        this._streamingContainer.setMessage(null, true);
+                    }
+                    this.requestUpdate();
+                    break;
+                case "message_update":
+                    if (this._streamingContainer) {
+                        const isStreaming = this.session?.state.isStreaming || false;
+                        this._streamingContainer.isStreaming = isStreaming;
+                        this._streamingContainer.setMessage(ev.message, !isStreaming);
+                    }
+                    this.requestUpdate();
+                    break;
+            }
+        });
+    }
+    async sendMessage(input, attachments) {
+        if ((!input.trim() && attachments?.length === 0) || this.session?.state.isStreaming)
+            return;
+        const session = this.session;
+        if (!session)
+            throw new Error("No session set on AgentInterface");
+        if (!session.state.model)
+            throw new Error("No model set on AgentInterface");
+        // Check if API key exists for the provider (only needed in direct mode)
+        const provider = session.state.model.provider;
+        const apiKey = await getAppStorage().providerKeys.get(provider);
+        // If no API key, prompt for it
+        if (!apiKey) {
+            if (!this.onApiKeyRequired) {
+                console.error("No API key configured and no onApiKeyRequired handler set");
+                return;
+            }
+            const success = await this.onApiKeyRequired(provider);
+            // If still no API key, abort the send
+            if (!success) {
+                return;
+            }
+        }
+        // Call onBeforeSend hook before sending
+        if (this.onBeforeSend) {
+            await this.onBeforeSend();
+        }
+        // Only clear editor after we know we can send
+        this._messageEditor.value = "";
+        this._messageEditor.attachments = [];
+        this._autoScroll = true; // Enable auto-scroll when sending a message
+        // Compose message with attachments if any
+        if (attachments && attachments.length > 0) {
+            const message = {
+                role: "user-with-attachments",
+                content: input,
+                attachments,
+                timestamp: Date.now(),
+            };
+            await this.session?.prompt(message);
+        }
+        else {
+            await this.session?.prompt(input);
+        }
+    }
+    renderMessages() {
+        if (!this.session)
+            return html `<div class="p-4 text-center text-muted-foreground">${i18n("No session available")}</div>`;
+        const state = this.session.state;
+        // Build a map of tool results to allow inline rendering in assistant messages
+        const toolResultsById = new Map();
+        for (const message of state.messages) {
+            if (message.role === "toolResult") {
+                toolResultsById.set(message.toolCallId, message);
+            }
+        }
+        return html `
+			<div class="flex flex-col gap-3">
+				<!-- Stable messages list - won't re-render during streaming -->
+				<message-list
+					.messages=${this.session.state.messages}
+					.tools=${state.tools}
+					.pendingToolCalls=${this.session ? this.session.state.pendingToolCalls : new Set()}
+					.isStreaming=${state.isStreaming}
+					.onCostClick=${this.onCostClick}
+				></message-list>
+
+				<!-- Streaming message container - manages its own updates -->
+				<streaming-message-container
+					class="${state.isStreaming ? "" : "hidden"}"
+					.tools=${state.tools}
+					.isStreaming=${state.isStreaming}
+					.pendingToolCalls=${state.pendingToolCalls}
+					.toolResultsById=${toolResultsById}
+					.onCostClick=${this.onCostClick}
+				></streaming-message-container>
+			</div>
+		`;
+    }
+    renderStats() {
+        if (!this.session)
+            return html `<div class="text-xs h-5"></div>`;
+        const state = this.session.state;
+        const totals = state.messages
+            .filter((m) => m.role === "assistant")
+            .reduce((acc, msg) => {
+            const usage = msg.usage;
+            if (usage) {
+                acc.input += usage.input;
+                acc.output += usage.output;
+                acc.cacheRead += usage.cacheRead;
+                acc.cacheWrite += usage.cacheWrite;
+                acc.cost.total += usage.cost.total;
+            }
+            return acc;
+        }, {
+            input: 0,
+            output: 0,
+            cacheRead: 0,
+            cacheWrite: 0,
+            totalTokens: 0,
+            cost: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, total: 0 },
+        });
+        const hasTotals = totals.input || totals.output || totals.cacheRead || totals.cacheWrite;
+        const totalsText = hasTotals ? formatUsage(totals) : "";
+        return html `
+			<div class="text-xs text-muted-foreground flex justify-between items-center h-5">
+				<div class="flex items-center gap-1">
+					${this.showThemeToggle ? html `<theme-toggle></theme-toggle>` : html ``}
+				</div>
+				<div class="flex ml-auto items-center gap-3">
+					${totalsText
+            ? this.onCostClick
+                ? html `<span class="cursor-pointer hover:text-foreground transition-colors" @click=${this.onCostClick}>${totalsText}</span>`
+                : html `<span>${totalsText}</span>`
+            : ""}
+				</div>
+			</div>
+		`;
+    }
+    render() {
+        if (!this.session)
+            return html `<div class="p-4 text-center text-muted-foreground">${i18n("No session set")}</div>`;
+        const session = this.session;
+        const state = this.session.state;
+        return html `
+			<div class="flex flex-col h-full bg-background text-foreground">
+				<!-- Messages Area -->
+				<div class="flex-1 overflow-y-auto">
+					<div class="max-w-3xl mx-auto p-4 pb-0">${this.renderMessages()}</div>
+				</div>
+
+				<!-- Input Area -->
+				<div class="shrink-0">
+					<div class="max-w-3xl mx-auto px-2">
+						<message-editor
+							.isStreaming=${state.isStreaming}
+							.currentModel=${state.model}
+							.thinkingLevel=${state.thinkingLevel}
+							.showAttachmentButton=${this.enableAttachments}
+							.showModelSelector=${this.enableModelSelector}
+							.showThinkingSelector=${this.enableThinkingSelector}
+							.onSend=${(input, attachments) => {
+            this.sendMessage(input, attachments);
+        }}
+							.onAbort=${() => session.abort()}
+							.onModelSelect=${() => {
+            if (this.onModelSelect) {
+                this.onModelSelect();
+            }
+            else {
+                ModelSelector.open(state.model, (model) => session.setModel(model));
+            }
+        }}
+							.onThinkingChange=${this.enableThinkingSelector
+            ? (level) => {
+                session.setThinkingLevel(level);
+            }
+            : undefined}
+						></message-editor>
+						${this.renderStats()}
+					</div>
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "session", void 0);
+__decorate([
+    property({ type: Boolean })
+], AgentInterface.prototype, "enableAttachments", void 0);
+__decorate([
+    property({ type: Boolean })
+], AgentInterface.prototype, "enableModelSelector", void 0);
+__decorate([
+    property({ type: Boolean })
+], AgentInterface.prototype, "enableThinkingSelector", void 0);
+__decorate([
+    property({ type: Boolean })
+], AgentInterface.prototype, "showThemeToggle", void 0);
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "onApiKeyRequired", void 0);
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "onBeforeSend", void 0);
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "onBeforeToolCall", void 0);
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "onCostClick", void 0);
+__decorate([
+    property({ attribute: false })
+], AgentInterface.prototype, "onModelSelect", void 0);
+__decorate([
+    query("message-editor")
+], AgentInterface.prototype, "_messageEditor", void 0);
+__decorate([
+    query("streaming-message-container")
+], AgentInterface.prototype, "_streamingContainer", void 0);
+AgentInterface = __decorate([
+    customElement("agent-interface")
+], AgentInterface);
+export { AgentInterface };
+// Register custom element with guard
+if (!customElements.get("agent-interface")) {
+    customElements.define("agent-interface", AgentInterface);
+}
+//# sourceMappingURL=AgentInterface.js.map

package/dist/components/AgentInterface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentInterface.js","sourceRoot":"","sources":["../../src/components/AgentInterface.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,YAAY,EAAsC,MAAM,yBAAyB,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC,CAAC,0DAA0D;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAKlD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGuB,sBAAiB,GAAG,IAAI,CAAC;QACzB,wBAAmB,GAAG,IAAI,CAAC;QAC3B,2BAAsB,GAAG,IAAI,CAAC;QAC9B,oBAAe,GAAG,KAAK,CAAC;QAgB7C,gBAAW,GAAG,IAAI,CAAC;QACnB,mBAAc,GAAG,CAAC,CAAC;QACnB,sBAAiB,GAAG,CAAC,CAAC;QAiJtB,kBAAa,GAAG,CAAC,GAAQ,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,CAAC,gBAAgB;gBAAE,OAAO;YAEnC,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;YACzD,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;YACxD,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;YACxD,MAAM,kBAAkB,GAAG,YAAY,GAAG,gBAAgB,GAAG,YAAY,CAAC;YAE1E,mEAAmE;YACnE,IAAI,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC3C,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAC;gBACtC,OAAO;YACR,CAAC;YAED,qEAAqE;YACrE,IAAI,gBAAgB,KAAK,CAAC,IAAI,gBAAgB,GAAG,IAAI,CAAC,cAAc,IAAI,kBAAkB,GAAG,EAAE,EAAE,CAAC;gBACjG,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAC1B,CAAC;iBAAM,IAAI,kBAAkB,GAAG,EAAE,EAAE,CAAC;gBACpC,oCAAoC;gBACpC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACzB,CAAC;YAED,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC;YACvC,IAAI,CAAC,iBAAiB,GAAG,YAAY,CAAC;QACvC,CAAC,CAAC;IAuLH,CAAC;IA3VO,QAAQ,CAAC,IAAY,EAAE,WAA0B;QACvD,MAAM,MAAM,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,cAAc;gBAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;iBACnD,CAAC;gBACL,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,IAAI,CAAC;gBACjC,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,WAAW,IAAI,EAAE,CAAC;YACrD,CAAC;QACF,CAAC,CAAC;QACF,MAAM,EAAE,CAAC;IACV,CAAC;IAEM,aAAa,CAAC,OAAgB;QACpC,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;IAC5B,CAAC;IAEkB,gBAAgB;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IAEQ,UAAU,CAAC,iBAAmC;QACtD,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;QAEpC,6CAA6C;QAC7C,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,wBAAwB,EAAE,CAAC;QACjC,CAAC;IACF,CAAC;IAEQ,KAAK,CAAC,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC;QAE3B,gDAAgD;QAChD,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAgB,CAAC;QAE9E,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,kDAAkD;YAClD,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC9C,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;oBAC/C,IAAI,CAAC,gBAAgB,CAAC,SAAS,GAAG,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC;gBACtE,CAAC;YACF,CAAC,CAAC,CAAC;YAEH,4DAA4D;YAC5D,MAAM,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YAC3E,IAAI,gBAAgB,EAAE,CAAC;gBACtB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;YAChD,CAAC;YAED,+CAA+C;YAC/C,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACtE,CAAC;QAED,4CAA4C;QAC5C,IAAI,CAAC,wBAAwB,EAAE,CAAC;IACjC,CAAC;IAEQ,oBAAoB;QAC5B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,mCAAmC;QACnC,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;YAClC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;QAClC,CAAC;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzE,CAAC;QAED,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACtC,CAAC;IACF,CAAC;IAEO,wBAAwB;QAC/B,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;QACtC,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAE1B,6DAA6D;QAC7D,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC5C,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,cAAc,CAAC,KAAK,IAAI,EAAE;gBACjD,MAAM,OAAO,GAAG,MAAM,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAU,eAAe,CAAC,CAAC;gBAC7E,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAS,WAAW,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;YACrG,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,2CAA2C;QAC3C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,EAAE,QAAgB,EAAE,EAAE;gBACnD,MAAM,GAAG,GAAG,MAAM,aAAa,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC7D,OAAO,GAAG,IAAI,SAAS,CAAC;YACzB,CAAC,CAAC;QACH,CAAC;QAED,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,EAAE,EAAc,EAAE,EAAE;YAC1E,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC;gBACjB,KAAK,eAAe,CAAC;gBACrB,KAAK,YAAY,CAAC;gBAClB,KAAK,UAAU,CAAC;gBAChB,KAAK,aAAa;oBACjB,IAAI,CAAC,aAAa,EAAE,CAAC;oBACrB,MAAM;gBACP,KAAK,aAAa;oBACjB,qDAAqD;oBACrD,oEAAoE;oBACpE,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;wBAC9B,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;oBACjD,CAAC;oBACD,IAAI,CAAC,aAAa,EAAE,CAAC;oBACrB,MAAM;gBACP,KAAK,WAAW;oBACf,gDAAgD;oBAChD,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;wBAC9B,IAAI,CAAC,mBAAmB,CAAC,WAAW,GAAG,KAAK,CAAC;wBAC7C,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;oBACjD,CAAC;oBACD,IAAI,CAAC,aAAa,EAAE,CAAC;oBACrB,MAAM;gBACP,KAAK,gBAAgB;oBACpB,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAAC;wBAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC;wBAC7D,IAAI,CAAC,mBAAmB,CAAC,WAAW,GAAG,WAAW,CAAC;wBACnD,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,WAAW,CAAC,CAAC;oBAC/D,CAAC;oBACD,IAAI,CAAC,aAAa,EAAE,CAAC;oBACrB,MAAM;YACR,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IA4BM,KAAK,CAAC,WAAW,CAAC,KAAa,EAAE,WAA0B;QACjE,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,WAAW,EAAE,MAAM,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW;YAAE,OAAO;QAC5F,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,OAAO;YAAE,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;QAClE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK;YAAE,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;QAE5E,wEAAwE;QACxE,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;QAC9C,MAAM,MAAM,GAAG,MAAM,aAAa,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAEhE,+BAA+B;QAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;YACb,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC5B,OAAO,CAAC,KAAK,CAAC,2DAA2D,CAAC,CAAC;gBAC3E,OAAO;YACR,CAAC;YAED,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;YAEtD,sCAAsC;YACtC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACd,OAAO;YACR,CAAC;QACF,CAAC;QAED,wCAAwC;QACxC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC3B,CAAC;QAED,8CAA8C;QAC9C,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,EAAE,CAAC;QAC/B,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,EAAE,CAAC;QACrC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,4CAA4C;QAErE,0CAA0C;QAC1C,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3C,MAAM,OAAO,GAA+B;gBAC3C,IAAI,EAAE,uBAAuB;gBAC7B,OAAO,EAAE,KAAK;gBACd,WAAW;gBACX,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;aACrB,CAAC;YACF,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QACrC,CAAC;aAAM,CAAC;YACP,MAAM,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACF,CAAC;IAEO,cAAc;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO;YAChB,OAAO,IAAI,CAAA,sDAAsD,IAAI,CAAC,sBAAsB,CAAC,QAAQ,CAAC;QACvG,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,8EAA8E;QAC9E,MAAM,eAAe,GAAG,IAAI,GAAG,EAAkC,CAAC;QAClE,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtC,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,EAAE,CAAC;gBACnC,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;YAClD,CAAC;QACF,CAAC;QACD,OAAO,IAAI,CAAA;;;;iBAII,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ;cAC9B,KAAK,CAAC,KAAK;yBACA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,GAAG,EAAU;oBAC3E,KAAK,CAAC,WAAW;oBACjB,IAAI,CAAC,WAAW;;;;;cAKtB,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;cACjC,KAAK,CAAC,KAAK;oBACL,KAAK,CAAC,WAAW;yBACZ,KAAK,CAAC,gBAAgB;wBACvB,eAAe;oBACnB,IAAI,CAAC,WAAW;;;GAGjC,CAAC;IACH,CAAC;IAEO,WAAW;QAClB,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAA,iCAAiC,CAAC;QAEhE,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ;aAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,CAAC;aACrC,MAAM,CACN,CAAC,GAAG,EAAE,GAAQ,EAAE,EAAE;YACjB,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;YACxB,IAAI,KAAK,EAAE,CAAC;gBACX,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;gBACzB,GAAG,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC;gBAC3B,GAAG,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC;gBACjC,GAAG,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC;gBACnC,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;YACpC,CAAC;YACD,OAAO,GAAG,CAAC;QACZ,CAAC,EACD;YACC,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,CAAC;YACZ,UAAU,EAAE,CAAC;YACb,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;SACpD,CACjB,CAAC;QAEH,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,UAAU,CAAC;QACzF,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAExD,OAAO,IAAI,CAAA;;;OAGN,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA,+BAA+B,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;;OAIpE,UAAU;YACT,CAAC,CAAC,IAAI,CAAC,WAAW;gBACjB,CAAC,CAAC,IAAI,CAAA,+EAA+E,IAAI,CAAC,WAAW,IAAI,UAAU,SAAS;gBAC5H,CAAC,CAAC,IAAI,CAAA,SAAS,UAAU,SAAS;YACnC,CAAC,CAAC,EACJ;;;GAGF,CAAC;IACH,CAAC;IAEQ,MAAM;QACd,IAAI,CAAC,IAAI,CAAC,OAAO;YAChB,OAAO,IAAI,CAAA,sDAAsD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC;QAEjG,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QACjC,OAAO,IAAI,CAAA;;;;+CAIkC,IAAI,CAAC,cAAc,EAAE;;;;;;;sBAO9C,KAAK,CAAC,WAAW;uBAChB,KAAK,CAAC,KAAK;wBACV,KAAK,CAAC,aAAa;+BACZ,IAAI,CAAC,iBAAiB;4BACzB,IAAI,CAAC,mBAAmB;+BACrB,IAAI,CAAC,sBAAsB;iBACzC,CAAC,KAAa,EAAE,WAAyB,EAAE,EAAE;YACtD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;QACtC,CAAC;kBACU,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE;wBACf,GAAG,EAAE;YACrB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACxB,IAAI,CAAC,aAAa,EAAE,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACP,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;YACrE,CAAC;QACF,CAAC;2BAEA,IAAI,CAAC,sBAAsB;YAC1B,CAAC,CAAC,CAAC,KAAoD,EAAE,EAAE;gBACzD,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;YACF,CAAC,CAAC,SACJ;;QAEC,IAAI,CAAC,WAAW,EAAE;;;;GAIvB,CAAC;IACH,CAAC;CACD,CAAA;AAtXgC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;+CAAiB;AACnB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDAA0B;AACzB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;2DAA4B;AAC3B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8DAA+B;AAC9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDAAyB;AAErB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDAA2D;AAE1D;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oDAA2C;AAE1C;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDAAgF;AAE/E;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;mDAA0B;AAEzB;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;qDAA4B;AAG1B;IAAhC,KAAK,CAAC,gBAAgB,CAAC;sDAAwC;AAClB;IAA7C,KAAK,CAAC,6BAA6B,CAAC;2DAAyD;AApBlF,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAwX1B;;AAED,qCAAqC;AACrC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC5C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC1D,CAAC"}

package/dist/components/AttachmentTile.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from "lit";
+import type { Attachment } from "../utils/attachment-utils.js";
+export declare class AttachmentTile extends LitElement {
+    attachment: Attachment;
+    showDelete: boolean;
+    onDelete?: () => void;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    private handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=AttachmentTile.d.ts.map

package/dist/components/AttachmentTile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentTile.d.ts","sourceRoot":"","sources":["../../src/components/AttachmentTile.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAG/D,qBACa,cAAe,SAAQ,UAAU;IACjB,UAAU,EAAG,UAAU,CAAC;IACvB,UAAU,UAAS;IACpC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;cAEf,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAI5D,iBAAiB,IAAI,IAAI;IAMlC,OAAO,CAAC,WAAW,CAEjB;IAEO,MAAM;CA6Ef"}

package/dist/components/AttachmentTile.js

@@ -0,0 +1,111 @@
+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 { icon } from "@mariozechner/mini-lit/dist/icons.js";
+import { LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { html } from "lit/html.js";
+import { FileSpreadsheet, FileText, X } from "lucide";
+import { AttachmentOverlay } from "../dialogs/AttachmentOverlay.js";
+import { i18n } from "../utils/i18n.js";
+let AttachmentTile = class AttachmentTile extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.showDelete = false;
+        this.handleClick = () => {
+            AttachmentOverlay.open(this.attachment);
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+        this.classList.add("max-h-16");
+    }
+    render() {
+        const hasPreview = !!this.attachment.preview;
+        const isImage = this.attachment.type === "image";
+        const isPdf = this.attachment.mimeType === "application/pdf";
+        const isExcel = this.attachment.mimeType?.includes("spreadsheetml") ||
+            this.attachment.fileName.toLowerCase().endsWith(".xlsx") ||
+            this.attachment.fileName.toLowerCase().endsWith(".xls");
+        // Choose the appropriate icon
+        const getDocumentIcon = () => {
+            if (isExcel)
+                return icon(FileSpreadsheet, "md");
+            return icon(FileText, "md");
+        };
+        return html `
+			<div class="relative group inline-block">
+				${hasPreview
+            ? html `
+							<div class="relative">
+								<img
+									src="data:${isImage ? this.attachment.mimeType : "image/png"};base64,${this.attachment.preview}"
+									class="w-16 h-16 object-cover rounded-lg border border-input cursor-pointer hover:opacity-80 transition-opacity"
+									alt="${this.attachment.fileName}"
+									title="${this.attachment.fileName}"
+									@click=${this.handleClick}
+								/>
+								${isPdf
+                ? html `
+											<!-- PDF badge overlay -->
+											<div class="absolute bottom-0 left-0 right-0 bg-background/90 px-1 py-0.5 rounded-b-lg">
+												<div class="text-[10px] text-muted-foreground text-center font-medium">${i18n("PDF")}</div>
+											</div>
+										`
+                : ""}
+							</div>
+						`
+            : html `
+							<!-- Fallback: document icon + filename -->
+							<div
+								class="w-16 h-16 rounded-lg border border-input cursor-pointer hover:opacity-80 transition-opacity bg-muted text-muted-foreground flex flex-col items-center justify-center p-2"
+								@click=${this.handleClick}
+								title="${this.attachment.fileName}"
+							>
+								${getDocumentIcon()}
+								<div class="text-[10px] text-center truncate w-full">
+									${this.attachment.fileName.length > 10
+                ? `${this.attachment.fileName.substring(0, 8)}...`
+                : this.attachment.fileName}
+								</div>
+							</div>
+						`}
+				${this.showDelete
+            ? html `
+							<button
+								@click=${(e) => {
+                e.stopPropagation();
+                this.onDelete?.();
+            }}
+								class="absolute -top-1 -right-1 w-5 h-5 bg-background hover:bg-muted text-muted-foreground hover:text-foreground rounded-full flex items-center justify-center opacity-100 hover:opacity-100 [@media(hover:hover)]:opacity-0 [@media(hover:hover)]:group-hover:opacity-100 transition-opacity border border-input shadow-sm"
+								title="${i18n("Remove")}"
+							>
+								${icon(X, "xs")}
+							</button>
+						`
+            : ""}
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: Object })
+], AttachmentTile.prototype, "attachment", void 0);
+__decorate([
+    property({ type: Boolean })
+], AttachmentTile.prototype, "showDelete", void 0);
+__decorate([
+    property()
+], AttachmentTile.prototype, "onDelete", void 0);
+AttachmentTile = __decorate([
+    customElement("attachment-tile")
+], AttachmentTile);
+export { AttachmentTile };
+//# sourceMappingURL=AttachmentTile.js.map

package/dist/components/AttachmentTile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentTile.js","sourceRoot":"","sources":["../../src/components/AttachmentTile.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGjC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAEuB,eAAU,GAAG,KAAK,CAAC;QAaxC,gBAAW,GAAG,GAAG,EAAE;YAC1B,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACzC,CAAC,CAAC;IA+EH,CAAC;IA3FmB,gBAAgB;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IAEQ,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;QAC7B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC;IAMQ,MAAM;QACd,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QAC7C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,KAAK,iBAAiB,CAAC;QAC7D,MAAM,OAAO,GACZ,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC,eAAe,CAAC;YACnD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC;YACxD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEzD,8BAA8B;QAC9B,MAAM,eAAe,GAAG,GAAG,EAAE;YAC5B,IAAI,OAAO;gBAAE,OAAO,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;YAChD,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;MAGR,UAAU;YACT,CAAC,CAAC,IAAI,CAAA;;;qBAGS,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,WAAW,IAAI,CAAC,UAAU,CAAC,OAAO;;gBAEvF,IAAI,CAAC,UAAU,CAAC,QAAQ;kBACtB,IAAI,CAAC,UAAU,CAAC,QAAQ;kBACxB,IAAI,CAAC,WAAW;;UAGzB,KAAK;gBACJ,CAAC,CAAC,IAAI,CAAA;;;qFAGqE,IAAI,CAAC,KAAK,CAAC;;WAErF;gBACD,CAAC,CAAC,EACJ;;OAED;YACD,CAAC,CAAC,IAAI,CAAA;;;;iBAIK,IAAI,CAAC,WAAW;iBAChB,IAAI,CAAC,UAAU,CAAC,QAAQ;;UAE/B,eAAe,EAAE;;WAGjB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,GAAG,EAAE;gBACnC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK;gBAClD,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,QACpB;;;OAIL;MAEC,IAAI,CAAC,UAAU;YACd,CAAC,CAAC,IAAI,CAAA;;iBAEK,CAAC,CAAQ,EAAE,EAAE;gBACrB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;YACnB,CAAC;;iBAEQ,IAAI,CAAC,QAAQ,CAAC;;UAErB,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;;OAEhB;YACD,CAAC,CAAC,EACJ;;GAED,CAAC;IACH,CAAC;CACD,CAAA;AA/F4B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAyB;AACvB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDAAoB;AACpC;IAAX,QAAQ,EAAE;gDAAuB;AAHtB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAgG1B"}

package/dist/components/ConsoleBlock.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from "lit";
+export declare class ConsoleBlock extends LitElement {
+    content: string;
+    variant: "default" | "error";
+    private copied;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    private copy;
+    updated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=ConsoleBlock.d.ts.map

package/dist/components/ConsoleBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleBlock.d.ts","sourceRoot":"","sources":["../../src/components/ConsoleBlock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBAAa,YAAa,SAAQ,UAAU;IAC/B,OAAO,EAAE,MAAM,CAAM;IACrB,OAAO,EAAE,SAAS,GAAG,OAAO,CAAa;IAC5C,OAAO,CAAC,MAAM,CAAS;cAEb,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAI5D,iBAAiB,IAAI,IAAI;YAKpB,IAAI;IAYT,OAAO;IAQP,MAAM;CAyBf"}

package/dist/components/ConsoleBlock.js

@@ -0,0 +1,84 @@
+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 { icon } from "@mariozechner/mini-lit";
+import { LitElement } from "lit";
+import { property, state } from "lit/decorators.js";
+import { html } from "lit/html.js";
+import { Check, Copy } from "lucide";
+import { i18n } from "../utils/i18n.js";
+export class ConsoleBlock extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.content = "";
+        this.variant = "default";
+        this.copied = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+    }
+    async copy() {
+        try {
+            await navigator.clipboard.writeText(this.content || "");
+            this.copied = true;
+            setTimeout(() => {
+                this.copied = false;
+            }, 1500);
+        }
+        catch (e) {
+            console.error("Copy failed", e);
+        }
+    }
+    updated() {
+        // Auto-scroll to bottom on content changes
+        const container = this.querySelector(".console-scroll");
+        if (container) {
+            container.scrollTop = container.scrollHeight;
+        }
+    }
+    render() {
+        const isError = this.variant === "error";
+        const textClass = isError ? "text-destructive" : "text-foreground";
+        return html `
+			<div class="border border-border rounded-lg overflow-hidden">
+				<div class="flex items-center justify-between px-3 py-1.5 bg-muted border-b border-border">
+					<span class="text-xs text-muted-foreground font-mono">${i18n("console")}</span>
+					<button
+						@click=${() => this.copy()}
+						class="flex items-center gap-1 px-2 py-0.5 text-xs rounded hover:bg-accent text-muted-foreground hover:text-accent-foreground transition-colors"
+						title="${i18n("Copy output")}"
+					>
+						${this.copied ? icon(Check, "sm") : icon(Copy, "sm")}
+						${this.copied ? html `<span>${i18n("Copied!")}</span>` : ""}
+					</button>
+				</div>
+				<div class="console-scroll overflow-auto max-h-64">
+					<pre class="!bg-background !border-0 !rounded-none m-0 p-3 text-xs ${textClass} font-mono whitespace-pre-wrap">
+${this.content || ""}</pre
+					>
+				</div>
+			</div>
+		`;
+    }
+}
+__decorate([
+    property()
+], ConsoleBlock.prototype, "content", void 0);
+__decorate([
+    property()
+], ConsoleBlock.prototype, "variant", void 0);
+__decorate([
+    state()
+], ConsoleBlock.prototype, "copied", void 0);
+// Register custom element
+if (!customElements.get("console-block")) {
+    customElements.define("console-block", ConsoleBlock);
+}
+//# sourceMappingURL=ConsoleBlock.js.map

package/dist/components/ConsoleBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsoleBlock.js","sourceRoot":"","sources":["../../src/components/ConsoleBlock.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QACa,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAwB,SAAS,CAAC;QACpC,WAAM,GAAG,KAAK,CAAC;IAwDjC,CAAC;IAtDmB,gBAAgB;QAClC,OAAO,IAAI,CAAC;IACb,CAAC;IAEQ,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9B,CAAC;IAEO,KAAK,CAAC,IAAI;QACjB,IAAI,CAAC;YACJ,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;YACxD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACrB,CAAC,EAAE,IAAI,CAAC,CAAC;QACV,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC;IACF,CAAC;IAEQ,OAAO;QACf,2CAA2C;QAC3C,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAuB,CAAC;QAC9E,IAAI,SAAS,EAAE,CAAC;YACf,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC;QAC9C,CAAC;IACF,CAAC;IAEQ,MAAM;QACd,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;QACzC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAEnE,OAAO,IAAI,CAAA;;;6DAGgD,IAAI,CAAC,SAAS,CAAC;;eAE7D,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;;eAEjB,IAAI,CAAC,aAAa,CAAC;;QAE1B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;QAClD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;;;;0EAIU,SAAS;EACjF,IAAI,CAAC,OAAO,IAAI,EAAE;;;;GAIjB,CAAC;IACH,CAAC;CACD;AA1DY;IAAX,QAAQ,EAAE;6CAAsB;AACrB;IAAX,QAAQ,EAAE;6CAA0C;AACpC;IAAhB,KAAK,EAAE;4CAAwB;AA0DjC,0BAA0B;AAC1B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AACtD,CAAC"}

package/dist/components/CustomProviderCard.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, type TemplateResult } from "lit";
+import type { CustomProvider } from "../storage/stores/custom-providers-store.js";
+export declare class CustomProviderCard extends LitElement {
+    provider: CustomProvider;
+    isAutoDiscovery: boolean;
+    status?: {
+        modelCount: number;
+        status: "connected" | "disconnected" | "checking";
+    };
+    onRefresh?: (provider: CustomProvider) => void;
+    onEdit?: (provider: CustomProvider) => void;
+    onDelete?: (provider: CustomProvider) => void;
+    protected createRenderRoot(): this;
+    private renderStatus;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=CustomProviderCard.d.ts.map