@draht/web-ui 2026.3.2-2

package/dist/tools/artifacts/GenericArtifact.js

@@ -0,0 +1,114 @@
+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 { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { i18n } from "../../utils/i18n.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let GenericArtifact = class GenericArtifact extends ArtifactElement {
+    _content = "";
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+        this.style.height = "100%";
+    }
+    decodeBase64() {
+        let base64Data = this._content;
+        if (this._content.startsWith("data:")) {
+            const base64Match = this._content.match(/base64,(.+)/);
+            if (base64Match) {
+                base64Data = base64Match[1];
+            }
+        }
+        const binaryString = atob(base64Data);
+        const bytes = new Uint8Array(binaryString.length);
+        for (let i = 0; i < binaryString.length; i++) {
+            bytes[i] = binaryString.charCodeAt(i);
+        }
+        return bytes;
+    }
+    getMimeType() {
+        const ext = this.filename.split(".").pop()?.toLowerCase();
+        // Add common MIME types
+        const mimeTypes = {
+            pdf: "application/pdf",
+            zip: "application/zip",
+            tar: "application/x-tar",
+            gz: "application/gzip",
+            rar: "application/vnd.rar",
+            "7z": "application/x-7z-compressed",
+            mp3: "audio/mpeg",
+            mp4: "video/mp4",
+            avi: "video/x-msvideo",
+            mov: "video/quicktime",
+            wav: "audio/wav",
+            ogg: "audio/ogg",
+            json: "application/json",
+            xml: "application/xml",
+            bin: "application/octet-stream",
+        };
+        return mimeTypes[ext || ""] || "application/octet-stream";
+    }
+    getHeaderButtons() {
+        return html `
+			<div class="flex items-center gap-1">
+				${DownloadButton({
+            content: this.decodeBase64(),
+            filename: this.filename,
+            mimeType: this.getMimeType(),
+            title: i18n("Download"),
+        })}
+			</div>
+		`;
+    }
+    render() {
+        return html `
+			<div class="h-full flex items-center justify-center bg-background p-8">
+				<div class="text-center max-w-md">
+					<div class="text-muted-foreground text-lg mb-4">
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							class="h-16 w-16 mx-auto mb-4 text-muted-foreground/50"
+							fill="none"
+							viewBox="0 0 24 24"
+							stroke="currentColor"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="1.5"
+								d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"
+							/>
+						</svg>
+						<div class="font-medium text-foreground mb-2">${this.filename}</div>
+						<p class="text-sm">
+							${i18n("Preview not available for this file type.")} ${i18n("Click the download button above to view it on your computer.")}
+						</p>
+					</div>
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: String })
+], GenericArtifact.prototype, "_content", void 0);
+GenericArtifact = __decorate([
+    customElement("generic-artifact")
+], GenericArtifact);
+export { GenericArtifact };
+//# sourceMappingURL=GenericArtifact.js.map

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

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

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

@@ -0,0 +1,27 @@
+import { type Ref } from "lit/directives/ref.js";
+import type { SandboxIframe } from "../../components/SandboxedIframe.js";
+import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider.js";
+import "../../components/SandboxedIframe.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+import "./Console.js";
+export declare class HtmlArtifact extends ArtifactElement {
+    filename: string;
+    runtimeProviders: SandboxRuntimeProvider[];
+    sandboxUrlProvider?: () => string;
+    private _content;
+    private logs;
+    sandboxIframeRef: Ref<SandboxIframe>;
+    private consoleRef;
+    private viewMode;
+    private setViewMode;
+    getHeaderButtons(): import("lit").TemplateResult<1>;
+    set content(value: string);
+    executeContent(html: string): void;
+    get content(): string;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    getLogs(): string;
+    render(): import("lit").TemplateResult<1>;
+}
+//# sourceMappingURL=HtmlArtifact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/HtmlArtifact.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,GAAG,EAAO,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAEjG,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,cAAc,CAAC;AAOtB,qBACa,YAAa,SAAQ,eAAe;IAC3B,QAAQ,SAAM;IACH,gBAAgB,EAAE,sBAAsB,EAAE,CAAM;IAChD,kBAAkB,CAAC,EAAE,MAAM,MAAM,CAAC;IAElE,OAAO,CAAC,QAAQ,CAAM;IACtB,OAAO,CAAC,IAAI,CAAsD;IAG3D,gBAAgB,EAAE,GAAG,CAAC,aAAa,CAAC,CAAe;IAC1D,OAAO,CAAC,UAAU,CAA6B;IAEtC,OAAO,CAAC,QAAQ,CAAiC;IAE1D,OAAO,CAAC,WAAW;IAIZ,gBAAgB,oCAsCtB;IAED,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAYjC;IAEM,cAAc,CAAC,IAAI,EAAE,MAAM,QA2CjC;IAED,IAAa,OAAO,IAAI,MAAM,CAE7B;IAEQ,oBAAoB,SAK5B;IAEQ,YAAY,SAKpB;IAEQ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,QAOzE;IAEM,OAAO,IAAI,MAAM,CAGvB;IAEQ,MAAM,oCAuBd;CACD"}

package/dist/tools/artifacts/HtmlArtifact.js

@@ -0,0 +1,187 @@
+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 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 { RefreshCw } from "lucide";
+import { RUNTIME_MESSAGE_ROUTER } from "../../components/sandbox/RuntimeMessageRouter.js";
+import { i18n } from "../../utils/i18n.js";
+import "../../components/SandboxedIframe.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+import "./Console.js";
+import { icon } from "@mariozechner/mini-lit";
+import { Button } from "@mariozechner/mini-lit/dist/Button.js";
+import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
+let HtmlArtifact = class HtmlArtifact extends ArtifactElement {
+    filename = "";
+    runtimeProviders = [];
+    sandboxUrlProvider;
+    _content = "";
+    logs = [];
+    // Refs for DOM elements
+    sandboxIframeRef = createRef();
+    consoleRef = createRef();
+    viewMode = "preview";
+    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;
+        // Generate standalone HTML with all runtime code injected for download
+        const sandbox = this.sandboxIframeRef.value;
+        const sandboxId = `artifact-${this.filename}`;
+        const downloadContent = sandbox?.prepareHtmlDocument(sandboxId, this._content, this.runtimeProviders || [], {
+            isHtmlArtifact: true,
+            isStandalone: true, // Skip runtime bridge and navigation interceptor for standalone downloads
+        }) || this._content;
+        return html `
+			<div class="flex items-center gap-2">
+				${toggle}
+				${Button({
+            variant: "ghost",
+            size: "sm",
+            onClick: () => {
+                this.logs = [];
+                this.executeContent(this._content);
+            },
+            title: i18n("Reload HTML"),
+            children: icon(RefreshCw, "sm"),
+        })}
+				${copyButton}
+				${DownloadButton({ content: downloadContent, 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 = [];
+            this.requestUpdate();
+            // Execute content in sandbox if it exists
+            if (this.sandboxIframeRef.value && value) {
+                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;
+        }
+        const sandboxId = `artifact-${this.filename}`;
+        // Create consumer for console messages
+        const consumer = {
+            handleMessage: async (message) => {
+                if (message.type === "console") {
+                    // Create new array reference for Lit reactivity
+                    this.logs = [
+                        ...this.logs,
+                        {
+                            type: message.method === "error" ? "error" : "log",
+                            text: message.text,
+                        },
+                    ];
+                    this.requestUpdate(); // Re-render to show console
+                }
+            },
+        };
+        // Inject window.complete() call at the end of the HTML to signal when page is loaded
+        // HTML artifacts don't time out - they call complete() when ready
+        let modifiedHtml = html;
+        if (modifiedHtml.includes("</html>")) {
+            modifiedHtml = modifiedHtml.replace("</html>", "<script>if (window.complete) window.complete();</script></html>");
+        }
+        else {
+            // If no closing </html> tag, append the script
+            modifiedHtml += "<script>if (window.complete) window.complete();</script>";
+        }
+        // Load content - this handles sandbox registration, consumer registration, and iframe creation
+        sandbox.loadContent(sandboxId, modifiedHtml, this.runtimeProviders, [consumer]);
+    }
+    get content() {
+        return this._content;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // Unregister sandbox when element is removed from DOM
+        const sandboxId = `artifact-${this.filename}`;
+        RUNTIME_MESSAGE_ROUTER.unregisterSandbox(sandboxId);
+    }
+    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);
+        }
+    }
+    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 `<artifact-console .logs=${this.logs} ${ref(this.consoleRef)}></artifact-console>`
+            : ""}
+					</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, "runtimeProviders", void 0);
+__decorate([
+    property({ attribute: false })
+], HtmlArtifact.prototype, "sandboxUrlProvider", void 0);
+__decorate([
+    state()
+], HtmlArtifact.prototype, "viewMode", 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":";;;;;;AAAA,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,SAAS,EAAY,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,OAAO,EAAwB,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAEhH,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAG9E,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAC3B,QAAQ,GAAG,EAAE,CAAC;IACH,gBAAgB,GAA6B,EAAE,CAAC;IAChD,kBAAkB,CAAgB;IAE1D,QAAQ,GAAG,EAAE,CAAC;IACd,IAAI,GAAmD,EAAE,CAAC;IAElE,wBAAwB;IACjB,gBAAgB,GAAuB,SAAS,EAAE,CAAC;IAClD,UAAU,GAAiB,SAAS,EAAE,CAAC;IAE9B,QAAQ,GAAuB,SAAS,CAAC;IAElD,WAAW,CAAC,IAAwB,EAAE;QAC7C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAAA,CACrB;IAEM,gBAAgB,GAAG;QACzB,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,CAAC;YACpD,IAAI,CAAC,WAAW,CAAE,CAAiB,CAAC,MAAM,CAAC,CAAC;QAAA,CAC5C,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,WAAW,CAAC,CAAC;QACrC,UAAU,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE5B,uEAAuE;QACvE,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAC5C,MAAM,SAAS,GAAG,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9C,MAAM,eAAe,GACpB,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAAE;YACnF,cAAc,EAAE,IAAI;YACpB,YAAY,EAAE,IAAI,EAAE,0EAA0E;SAC9F,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC;QAErB,OAAO,IAAI,CAAA;;MAEP,MAAM;MACN,MAAM,CAAC;YACR,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,GAAG,EAAE,CAAC;gBACd,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;gBACf,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAAA,CACnC;YACD,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;YAC1B,QAAQ,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC;SAC/B,CAAC;MACA,UAAU;MACV,cAAc,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC;;GAE7H,CAAC;IAAA,CACF;IAED,IAAa,OAAO,CAAC,KAAa,EAAE;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACxB,kCAAkC;YAClC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,IAAI,CAAC,aAAa,EAAE,CAAC;YACrB,0CAA0C;YAC1C,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC;gBAC1C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACF,CAAC;IAAA,CACD;IAEM,cAAc,CAAC,IAAY,EAAE;QACnC,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,sEAAsE;QACtE,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC7B,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;QACtD,CAAC;QAED,MAAM,SAAS,GAAG,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;QAE9C,uCAAuC;QACvC,MAAM,QAAQ,GAAoB;YACjC,aAAa,EAAE,KAAK,EAAE,OAAY,EAAiB,EAAE,CAAC;gBACrD,IAAI,OAAO,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;oBAChC,gDAAgD;oBAChD,IAAI,CAAC,IAAI,GAAG;wBACX,GAAG,IAAI,CAAC,IAAI;wBACZ;4BACC,IAAI,EAAE,OAAO,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;4BAClD,IAAI,EAAE,OAAO,CAAC,IAAI;yBAClB;qBACD,CAAC;oBACF,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,4BAA4B;gBACnD,CAAC;YAAA,CACD;SACD,CAAC;QAEF,qFAAqF;QACrF,kEAAkE;QAClE,IAAI,YAAY,GAAG,IAAI,CAAC;QACxB,IAAI,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;YACtC,YAAY,GAAG,YAAY,CAAC,OAAO,CAClC,SAAS,EACT,iEAAiE,CACjE,CAAC;QACH,CAAC;aAAM,CAAC;YACP,+CAA+C;YAC/C,YAAY,IAAI,0DAA0D,CAAC;QAC5E,CAAC;QAED,+FAA+F;QAC/F,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAAA,CAChF;IAED,IAAa,OAAO,GAAW;QAC9B,OAAO,IAAI,CAAC,QAAQ,CAAC;IAAA,CACrB;IAEQ,oBAAoB,GAAG;QAC/B,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,sDAAsD;QACtD,MAAM,SAAS,GAAG,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9C,sBAAsB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAAA,CACpD;IAEQ,YAAY,GAAG;QACvB,0BAA0B;QAC1B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC;IAAA,CACD;IAEQ,OAAO,CAAC,iBAAyD,EAAE;QAC3E,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,6EAA6E;QAC7E,gDAAgD;QAChD,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC;IAAA,CACD;IAEM,OAAO,GAAW;QACxB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QACvG,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAAA,CAChE;IAEQ,MAAM,GAAG;QACjB,OAAO,IAAI,CAAA;;;;mEAIsD,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;uCACzE,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAE1D,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;YACnB,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,sBAAsB;YACxF,CAAC,CAAC,EACJ;;;;iFAI2E,IAAI,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;sEACtD,UAAU,CACzE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,KAAK,CACzD;;;;GAIJ,CAAC;IAAA,CACF;CACD,CAAA;AA5KqB;IAApB,QAAQ,EAAE;8CAAwB;AACH;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;sDAAiD;AAChD;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDAAmC;AASjD;IAAhB,KAAK,EAAE;8CAAkD;AAZ9C,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA6KxB"}

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

@@ -0,0 +1,20 @@
+import { type TemplateResult } from "lit";
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class ImageArtifact extends ArtifactElement {
+    private _content;
+    get content(): string;
+    set content(value: string);
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    private getMimeType;
+    private getImageUrl;
+    private decodeBase64;
+    getHeaderButtons(): TemplateResult<1>;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "image-artifact": ImageArtifact;
+    }
+}
+//# sourceMappingURL=ImageArtifact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/ImageArtifact.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,aAAc,SAAQ,eAAe;IACrB,OAAO,CAAC,QAAQ,CAAM;IAElD,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAGxB;IAED,UAAmB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB,CAEpE;IAEQ,iBAAiB,IAAI,IAAI,CAIjC;IAED,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,YAAY;IA6Bb,gBAAgB,sBAWtB;IAEQ,MAAM,IAAI,cAAc,CAiBhC;CACD;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACf,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

package/dist/tools/artifacts/ImageArtifact.js

@@ -0,0 +1,117 @@
+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 { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { i18n } from "../../utils/i18n.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let ImageArtifact = class ImageArtifact extends ArtifactElement {
+    _content = "";
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    createRenderRoot() {
+        return this;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.style.display = "block";
+        this.style.height = "100%";
+    }
+    getMimeType() {
+        const ext = this.filename.split(".").pop()?.toLowerCase();
+        if (ext === "jpg" || ext === "jpeg")
+            return "image/jpeg";
+        if (ext === "gif")
+            return "image/gif";
+        if (ext === "webp")
+            return "image/webp";
+        if (ext === "svg")
+            return "image/svg+xml";
+        if (ext === "bmp")
+            return "image/bmp";
+        if (ext === "ico")
+            return "image/x-icon";
+        return "image/png";
+    }
+    getImageUrl() {
+        // If content is already a data URL, use it directly
+        if (this._content.startsWith("data:")) {
+            return this._content;
+        }
+        // Otherwise assume it's base64 and construct data URL
+        return `data:${this.getMimeType()};base64,${this._content}`;
+    }
+    decodeBase64() {
+        let base64Data;
+        // If content is a data URL, extract the base64 part
+        if (this._content.startsWith("data:")) {
+            const base64Match = this._content.match(/base64,(.+)/);
+            if (base64Match) {
+                base64Data = base64Match[1];
+            }
+            else {
+                // Not a base64 data URL, return empty
+                return new Uint8Array(0);
+            }
+        }
+        else {
+            // Otherwise use content as-is
+            base64Data = this._content;
+        }
+        // Decode base64 to binary string
+        const binaryString = atob(base64Data);
+        // Convert binary string to Uint8Array
+        const bytes = new Uint8Array(binaryString.length);
+        for (let i = 0; i < binaryString.length; i++) {
+            bytes[i] = binaryString.charCodeAt(i);
+        }
+        return bytes;
+    }
+    getHeaderButtons() {
+        return html `
+			<div class="flex items-center gap-1">
+				${DownloadButton({
+            content: this.decodeBase64(),
+            filename: this.filename,
+            mimeType: this.getMimeType(),
+            title: i18n("Download"),
+        })}
+			</div>
+		`;
+    }
+    render() {
+        return html `
+			<div class="h-full flex flex-col bg-background overflow-auto">
+				<div class="flex-1 flex items-center justify-center p-4">
+					<img
+						src="${this.getImageUrl()}"
+						alt="${this.filename}"
+						class="max-w-full max-h-full object-contain"
+						@error=${(e) => {
+            const target = e.target;
+            target.src =
+                "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='middle' fill='%23999'%3EImage Error%3C/text%3E%3C/svg%3E";
+        }}
+					/>
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property({ type: String })
+], ImageArtifact.prototype, "_content", void 0);
+ImageArtifact = __decorate([
+    customElement("image-artifact")
+], ImageArtifact);
+export { ImageArtifact };
+//# sourceMappingURL=ImageArtifact.js.map

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

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

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

@@ -0,0 +1,19 @@
+import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class MarkdownArtifact extends ArtifactElement {
+    filename: string;
+    private _content;
+    get content(): string;
+    set content(value: string);
+    private viewMode;
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private setViewMode;
+    getHeaderButtons(): import("lit").TemplateResult<1>;
+    render(): import("lit").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":"AAKA,OAAO,8CAA8C,CAAC;AAItD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBACa,gBAAiB,SAAQ,eAAe;IAC/B,QAAQ,SAAM;IAEnC,OAAO,CAAC,QAAQ,CAAM;IACtB,IAAa,OAAO,IAAI,MAAM,CAE7B;IACD,IAAa,OAAO,CAAC,KAAK,EAAE,MAAM,EAGjC;IAEQ,OAAO,CAAC,QAAQ,CAAiC;IAE1D,UAAmB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB,CAEpE;IAED,OAAO,CAAC,WAAW;IAIZ,gBAAgB,oCAwBtB;IAEQ,MAAM,oCAcd;CACD;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACf,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,gBAAgB,CAAC;KACtC;CACD"}

package/dist/tools/artifacts/MarkdownArtifact.js

@@ -0,0 +1,79 @@
+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 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 { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
+import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
+import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
+import { ArtifactElement } from "./ArtifactElement.js";
+let MarkdownArtifact = class MarkdownArtifact extends ArtifactElement {
+    filename = "";
+    _content = "";
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        this.requestUpdate();
+    }
+    viewMode = "preview";
+    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([
+    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,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,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGhD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,eAAe;IAC/B,QAAQ,GAAG,EAAE,CAAC;IAE3B,QAAQ,GAAG,EAAE,CAAC;IACtB,IAAa,OAAO,GAAW;QAC9B,OAAO,IAAI,CAAC,QAAQ,CAAC;IAAA,CACrB;IACD,IAAa,OAAO,CAAC,KAAa,EAAE;QACnC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;IAAA,CACrB;IAEgB,QAAQ,GAAuB,SAAS,CAAC;IAEvC,gBAAgB,GAAmC;QACrE,OAAO,IAAI,CAAC,CAAC,YAAY;IAAb,CACZ;IAEO,WAAW,CAAC,IAAwB,EAAE;QAC7C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAAA,CACrB;IAEM,gBAAgB,GAAG;QACzB,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,CAAC;YACpD,IAAI,CAAC,WAAW,CAAE,CAAiB,CAAC,MAAM,CAAC,CAAC;QAAA,CAC5C,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;IAAA,CACF;IAEQ,MAAM,GAAG;QACjB,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;IAAA,CACF;CACD,CAAA;AA9DqB;IAApB,QAAQ,EAAE;kDAAwB;AAWlB;IAAhB,KAAK,EAAE;kDAAkD;AAZ9C,gBAAgB;IAD5B,aAAa,CAAC,mBAAmB,CAAC;GACtB,gBAAgB,CA+D5B"}

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

@@ -0,0 +1,25 @@
+import { type TemplateResult } from "lit";
+import { ArtifactElement } from "./ArtifactElement.js";
+export declare class PdfArtifact extends ArtifactElement {
+    private _content;
+    private error;
+    private currentLoadingTask;
+    get content(): string;
+    set content(value: string);
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private cleanup;
+    private base64ToArrayBuffer;
+    private decodeBase64;
+    getHeaderButtons(): TemplateResult<1>;
+    updated(changedProperties: Map<string, any>): Promise<void>;
+    private renderPdf;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "pdf-artifact": PdfArtifact;
+    }
+}
+//# sourceMappingURL=PdfArtifact.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PdfArtifact.d.ts","sourceRoot":"","sources":["../../../src/tools/artifacts/PdfArtifact.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD,qBACa,WAAY,SAAQ,eAAe;IACnB,OAAO,CAAC,QAAQ,CAAM;IACzC,OAAO,CAAC,KAAK,CAAuB;IAC7C,OAAO,CAAC,kBAAkB,CAAa;IAEvC,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAIxB;IAED,UAAmB,gBAAgB,IAAI,WAAW,GAAG,gBAAgB,CAEpE;IAEQ,iBAAiB,IAAI,IAAI,CAIjC;IAEQ,oBAAoB,IAAI,IAAI,CAGpC;IAED,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,mBAAmB;IAkB3B,OAAO,CAAC,YAAY;IAiBb,gBAAgB,sBAWtB;IAEc,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,iBAMzD;YAEa,SAAS;IAwEd,MAAM,IAAI,cAAc,CAiBhC;CACD;AAED,OAAO,CAAC,MAAM,CAAC,CAAC;IACf,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}