@mariozechner/pi-web-ui 0.5.44

package/dist/tools/artifacts/HtmlArtifact.js

@@ -0,0 +1,217 @@
+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 { CopyButton, DownloadButton, PreviewCodeToggle } from "@mariozechner/mini-lit";
+import hljs from "highlight.js";
+import { html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { i18n } from "../../utils/i18n.js";
+import "../../components/SandboxedIframe.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let HtmlArtifact = class HtmlArtifact extends ArtifactElement {
+    constructor() {
+        super(...arguments);
+        this.filename = "";
+        this.displayTitle = "";
+        this.attachments = [];
+        this._content = "";
+        this.logs = [];
+        // Refs for DOM elements
+        this.sandboxIframeRef = createRef();
+        this.consoleLogsRef = createRef();
+        this.consoleButtonRef = createRef();
+        this.viewMode = "preview";
+        this.consoleOpen = false;
+    }
+    setViewMode(mode) {
+        this.viewMode = mode;
+    }
+    getHeaderButtons() {
+        const toggle = new PreviewCodeToggle();
+        toggle.mode = this.viewMode;
+        toggle.addEventListener("mode-change", (e) => {
+            this.setViewMode(e.detail);
+        });
+        const copyButton = new CopyButton();
+        copyButton.text = this._content;
+        copyButton.title = i18n("Copy HTML");
+        copyButton.showText = false;
+        return html `
+			<div class="flex items-center gap-2">
+				${toggle}
+				${copyButton}
+				${DownloadButton({ content: this._content, filename: this.filename, mimeType: "text/html", title: i18n("Download HTML") })}
+			</div>
+		`;
+    }
+    set content(value) {
+        const oldValue = this._content;
+        this._content = value;
+        if (oldValue !== value) {
+            // Reset logs when content changes
+            this.logs = [];
+            if (this.consoleLogsRef.value) {
+                this.consoleLogsRef.value.innerHTML = "";
+            }
+            this.requestUpdate();
+            // Execute content in sandbox if it exists
+            if (this.sandboxIframeRef.value && value) {
+                this.updateConsoleButton();
+                this.executeContent(value);
+            }
+        }
+    }
+    executeContent(html) {
+        const sandbox = this.sandboxIframeRef.value;
+        if (!sandbox)
+            return;
+        // Configure sandbox URL provider if provided (for browser extensions)
+        if (this.sandboxUrlProvider) {
+            sandbox.sandboxUrlProvider = this.sandboxUrlProvider;
+        }
+        // Remove previous message handler if it exists
+        if (this.messageHandler) {
+            window.removeEventListener("message", this.messageHandler);
+        }
+        const sandboxId = `artifact-${this.filename}`;
+        // Set up message listener to collect logs
+        this.messageHandler = (e) => {
+            if (e.data.sandboxId !== sandboxId)
+                return;
+            if (e.data.type === "console") {
+                this.logs.push({
+                    type: e.data.method === "error" ? "error" : "log",
+                    text: e.data.text,
+                });
+                this.updateConsoleButton();
+            }
+        };
+        window.addEventListener("message", this.messageHandler);
+        // Load content (iframe persists, doesn't get removed)
+        sandbox.loadContent(sandboxId, html, this.attachments);
+    }
+    get content() {
+        return this._content;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Clean up message handler when element is removed from DOM
+        if (this.messageHandler) {
+            window.removeEventListener("message", this.messageHandler);
+            this.messageHandler = undefined;
+        }
+    }
+    firstUpdated() {
+        // Execute initial content
+        if (this._content && this.sandboxIframeRef.value) {
+            this.executeContent(this._content);
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        // If we have content but haven't executed yet (e.g., during reconstruction),
+        // execute when the iframe ref becomes available
+        if (this._content && this.sandboxIframeRef.value && this.logs.length === 0) {
+            this.executeContent(this._content);
+        }
+    }
+    updateConsoleButton() {
+        const button = this.consoleButtonRef.value;
+        if (!button)
+            return;
+        const errorCount = this.logs.filter((l) => l.type === "error").length;
+        const text = errorCount > 0
+            ? `${i18n("console")} <span class="text-destructive">${errorCount} errors</span>`
+            : `${i18n("console")} (${this.logs.length})`;
+        button.innerHTML = `<span>${text}</span><span>${this.consoleOpen ? "▼" : "▶"}</span>`;
+    }
+    toggleConsole() {
+        this.consoleOpen = !this.consoleOpen;
+        this.requestUpdate();
+        // Populate console logs if opening
+        if (this.consoleOpen) {
+            requestAnimationFrame(() => {
+                if (this.consoleLogsRef.value) {
+                    // Populate with existing logs
+                    this.consoleLogsRef.value.innerHTML = "";
+                    this.logs.forEach((log) => {
+                        const logEl = document.createElement("div");
+                        logEl.className = `text-xs font-mono ${log.type === "error" ? "text-destructive" : "text-muted-foreground"}`;
+                        logEl.textContent = `[${log.type}] ${log.text}`;
+                        this.consoleLogsRef.value.appendChild(logEl);
+                    });
+                }
+            });
+        }
+    }
+    getLogs() {
+        if (this.logs.length === 0)
+            return i18n("No logs for {filename}").replace("{filename}", this.filename);
+        return this.logs.map((l) => `[${l.type}] ${l.text}`).join("\n");
+    }
+    render() {
+        return html `
+			<div class="h-full flex flex-col">
+				<div class="flex-1 overflow-hidden relative">
+					<!-- Preview container - always in DOM, just hidden when not active -->
+					<div class="absolute inset-0 flex flex-col" style="display: ${this.viewMode === "preview" ? "flex" : "none"}">
+						<sandbox-iframe class="flex-1" ${ref(this.sandboxIframeRef)}></sandbox-iframe>
+						${this.logs.length > 0
+            ? html `
+									<div class="border-t border-border">
+										<button
+											@click=${() => this.toggleConsole()}
+											class="w-full px-3 py-1 text-xs text-left hover:bg-muted flex items-center justify-between"
+											${ref(this.consoleButtonRef)}
+										>
+											<span
+												>${i18n("console")}
+												${this.logs.filter((l) => l.type === "error").length > 0
+                ? html `<span class="text-destructive">${this.logs.filter((l) => l.type === "error").length} errors</span>`
+                : `(${this.logs.length})`}</span
+											>
+											<span>${this.consoleOpen ? "▼" : "▶"}</span>
+										</button>
+										${this.consoleOpen ? html ` <div class="max-h-48 overflow-y-auto bg-muted/50 p-2" ${ref(this.consoleLogsRef)}></div> ` : ""}
+									</div>
+								`
+            : ""}
+					</div>
+
+					<!-- Code view - always in DOM, just hidden when not active -->
+					<div class="absolute inset-0 overflow-auto bg-background" style="display: ${this.viewMode === "code" ? "block" : "none"}">
+						<pre class="m-0 p-4 text-xs"><code class="hljs language-html">${unsafeHTML(hljs.highlight(this._content, { language: "html" }).value)}</code></pre>
+					</div>
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], HtmlArtifact.prototype, "filename", void 0);
+__decorate([
+    property({ attribute: false })
+], HtmlArtifact.prototype, "displayTitle", void 0);
+__decorate([
+    property({ attribute: false })
+], HtmlArtifact.prototype, "attachments", void 0);
+__decorate([
+    property({ attribute: false })
+], HtmlArtifact.prototype, "sandboxUrlProvider", void 0);
+__decorate([
+    state()
+], HtmlArtifact.prototype, "viewMode", void 0);
+__decorate([
+    state()
+], HtmlArtifact.prototype, "consoleOpen", void 0);
+HtmlArtifact = __decorate([
+    customElement("html-artifact")
+], HtmlArtifact);
+export { HtmlArtifact };
+//# sourceMappingURL=HtmlArtifact.js.map

package/dist/tools/artifacts/HtmlArtifact.js.map

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

package/dist/tools/artifacts/MarkdownArtifact.d.ts

@@ -0,0 +1,20 @@
+import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class MarkdownArtifact extends ArtifactElement {
+    filename: string;
+    displayTitle: string;
+    private _content;
+    get content(): string;
+    set content(value: string);
+    private viewMode;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private setViewMode;
+    getHeaderButtons(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "markdown-artifact": MarkdownArtifact;
+    }
+}
+//# sourceMappingURL=MarkdownArtifact.d.ts.map

package/dist/tools/artifacts/MarkdownArtifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/MarkdownArtifact.ts"],"names":[],"mappings":"AAMA,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,gBAAiB,SAAQ,eAAe;IAC/B,QAAQ,SAAM;IACM,YAAY,SAAM;IAE3D,OAAO,CAAC,QAAQ,CAAM;IACtB,IAAa,OAAO,IAAI,MAAM,CAE7B;IACD,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAGjC;IAEQ,OAAO,CAAC,QAAQ,CAAiC;cAEvC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAIrE,OAAO,CAAC,WAAW;IAIZ,gBAAgB;IA0Bd,MAAM;CAef;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}

package/dist/tools/artifacts/MarkdownArtifact.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 { CopyButton, DownloadButton, PreviewCodeToggle } from "@mariozechner/mini-lit";
+import hljs from "highlight.js";
+import { html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { i18n } from "../../utils/i18n.js";
+import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let MarkdownArtifact = class MarkdownArtifact extends ArtifactElement {
+    constructor() {
+        super(...arguments);
+        this.filename = "";
+        this.displayTitle = "";
+        this._content = "";
+        this.viewMode = "preview";
+    }
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    createRenderRoot() {
+        return this; // light DOM
+    }
+    setViewMode(mode) {
+        this.viewMode = mode;
+    }
+    getHeaderButtons() {
+        const toggle = new PreviewCodeToggle();
+        toggle.mode = this.viewMode;
+        toggle.addEventListener("mode-change", (e) => {
+            this.setViewMode(e.detail);
+        });
+        const copyButton = new CopyButton();
+        copyButton.text = this._content;
+        copyButton.title = i18n("Copy Markdown");
+        copyButton.showText = false;
+        return html `
+			<div class="flex items-center gap-2">
+				${toggle}
+				${copyButton}
+				${DownloadButton({
+            content: this._content,
+            filename: this.filename,
+            mimeType: "text/markdown",
+            title: i18n("Download Markdown"),
+        })}
+			</div>
+		`;
+    }
+    render() {
+        return html `
+			<div class="h-full flex flex-col">
+				<div class="flex-1 overflow-auto">
+					${this.viewMode === "preview"
+            ? html `<div class="p-4"><markdown-block .content=${this.content}></markdown-block></div>`
+            : html `<pre class="m-0 p-4 text-xs whitespace-pre-wrap break-words"><code class="hljs language-markdown">${unsafeHTML(hljs.highlight(this.content, { language: "markdown", ignoreIllegals: true }).value)}</code></pre>`}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], MarkdownArtifact.prototype, "filename", void 0);
+__decorate([
+    property({ attribute: false })
+], MarkdownArtifact.prototype, "displayTitle", void 0);
+__decorate([
+    state()
+], MarkdownArtifact.prototype, "viewMode", void 0);
+MarkdownArtifact = __decorate([
+    customElement("markdown-artifact")
+], MarkdownArtifact);
+export { MarkdownArtifact };
+//# sourceMappingURL=MarkdownArtifact.js.map

package/dist/tools/artifacts/MarkdownArtifact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownArtifact.js","sourceRoot":"","sources":["../../../src/tools/artifacts/MarkdownArtifact.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,eAAe;IAA9C;;QACe,aAAQ,GAAG,EAAE,CAAC;QACM,iBAAY,GAAG,EAAE,CAAC;QAEnD,aAAQ,GAAG,EAAE,CAAC;QASL,aAAQ,GAAuB,SAAS,CAAC;IAmD3D,CAAC;IA3DA,IAAa,OAAO;QACnB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IACD,IAAa,OAAO,CAAC,KAAa;QACjC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAIkB,gBAAgB;QAClC,OAAO,IAAI,CAAC,CAAC,YAAY;IAC1B,CAAC;IAEO,WAAW,CAAC,IAAwB;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAEM,gBAAgB;QACtB,MAAM,MAAM,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACvC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5B,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAQ,EAAE,EAAE;YACnD,IAAI,CAAC,WAAW,CAAE,CAAiB,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;QACpC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAChC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC;QACzC,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE5B,OAAO,IAAI,CAAA;;MAEP,MAAM;MACN,UAAU;MACV,cAAc,CAAC;YAChB,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,QAAQ,EAAE,eAAe;YACzB,KAAK,EAAE,IAAI,CAAC,mBAAmB,CAAC;SAChC,CAAC;;GAEH,CAAC;IACH,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA;;;OAIP,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC1B,CAAC,CAAC,IAAI,CAAA,6CAA6C,IAAI,CAAC,OAAO,0BAA0B;YACzF,CAAC,CAAC,IAAI,CAAA,qGAAqG,UAAU,CACnH,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAClF,eACJ;;;GAGF,CAAC;IACH,CAAC;CACD,CAAA;AA/DqB;IAApB,QAAQ,EAAE;kDAAwB;AACM;IAAxC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;sDAA4B;AAW1C;IAAhB,KAAK,EAAE;kDAAkD;AAb9C,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CAgE5B"}

package/dist/tools/artifacts/SvgArtifact.d.ts

@@ -0,0 +1,19 @@
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class SvgArtifact extends ArtifactElement {
+    filename: string;
+    displayTitle: string;
+    private _content;
+    get content(): string;
+    set content(value: string);
+    private viewMode;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private setViewMode;
+    getHeaderButtons(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "svg-artifact": SvgArtifact;
+    }
+}
+//# sourceMappingURL=SvgArtifact.d.ts.map

package/dist/tools/artifacts/SvgArtifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/SvgArtifact.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,WAAY,SAAQ,eAAe;IAC1B,QAAQ,SAAM;IACM,YAAY,SAAM;IAE3D,OAAO,CAAC,QAAQ,CAAM;IACtB,IAAa,OAAO,IAAI,MAAM,CAE7B;IACD,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAGjC;IAEQ,OAAO,CAAC,QAAQ,CAAiC;cAEvC,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAIrE,OAAO,CAAC,WAAW;IAIZ,gBAAgB;IAqBd,MAAM;CAiBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}

package/dist/tools/artifacts/SvgArtifact.js

@@ -0,0 +1,80 @@
+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 { CopyButton, DownloadButton, PreviewCodeToggle } from "@mariozechner/mini-lit";
+import hljs from "highlight.js";
+import { html } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { i18n } from "../../utils/i18n.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let SvgArtifact = class SvgArtifact extends ArtifactElement {
+    constructor() {
+        super(...arguments);
+        this.filename = "";
+        this.displayTitle = "";
+        this._content = "";
+        this.viewMode = "preview";
+    }
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    createRenderRoot() {
+        return this; // light DOM
+    }
+    setViewMode(mode) {
+        this.viewMode = mode;
+    }
+    getHeaderButtons() {
+        const toggle = new PreviewCodeToggle();
+        toggle.mode = this.viewMode;
+        toggle.addEventListener("mode-change", (e) => {
+            this.setViewMode(e.detail);
+        });
+        const copyButton = new CopyButton();
+        copyButton.text = this._content;
+        copyButton.title = i18n("Copy SVG");
+        copyButton.showText = false;
+        return html `
+			<div class="flex items-center gap-2">
+				${toggle}
+				${copyButton}
+				${DownloadButton({ content: this._content, filename: this.filename, mimeType: "image/svg+xml", title: i18n("Download SVG") })}
+			</div>
+		`;
+    }
+    render() {
+        return html `
+			<div class="h-full flex flex-col">
+				<div class="flex-1 overflow-auto">
+					${this.viewMode === "preview"
+            ? html `<div class="h-full flex items-center justify-center">
+								${unsafeHTML(this.content.replace(/<svg(\s|>)/i, (_m, p1) => `<svg class="w-full h-full"${p1}`))}
+							</div>`
+            : html `<pre class="m-0 p-4 text-xs"><code class="hljs language-xml">${unsafeHTML(hljs.highlight(this.content, { language: "xml", ignoreIllegals: true }).value)}</code></pre>`}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], SvgArtifact.prototype, "filename", void 0);
+__decorate([
+    property({ attribute: false })
+], SvgArtifact.prototype, "displayTitle", void 0);
+__decorate([
+    state()
+], SvgArtifact.prototype, "viewMode", void 0);
+SvgArtifact = __decorate([
+    customElement("svg-artifact")
+], SvgArtifact);
+export { SvgArtifact };
+//# sourceMappingURL=SvgArtifact.js.map

package/dist/tools/artifacts/SvgArtifact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgArtifact.js","sourceRoot":"","sources":["../../../src/tools/artifacts/SvgArtifact.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACvF,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;IAAzC;;QACe,aAAQ,GAAG,EAAE,CAAC;QACM,iBAAY,GAAG,EAAE,CAAC;QAEnD,aAAQ,GAAG,EAAE,CAAC;QASL,aAAQ,GAAuB,SAAS,CAAC;IAgD3D,CAAC;IAxDA,IAAa,OAAO;QACnB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IACD,IAAa,OAAO,CAAC,KAAa;QACjC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IACtB,CAAC;IAIkB,gBAAgB;QAClC,OAAO,IAAI,CAAC,CAAC,YAAY;IAC1B,CAAC;IAEO,WAAW,CAAC,IAAwB;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAEM,gBAAgB;QACtB,MAAM,MAAM,GAAG,IAAI,iBAAiB,EAAE,CAAC;QACvC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC5B,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAQ,EAAE,EAAE;YACnD,IAAI,CAAC,WAAW,CAAE,CAAiB,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE,CAAC;QACpC,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC;QAChC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QACpC,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE5B,OAAO,IAAI,CAAA;;MAEP,MAAM;MACN,UAAU;MACV,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC;;GAE9H,CAAC;IACH,CAAC;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA;;;OAIP,IAAI,CAAC,QAAQ,KAAK,SAAS;YAC1B,CAAC,CAAC,IAAI,CAAA;UACH,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,6BAA6B,EAAE,EAAE,CAAC,CAAC;cAC1F;YACP,CAAC,CAAC,IAAI,CAAA,gEAAgE,UAAU,CAC9E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,CAC7E,eACJ;;;GAGF,CAAC;IACH,CAAC;CACD,CAAA;AA5DqB;IAApB,QAAQ,EAAE;6CAAwB;AACM;IAAxC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;iDAA4B;AAW1C;IAAhB,KAAK,EAAE;6CAAkD;AAb9C,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CA6DvB"}

package/dist/tools/artifacts/TextArtifact.d.ts

@@ -0,0 +1,20 @@
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class TextArtifact extends ArtifactElement {
+    filename: string;
+    displayTitle: string;
+    private _content;
+    get content(): string;
+    set content(value: string);
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private isCode;
+    private getLanguageFromExtension;
+    private getMimeType;
+    getHeaderButtons(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "text-artifact": TextArtifact;
+    }
+}
+//# sourceMappingURL=TextArtifact.d.ts.map

package/dist/tools/artifacts/TextArtifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/TextArtifact.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAiDvD,qBACa,YAAa,SAAQ,eAAe;IAC3B,QAAQ,SAAM;IACM,YAAY,SAAM;IAE3D,OAAO,CAAC,QAAQ,CAAM;IACtB,IAAa,OAAO,IAAI,MAAM,CAE7B;IACD,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAGjC;cAEkB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB;IAIrE,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,WAAW;IAOZ,gBAAgB;IAmBd,MAAM;CAwBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

package/dist/tools/artifacts/TextArtifact.js

@@ -0,0 +1,147 @@
+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 { CopyButton, DownloadButton } from "@mariozechner/mini-lit";
+import hljs from "highlight.js";
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { i18n } from "../../utils/i18n.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+// Known code file extensions for highlighting
+const CODE_EXTENSIONS = [
+    "js",
+    "javascript",
+    "ts",
+    "typescript",
+    "jsx",
+    "tsx",
+    "py",
+    "python",
+    "java",
+    "c",
+    "cpp",
+    "cs",
+    "php",
+    "rb",
+    "ruby",
+    "go",
+    "rust",
+    "swift",
+    "kotlin",
+    "scala",
+    "dart",
+    "html",
+    "css",
+    "scss",
+    "sass",
+    "less",
+    "json",
+    "xml",
+    "yaml",
+    "yml",
+    "toml",
+    "sql",
+    "sh",
+    "bash",
+    "ps1",
+    "bat",
+    "r",
+    "matlab",
+    "julia",
+    "lua",
+    "perl",
+    "vue",
+    "svelte",
+];
+let TextArtifact = class TextArtifact extends ArtifactElement {
+    constructor() {
+        super(...arguments);
+        this.filename = "";
+        this.displayTitle = "";
+        this._content = "";
+    }
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    createRenderRoot() {
+        return this; // light DOM
+    }
+    isCode() {
+        const ext = this.filename.split(".").pop()?.toLowerCase() || "";
+        return CODE_EXTENSIONS.includes(ext);
+    }
+    getLanguageFromExtension(ext) {
+        const languageMap = {
+            js: "javascript",
+            ts: "typescript",
+            py: "python",
+            rb: "ruby",
+            yml: "yaml",
+            ps1: "powershell",
+            bat: "batch",
+        };
+        return languageMap[ext] || ext;
+    }
+    getMimeType() {
+        const ext = this.filename.split(".").pop()?.toLowerCase() || "";
+        if (ext === "svg")
+            return "image/svg+xml";
+        if (ext === "md" || ext === "markdown")
+            return "text/markdown";
+        return "text/plain";
+    }
+    getHeaderButtons() {
+        const copyButton = new CopyButton();
+        copyButton.text = this.content;
+        copyButton.title = i18n("Copy");
+        copyButton.showText = false;
+        return html `
+			<div class="flex items-center gap-1">
+				${copyButton}
+				${DownloadButton({
+            content: this.content,
+            filename: this.filename,
+            mimeType: this.getMimeType(),
+            title: i18n("Download"),
+        })}
+			</div>
+		`;
+    }
+    render() {
+        const isCode = this.isCode();
+        const ext = this.filename.split(".").pop() || "";
+        return html `
+			<div class="h-full flex flex-col">
+				<div class="flex-1 overflow-auto">
+					${isCode
+            ? html `
+								<pre class="m-0 p-4 text-xs"><code class="hljs language-${this.getLanguageFromExtension(ext.toLowerCase())}">${unsafeHTML(hljs.highlight(this.content, {
+                language: this.getLanguageFromExtension(ext.toLowerCase()),
+                ignoreIllegals: true,
+            }).value)}</code></pre>
+							`
+            : html ` <pre class="m-0 p-4 text-xs font-mono">${this.content}</pre> `}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], TextArtifact.prototype, "filename", void 0);
+__decorate([
+    property({ attribute: false })
+], TextArtifact.prototype, "displayTitle", void 0);
+TextArtifact = __decorate([
+    customElement("text-artifact")
+], TextArtifact);
+export { TextArtifact };
+//# sourceMappingURL=TextArtifact.js.map

package/dist/tools/artifacts/TextArtifact.js.map

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