@mariozechner/pi-web-ui 0.5.44

package/dist/components/ProviderKeyInput.js

@@ -0,0 +1,183 @@
+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 { Badge, Button, html, Input, i18n } from "@mariozechner/mini-lit";
+import { complete, getModel } from "@mariozechner/pi-ai";
+import { LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { getAppStorage } from "../storage/app-storage.js";
+// Test models for each provider
+const TEST_MODELS = {
+    anthropic: "claude-3-5-haiku-20241022",
+    openai: "gpt-4o-mini",
+    google: "gemini-2.5-flash",
+    groq: "openai/gpt-oss-20b",
+    openrouter: "z-ai/glm-4.6",
+    cerebras: "gpt-oss-120b",
+    xai: "grok-4-fast-non-reasoning",
+    zai: "glm-4.5-air",
+};
+let ProviderKeyInput = class ProviderKeyInput extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.provider = "";
+        this.keyInput = "";
+        this.testing = false;
+        this.failed = false;
+        this.hasKey = false;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.checkKeyStatus();
+    }
+    async checkKeyStatus() {
+        try {
+            const key = await getAppStorage().providerKeys.getKey(this.provider);
+            this.hasKey = !!key;
+        }
+        catch (error) {
+            console.error("Failed to check key status:", error);
+        }
+    }
+    async testApiKey(provider, apiKey) {
+        try {
+            const modelId = TEST_MODELS[provider];
+            if (!modelId)
+                return false;
+            let model = getModel(provider, modelId);
+            if (!model)
+                return false;
+            // Check if CORS proxy is enabled and apply it
+            const proxyEnabled = await getAppStorage().settings.get("proxy.enabled");
+            const proxyUrl = await getAppStorage().settings.get("proxy.url");
+            if (proxyEnabled && proxyUrl && model.baseUrl) {
+                model = {
+                    ...model,
+                    baseUrl: `${proxyUrl}/?url=${encodeURIComponent(model.baseUrl)}`,
+                };
+            }
+            const context = {
+                messages: [{ role: "user", content: "Reply with: ok" }],
+            };
+            const result = await complete(model, context, {
+                apiKey,
+                maxTokens: 10,
+            });
+            return result.stopReason === "stop";
+        }
+        catch (error) {
+            console.error(`API key test failed for ${provider}:`, error);
+            return false;
+        }
+    }
+    async saveKey() {
+        if (!this.keyInput)
+            return;
+        this.testing = true;
+        this.failed = false;
+        const success = await this.testApiKey(this.provider, this.keyInput);
+        this.testing = false;
+        if (success) {
+            try {
+                await getAppStorage().providerKeys.setKey(this.provider, this.keyInput);
+                this.hasKey = true;
+                this.keyInput = "";
+                this.requestUpdate();
+            }
+            catch (error) {
+                console.error("Failed to save API key:", error);
+                this.failed = true;
+                setTimeout(() => {
+                    this.failed = false;
+                    this.requestUpdate();
+                }, 5000);
+            }
+        }
+        else {
+            this.failed = true;
+            setTimeout(() => {
+                this.failed = false;
+                this.requestUpdate();
+            }, 5000);
+        }
+    }
+    async removeKey() {
+        try {
+            await getAppStorage().providerKeys.removeKey(this.provider);
+            this.hasKey = false;
+            this.keyInput = "";
+            this.requestUpdate();
+        }
+        catch (error) {
+            console.error("Failed to remove API key:", error);
+        }
+    }
+    render() {
+        return html `
+			<div class="space-y-3">
+				<div class="flex items-center gap-2">
+					<span class="text-sm font-medium capitalize text-foreground">${this.provider}</span>
+					${this.testing
+            ? Badge({ children: i18n("Testing..."), variant: "secondary" })
+            : this.hasKey
+                ? html `<span class="text-green-600 dark:text-green-400">✓</span>`
+                : ""}
+					${this.failed ? Badge({ children: i18n("✗ Invalid"), variant: "destructive" }) : ""}
+				</div>
+				<div class="flex items-center gap-2">
+					${Input({
+            type: "password",
+            placeholder: this.hasKey ? "••••••••••••" : i18n("Enter API key"),
+            value: this.keyInput,
+            onInput: (e) => {
+                this.keyInput = e.target.value;
+                this.requestUpdate();
+            },
+            className: "flex-1",
+        })}
+					${this.hasKey
+            ? Button({
+                onClick: () => this.removeKey(),
+                variant: "ghost",
+                size: "sm",
+                children: i18n("Clear"),
+                className: "!text-destructive",
+            })
+            : Button({
+                onClick: () => this.saveKey(),
+                variant: "default",
+                size: "sm",
+                disabled: !this.keyInput || this.testing,
+                children: i18n("Save"),
+            })}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    property()
+], ProviderKeyInput.prototype, "provider", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "keyInput", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "testing", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "failed", void 0);
+__decorate([
+    state()
+], ProviderKeyInput.prototype, "hasKey", void 0);
+ProviderKeyInput = __decorate([
+    customElement("provider-key-input")
+], ProviderKeyInput);
+export { ProviderKeyInput };
+//# sourceMappingURL=ProviderKeyInput.js.map

package/dist/components/ProviderKeyInput.js.map

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

package/dist/components/SandboxedIframe.d.ts

@@ -0,0 +1,63 @@
+import { LitElement } from "lit";
+import type { Attachment } from "../utils/attachment-utils.js";
+export interface SandboxFile {
+    fileName: string;
+    content: string | Uint8Array;
+    mimeType: string;
+}
+export interface SandboxResult {
+    success: boolean;
+    console: Array<{
+        type: string;
+        text: string;
+    }>;
+    files?: SandboxFile[];
+    error?: {
+        message: string;
+        stack: string;
+    };
+}
+/**
+ * Function that returns the URL to the sandbox HTML file.
+ * Used in browser extensions to load sandbox.html via chrome.runtime.getURL().
+ */
+export type SandboxUrlProvider = () => string;
+export declare class SandboxIframe extends LitElement {
+    private iframe?;
+    /**
+     * Optional: Provide a function that returns the sandbox HTML URL.
+     * If provided, the iframe will use this URL instead of srcdoc.
+     * This is required for browser extensions with strict CSP.
+     */
+    sandboxUrlProvider?: SandboxUrlProvider;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Load HTML content into sandbox and keep it displayed (for HTML artifacts)
+     * @param sandboxId Unique ID
+     * @param htmlContent Full HTML content
+     * @param attachments Attachments available
+     */
+    loadContent(sandboxId: string, htmlContent: string, attachments: Attachment[]): void;
+    private loadViaSandboxUrl;
+    private loadViaSrcdoc;
+    /**
+     * Execute code in sandbox
+     * @param sandboxId Unique ID for this execution
+     * @param code User code (plain JS for REPL, or full HTML for artifacts)
+     * @param attachments Attachments available to the code
+     * @param signal Abort signal
+     * @returns Promise resolving to execution result
+     */
+    execute(sandboxId: string, code: string, attachments: Attachment[], signal?: AbortSignal): Promise<SandboxResult>;
+    /**
+     * Prepare complete HTML document with runtime + user code
+     */
+    private prepareHtmlDocument;
+    /**
+     * Get the runtime script that captures console, provides helpers, etc.
+     */
+    private getRuntimeScript;
+}
+//# sourceMappingURL=SandboxedIframe.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SandboxedIframe.d.ts","sourceRoot":"","sources":["../../src/components/SandboxedIframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,GAAG,UAAU,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,MAAM,MAAM,CAAC;AAE9C,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAO,CAAC,MAAM,CAAC,CAAoB;IAEnC;;;;OAIG;IAC6B,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IAExE,gBAAgB;IAIP,iBAAiB;IAIjB,oBAAoB;IAK7B;;;;;OAKG;IACI,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,IAAI;IAY3F,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,aAAa;IAgBrB;;;;;;;OAOG;IACU,OAAO,CACnB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAE,MAAM,EACZ,WAAW,EAAE,UAAU,EAAE,EACzB,MAAM,CAAC,EAAE,WAAW,GAClB,OAAO,CAAC,aAAa,CAAC;IAqIzB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAkD3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;CAiNxB"}