@ouhuang/pi-web-ui 0.65.1

package/dist/dialogs/ProvidersModelsTab.js

@@ -0,0 +1,191 @@
+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 { i18n } from "@mariozechner/mini-lit";
+import { Select } from "@mariozechner/mini-lit/dist/Select.js";
+import { getProviders } from "@ouhuang/pi-ai";
+import { html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import "../components/CustomProviderCard.js";
+import "../components/ProviderKeyInput.js";
+import { getAppStorage } from "../storage/app-storage.js";
+import { discoverModels } from "../utils/model-discovery.js";
+import { CustomProviderDialog } from "./CustomProviderDialog.js";
+import { SettingsTab } from "./SettingsDialog.js";
+let ProvidersModelsTab = class ProvidersModelsTab extends SettingsTab {
+    constructor() {
+        super(...arguments);
+        this.customProviders = [];
+        this.providerStatus = new Map();
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.loadCustomProviders();
+    }
+    async loadCustomProviders() {
+        try {
+            const storage = getAppStorage();
+            this.customProviders = await storage.customProviders.getAll();
+            // Check status for auto-discovery providers
+            for (const provider of this.customProviders) {
+                const isAutoDiscovery = provider.type === "ollama" ||
+                    provider.type === "llama.cpp" ||
+                    provider.type === "vllm" ||
+                    provider.type === "lmstudio";
+                if (isAutoDiscovery) {
+                    this.checkProviderStatus(provider);
+                }
+            }
+        }
+        catch (error) {
+            console.error("Failed to load custom providers:", error);
+        }
+    }
+    getTabName() {
+        return "Providers & Models";
+    }
+    async checkProviderStatus(provider) {
+        this.providerStatus.set(provider.id, { modelCount: 0, status: "checking" });
+        this.requestUpdate();
+        try {
+            const models = await discoverModels(provider.type, provider.baseUrl, provider.apiKey);
+            this.providerStatus.set(provider.id, { modelCount: models.length, status: "connected" });
+        }
+        catch (_error) {
+            this.providerStatus.set(provider.id, { modelCount: 0, status: "disconnected" });
+        }
+        this.requestUpdate();
+    }
+    renderKnownProviders() {
+        const providers = getProviders();
+        return html `
+			<div class="flex flex-col gap-6">
+				<div>
+					<h3 class="text-sm font-semibold text-foreground mb-2">Cloud Providers</h3>
+					<p class="text-sm text-muted-foreground mb-4">
+						Cloud LLM providers with predefined models. API keys are stored locally in your browser.
+					</p>
+				</div>
+				<div class="flex flex-col gap-6">
+					${providers.map((provider) => html ` <provider-key-input .provider=${provider}></provider-key-input> `)}
+				</div>
+			</div>
+		`;
+    }
+    renderCustomProviders() {
+        const isAutoDiscovery = (type) => type === "ollama" || type === "llama.cpp" || type === "vllm" || type === "lmstudio";
+        return html `
+			<div class="flex flex-col gap-6">
+				<div class="flex items-center justify-between">
+					<div>
+						<h3 class="text-sm font-semibold text-foreground mb-2">Custom Providers</h3>
+						<p class="text-sm text-muted-foreground">
+							User-configured servers with auto-discovered or manually defined models.
+						</p>
+					</div>
+					${Select({
+            placeholder: i18n("Add Provider"),
+            options: [
+                { value: "ollama", label: "Ollama" },
+                { value: "llama.cpp", label: "llama.cpp" },
+                { value: "vllm", label: "vLLM" },
+                { value: "lmstudio", label: "LM Studio" },
+                { value: "openai-completions", label: i18n("OpenAI Completions Compatible") },
+                { value: "openai-responses", label: i18n("OpenAI Responses Compatible") },
+                { value: "anthropic-messages", label: i18n("Anthropic Messages Compatible") },
+            ],
+            onChange: (value) => this.addCustomProvider(value),
+            variant: "outline",
+            size: "sm",
+        })}
+				</div>
+
+				${this.customProviders.length === 0
+            ? html `
+							<div class="text-sm text-muted-foreground text-center py-8">
+								No custom providers configured. Click 'Add Provider' to get started.
+							</div>
+						`
+            : html `
+							<div class="flex flex-col gap-4">
+								${this.customProviders.map((provider) => html `
+										<custom-provider-card
+											.provider=${provider}
+											.isAutoDiscovery=${isAutoDiscovery(provider.type)}
+											.status=${this.providerStatus.get(provider.id)}
+											.onRefresh=${(p) => this.refreshProvider(p)}
+											.onEdit=${(p) => this.editProvider(p)}
+											.onDelete=${(p) => this.deleteProvider(p)}
+										></custom-provider-card>
+									`)}
+							</div>
+						`}
+			</div>
+		`;
+    }
+    async addCustomProvider(type) {
+        await CustomProviderDialog.open(undefined, type, async () => {
+            await this.loadCustomProviders();
+            this.requestUpdate();
+        });
+    }
+    async editProvider(provider) {
+        await CustomProviderDialog.open(provider, undefined, async () => {
+            await this.loadCustomProviders();
+            this.requestUpdate();
+        });
+    }
+    async refreshProvider(provider) {
+        this.providerStatus.set(provider.id, { modelCount: 0, status: "checking" });
+        this.requestUpdate();
+        try {
+            const models = await discoverModels(provider.type, provider.baseUrl, provider.apiKey);
+            this.providerStatus.set(provider.id, { modelCount: models.length, status: "connected" });
+            this.requestUpdate();
+            console.log(`Refreshed ${models.length} models from ${provider.name}`);
+        }
+        catch (error) {
+            this.providerStatus.set(provider.id, { modelCount: 0, status: "disconnected" });
+            this.requestUpdate();
+            console.error(`Failed to refresh provider ${provider.name}:`, error);
+            alert(`Failed to refresh provider: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }
+    async deleteProvider(provider) {
+        if (!confirm("Are you sure you want to delete this provider?")) {
+            return;
+        }
+        try {
+            const storage = getAppStorage();
+            await storage.customProviders.delete(provider.id);
+            await this.loadCustomProviders();
+            this.requestUpdate();
+        }
+        catch (error) {
+            console.error("Failed to delete provider:", error);
+        }
+    }
+    render() {
+        return html `
+			<div class="flex flex-col gap-8">
+				${this.renderKnownProviders()}
+				<div class="border-t border-border"></div>
+				${this.renderCustomProviders()}
+			</div>
+		`;
+    }
+};
+__decorate([
+    state()
+], ProvidersModelsTab.prototype, "customProviders", void 0);
+__decorate([
+    state()
+], ProvidersModelsTab.prototype, "providerStatus", void 0);
+ProvidersModelsTab = __decorate([
+    customElement("providers-models-tab")
+], ProvidersModelsTab);
+export { ProvidersModelsTab };
+//# sourceMappingURL=ProvidersModelsTab.js.map

package/dist/dialogs/ProvidersModelsTab.js.map

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

package/dist/dialogs/SessionListDialog.d.ts

@@ -0,0 +1,19 @@
+import { DialogBase } from "@mariozechner/mini-lit/dist/DialogBase.js";
+export declare class SessionListDialog extends DialogBase {
+    private sessions;
+    private loading;
+    private onSelectCallback?;
+    private onDeleteCallback?;
+    private deletedSessions;
+    private closedViaSelection;
+    protected modalWidth: string;
+    protected modalHeight: string;
+    static open(onSelect: (sessionId: string) => void, onDelete?: (sessionId: string) => void): Promise<void>;
+    private loadSessions;
+    private handleDelete;
+    close(): void;
+    private handleSelect;
+    private formatDate;
+    protected renderContent(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=SessionListDialog.d.ts.map

package/dist/dialogs/SessionListDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionListDialog.d.ts","sourceRoot":"","sources":["../../src/dialogs/SessionListDialog.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAQvE,qBACa,iBAAkB,SAAQ,UAAU;IACvC,OAAO,CAAC,QAAQ,CAAyB;IACzC,OAAO,CAAC,OAAO,CAAQ;IAEhC,OAAO,CAAC,gBAAgB,CAAC,CAA8B;IACvD,OAAO,CAAC,gBAAgB,CAAC,CAA8B;IACvD,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,kBAAkB,CAAS;IAEnC,SAAS,CAAC,UAAU,SAAsB;IAC1C,SAAS,CAAC,WAAW,SAAsB;WAE9B,IAAI,CAAC,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;YAQjF,YAAY;YAaZ,YAAY;IAqBjB,KAAK;IAWd,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,UAAU;cAiBC,aAAa;CAiDhC"}

package/dist/dialogs/SessionListDialog.js

@@ -0,0 +1,154 @@
+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;
+};
+var SessionListDialog_1;
+import { DialogContent, DialogHeader } from "@mariozechner/mini-lit/dist/Dialog.js";
+import { DialogBase } from "@mariozechner/mini-lit/dist/DialogBase.js";
+import { html } from "lit";
+import { customElement, state } from "lit/decorators.js";
+import { getAppStorage } from "../storage/app-storage.js";
+import { formatUsage } from "../utils/format.js";
+import { i18n } from "../utils/i18n.js";
+let SessionListDialog = SessionListDialog_1 = class SessionListDialog extends DialogBase {
+    constructor() {
+        super(...arguments);
+        this.sessions = [];
+        this.loading = true;
+        this.deletedSessions = new Set();
+        this.closedViaSelection = false;
+        this.modalWidth = "min(600px, 90vw)";
+        this.modalHeight = "min(700px, 90vh)";
+    }
+    static async open(onSelect, onDelete) {
+        const dialog = new SessionListDialog_1();
+        dialog.onSelectCallback = onSelect;
+        dialog.onDeleteCallback = onDelete;
+        dialog.open();
+        await dialog.loadSessions();
+    }
+    async loadSessions() {
+        this.loading = true;
+        try {
+            const storage = getAppStorage();
+            this.sessions = await storage.sessions.getAllMetadata();
+        }
+        catch (err) {
+            console.error("Failed to load sessions:", err);
+            this.sessions = [];
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    async handleDelete(sessionId, event) {
+        event.stopPropagation();
+        if (!confirm(i18n("Delete this session?"))) {
+            return;
+        }
+        try {
+            const storage = getAppStorage();
+            if (!storage.sessions)
+                return;
+            await storage.sessions.deleteSession(sessionId);
+            await this.loadSessions();
+            // Track deleted session
+            this.deletedSessions.add(sessionId);
+        }
+        catch (err) {
+            console.error("Failed to delete session:", err);
+        }
+    }
+    close() {
+        super.close();
+        // Only notify about deleted sessions if dialog wasn't closed via selection
+        if (!this.closedViaSelection && this.onDeleteCallback && this.deletedSessions.size > 0) {
+            for (const sessionId of this.deletedSessions) {
+                this.onDeleteCallback(sessionId);
+            }
+        }
+    }
+    handleSelect(sessionId) {
+        this.closedViaSelection = true;
+        if (this.onSelectCallback) {
+            this.onSelectCallback(sessionId);
+        }
+        this.close();
+    }
+    formatDate(isoString) {
+        const date = new Date(isoString);
+        const now = new Date();
+        const diff = now.getTime() - date.getTime();
+        const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+        if (days === 0) {
+            return i18n("Today");
+        }
+        else if (days === 1) {
+            return i18n("Yesterday");
+        }
+        else if (days < 7) {
+            return i18n("{days} days ago").replace("{days}", days.toString());
+        }
+        else {
+            return date.toLocaleDateString();
+        }
+    }
+    renderContent() {
+        return html `
+			${DialogContent({
+            className: "h-full flex flex-col",
+            children: html `
+					${DialogHeader({
+                title: i18n("Sessions"),
+                description: i18n("Load a previous conversation"),
+            })}
+
+					<div class="flex-1 overflow-y-auto mt-4 space-y-2">
+						${this.loading
+                ? html `<div class="text-center py-8 text-muted-foreground">${i18n("Loading...")}</div>`
+                : this.sessions.length === 0
+                    ? html `<div class="text-center py-8 text-muted-foreground">${i18n("No sessions yet")}</div>`
+                    : this.sessions.map((session) => html `
+											<div
+												class="group flex items-start gap-3 p-3 rounded-lg border border-border hover:bg-secondary/50 cursor-pointer transition-colors"
+												@click=${() => this.handleSelect(session.id)}
+											>
+												<div class="flex-1 min-w-0">
+													<div class="font-medium text-sm text-foreground truncate">${session.title}</div>
+													<div class="text-xs text-muted-foreground mt-1">${this.formatDate(session.lastModified)}</div>
+													<div class="text-xs text-muted-foreground mt-1">
+														${session.messageCount} ${i18n("messages")} · ${formatUsage(session.usage)}
+													</div>
+												</div>
+												<button
+													class="opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-destructive/10 text-destructive transition-opacity"
+													@click=${(e) => this.handleDelete(session.id, e)}
+													title=${i18n("Delete")}
+												>
+													<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+														<path d="M3 6h18"></path>
+														<path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"></path>
+														<path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"></path>
+													</svg>
+												</button>
+											</div>
+										`)}
+					</div>
+				`,
+        })}
+		`;
+    }
+};
+__decorate([
+    state()
+], SessionListDialog.prototype, "sessions", void 0);
+__decorate([
+    state()
+], SessionListDialog.prototype, "loading", void 0);
+SessionListDialog = SessionListDialog_1 = __decorate([
+    customElement("session-list-dialog")
+], SessionListDialog);
+export { SessionListDialog };
+//# sourceMappingURL=SessionListDialog.js.map

package/dist/dialogs/SessionListDialog.js.map

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

package/dist/dialogs/SettingsDialog.d.ts

@@ -0,0 +1,31 @@
+import { LitElement, type TemplateResult } from "lit";
+import "../components/ProviderKeyInput.js";
+export declare abstract class SettingsTab extends LitElement {
+    abstract getTabName(): string;
+    protected createRenderRoot(): this;
+}
+export declare class ApiKeysTab extends SettingsTab {
+    getTabName(): string;
+    render(): TemplateResult;
+}
+export declare class ProxyTab extends SettingsTab {
+    private proxyEnabled;
+    private proxyUrl;
+    connectedCallback(): Promise<void>;
+    private saveProxySettings;
+    getTabName(): string;
+    render(): TemplateResult;
+}
+export declare class SettingsDialog extends LitElement {
+    tabs: SettingsTab[];
+    private isOpen;
+    private activeTabIndex;
+    protected createRenderRoot(): this;
+    private onCloseCallback?;
+    static open(tabs: SettingsTab[], onClose?: () => void): Promise<void>;
+    private setActiveTab;
+    private renderSidebarItem;
+    private renderMobileTab;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=SettingsDialog.d.ts.map

package/dist/dialogs/SettingsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDialog.d.ts","sourceRoot":"","sources":["../../src/dialogs/SettingsDialog.ts"],"names":[],"mappings":"AAMA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE5D,OAAO,mCAAmC,CAAC;AAI3C,8BAAsB,WAAY,SAAQ,UAAU;IACnD,QAAQ,CAAC,UAAU,IAAI,MAAM;IAE7B,SAAS,CAAC,gBAAgB;CAG1B;AAGD,qBACa,UAAW,SAAQ,WAAW;IAC1C,UAAU,IAAI,MAAM;IAIpB,MAAM,IAAI,cAAc;CAYxB;AAGD,qBACa,QAAS,SAAQ,WAAW;IAC/B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,QAAQ,CAA2B;IAErC,iBAAiB;YAelB,iBAAiB;IAU/B,UAAU,IAAI,MAAM;IAIpB,MAAM,IAAI,cAAc;CAoCxB;AAED,qBACa,cAAe,SAAQ,UAAU;IACA,IAAI,EAAE,WAAW,EAAE,CAAM;IAC7D,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,cAAc,CAAK;IAEpC,SAAS,CAAC,gBAAgB;IAI1B,OAAO,CAAC,eAAe,CAAC,CAAa;WAExB,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI;IAQ3D,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,eAAe;IAcvB,MAAM;CAiDN"}

package/dist/dialogs/SettingsDialog.js

@@ -0,0 +1,231 @@
+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;
+};
+var SettingsDialog_1;
+import { i18n } from "@mariozechner/mini-lit";
+import { Dialog, DialogContent, DialogHeader } from "@mariozechner/mini-lit/dist/Dialog.js";
+import { Input } from "@mariozechner/mini-lit/dist/Input.js";
+import { Label } from "@mariozechner/mini-lit/dist/Label.js";
+import { Switch } from "@mariozechner/mini-lit/dist/Switch.js";
+import { getProviders } from "@ouhuang/pi-ai";
+import { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import "../components/ProviderKeyInput.js";
+import { getAppStorage } from "../storage/app-storage.js";
+// Base class for settings tabs
+export class SettingsTab extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+}
+// API Keys Tab
+let ApiKeysTab = class ApiKeysTab extends SettingsTab {
+    getTabName() {
+        return i18n("API Keys");
+    }
+    render() {
+        const providers = getProviders();
+        return html `
+			<div class="flex flex-col gap-6">
+				<p class="text-sm text-muted-foreground">
+					${i18n("Configure API keys for LLM providers. Keys are stored locally in your browser.")}
+				</p>
+				${providers.map((provider) => html `<provider-key-input .provider=${provider}></provider-key-input>`)}
+			</div>
+		`;
+    }
+};
+ApiKeysTab = __decorate([
+    customElement("api-keys-tab")
+], ApiKeysTab);
+export { ApiKeysTab };
+// Proxy Tab
+let ProxyTab = class ProxyTab extends SettingsTab {
+    constructor() {
+        super(...arguments);
+        this.proxyEnabled = false;
+        this.proxyUrl = "http://localhost:3001";
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        // Load proxy settings when tab is connected
+        try {
+            const storage = getAppStorage();
+            const enabled = await storage.settings.get("proxy.enabled");
+            const url = await storage.settings.get("proxy.url");
+            if (enabled !== null)
+                this.proxyEnabled = enabled;
+            if (url !== null)
+                this.proxyUrl = url;
+        }
+        catch (error) {
+            console.error("Failed to load proxy settings:", error);
+        }
+    }
+    async saveProxySettings() {
+        try {
+            const storage = getAppStorage();
+            await storage.settings.set("proxy.enabled", this.proxyEnabled);
+            await storage.settings.set("proxy.url", this.proxyUrl);
+        }
+        catch (error) {
+            console.error("Failed to save proxy settings:", error);
+        }
+    }
+    getTabName() {
+        return i18n("Proxy");
+    }
+    render() {
+        return html `
+			<div class="flex flex-col gap-4">
+				<p class="text-sm text-muted-foreground">
+					${i18n("Allows browser-based apps to bypass CORS restrictions when calling LLM providers. Required for Z-AI and Anthropic with OAuth token.")}
+				</p>
+
+				<div class="flex items-center justify-between">
+					<span class="text-sm font-medium text-foreground">${i18n("Use CORS Proxy")}</span>
+					${Switch({
+            checked: this.proxyEnabled,
+            onChange: (checked) => {
+                this.proxyEnabled = checked;
+                this.saveProxySettings();
+            },
+        })}
+				</div>
+
+				<div class="space-y-2">
+					${Label({ children: i18n("Proxy URL") })}
+					${Input({
+            type: "text",
+            value: this.proxyUrl,
+            disabled: !this.proxyEnabled,
+            onInput: (e) => {
+                this.proxyUrl = e.target.value;
+            },
+            onChange: () => this.saveProxySettings(),
+        })}
+					<p class="text-xs text-muted-foreground">
+						${i18n("Format: The proxy must accept requests as <proxy-url>/?url=<target-url>")}
+					</p>
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    state()
+], ProxyTab.prototype, "proxyEnabled", void 0);
+__decorate([
+    state()
+], ProxyTab.prototype, "proxyUrl", void 0);
+ProxyTab = __decorate([
+    customElement("proxy-tab")
+], ProxyTab);
+export { ProxyTab };
+let SettingsDialog = SettingsDialog_1 = class SettingsDialog extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.tabs = [];
+        this.isOpen = false;
+        this.activeTabIndex = 0;
+    }
+    createRenderRoot() {
+        return this;
+    }
+    static async open(tabs, onClose) {
+        const dialog = new SettingsDialog_1();
+        dialog.tabs = tabs;
+        dialog.onCloseCallback = onClose;
+        dialog.isOpen = true;
+        document.body.appendChild(dialog);
+    }
+    setActiveTab(index) {
+        this.activeTabIndex = index;
+    }
+    renderSidebarItem(tab, index) {
+        const isActive = this.activeTabIndex === index;
+        return html `
+			<button
+				class="w-full text-left px-4 py-3 rounded-md transition-colors ${isActive
+            ? "bg-secondary text-foreground font-medium"
+            : "text-muted-foreground hover:bg-secondary/50 hover:text-foreground"}"
+				@click=${() => this.setActiveTab(index)}
+			>
+				${tab.getTabName()}
+			</button>
+		`;
+    }
+    renderMobileTab(tab, index) {
+        const isActive = this.activeTabIndex === index;
+        return html `
+			<button
+				class="px-3 py-2 text-sm font-medium transition-colors ${isActive ? "border-b-2 border-primary text-foreground" : "text-muted-foreground hover:text-foreground"}"
+				@click=${() => this.setActiveTab(index)}
+			>
+				${tab.getTabName()}
+			</button>
+		`;
+    }
+    render() {
+        if (this.tabs.length === 0) {
+            return html ``;
+        }
+        return Dialog({
+            isOpen: this.isOpen,
+            onClose: () => {
+                this.isOpen = false;
+                this.remove();
+                this.onCloseCallback?.();
+            },
+            width: "min(1000px, 90vw)",
+            height: "min(800px, 90vh)",
+            backdropClassName: "bg-black/50 backdrop-blur-sm",
+            children: html `
+				${DialogContent({
+                className: "h-full p-6",
+                children: html `
+						<div class="flex flex-col h-full overflow-hidden">
+							<!-- Header -->
+							<div class="pb-4 flex-shrink-0">${DialogHeader({ title: i18n("Settings") })}</div>
+
+							<!-- Mobile Tabs -->
+							<div class="md:hidden flex flex-shrink-0 pb-4">
+								${this.tabs.map((tab, index) => this.renderMobileTab(tab, index))}
+							</div>
+
+							<!-- Layout -->
+							<div class="flex flex-1 overflow-hidden">
+								<!-- Sidebar (desktop only) -->
+								<div class="hidden md:block w-64 flex-shrink-0 space-y-1">
+									${this.tabs.map((tab, index) => this.renderSidebarItem(tab, index))}
+								</div>
+
+								<!-- Content -->
+								<div class="flex-1 overflow-y-auto md:pl-6">
+									${this.tabs.map((tab, index) => html `<div style="display: ${this.activeTabIndex === index ? "block" : "none"}">${tab}</div>`)}
+								</div>
+							</div>
+						</div>
+					`,
+            })}
+			`,
+        });
+    }
+};
+__decorate([
+    property({ type: Array, attribute: false })
+], SettingsDialog.prototype, "tabs", void 0);
+__decorate([
+    state()
+], SettingsDialog.prototype, "isOpen", void 0);
+__decorate([
+    state()
+], SettingsDialog.prototype, "activeTabIndex", void 0);
+SettingsDialog = SettingsDialog_1 = __decorate([
+    customElement("settings-dialog")
+], SettingsDialog);
+export { SettingsDialog };
+//# sourceMappingURL=SettingsDialog.js.map

package/dist/dialogs/SettingsDialog.js.map

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