@mariozechner/pi-web-ui 0.5.44

package/README.md

@@ -0,0 +1,252 @@
+# @mariozechner/pi-web-ui
+
+Reusable web UI components for building AI chat interfaces powered by [@mariozechner/pi-ai](../ai).
+
+Built with [mini-lit](https://github.com/mariozechner/mini-lit) web components and Tailwind CSS v4.
+
+## Features
+
+- 🎨 **Modern Chat Interface** - Complete chat UI with message history, streaming responses, and tool execution
+- 🔧 **Tool Support** - Built-in renderers for calculator, bash, time, and custom tools
+- 📎 **Attachments** - PDF, Office documents, images with preview and text extraction
+- 🎭 **Artifacts** - HTML, SVG, Markdown, and text artifact rendering with sandboxed execution
+- 🔌 **Pluggable Transports** - Direct API calls or proxy server support
+- 🌐 **Platform Agnostic** - Works in browser extensions, web apps, VS Code extensions, Electron apps
+- 🎯 **TypeScript** - Full type safety with TypeScript
+
+## Installation
+
+```bash
+npm install @mariozechner/pi-web-ui
+```
+
+## Quick Start
+
+See the [example](./example) directory for a complete working application.
+
+```typescript
+import { ChatPanel } from '@mariozechner/pi-web-ui';
+import { calculateTool, getCurrentTimeTool } from '@mariozechner/pi-ai';
+import '@mariozechner/pi-web-ui/app.css';
+
+// Create a chat panel
+const chatPanel = new ChatPanel();
+chatPanel.systemPrompt = 'You are a helpful assistant.';
+chatPanel.additionalTools = [calculateTool, getCurrentTimeTool];
+
+document.body.appendChild(chatPanel);
+```
+
+**Run the example:**
+
+```bash
+cd example
+npm install
+npm run dev
+```
+
+## Core Components
+
+### ChatPanel
+
+The main chat interface component. Manages agent sessions, model selection, and conversation flow.
+
+```typescript
+import { ChatPanel } from '@mariozechner/pi-web-ui';
+
+const panel = new ChatPanel({
+  initialModel: 'anthropic/claude-sonnet-4-20250514',
+  systemPrompt: 'You are a helpful assistant.',
+  transportMode: 'direct', // or 'proxy'
+});
+```
+
+### AgentInterface
+
+Lower-level chat interface for custom implementations.
+
+```typescript
+import { AgentInterface } from '@mariozechner/pi-web-ui';
+
+const chat = new AgentInterface();
+chat.session = myAgentSession;
+```
+
+## State Management
+
+### AgentSession
+
+Manages conversation state, tool execution, and streaming.
+
+```typescript
+import { AgentSession, DirectTransport } from '@mariozechner/pi-web-ui';
+import { getModel, calculateTool, getCurrentTimeTool } from '@mariozechner/pi-ai';
+
+const session = new AgentSession({
+  initialState: {
+    model: getModel('anthropic', 'claude-3-5-haiku-20241022'),
+    systemPrompt: 'You are a helpful assistant.',
+    tools: [calculateTool, getCurrentTimeTool],
+    messages: [],
+  },
+  transportMode: 'direct',
+});
+
+// Subscribe to state changes
+session.subscribe((state) => {
+  console.log('Messages:', state.messages);
+  console.log('Streaming:', state.streaming);
+});
+
+// Send a message
+await session.send('What is 25 * 18?');
+```
+
+### Transports
+
+Transport layers handle communication with AI providers.
+
+#### DirectTransport
+
+Calls AI provider APIs directly from the browser using API keys stored locally.
+
+```typescript
+import { DirectTransport, KeyStore } from '@mariozechner/pi-web-ui';
+
+// Set API keys
+const keyStore = new KeyStore();
+await keyStore.setKey('anthropic', 'sk-ant-...');
+await keyStore.setKey('openai', 'sk-...');
+
+// Use direct transport (default)
+const session = new AgentSession({
+  transportMode: 'direct',
+  // ...
+});
+```
+
+#### ProxyTransport
+
+Routes requests through a proxy server using auth tokens.
+
+```typescript
+import { ProxyTransport, setAuthToken } from '@mariozechner/pi-web-ui';
+
+// Set auth token
+setAuthToken('your-auth-token');
+
+// Use proxy transport
+const session = new AgentSession({
+  transportMode: 'proxy',
+  // ...
+});
+```
+
+## Tool Renderers
+
+Customize how tool calls and results are displayed.
+
+```typescript
+import { registerToolRenderer, type ToolRenderer } from '@mariozechner/pi-web-ui';
+import { html } from '@mariozechner/mini-lit';
+
+const myRenderer: ToolRenderer = {
+  renderParams(params, isStreaming) {
+    return html`<div>Calling tool with: ${JSON.stringify(params)}</div>`;
+  },
+
+  renderResult(params, result) {
+    return html`<div>Result: ${result.output}</div>`;
+  }
+};
+
+registerToolRenderer('my_tool', myRenderer);
+```
+
+## Artifacts
+
+Render rich content with sandboxed execution.
+
+```typescript
+import { artifactTools } from '@mariozechner/pi-web-ui';
+import { getModel } from '@mariozechner/pi-ai';
+
+const session = new AgentSession({
+  initialState: {
+    tools: [...artifactTools],
+    // ...
+  }
+});
+
+// AI can now create HTML artifacts, SVG diagrams, etc.
+```
+
+## Styling
+
+The package includes pre-built Tailwind CSS with the Claude theme:
+
+```typescript
+import '@mariozechner/pi-web-ui/app.css';
+```
+
+Or customize with your own Tailwind config:
+
+```css
+@import '@mariozechner/mini-lit/themes/claude.css';
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+```
+
+## Platform Integration
+
+### Browser Extension
+
+```typescript
+import { ChatPanel, KeyStore } from '@mariozechner/pi-web-ui';
+
+// Use chrome.storage for persistence
+const keyStore = new KeyStore({
+  get: async (key) => {
+    const result = await chrome.storage.local.get(key);
+    return result[key];
+  },
+  set: async (key, value) => {
+    await chrome.storage.local.set({ [key]: value });
+  }
+});
+```
+
+### Web Application
+
+```typescript
+import { ChatPanel } from '@mariozechner/pi-web-ui';
+
+// Uses localStorage by default
+const panel = new ChatPanel();
+document.querySelector('#app').appendChild(panel);
+```
+
+### VS Code Extension
+
+```typescript
+import { AgentSession, DirectTransport } from '@mariozechner/pi-web-ui';
+
+// Custom storage using VS Code's globalState
+const storage = {
+  get: async (key) => context.globalState.get(key),
+  set: async (key, value) => context.globalState.update(key, value)
+};
+```
+
+## Examples
+
+See the [browser-extension](../browser-extension) package for a complete implementation example.
+
+## API Reference
+
+See [src/index.ts](src/index.ts) for the full public API.
+
+## License
+
+MIT

package/dist/ChatPanel.d.ts

@@ -0,0 +1,23 @@
+import { type AgentTool } from "@mariozechner/pi-ai";
+import { LitElement } from "lit";
+import "./components/AgentInterface.js";
+export declare class ChatPanel extends LitElement {
+    private session;
+    private artifactsPanel;
+    private hasArtifacts;
+    private artifactCount;
+    private showArtifactsPanel;
+    private windowWidth;
+    systemPrompt: string;
+    additionalTools: AgentTool<any, any>[];
+    sandboxUrlProvider?: () => string;
+    onApiKeyRequired?: (provider: string) => Promise<boolean>;
+    private resizeHandler;
+    createRenderRoot(): this;
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    toggleArtifactsPanel(): void;
+    get artifactsPanelVisible(): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=ChatPanel.d.ts.map

package/dist/ChatPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../src/ChatPanel.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,gCAAgC,CAAC;AAUxC,qBACa,SAAU,SAAQ,UAAU;IAC/B,OAAO,CAAC,OAAO,CAAgB;IAC/B,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,WAAW,CAAqB;IACrB,YAAY,SAAqC;IAClD,eAAe,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAM;IACvC,kBAAkB,CAAC,EAAE,MAAM,MAAM,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1F,OAAO,CAAC,aAAa,CAGnB;IAEF,gBAAgB;IAID,iBAAiB;IAgGvB,oBAAoB;IAMtB,oBAAoB;IAM3B,IAAW,qBAAqB,IAAI,OAAO,CAE1C;IAED,MAAM;CAiEN"}

package/dist/ChatPanel.js

@@ -0,0 +1,224 @@
+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, html } from "@mariozechner/mini-lit";
+import { getModel } from "@mariozechner/pi-ai";
+import { LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import "./components/AgentInterface.js";
+import { AgentSession } from "./state/agent-session.js";
+import { ArtifactsPanel } from "./tools/artifacts/index.js";
+import { createJavaScriptReplTool } from "./tools/javascript-repl.js";
+import { registerToolRenderer } from "./tools/renderer-registry.js";
+import { getAuthToken } from "./utils/auth-token.js";
+import { i18n } from "./utils/i18n.js";
+const BREAKPOINT = 800; // px - switch between overlay and side-by-side
+let ChatPanel = class ChatPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.hasArtifacts = false;
+        this.artifactCount = 0;
+        this.showArtifactsPanel = false;
+        this.windowWidth = window.innerWidth;
+        this.systemPrompt = "You are a helpful AI assistant.";
+        this.additionalTools = [];
+        this.resizeHandler = () => {
+            this.windowWidth = window.innerWidth;
+            this.requestUpdate();
+        };
+    }
+    createRenderRoot() {
+        return this;
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        // Listen to window resize
+        window.addEventListener("resize", this.resizeHandler);
+        // Ensure panel fills height and allows flex layout
+        this.style.display = "flex";
+        this.style.flexDirection = "column";
+        this.style.height = "100%";
+        this.style.minHeight = "0";
+        // Create JavaScript REPL tool with attachments provider
+        const javascriptReplTool = createJavaScriptReplTool();
+        if (this.sandboxUrlProvider) {
+            javascriptReplTool.sandboxUrlProvider = this.sandboxUrlProvider;
+        }
+        // Set up artifacts panel
+        this.artifactsPanel = new ArtifactsPanel();
+        if (this.sandboxUrlProvider) {
+            this.artifactsPanel.sandboxUrlProvider = this.sandboxUrlProvider;
+        }
+        registerToolRenderer("artifacts", this.artifactsPanel);
+        // Attachments provider for both REPL and artifacts
+        const getAttachments = () => {
+            // Get all attachments from conversation messages
+            const attachments = [];
+            for (const message of this.session.state.messages) {
+                if (message.role === "user") {
+                    const content = Array.isArray(message.content) ? message.content : [message.content];
+                    for (const block of content) {
+                        if (typeof block !== "string" && block.type === "image") {
+                            attachments.push({
+                                id: `image-${attachments.length}`,
+                                fileName: "image.png",
+                                mimeType: block.mimeType || "image/png",
+                                size: 0,
+                                content: block.data,
+                            });
+                        }
+                    }
+                }
+            }
+            return attachments;
+        };
+        javascriptReplTool.attachmentsProvider = getAttachments;
+        this.artifactsPanel.attachmentsProvider = getAttachments;
+        this.artifactsPanel.onArtifactsChange = () => {
+            const count = this.artifactsPanel.artifacts?.size ?? 0;
+            const created = count > this.artifactCount;
+            this.hasArtifacts = count > 0;
+            this.artifactCount = count;
+            // Auto-open when new artifacts are created
+            if (this.hasArtifacts && created) {
+                this.showArtifactsPanel = true;
+            }
+            this.requestUpdate();
+        };
+        this.artifactsPanel.onClose = () => {
+            this.showArtifactsPanel = false;
+            this.requestUpdate();
+        };
+        this.artifactsPanel.onOpen = () => {
+            this.showArtifactsPanel = true;
+            this.requestUpdate();
+        };
+        const initialState = {
+            systemPrompt: this.systemPrompt,
+            model: getModel("anthropic", "claude-sonnet-4-5-20250929"),
+            tools: [...this.additionalTools, javascriptReplTool, this.artifactsPanel.tool],
+            thinkingLevel: "off",
+            messages: [],
+        };
+        // initialState = { ...initialState, ...(simpleHtml as any) };
+        // initialState = { ...initialState, ...(longSession as any) };
+        // Create agent session first so attachments provider works
+        this.session = new AgentSession({
+            initialState,
+            authTokenProvider: async () => getAuthToken(),
+            transportMode: "provider", // Use provider mode by default (API keys from storage, optional CORS proxy)
+        });
+        // Reconstruct artifacts panel from initial messages (session must exist first)
+        await this.artifactsPanel.reconstructFromMessages(initialState.messages);
+        this.hasArtifacts = this.artifactsPanel.artifacts.size > 0;
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        window.removeEventListener("resize", this.resizeHandler);
+    }
+    // Expose method to toggle artifacts panel
+    toggleArtifactsPanel() {
+        this.showArtifactsPanel = !this.showArtifactsPanel;
+        this.requestUpdate();
+    }
+    // Check if artifacts panel is currently visible
+    get artifactsPanelVisible() {
+        return this.showArtifactsPanel;
+    }
+    render() {
+        if (!this.session) {
+            return html `<div class="flex items-center justify-center h-full">
+				<div class="text-muted-foreground">Loading...</div>
+			</div>`;
+        }
+        const isMobile = this.windowWidth < BREAKPOINT;
+        // Set panel props
+        if (this.artifactsPanel) {
+            this.artifactsPanel.collapsed = !this.showArtifactsPanel;
+            this.artifactsPanel.overlay = isMobile;
+        }
+        return html `
+			<div class="relative w-full h-full overflow-hidden flex">
+				<div class="h-full" style="${!isMobile && this.showArtifactsPanel && this.hasArtifacts ? "width: 50%;" : "width: 100%;"}">
+						<agent-interface
+							.session=${this.session}
+							.enableAttachments=${true}
+							.enableModelSelector=${true}
+							.enableThinking=${true}
+							.showThemeToggle=${false}
+							.showDebugToggle=${false}
+							.onApiKeyRequired=${this.onApiKeyRequired}
+						></agent-interface>
+					</div>
+
+					<!-- Floating pill when artifacts exist and panel is collapsed -->
+					${this.hasArtifacts && !this.showArtifactsPanel
+            ? html `
+								<button
+									class="absolute z-30 top-4 left-1/2 -translate-x-1/2 pointer-events-auto"
+									@click=${() => {
+                this.showArtifactsPanel = true;
+                this.requestUpdate();
+            }}
+									title=${i18n("Show artifacts")}
+								>
+									${Badge(html `
+										<span class="inline-flex items-center gap-1">
+											<span>${i18n("Artifacts")}</span>
+											${this.artifactCount > 1
+                ? html `<span
+														class="text-[10px] leading-none bg-primary-foreground/20 text-primary-foreground rounded px-1 font-mono tabular-nums"
+														>${this.artifactCount}</span
+													>`
+                : ""}
+										</span>
+									`)}
+								</button>
+							`
+            : ""}
+
+				<div class="h-full ${isMobile ? "absolute inset-0 pointer-events-none" : ""}" style="${!isMobile ? (!this.hasArtifacts || !this.showArtifactsPanel ? "display: none;" : "width: 50%;") : ""}">
+					${this.artifactsPanel}
+				</div>
+			</div>
+		`;
+    }
+};
+__decorate([
+    state()
+], ChatPanel.prototype, "session", void 0);
+__decorate([
+    state()
+], ChatPanel.prototype, "artifactsPanel", void 0);
+__decorate([
+    state()
+], ChatPanel.prototype, "hasArtifacts", void 0);
+__decorate([
+    state()
+], ChatPanel.prototype, "artifactCount", void 0);
+__decorate([
+    state()
+], ChatPanel.prototype, "showArtifactsPanel", void 0);
+__decorate([
+    state()
+], ChatPanel.prototype, "windowWidth", void 0);
+__decorate([
+    property({ type: String })
+], ChatPanel.prototype, "systemPrompt", void 0);
+__decorate([
+    property({ type: Array })
+], ChatPanel.prototype, "additionalTools", void 0);
+__decorate([
+    property({ attribute: false })
+], ChatPanel.prototype, "sandboxUrlProvider", void 0);
+__decorate([
+    property({ attribute: false })
+], ChatPanel.prototype, "onApiKeyRequired", void 0);
+ChatPanel = __decorate([
+    customElement("pi-chat-panel")
+], ChatPanel);
+export { ChatPanel };
+//# sourceMappingURL=ChatPanel.js.map

package/dist/ChatPanel.js.map

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