@mariozechner/pi-web-ui 0.30.2 → 0.31.0

package/dist/agent/transports/ProviderTransport.d.ts

@@ -1,14 +0,0 @@
-import { type Message } from "@mariozechner/pi-ai";
-import type { AgentRunConfig, AgentTransport } from "./types.js";
-/**
- * Transport that calls LLM providers directly.
- * Uses CORS proxy only for providers that require it (Anthropic OAuth, Z-AI).
- */
-export declare class ProviderTransport implements AgentTransport {
-    private getModel;
-    private buildContext;
-    private buildLoopConfig;
-    run(messages: Message[], userMessage: Message, cfg: AgentRunConfig, signal?: AbortSignal): AsyncGenerator<import("@mariozechner/pi-ai").AgentEvent, void, unknown>;
-    continue(messages: Message[], cfg: AgentRunConfig, signal?: AbortSignal): AsyncGenerator<import("@mariozechner/pi-ai").AgentEvent, void, unknown>;
-}
-//# sourceMappingURL=ProviderTransport.d.ts.map

package/dist/agent/transports/ProviderTransport.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProviderTransport.d.ts","sourceRoot":"","sources":["../../../src/agent/transports/ProviderTransport.ts"],"names":[],"mappings":"AAAA,OAAO,EAKN,KAAK,OAAO,EAEZ,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjE;;;GAGG;AACH,qBAAa,iBAAkB,YAAW,cAAc;YACzC,QAAQ;IAatB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;IAahB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,WAAW;IAUxF,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,WAAW;CAS9E"}

package/dist/agent/transports/ProviderTransport.js

@@ -1,55 +0,0 @@
-import { agentLoop, agentLoopContinue, } from "@mariozechner/pi-ai";
-import { getAppStorage } from "../../storage/app-storage.js";
-import { applyProxyIfNeeded } from "../../utils/proxy-utils.js";
-/**
- * Transport that calls LLM providers directly.
- * Uses CORS proxy only for providers that require it (Anthropic OAuth, Z-AI).
- */
-export class ProviderTransport {
-    async getModel(cfg) {
-        const apiKey = await getAppStorage().providerKeys.get(cfg.model.provider);
-        if (!apiKey) {
-            throw new Error("no-api-key");
-        }
-        const proxyEnabled = await getAppStorage().settings.get("proxy.enabled");
-        const proxyUrl = await getAppStorage().settings.get("proxy.url");
-        const model = applyProxyIfNeeded(cfg.model, apiKey, proxyEnabled ? proxyUrl || undefined : undefined);
-        return model;
-    }
-    buildContext(messages, cfg) {
-        return {
-            systemPrompt: cfg.systemPrompt,
-            messages,
-            tools: cfg.tools,
-        };
-    }
-    buildLoopConfig(model, cfg) {
-        return {
-            model,
-            reasoning: cfg.reasoning,
-            // Resolve API key per assistant response (important for expiring OAuth tokens)
-            getApiKey: async (provider) => {
-                const key = await getAppStorage().providerKeys.get(provider);
-                return key ?? undefined; // Convert null to undefined for type compatibility
-            },
-            getQueuedMessages: cfg.getQueuedMessages,
-        };
-    }
-    async *run(messages, userMessage, cfg, signal) {
-        const model = await this.getModel(cfg);
-        const context = this.buildContext(messages, cfg);
-        const pc = this.buildLoopConfig(model, cfg);
-        for await (const ev of agentLoop(userMessage, context, pc, signal)) {
-            yield ev;
-        }
-    }
-    async *continue(messages, cfg, signal) {
-        const model = await this.getModel(cfg);
-        const context = this.buildContext(messages, cfg);
-        const pc = this.buildLoopConfig(model, cfg);
-        for await (const ev of agentLoopContinue(context, pc, signal)) {
-            yield ev;
-        }
-    }
-}
-//# sourceMappingURL=ProviderTransport.js.map

package/dist/agent/transports/ProviderTransport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProviderTransport.js","sourceRoot":"","sources":["../../../src/agent/transports/ProviderTransport.ts"],"names":[],"mappings":"AAAA,OAAO,EAGN,SAAS,EACT,iBAAiB,GAGjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGhE;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IACrB,KAAK,CAAC,QAAQ,CAAC,GAAmB;QACzC,MAAM,MAAM,GAAG,MAAM,aAAa,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC1E,IAAI,CAAC,MAAM,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;QAED,MAAM,YAAY,GAAG,MAAM,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAU,eAAe,CAAC,CAAC;QAClF,MAAM,QAAQ,GAAG,MAAM,aAAa,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAS,WAAW,CAAC,CAAC;QACzE,MAAM,KAAK,GAAG,kBAAkB,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAEtG,OAAO,KAAK,CAAC;IACd,CAAC;IAEO,YAAY,CAAC,QAAmB,EAAE,GAAmB;QAC5D,OAAO;YACN,YAAY,EAAE,GAAG,CAAC,YAAY;YAC9B,QAAQ;YACR,KAAK,EAAE,GAAG,CAAC,KAAK;SAChB,CAAC;IACH,CAAC;IAEO,eAAe,CAAC,KAA8B,EAAE,GAAmB;QAC1E,OAAO;YACN,KAAK;YACL,SAAS,EAAE,GAAG,CAAC,SAAS;YACxB,+EAA+E;YAC/E,SAAS,EAAE,KAAK,EAAE,QAAgB,EAAE,EAAE;gBACrC,MAAM,GAAG,GAAG,MAAM,aAAa,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBAC7D,OAAO,GAAG,IAAI,SAAS,CAAC,CAAC,mDAAmD;YAC7E,CAAC;YACD,iBAAiB,EAAE,GAAG,CAAC,iBAAiB;SACxC,CAAC;IACH,CAAC;IAED,KAAK,CAAC,CAAC,GAAG,CAAC,QAAmB,EAAE,WAAoB,EAAE,GAAmB,EAAE,MAAoB;QAC9F,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5C,IAAI,KAAK,EAAE,MAAM,EAAE,IAAI,SAAS,CAAC,WAAqC,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;YAC9F,MAAM,EAAE,CAAC;QACV,CAAC;IACF,CAAC;IAED,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAmB,EAAE,GAAmB,EAAE,MAAoB;QAC7E,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5C,IAAI,KAAK,EAAE,MAAM,EAAE,IAAI,iBAAiB,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC;YAC/D,MAAM,EAAE,CAAC;QACV,CAAC;IACF,CAAC;CACD"}

package/dist/agent/transports/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./AppTransport.js";
-export * from "./ProviderTransport.js";
-export * from "./types.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/agent/transports/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/agent/transports/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

package/dist/agent/transports/index.js

@@ -1,4 +0,0 @@
-export * from "./AppTransport.js";
-export * from "./ProviderTransport.js";
-export * from "./types.js";
-//# sourceMappingURL=index.js.map

package/dist/agent/transports/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/agent/transports/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,YAAY,CAAC"}

package/dist/agent/transports/proxy-types.d.ts

@@ -1,48 +0,0 @@
-import type { StopReason, Usage } from "@mariozechner/pi-ai";
-export type ProxyAssistantMessageEvent = {
-    type: "start";
-} | {
-    type: "text_start";
-    contentIndex: number;
-} | {
-    type: "text_delta";
-    contentIndex: number;
-    delta: string;
-} | {
-    type: "text_end";
-    contentIndex: number;
-    contentSignature?: string;
-} | {
-    type: "thinking_start";
-    contentIndex: number;
-} | {
-    type: "thinking_delta";
-    contentIndex: number;
-    delta: string;
-} | {
-    type: "thinking_end";
-    contentIndex: number;
-    contentSignature?: string;
-} | {
-    type: "toolcall_start";
-    contentIndex: number;
-    id: string;
-    toolName: string;
-} | {
-    type: "toolcall_delta";
-    contentIndex: number;
-    delta: string;
-} | {
-    type: "toolcall_end";
-    contentIndex: number;
-} | {
-    type: "done";
-    reason: Extract<StopReason, "stop" | "length" | "toolUse">;
-    usage: Usage;
-} | {
-    type: "error";
-    reason: Extract<StopReason, "aborted" | "error">;
-    errorMessage: string;
-    usage: Usage;
-};
-//# sourceMappingURL=proxy-types.d.ts.map

package/dist/agent/transports/proxy-types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"proxy-types.d.ts","sourceRoot":"","sources":["../../../src/agent/transports/proxy-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE7D,MAAM,MAAM,0BAA0B,GACnC;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3D;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,GACrE;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/D;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAAE,GACzE;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC9E;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC/D;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAC1F;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;IAAC,YAAY,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC"}

package/dist/agent/transports/proxy-types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=proxy-types.js.map

package/dist/agent/transports/proxy-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"proxy-types.js","sourceRoot":"","sources":["../../../src/agent/transports/proxy-types.ts"],"names":[],"mappings":""}

package/dist/agent/transports/types.d.ts

@@ -1,15 +0,0 @@
-import type { AgentEvent, AgentTool, Message, Model, QueuedMessage } from "@mariozechner/pi-ai";
-export interface AgentRunConfig {
-    systemPrompt: string;
-    tools: AgentTool<any>[];
-    model: Model<any>;
-    reasoning?: "low" | "medium" | "high";
-    getQueuedMessages?: <T>() => Promise<QueuedMessage<T>[]>;
-}
-export interface AgentTransport {
-    /** Run with a new user message */
-    run(messages: Message[], userMessage: Message, config: AgentRunConfig, signal?: AbortSignal): AsyncIterable<AgentEvent>;
-    /** Continue from current context (no new user message) */
-    continue(messages: Message[], config: AgentRunConfig, signal?: AbortSignal): AsyncIterable<AgentEvent>;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/agent/transports/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/agent/transports/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGhG,MAAM,WAAW,cAAc;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;IACxB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,CAAC,OAAO,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;CACzD;AAKD,MAAM,WAAW,cAAc;IAC9B,kCAAkC;IAClC,GAAG,CACF,QAAQ,EAAE,OAAO,EAAE,EACnB,WAAW,EAAE,OAAO,EACpB,MAAM,EAAE,cAAc,EACtB,MAAM,CAAC,EAAE,WAAW,GAClB,aAAa,CAAC,UAAU,CAAC,CAAC;IAE7B,0DAA0D;IAC1D,QAAQ,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;CACvG"}

package/dist/agent/transports/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/agent/transports/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/agent/transports/types.ts"],"names":[],"mappings":""}

package/dist/agent/types.d.ts

@@ -1,15 +0,0 @@
-import type { AssistantMessage, Context } from "@mariozechner/pi-ai";
-export interface DebugLogEntry {
-    timestamp: string;
-    request: {
-        provider: string;
-        model: string;
-        context: Context;
-    };
-    response?: AssistantMessage;
-    error?: unknown;
-    sseEvents: string[];
-    ttft?: number;
-    totalTime?: number;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/agent/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/agent/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,WAAW,aAAa;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAC/D,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/agent/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/agent/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/agent/types.ts"],"names":[],"mappings":""}

package/example/src/test-sessions.ts

@@ -1,104 +0,0 @@
-const simpleHtml = {
-    "systemPrompt": "You are a helpful AI assistant with access to various tools.\n\nAvailable tools:\n- Calculator: Perform mathematical calculations\n- Current Time: Get the current date and time in any timezone\n- Artifacts: Create interactive HTML, SVG, Markdown, and text artifacts\n\nFeel free to use these tools when needed to provide accurate and helpful responses.",
-    "model": {
-        "id": "claude-sonnet-4-5-20250929",
-        "name": "Claude Sonnet 4.5",
-        "api": "anthropic-messages",
-        "provider": "anthropic",
-        "baseUrl": "https://api.anthropic.com",
-        "reasoning": true,
-        "input": [
-            "text",
-            "image"
-        ],
-        "cost": {
-            "input": 3,
-            "output": 15,
-            "cacheRead": 0.3,
-            "cacheWrite": 3.75
-        },
-        "contextWindow": 200000,
-        "maxTokens": 64000
-    },
-    "messages": [
-        {
-            "role": "user",
-            "content": [
-                {
-                    "type": "text",
-                    "text": "simple html"
-                }
-            ]
-        },
-        {
-            "role": "assistant",
-            "content": [
-                {
-                    "type": "text",
-                    "text": "I'll create a simple HTML page for you!"
-                },
-                {
-                    "type": "toolCall",
-                    "id": "toolu_01JXaq9rMAUt1goJ5tMQXgLh",
-                    "name": "artifacts",
-                    "arguments": {
-                        "command": "create",
-                        "filename": "index.html",
-                        "title": "Simple HTML Page",
-                        "content": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Simple HTML Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #f5f5f5;\n        }\n        \n        header {\n            background-color: #4CAF50;\n            color: white;\n            padding: 20px;\n            text-align: center;\n            border-radius: 8px;\n        }\n        \n        main {\n            background-color: white;\n            padding: 20px;\n            margin-top: 20px;\n            border-radius: 8px;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n        \n        button {\n            background-color: #4CAF50;\n            color: white;\n            padding: 10px 20px;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-size: 16px;\n        }\n        \n        button:hover {\n            background-color: #45a049;\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to My Simple Page</h1>\n    </header>\n    \n    <main>\n        <h2>Hello!</h2>\n        <p>This is a simple HTML page with some basic styling.</p>\n        \n        <h3>Features:</h3>\n        <ul>\n            <li>Clean design</li>\n            <li>Responsive layout</li>\n            <li>Interactive button</li>\n        </ul>\n        \n        <button onclick=\"showMessage()\">Click Me!</button>\n        <p id=\"message\"></p>\n    </main>\n    \n    <script>\n        function showMessage() {\n            document.getElementById('message').textContent = '✨ Thanks for clicking!';\n        }\n    </script>\n</body>\n</html>"
-                    }
-                }
-            ],
-            "api": "anthropic-messages",
-            "provider": "anthropic",
-            "model": "claude-sonnet-4-5-20250929",
-            "usage": {
-                "input": 2108,
-                "output": 666,
-                "cacheRead": 0,
-                "cacheWrite": 0,
-                "cost": {
-                    "input": 0.006324,
-                    "output": 0.00999,
-                    "cacheRead": 0,
-                    "cacheWrite": 0,
-                    "total": 0.016314000000000002
-                }
-            },
-            "stopReason": "toolUse"
-        },
-        {
-            "role": "toolResult",
-            "toolCallId": "toolu_01JXaq9rMAUt1goJ5tMQXgLh",
-            "toolName": "artifacts",
-            "output": "Created file index.html\n\nExecution timed out. Partial logs:\nKeine Logs für index.html",
-            "isError": false
-        },
-        {
-            "role": "assistant",
-            "content": [
-                {
-                    "type": "text",
-                    "text": "I've created a simple HTML page for you! It includes:\n\n- **Clean header** with a green background\n- **Main content area** with a white card-style design\n- **A list** showing some features\n- **An interactive button** that displays a message when clicked\n- **Responsive styling** that looks good on different screen sizes\n\nThe page has a light gray background and uses simple, clean styling. Try clicking the button to see it in action! \n\nWould you like me to modify anything or add more features?"
-                }
-            ],
-            "api": "anthropic-messages",
-            "provider": "anthropic",
-            "model": "claude-sonnet-4-5-20250929",
-            "usage": {
-                "input": 2811,
-                "output": 115,
-                "cacheRead": 0,
-                "cacheWrite": 0,
-                "cost": {
-                    "input": 0.008433,
-                    "output": 0.001725,
-                    "cacheRead": 0,
-                    "cacheWrite": 0,
-                    "total": 0.010158
-                }
-            },
-            "stopReason": "stop"
-        }
-    ]
-};

package/src/agent/agent.ts

@@ -1,341 +0,0 @@
-import type { Context, QueuedMessage } from "@mariozechner/pi-ai";
-import {
-	type AgentTool,
-	type AssistantMessage as AssistantMessageType,
-	getModel,
-	type ImageContent,
-	type Message,
-	type Model,
-	type TextContent,
-} from "@mariozechner/pi-ai";
-import type { AppMessage } from "../components/Messages.js";
-import type { Attachment } from "../utils/attachment-utils.js";
-import type { AgentRunConfig, AgentTransport } from "./transports/types.js";
-import type { DebugLogEntry } from "./types.js";
-
-// Default transformer: Keep only LLM-compatible messages, strip app-specific fields
-function defaultMessageTransformer(messages: AppMessage[]): Message[] {
-	return messages
-		.filter((m) => {
-			// Only keep standard LLM message roles
-			return m.role === "user" || m.role === "assistant" || m.role === "toolResult";
-		})
-		.map((m) => {
-			if (m.role === "user") {
-				// Strip attachments field (app-specific)
-
-				// biome-ignore lint/correctness/noUnusedVariables: fine here
-				const { attachments, ...rest } = m as any;
-				return rest as Message;
-			}
-			return m as Message;
-		});
-}
-
-export type ThinkingLevel = "off" | "minimal" | "low" | "medium" | "high";
-
-export interface AgentState {
-	systemPrompt: string;
-	model: Model<any>;
-	thinkingLevel: ThinkingLevel;
-	tools: AgentTool<any>[];
-	messages: AppMessage[];
-	isStreaming: boolean;
-	streamMessage: Message | null;
-	pendingToolCalls: Set<string>;
-	error?: string;
-}
-
-export type AgentEvent =
-	| { type: "state-update"; state: AgentState }
-	| { type: "error-no-model" }
-	| { type: "error-no-api-key"; provider: string }
-	| { type: "started" }
-	| { type: "completed" };
-
-export interface AgentOptions {
-	initialState?: Partial<AgentState>;
-	debugListener?: (entry: DebugLogEntry) => void;
-	transport: AgentTransport;
-	// Transform app messages to LLM-compatible messages before sending to transport
-	messageTransformer?: (messages: AppMessage[]) => Message[] | Promise<Message[]>;
-}
-
-export class Agent {
-	private _state: AgentState = {
-		systemPrompt: "",
-		model: getModel("google", "gemini-2.5-flash-lite-preview-06-17"),
-		thinkingLevel: "off",
-		tools: [],
-		messages: [],
-		isStreaming: false,
-		streamMessage: null,
-		pendingToolCalls: new Set<string>(),
-		error: undefined,
-	};
-	private listeners = new Set<(e: AgentEvent) => void>();
-	private abortController?: AbortController;
-	private transport: AgentTransport;
-	private debugListener?: (entry: DebugLogEntry) => void;
-	private messageTransformer: (messages: AppMessage[]) => Message[] | Promise<Message[]>;
-	private messageQueue: Array<QueuedMessage<AppMessage>> = [];
-
-	constructor(opts: AgentOptions) {
-		this._state = { ...this._state, ...opts.initialState };
-		this.debugListener = opts.debugListener;
-		this.transport = opts.transport;
-		this.messageTransformer = opts.messageTransformer || defaultMessageTransformer;
-	}
-
-	get state(): AgentState {
-		return this._state;
-	}
-
-	subscribe(fn: (e: AgentEvent) => void): () => void {
-		this.listeners.add(fn);
-		fn({ type: "state-update", state: this._state });
-		return () => this.listeners.delete(fn);
-	}
-
-	// Mutators
-	setSystemPrompt(v: string) {
-		this.patch({ systemPrompt: v });
-	}
-	setModel(m: Model<any>) {
-		this.patch({ model: m });
-	}
-	setThinkingLevel(l: ThinkingLevel) {
-		this.patch({ thinkingLevel: l });
-	}
-	setTools(t: AgentTool<any>[]) {
-		this.patch({ tools: t });
-	}
-	replaceMessages(ms: AppMessage[]) {
-		this.patch({ messages: ms.slice() });
-	}
-	appendMessage(m: AppMessage) {
-		this.patch({ messages: [...this._state.messages, m] });
-	}
-	async queueMessage(m: AppMessage) {
-		// Transform message and queue it for injection at next turn
-		const transformed = await this.messageTransformer([m]);
-		this.messageQueue.push({
-			original: m,
-			llm: transformed[0], // undefined if filtered out
-		});
-	}
-	clearMessages() {
-		this.patch({ messages: [] });
-	}
-
-	abort() {
-		this.abortController?.abort();
-	}
-
-	private logState(message: string) {
-		const { systemPrompt, model, messages } = this._state;
-		console.log(message, { systemPrompt, model, messages });
-	}
-
-	async prompt(input: string, attachments?: Attachment[]) {
-		const model = this._state.model;
-		if (!model) {
-			this.emit({ type: "error-no-model" });
-			return;
-		}
-
-		// Build user message with attachments
-		const content: Array<TextContent | ImageContent> = [{ type: "text", text: input }];
-		if (attachments?.length) {
-			for (const a of attachments) {
-				if (a.type === "image") {
-					content.push({ type: "image", data: a.content, mimeType: a.mimeType });
-				} else if (a.type === "document" && a.extractedText) {
-					content.push({
-						type: "text",
-						text: `\n\n[Document: ${a.fileName}]\n${a.extractedText}`,
-						isDocument: true,
-					} as TextContent);
-				}
-			}
-		}
-
-		const userMessage: AppMessage = {
-			role: "user",
-			content,
-			attachments: attachments?.length ? attachments : undefined,
-			timestamp: Date.now(),
-		};
-
-		this.abortController = new AbortController();
-		this.patch({ isStreaming: true, streamMessage: null, error: undefined });
-		this.emit({ type: "started" });
-
-		const reasoning =
-			this._state.thinkingLevel === "off"
-				? undefined
-				: this._state.thinkingLevel === "minimal"
-					? "low"
-					: this._state.thinkingLevel;
-		const cfg: AgentRunConfig = {
-			systemPrompt: this._state.systemPrompt,
-			tools: this._state.tools,
-			model,
-			reasoning,
-			getQueuedMessages: async <T>() => {
-				// Return queued messages (they'll be added to state via message_end event)
-				const queued = this.messageQueue.slice();
-				this.messageQueue = [];
-				return queued as QueuedMessage<T>[];
-			},
-		};
-
-		try {
-			let partial: Message | null = null;
-			let turnDebug: DebugLogEntry | null = null;
-			let turnStart = 0;
-
-			this.logState("prompt started, current state:");
-
-			// Transform app messages to LLM-compatible messages (initial set)
-			const llmMessages = await this.messageTransformer(this._state.messages);
-
-			console.log("transformed messages:", llmMessages);
-			for await (const ev of this.transport.run(
-				llmMessages,
-				userMessage as Message,
-				cfg,
-				this.abortController.signal,
-			)) {
-				switch (ev.type) {
-					case "turn_start": {
-						turnStart = performance.now();
-						// Build request context snapshot (use transformed messages)
-						const ctx: Context = {
-							systemPrompt: this._state.systemPrompt,
-							messages: [...llmMessages],
-							tools: this._state.tools,
-						};
-						turnDebug = {
-							timestamp: new Date().toISOString(),
-							request: {
-								provider: cfg.model.provider,
-								model: cfg.model.id,
-								context: { ...ctx },
-							},
-							sseEvents: [],
-						};
-						break;
-					}
-					case "message_start":
-					case "message_update": {
-						partial = ev.message;
-						// Collect SSE-like events for debug (drop heavy partial)
-						if (ev.type === "message_update" && ev.assistantMessageEvent && turnDebug) {
-							const copy: any = { ...ev.assistantMessageEvent };
-							if (copy && "partial" in copy) delete copy.partial;
-							turnDebug.sseEvents.push(JSON.stringify(copy));
-							if (!turnDebug.ttft) turnDebug.ttft = performance.now() - turnStart;
-						}
-						this.patch({ streamMessage: ev.message });
-						break;
-					}
-					case "message_end": {
-						partial = null;
-						this.appendMessage(ev.message as AppMessage);
-						this.patch({ streamMessage: null });
-						if (turnDebug) {
-							if (ev.message.role !== "assistant" && ev.message.role !== "toolResult") {
-								turnDebug.request.context.messages.push(ev.message);
-							}
-							if (ev.message.role === "assistant") turnDebug.response = ev.message as any;
-						}
-						break;
-					}
-					case "tool_execution_start": {
-						const s = new Set(this._state.pendingToolCalls);
-						s.add(ev.toolCallId);
-						this.patch({ pendingToolCalls: s });
-						break;
-					}
-					case "tool_execution_end": {
-						const s = new Set(this._state.pendingToolCalls);
-						s.delete(ev.toolCallId);
-						this.patch({ pendingToolCalls: s });
-						break;
-					}
-					case "turn_end": {
-						// finalize current turn
-						if (turnDebug) {
-							turnDebug.totalTime = performance.now() - turnStart;
-							this.debugListener?.(turnDebug);
-							turnDebug = null;
-						}
-						break;
-					}
-					case "agent_end": {
-						this.patch({ streamMessage: null });
-						break;
-					}
-				}
-			}
-
-			if (partial && partial.role === "assistant" && partial.content.length > 0) {
-				const onlyEmpty = !partial.content.some(
-					(c) =>
-						(c.type === "thinking" && c.thinking.trim().length > 0) ||
-						(c.type === "text" && c.text.trim().length > 0) ||
-						(c.type === "toolCall" && c.name.trim().length > 0),
-				);
-				if (!onlyEmpty) {
-					this.appendMessage(partial as AppMessage);
-				} else {
-					if (this.abortController?.signal.aborted) {
-						throw new Error("Request was aborted");
-					}
-				}
-			}
-		} catch (err: any) {
-			if (String(err?.message || err) === "no-api-key") {
-				this.emit({ type: "error-no-api-key", provider: model.provider });
-			} else {
-				const msg: AssistantMessageType = {
-					role: "assistant",
-					content: [{ type: "text", text: "" }],
-					api: model.api,
-					provider: model.provider,
-					model: model.id,
-					usage: {
-						input: 0,
-						output: 0,
-						cacheRead: 0,
-						cacheWrite: 0,
-						totalTokens: 0,
-						cost: { input: 0, output: 0, cacheRead: 0, cacheWrite: 0, total: 0 },
-					},
-					stopReason: this.abortController?.signal.aborted ? "aborted" : "error",
-					errorMessage: err?.message || String(err),
-					timestamp: Date.now(),
-				};
-				this.appendMessage(msg as AppMessage);
-				this.patch({ error: err?.message || String(err) });
-			}
-		} finally {
-			this.patch({ isStreaming: false, streamMessage: null, pendingToolCalls: new Set<string>() });
-			this.abortController = undefined;
-			this.emit({ type: "completed" });
-		}
-		this.logState("final state:");
-	}
-
-	private patch(p: Partial<AgentState>): void {
-		this._state = { ...this._state, ...p };
-		this.emit({ type: "state-update", state: this._state });
-	}
-
-	private emit(e: AgentEvent) {
-		for (const listener of this.listeners) {
-			listener(e);
-		}
-	}
-}