@mariozechner/pi-web-ui 0.5.44

package/dist/dialogs/ModelSelector.js

@@ -0,0 +1,334 @@
+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 ModelSelector_1;
+import { Badge, Button, DialogBase, DialogHeader, html, icon } from "@mariozechner/mini-lit";
+import { MODELS } from "@mariozechner/pi-ai/dist/models.generated.js";
+import { customElement, state } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { Brain, Image as ImageIcon } from "lucide";
+import { Ollama } from "ollama/dist/browser.mjs";
+import { Input } from "../components/Input.js";
+import { formatModelCost } from "../utils/format.js";
+import { i18n } from "../utils/i18n.js";
+let ModelSelector = ModelSelector_1 = class ModelSelector extends DialogBase {
+    constructor() {
+        super(...arguments);
+        this.currentModel = null;
+        this.searchQuery = "";
+        this.filterThinking = false;
+        this.filterVision = false;
+        this.ollamaModels = [];
+        this.ollamaError = null;
+        this.selectedIndex = 0;
+        this.navigationMode = "mouse";
+        this.scrollContainerRef = createRef();
+        this.searchInputRef = createRef();
+        this.lastMousePosition = { x: 0, y: 0 };
+        this.modalWidth = "min(400px, 90vw)";
+    }
+    static async open(currentModel, onSelect) {
+        const selector = new ModelSelector_1();
+        selector.currentModel = currentModel;
+        selector.onSelectCallback = onSelect;
+        selector.open();
+        selector.fetchOllamaModels();
+    }
+    async firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
+        // Wait for dialog to be fully rendered
+        await this.updateComplete;
+        // Focus the search input when dialog opens
+        this.searchInputRef.value?.focus();
+        // Track actual mouse movement
+        this.addEventListener("mousemove", (e) => {
+            // Check if mouse actually moved
+            if (e.clientX !== this.lastMousePosition.x || e.clientY !== this.lastMousePosition.y) {
+                this.lastMousePosition = { x: e.clientX, y: e.clientY };
+                // Only switch to mouse mode on actual mouse movement
+                if (this.navigationMode === "keyboard") {
+                    this.navigationMode = "mouse";
+                    // Update selection to the item under the mouse
+                    const target = e.target;
+                    const modelItem = target.closest("[data-model-item]");
+                    if (modelItem) {
+                        const allItems = this.scrollContainerRef.value?.querySelectorAll("[data-model-item]");
+                        if (allItems) {
+                            const index = Array.from(allItems).indexOf(modelItem);
+                            if (index !== -1) {
+                                this.selectedIndex = index;
+                            }
+                        }
+                    }
+                }
+            }
+        });
+        // Add global keyboard handler for the dialog
+        this.addEventListener("keydown", (e) => {
+            // Get filtered models to know the bounds
+            const filteredModels = this.getFilteredModels();
+            if (e.key === "ArrowDown") {
+                e.preventDefault();
+                this.navigationMode = "keyboard";
+                this.selectedIndex = Math.min(this.selectedIndex + 1, filteredModels.length - 1);
+                this.scrollToSelected();
+            }
+            else if (e.key === "ArrowUp") {
+                e.preventDefault();
+                this.navigationMode = "keyboard";
+                this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
+                this.scrollToSelected();
+            }
+            else if (e.key === "Enter") {
+                e.preventDefault();
+                if (filteredModels[this.selectedIndex]) {
+                    this.handleSelect(filteredModels[this.selectedIndex].model);
+                }
+            }
+        });
+    }
+    async fetchOllamaModels() {
+        try {
+            // Create Ollama client
+            const ollama = new Ollama({ host: "http://localhost:11434" });
+            // Get list of available models
+            const { models } = await ollama.list();
+            // Fetch details for each model and convert to Model format
+            const ollamaModelPromises = models
+                .map(async (model) => {
+                try {
+                    // Get model details
+                    const details = await ollama.show({
+                        model: model.name,
+                    });
+                    // Some Ollama servers don't report capabilities; don't filter on them
+                    // Extract model info
+                    const modelInfo = details.model_info || {};
+                    // Get context window size - look for architecture-specific keys
+                    const architecture = modelInfo["general.architecture"] || "";
+                    const contextKey = `${architecture}.context_length`;
+                    const contextWindow = parseInt(modelInfo[contextKey] || "8192", 10);
+                    const maxTokens = 4096; // Default max output tokens
+                    // Create Model object manually since ollama models aren't in MODELS constant
+                    const ollamaModel = {
+                        id: model.name,
+                        name: model.name,
+                        api: "openai-completions",
+                        provider: "ollama",
+                        baseUrl: "http://localhost:11434/v1",
+                        reasoning: false,
+                        input: ["text"],
+                        cost: {
+                            input: 0,
+                            output: 0,
+                            cacheRead: 0,
+                            cacheWrite: 0,
+                        },
+                        contextWindow: contextWindow,
+                        maxTokens: maxTokens,
+                    };
+                    return ollamaModel;
+                }
+                catch (err) {
+                    console.error(`Failed to fetch details for model ${model.name}:`, err);
+                    return null;
+                }
+            })
+                .filter((m) => m !== null);
+            const results = await Promise.all(ollamaModelPromises);
+            this.ollamaModels = results.filter((m) => m !== null);
+        }
+        catch (err) {
+            // Ollama not available or other error - silently ignore
+            console.debug("Ollama not available:", err);
+            this.ollamaError = err instanceof Error ? err.message : String(err);
+        }
+    }
+    formatTokens(tokens) {
+        if (tokens >= 1000000)
+            return `${(tokens / 1000000).toFixed(0)}M`;
+        if (tokens >= 1000)
+            return `${(tokens / 1000).toFixed(0)}`;
+        return String(tokens);
+    }
+    handleSelect(model) {
+        if (model) {
+            this.onSelectCallback?.(model);
+            this.close();
+        }
+    }
+    getFilteredModels() {
+        // Collect all models from all providers
+        const allModels = [];
+        for (const [provider, providerData] of Object.entries(MODELS)) {
+            for (const [modelId, model] of Object.entries(providerData)) {
+                allModels.push({ provider, id: modelId, model });
+            }
+        }
+        // Add Ollama models
+        for (const ollamaModel of this.ollamaModels) {
+            allModels.push({
+                id: ollamaModel.id,
+                provider: "ollama",
+                model: ollamaModel,
+            });
+        }
+        // Filter models based on search and capability filters
+        let filteredModels = allModels;
+        // Apply search filter
+        if (this.searchQuery) {
+            filteredModels = filteredModels.filter(({ provider, id, model }) => {
+                const searchTokens = this.searchQuery.split(/\s+/).filter((t) => t);
+                const searchText = `${provider} ${id} ${model.name}`.toLowerCase();
+                return searchTokens.every((token) => searchText.includes(token));
+            });
+        }
+        // Apply capability filters
+        if (this.filterThinking) {
+            filteredModels = filteredModels.filter(({ model }) => model.reasoning);
+        }
+        if (this.filterVision) {
+            filteredModels = filteredModels.filter(({ model }) => model.input.includes("image"));
+        }
+        // Sort: current model first, then by provider
+        filteredModels.sort((a, b) => {
+            const aIsCurrent = this.currentModel?.id === a.model.id;
+            const bIsCurrent = this.currentModel?.id === b.model.id;
+            if (aIsCurrent && !bIsCurrent)
+                return -1;
+            if (!aIsCurrent && bIsCurrent)
+                return 1;
+            return a.provider.localeCompare(b.provider);
+        });
+        return filteredModels;
+    }
+    scrollToSelected() {
+        requestAnimationFrame(() => {
+            const scrollContainer = this.scrollContainerRef.value;
+            const selectedElement = scrollContainer?.querySelectorAll("[data-model-item]")[this.selectedIndex];
+            if (selectedElement) {
+                selectedElement.scrollIntoView({ block: "nearest", behavior: "smooth" });
+            }
+        });
+    }
+    renderContent() {
+        const filteredModels = this.getFilteredModels();
+        return html `
+			<!-- Header and Search -->
+			<div class="p-6 pb-4 flex flex-col gap-4 border-b border-border flex-shrink-0">
+				${DialogHeader({ title: i18n("Select Model") })}
+				${Input({
+            placeholder: i18n("Search models..."),
+            value: this.searchQuery,
+            inputRef: this.searchInputRef,
+            onInput: (e) => {
+                this.searchQuery = e.target.value;
+                this.selectedIndex = 0;
+                // Reset scroll position when search changes
+                if (this.scrollContainerRef.value) {
+                    this.scrollContainerRef.value.scrollTop = 0;
+                }
+            },
+        })}
+				<div class="flex gap-2">
+					${Button({
+            variant: this.filterThinking ? "default" : "secondary",
+            size: "sm",
+            onClick: () => {
+                this.filterThinking = !this.filterThinking;
+                this.selectedIndex = 0;
+                if (this.scrollContainerRef.value) {
+                    this.scrollContainerRef.value.scrollTop = 0;
+                }
+            },
+            className: "rounded-full",
+            children: html `<span class="inline-flex items-center gap-1">${icon(Brain, "sm")} ${i18n("Thinking")}</span>`,
+        })}
+					${Button({
+            variant: this.filterVision ? "default" : "secondary",
+            size: "sm",
+            onClick: () => {
+                this.filterVision = !this.filterVision;
+                this.selectedIndex = 0;
+                if (this.scrollContainerRef.value) {
+                    this.scrollContainerRef.value.scrollTop = 0;
+                }
+            },
+            className: "rounded-full",
+            children: html `<span class="inline-flex items-center gap-1">${icon(ImageIcon, "sm")} ${i18n("Vision")}</span>`,
+        })}
+				</div>
+			</div>
+
+			<!-- Scrollable model list -->
+			<div class="flex-1 overflow-y-auto" ${ref(this.scrollContainerRef)}>
+				${filteredModels.map(({ provider, id, model }, index) => {
+            // Check if this is the current model by comparing IDs
+            const isCurrent = this.currentModel?.id === model.id;
+            const isSelected = index === this.selectedIndex;
+            return html `
+						<div
+							data-model-item
+							class="px-4 py-3 ${this.navigationMode === "mouse" ? "hover:bg-muted" : ""} cursor-pointer border-b border-border ${isSelected ? "bg-accent" : ""}"
+							@click=${() => this.handleSelect(model)}
+							@mouseenter=${() => {
+                // Only update selection in mouse mode
+                if (this.navigationMode === "mouse") {
+                    this.selectedIndex = index;
+                }
+            }}
+						>
+							<div class="flex items-center justify-between gap-2 mb-1">
+								<div class="flex items-center gap-2 flex-1 min-w-0">
+									<span class="text-sm font-medium text-foreground truncate">${id}</span>
+									${isCurrent ? html `<span class="text-green-500">✓</span>` : ""}
+								</div>
+								${Badge(provider, "outline")}
+							</div>
+							<div class="flex items-center justify-between text-xs text-muted-foreground">
+								<div class="flex items-center gap-2">
+									<span class="${model.reasoning ? "" : "opacity-30"}">${icon(Brain, "sm")}</span>
+									<span class="${model.input.includes("image") ? "" : "opacity-30"}">${icon(ImageIcon, "sm")}</span>
+									<span>${this.formatTokens(model.contextWindow)}K/${this.formatTokens(model.maxTokens)}K</span>
+								</div>
+								<span>${formatModelCost(model.cost)}</span>
+							</div>
+						</div>
+					`;
+        })}
+			</div>
+		`;
+    }
+};
+__decorate([
+    state()
+], ModelSelector.prototype, "currentModel", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "searchQuery", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "filterThinking", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "filterVision", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "ollamaModels", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "ollamaError", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "selectedIndex", void 0);
+__decorate([
+    state()
+], ModelSelector.prototype, "navigationMode", void 0);
+ModelSelector = ModelSelector_1 = __decorate([
+    customElement("agent-model-selector")
+], ModelSelector);
+export { ModelSelector };
+//# sourceMappingURL=ModelSelector.js.map

package/dist/dialogs/ModelSelector.js.map

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

package/dist/dialogs/SettingsDialog.d.ts

@@ -0,0 +1,31 @@
+import { type TemplateResult } from "@mariozechner/mini-lit";
+import { LitElement } 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;
+    static open(tabs: SettingsTab[]): 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":"AAAA,OAAO,EASN,KAAK,cAAc,EACnB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,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;CAiCxB;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;WAIb,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE;IAOrC,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,iBAAiB;IAgBzB,OAAO,CAAC,eAAe;IAcvB,MAAM;CAsDN"}

package/dist/dialogs/SettingsDialog.js

@@ -0,0 +1,228 @@
+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 { Dialog, DialogContent, DialogHeader, html, Input, i18n, Label, Switch, } from "@mariozechner/mini-lit";
+import { getProviders } from "@mariozechner/pi-ai";
+import { 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("The CORS proxy strips CORS headers from API responses, allowing browser-based apps to make direct calls to LLM providers without CORS restrictions. It forwards requests to providers while removing headers that would otherwise block cross-origin requests.")}
+				</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(),
+        })}
+				</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) {
+        const dialog = new SettingsDialog_1();
+        dialog.tabs = tabs;
+        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();
+            },
+            width: "min(1000px, 90vw)",
+            height: "min(800px, 90vh)",
+            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>
+
+							<!-- Footer -->
+							<div class="pt-4 flex-shrink-0">
+								<p class="text-xs text-muted-foreground text-center">
+									${i18n("Settings are stored locally in your browser")}
+								</p>
+							</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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"}