@draht/web-ui 2026.3.2-2

package/dist/tools/javascript-repl.js

@@ -0,0 +1,224 @@
+import { i18n } from "@mariozechner/mini-lit";
+import { Type } from "@sinclair/typebox";
+import { html } from "lit";
+import { createRef, ref } from "lit/directives/ref.js";
+import { Code } from "lucide";
+import { SandboxIframe } from "../components/SandboxedIframe.js";
+import { JAVASCRIPT_REPL_TOOL_DESCRIPTION } from "../prompts/prompts.js";
+import { registerToolRenderer, renderCollapsibleHeader, renderHeader } from "./renderer-registry.js";
+// Execute JavaScript code with attachments using SandboxedIframe
+export async function executeJavaScript(code, runtimeProviders, signal, sandboxUrlProvider) {
+    if (!code) {
+        throw new Error("Code parameter is required");
+    }
+    // Check for abort before starting
+    if (signal?.aborted) {
+        throw new Error("Execution aborted");
+    }
+    // Create a SandboxedIframe instance for execution
+    const sandbox = new SandboxIframe();
+    if (sandboxUrlProvider) {
+        sandbox.sandboxUrlProvider = sandboxUrlProvider;
+    }
+    sandbox.style.display = "none";
+    document.body.appendChild(sandbox);
+    try {
+        const sandboxId = `repl-${Date.now()}-${Math.random().toString(36).substring(7)}`;
+        // Pass providers to execute (router handles all message routing)
+        // No additional consumers needed - execute() has its own internal consumer
+        const result = await sandbox.execute(sandboxId, code, runtimeProviders, [], signal);
+        // Remove the sandbox iframe after execution
+        sandbox.remove();
+        // Build plain text response
+        let output = "";
+        // Add console output - result.console contains { type: string, text: string } from sandbox.js
+        if (result.console && result.console.length > 0) {
+            for (const entry of result.console) {
+                output += `${entry.text}\n`;
+            }
+        }
+        // Add error if execution failed
+        if (!result.success) {
+            if (output)
+                output += "\n";
+            output += `Error: ${result.error?.message || "Unknown error"}\n${result.error?.stack || ""}`;
+            // Throw error so tool call is marked as failed
+            throw new Error(output.trim());
+        }
+        // Add return value if present
+        if (result.returnValue !== undefined) {
+            if (output)
+                output += "\n";
+            output += `=> ${typeof result.returnValue === "object" ? JSON.stringify(result.returnValue, null, 2) : result.returnValue}`;
+        }
+        // Add file notifications
+        if (result.files && result.files.length > 0) {
+            output += `\n[Files returned: ${result.files.length}]\n`;
+            for (const file of result.files) {
+                output += `  - ${file.fileName} (${file.mimeType})\n`;
+            }
+        }
+        else {
+            // Explicitly note when no files were returned (helpful for debugging)
+            if (code.includes("returnFile")) {
+                output += "\n[No files returned - check async operations]";
+            }
+        }
+        return {
+            output: output.trim() || "Code executed successfully (no output)",
+            files: result.files,
+        };
+    }
+    catch (error) {
+        // Clean up on error
+        sandbox.remove();
+        throw new Error(error.message || "Execution failed");
+    }
+}
+const javascriptReplSchema = Type.Object({
+    title: Type.String({
+        description: "Brief title describing what the code snippet tries to achieve in active form, e.g. 'Calculating sum'",
+    }),
+    code: Type.String({ description: "JavaScript code to execute" }),
+});
+export function createJavaScriptReplTool() {
+    return {
+        label: "JavaScript REPL",
+        name: "javascript_repl",
+        runtimeProvidersFactory: () => [], // default to empty array
+        sandboxUrlProvider: undefined, // optional, for browser extensions
+        get description() {
+            const runtimeProviderDescriptions = this.runtimeProvidersFactory?.()
+                .map((d) => d.getDescription())
+                .filter((d) => d.trim().length > 0) || [];
+            return JAVASCRIPT_REPL_TOOL_DESCRIPTION(runtimeProviderDescriptions);
+        },
+        parameters: javascriptReplSchema,
+        execute: async function (_toolCallId, args, signal) {
+            const result = await executeJavaScript(args.code, this.runtimeProvidersFactory?.() ?? [], signal, this.sandboxUrlProvider);
+            // Convert files to JSON-serializable with base64 payloads
+            const files = (result.files || []).map((f) => {
+                const toBase64 = (input) => {
+                    if (input instanceof Uint8Array) {
+                        let binary = "";
+                        const chunk = 0x8000;
+                        for (let i = 0; i < input.length; i += chunk) {
+                            binary += String.fromCharCode(...input.subarray(i, i + chunk));
+                        }
+                        return { base64: btoa(binary), size: input.length };
+                    }
+                    else if (typeof input === "string") {
+                        const enc = new TextEncoder();
+                        const bytes = enc.encode(input);
+                        let binary = "";
+                        const chunk = 0x8000;
+                        for (let i = 0; i < bytes.length; i += chunk) {
+                            binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
+                        }
+                        return { base64: btoa(binary), size: bytes.length };
+                    }
+                    else {
+                        const s = String(input);
+                        const enc = new TextEncoder();
+                        const bytes = enc.encode(s);
+                        let binary = "";
+                        const chunk = 0x8000;
+                        for (let i = 0; i < bytes.length; i += chunk) {
+                            binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
+                        }
+                        return { base64: btoa(binary), size: bytes.length };
+                    }
+                };
+                const { base64, size } = toBase64(f.content);
+                return {
+                    fileName: f.fileName || "file",
+                    mimeType: f.mimeType || "application/octet-stream",
+                    size,
+                    contentBase64: base64,
+                };
+            });
+            return { content: [{ type: "text", text: result.output }], details: { files } };
+        },
+    };
+}
+// Export a default instance for backward compatibility
+export const javascriptReplTool = createJavaScriptReplTool();
+export const javascriptReplRenderer = {
+    render(params, result, isStreaming) {
+        // Determine status
+        const state = result ? (result.isError ? "error" : "complete") : isStreaming ? "inprogress" : "complete";
+        // Create refs for collapsible code section
+        const codeContentRef = createRef();
+        const codeChevronRef = createRef();
+        // With result: show params + result
+        if (result && params) {
+            const output = result.content
+                ?.filter((c) => c.type === "text")
+                .map((c) => c.text)
+                .join("\n") || "";
+            const files = result.details?.files || [];
+            const attachments = files.map((f, i) => {
+                // Decode base64 content for text files to show in overlay
+                let extractedText;
+                const isTextBased = f.mimeType?.startsWith("text/") ||
+                    f.mimeType === "application/json" ||
+                    f.mimeType === "application/javascript" ||
+                    f.mimeType?.includes("xml");
+                if (isTextBased && f.contentBase64) {
+                    try {
+                        extractedText = atob(f.contentBase64);
+                    }
+                    catch (_e) {
+                        console.warn("Failed to decode base64 content for", f.fileName);
+                    }
+                }
+                return {
+                    id: `repl-${Date.now()}-${i}`,
+                    type: f.mimeType?.startsWith("image/") ? "image" : "document",
+                    fileName: f.fileName || `file-${i}`,
+                    mimeType: f.mimeType || "application/octet-stream",
+                    size: f.size ?? 0,
+                    content: f.contentBase64,
+                    preview: f.mimeType?.startsWith("image/") ? f.contentBase64 : undefined,
+                    extractedText,
+                };
+            });
+            return {
+                content: html `
+					<div>
+						${renderCollapsibleHeader(state, Code, params.title ? params.title : i18n("Executing JavaScript"), codeContentRef, codeChevronRef, false)}
+						<div ${ref(codeContentRef)} class="max-h-0 overflow-hidden transition-all duration-300 space-y-3">
+							<code-block .code=${params.code || ""} language="javascript"></code-block>
+							${output ? html `<console-block .content=${output} .variant=${result.isError ? "error" : "default"}></console-block>` : ""}
+						</div>
+						${attachments.length
+                    ? html `<div class="flex flex-wrap gap-2 mt-3">
+									${attachments.map((att) => html `<attachment-tile .attachment=${att}></attachment-tile>`)}
+							  </div>`
+                    : ""}
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // Just params (streaming or waiting for result)
+        if (params) {
+            return {
+                content: html `
+					<div>
+						${renderCollapsibleHeader(state, Code, params.title ? params.title : i18n("Executing JavaScript"), codeContentRef, codeChevronRef, false)}
+						<div ${ref(codeContentRef)} class="max-h-0 overflow-hidden transition-all duration-300">
+							${params.code ? html `<code-block .code=${params.code} language="javascript"></code-block>` : ""}
+						</div>
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // No params or result yet
+        return { content: renderHeader(state, Code, i18n("Preparing JavaScript...")), isCustom: false };
+    },
+};
+// Auto-register the renderer
+registerToolRenderer(javascriptReplTool.name, javascriptReplRenderer);
+//# sourceMappingURL=javascript-repl.js.map

package/dist/tools/javascript-repl.js.map

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

package/dist/tools/renderer-registry.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from "lit";
+import type { Ref } from "lit/directives/ref.js";
+import type { ToolRenderer } from "./types.js";
+export declare const toolRenderers: Map<string, ToolRenderer<any, any>>;
+/**
+ * Register a custom tool renderer
+ */
+export declare function registerToolRenderer(toolName: string, renderer: ToolRenderer): void;
+/**
+ * Get a tool renderer by name
+ */
+export declare function getToolRenderer(toolName: string): ToolRenderer | undefined;
+/**
+ * Helper to render a header for tool renderers
+ * Shows icon on left when complete/error, spinner on right when in progress
+ */
+export declare function renderHeader(state: "inprogress" | "complete" | "error", toolIcon: any, text: string | TemplateResult): TemplateResult;
+/**
+ * Helper to render a collapsible header for tool renderers
+ * Same as renderHeader but with a chevron button that toggles visibility of content
+ */
+export declare function renderCollapsibleHeader(state: "inprogress" | "complete" | "error", toolIcon: any, text: string | TemplateResult, contentRef: Ref<HTMLElement>, chevronRef: Ref<HTMLElement>, defaultExpanded?: boolean): TemplateResult;
+//# sourceMappingURL=renderer-registry.d.ts.map

package/dist/tools/renderer-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderer-registry.d.ts","sourceRoot":"","sources":["../../src/tools/renderer-registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,eAAO,MAAM,aAAa,qCAAkC,CAAC;AAE7D;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI,CAEnF;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAE1E;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAC3B,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,EAC1C,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,MAAM,GAAG,cAAc,GAC3B,cAAc,CA8BhB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACtC,KAAK,EAAE,YAAY,GAAG,UAAU,GAAG,OAAO,EAC1C,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,MAAM,GAAG,cAAc,EAC7B,UAAU,EAAE,GAAG,CAAC,WAAW,CAAC,EAC5B,UAAU,EAAE,GAAG,CAAC,WAAW,CAAC,EAC5B,eAAe,UAAQ,GACrB,cAAc,CAsDhB"}

package/dist/tools/renderer-registry.js

@@ -0,0 +1,107 @@
+import { icon } from "@mariozechner/mini-lit";
+import { html } from "lit";
+import { ref } from "lit/directives/ref.js";
+import { ChevronsUpDown, ChevronUp, Loader } from "lucide";
+// Registry of tool renderers
+export const toolRenderers = new Map();
+/**
+ * Register a custom tool renderer
+ */
+export function registerToolRenderer(toolName, renderer) {
+    toolRenderers.set(toolName, renderer);
+}
+/**
+ * Get a tool renderer by name
+ */
+export function getToolRenderer(toolName) {
+    return toolRenderers.get(toolName);
+}
+/**
+ * Helper to render a header for tool renderers
+ * Shows icon on left when complete/error, spinner on right when in progress
+ */
+export function renderHeader(state, toolIcon, text) {
+    const statusIcon = (iconComponent, color) => html `<span class="inline-block ${color}">${icon(iconComponent, "sm")}</span>`;
+    switch (state) {
+        case "inprogress":
+            return html `
+				<div class="flex items-center justify-between gap-2 text-sm text-muted-foreground">
+					<div class="flex items-center gap-2">
+						${statusIcon(toolIcon, "text-foreground")}
+						${text}
+					</div>
+					${statusIcon(Loader, "text-foreground animate-spin")}
+				</div>
+			`;
+        case "complete":
+            return html `
+				<div class="flex items-center gap-2 text-sm text-muted-foreground">
+					${statusIcon(toolIcon, "text-green-600 dark:text-green-500")}
+					${text}
+				</div>
+			`;
+        case "error":
+            return html `
+				<div class="flex items-center gap-2 text-sm text-muted-foreground">
+					${statusIcon(toolIcon, "text-destructive")}
+					${text}
+				</div>
+			`;
+    }
+}
+/**
+ * Helper to render a collapsible header for tool renderers
+ * Same as renderHeader but with a chevron button that toggles visibility of content
+ */
+export function renderCollapsibleHeader(state, toolIcon, text, contentRef, chevronRef, defaultExpanded = false) {
+    const statusIcon = (iconComponent, color) => html `<span class="inline-block ${color}">${icon(iconComponent, "sm")}</span>`;
+    const toggleContent = (e) => {
+        e.preventDefault();
+        const content = contentRef.value;
+        const chevron = chevronRef.value;
+        if (content && chevron) {
+            const isCollapsed = content.classList.contains("max-h-0");
+            if (isCollapsed) {
+                content.classList.remove("max-h-0");
+                content.classList.add("max-h-[2000px]", "mt-3");
+                // Show ChevronUp, hide ChevronsUpDown
+                const upIcon = chevron.querySelector(".chevron-up");
+                const downIcon = chevron.querySelector(".chevrons-up-down");
+                if (upIcon && downIcon) {
+                    upIcon.classList.remove("hidden");
+                    downIcon.classList.add("hidden");
+                }
+            }
+            else {
+                content.classList.remove("max-h-[2000px]", "mt-3");
+                content.classList.add("max-h-0");
+                // Show ChevronsUpDown, hide ChevronUp
+                const upIcon = chevron.querySelector(".chevron-up");
+                const downIcon = chevron.querySelector(".chevrons-up-down");
+                if (upIcon && downIcon) {
+                    upIcon.classList.add("hidden");
+                    downIcon.classList.remove("hidden");
+                }
+            }
+        }
+    };
+    const toolIconColor = state === "complete"
+        ? "text-green-600 dark:text-green-500"
+        : state === "error"
+            ? "text-destructive"
+            : "text-foreground";
+    return html `
+		<button @click=${toggleContent} class="flex items-center justify-between gap-2 text-sm text-muted-foreground w-full text-left hover:text-foreground transition-colors cursor-pointer">
+			<div class="flex items-center gap-2">
+				${state === "inprogress" ? statusIcon(Loader, "text-foreground animate-spin") : ""}
+				${statusIcon(toolIcon, toolIconColor)}
+				${text}
+			</div>
+			<span class="inline-block text-muted-foreground" ${ref(chevronRef)}>
+				<span class="chevron-up ${defaultExpanded ? "" : "hidden"}">${icon(ChevronUp, "sm")}</span>
+				<span class="chevrons-up-down ${defaultExpanded ? "hidden" : ""}">${icon(ChevronsUpDown, "sm")}</span>
+			</span>
+		</button>
+	`;
+}
+//# sourceMappingURL=renderer-registry.js.map

package/dist/tools/renderer-registry.js.map

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

package/dist/tools/renderers/BashRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { ToolResultMessage } from "@draht/ai";
+import type { ToolRenderer, ToolRenderResult } from "../types.js";
+interface BashParams {
+    command: string;
+}
+export declare class BashRenderer implements ToolRenderer<BashParams, undefined> {
+    render(params: BashParams | undefined, result: ToolResultMessage<undefined> | undefined): ToolRenderResult;
+}
+export {};
+//# sourceMappingURL=BashRenderer.d.ts.map

package/dist/tools/renderers/BashRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BashRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/BashRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,UAAU,UAAU;IACnB,OAAO,EAAE,MAAM,CAAC;CAChB;AAGD,qBAAa,YAAa,YAAW,YAAY,CAAC,UAAU,EAAE,SAAS,CAAC;IACvE,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,gBAAgB,CAqCzG;CACD"}

package/dist/tools/renderers/BashRenderer.js

@@ -0,0 +1,42 @@
+import { html } from "lit";
+import { SquareTerminal } from "lucide";
+import { i18n } from "../../utils/i18n.js";
+import { renderHeader } from "../renderer-registry.js";
+// Bash tool has undefined details (only uses output)
+export class BashRenderer {
+    render(params, result) {
+        const state = result ? (result.isError ? "error" : "complete") : "inprogress";
+        // With result: show command + output
+        if (result && params?.command) {
+            const output = result.content
+                ?.filter((c) => c.type === "text")
+                .map((c) => c.text)
+                .join("\n") || "";
+            const combined = output ? `> ${params.command}\n\n${output}` : `> ${params.command}`;
+            return {
+                content: html `
+					<div class="space-y-3">
+						${renderHeader(state, SquareTerminal, i18n("Running command..."))}
+						<console-block .content=${combined} .variant=${result.isError ? "error" : "default"}></console-block>
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // Just params (streaming or waiting)
+        if (params?.command) {
+            return {
+                content: html `
+					<div class="space-y-3">
+						${renderHeader(state, SquareTerminal, i18n("Running command..."))}
+						<console-block .content=${`> ${params.command}`}></console-block>
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // No params yet
+        return { content: renderHeader(state, SquareTerminal, i18n("Waiting for command...")), isCustom: false };
+    }
+}
+//# sourceMappingURL=BashRenderer.js.map

package/dist/tools/renderers/BashRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BashRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/BashRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,qDAAqD;AACrD,MAAM,OAAO,YAAY;IACxB,MAAM,CAAC,MAA8B,EAAE,MAAgD,EAAoB;QAC1G,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAE9E,qCAAqC;QACrC,IAAI,MAAM,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YAC/B,MAAM,MAAM,GACX,MAAM,CAAC,OAAO;gBACb,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;iBACjC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,OAAO,OAAO,MAAM,EAAE,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;YACrF,OAAO;gBACN,OAAO,EAAE,IAAI,CAAA;;QAET,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gCACvC,QAAQ,aAAa,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;;KAEpF;gBACD,QAAQ,EAAE,KAAK;aACf,CAAC;QACH,CAAC;QAED,qCAAqC;QACrC,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;YACrB,OAAO;gBACN,OAAO,EAAE,IAAI,CAAA;;QAET,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;gCACvC,KAAK,MAAM,CAAC,OAAO,EAAE;;KAEhD;gBACD,QAAQ,EAAE,KAAK;aACf,CAAC;QACH,CAAC;QAED,gBAAgB;QAChB,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAAA,CACzG;CACD"}

package/dist/tools/renderers/CalculateRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { ToolResultMessage } from "@draht/ai";
+import type { ToolRenderer, ToolRenderResult } from "../types.js";
+interface CalculateParams {
+    expression: string;
+}
+export declare class CalculateRenderer implements ToolRenderer<CalculateParams, undefined> {
+    render(params: CalculateParams | undefined, result: ToolResultMessage<undefined> | undefined): ToolRenderResult;
+}
+export {};
+//# sourceMappingURL=CalculateRenderer.d.ts.map

package/dist/tools/renderers/CalculateRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalculateRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/CalculateRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,UAAU,eAAe;IACxB,UAAU,EAAE,MAAM,CAAC;CACnB;AAGD,qBAAa,iBAAkB,YAAW,YAAY,CAAC,eAAe,EAAE,SAAS,CAAC;IACjF,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,EAAE,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,gBAAgB,CA2C9G;CACD"}

package/dist/tools/renderers/CalculateRenderer.js

@@ -0,0 +1,45 @@
+import { html } from "lit";
+import { Calculator } from "lucide";
+import { i18n } from "../../utils/i18n.js";
+import { renderHeader } from "../renderer-registry.js";
+// Calculate tool has undefined details (only uses output)
+export class CalculateRenderer {
+    render(params, result) {
+        const state = result ? (result.isError ? "error" : "complete") : "inprogress";
+        // Full params + full result
+        if (result && params?.expression) {
+            const output = result.content
+                ?.filter((c) => c.type === "text")
+                .map((c) => c.text)
+                .join("\n") || "";
+            // Error: show expression in header, error below
+            if (result.isError) {
+                return {
+                    content: html `
+						<div class="space-y-3">
+							${renderHeader(state, Calculator, params.expression)}
+							<div class="text-sm text-destructive">${output}</div>
+						</div>
+					`,
+                    isCustom: false,
+                };
+            }
+            // Success: show expression = result in header
+            return { content: renderHeader(state, Calculator, `${params.expression} = ${output}`), isCustom: false };
+        }
+        // Full params, no result: just show header with expression in it
+        if (params?.expression) {
+            return {
+                content: renderHeader(state, Calculator, `${i18n("Calculating")} ${params.expression}`),
+                isCustom: false,
+            };
+        }
+        // Partial params (empty expression), no result
+        if (params && !params.expression) {
+            return { content: renderHeader(state, Calculator, i18n("Writing expression...")), isCustom: false };
+        }
+        // No params, no result
+        return { content: renderHeader(state, Calculator, i18n("Waiting for expression...")), isCustom: false };
+    }
+}
+//# sourceMappingURL=CalculateRenderer.js.map

package/dist/tools/renderers/CalculateRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalculateRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/CalculateRenderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,0DAA0D;AAC1D,MAAM,OAAO,iBAAiB;IAC7B,MAAM,CAAC,MAAmC,EAAE,MAAgD,EAAoB;QAC/G,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAE9E,4BAA4B;QAC5B,IAAI,MAAM,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;YAClC,MAAM,MAAM,GACX,MAAM,CAAC,OAAO;gBACb,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC;iBACjC,GAAG,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;iBACvB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAEpB,gDAAgD;YAChD,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;oBACN,OAAO,EAAE,IAAI,CAAA;;SAET,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC;+CACZ,MAAM;;MAE/C;oBACD,QAAQ,EAAE,KAAK;iBACf,CAAC;YACH,CAAC;YAED,8CAA8C;YAC9C,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,UAAU,MAAM,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC1G,CAAC;QAED,iEAAiE;QACjE,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;YACxB,OAAO;gBACN,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;gBACvF,QAAQ,EAAE,KAAK;aACf,CAAC;QACH,CAAC;QAED,+CAA+C;QAC/C,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;YAClC,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QACrG,CAAC;QAED,uBAAuB;QACvB,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC,2BAA2B,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAAA,CACxG;CACD"}

package/dist/tools/renderers/DefaultRenderer.d.ts

@@ -0,0 +1,6 @@
+import type { ToolResultMessage } from "@draht/ai";
+import type { ToolRenderer, ToolRenderResult } from "../types.js";
+export declare class DefaultRenderer implements ToolRenderer {
+    render(params: any | undefined, result: ToolResultMessage | undefined, isStreaming?: boolean): ToolRenderResult;
+}
+//# sourceMappingURL=DefaultRenderer.d.ts.map

package/dist/tools/renderers/DefaultRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/DefaultRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,qBAAa,eAAgB,YAAW,YAAY;IACnD,MAAM,CAAC,MAAM,EAAE,GAAG,GAAG,SAAS,EAAE,MAAM,EAAE,iBAAiB,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,GAAG,gBAAgB,CA6F9G;CACD"}

package/dist/tools/renderers/DefaultRenderer.js

@@ -0,0 +1,94 @@
+import { html } from "lit";
+import { Code } from "lucide";
+import { i18n } from "../../utils/i18n.js";
+import { renderHeader } from "../renderer-registry.js";
+export class DefaultRenderer {
+    render(params, result, isStreaming) {
+        const state = result ? (result.isError ? "error" : "complete") : isStreaming ? "inprogress" : "complete";
+        // Format params as JSON
+        let paramsJson = "";
+        if (params) {
+            try {
+                paramsJson = JSON.stringify(JSON.parse(params), null, 2);
+            }
+            catch {
+                try {
+                    paramsJson = JSON.stringify(params, null, 2);
+                }
+                catch {
+                    paramsJson = String(params);
+                }
+            }
+        }
+        // With result: show header + params + result
+        if (result) {
+            let outputJson = result.content
+                ?.filter((c) => c.type === "text")
+                .map((c) => c.text)
+                .join("\n") || i18n("(no output)");
+            let outputLanguage = "text";
+            // Try to parse and pretty-print if it's valid JSON
+            try {
+                const parsed = JSON.parse(outputJson);
+                outputJson = JSON.stringify(parsed, null, 2);
+                outputLanguage = "json";
+            }
+            catch {
+                // Not valid JSON, leave as-is and use text highlighting
+            }
+            return {
+                content: html `
+					<div class="space-y-3">
+						${renderHeader(state, Code, "Tool Call")}
+						${paramsJson
+                    ? html `<div>
+							<div class="text-xs font-medium mb-1 text-muted-foreground">${i18n("Input")}</div>
+							<code-block .code=${paramsJson} language="json"></code-block>
+						</div>`
+                    : ""}
+						<div>
+							<div class="text-xs font-medium mb-1 text-muted-foreground">${i18n("Output")}</div>
+							<code-block .code=${outputJson} language="${outputLanguage}"></code-block>
+						</div>
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // Just params (streaming or waiting for result)
+        if (params) {
+            if (isStreaming && (!paramsJson || paramsJson === "{}" || paramsJson === "null")) {
+                return {
+                    content: html `
+						<div>
+							${renderHeader(state, Code, "Preparing tool parameters...")}
+						</div>
+					`,
+                    isCustom: false,
+                };
+            }
+            return {
+                content: html `
+					<div class="space-y-3">
+						${renderHeader(state, Code, "Tool Call")}
+						<div>
+							<div class="text-xs font-medium mb-1 text-muted-foreground">${i18n("Input")}</div>
+							<code-block .code=${paramsJson} language="json"></code-block>
+						</div>
+					</div>
+				`,
+                isCustom: false,
+            };
+        }
+        // No params or result yet
+        return {
+            content: html `
+				<div>
+					${renderHeader(state, Code, "Preparing tool...")}
+				</div>
+			`,
+            isCustom: false,
+        };
+    }
+}
+//# sourceMappingURL=DefaultRenderer.js.map

package/dist/tools/renderers/DefaultRenderer.js.map

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

package/dist/tools/renderers/GetCurrentTimeRenderer.d.ts

@@ -0,0 +1,10 @@
+import type { ToolResultMessage } from "@draht/ai";
+import type { ToolRenderer, ToolRenderResult } from "../types.js";
+interface GetCurrentTimeParams {
+    timezone?: string;
+}
+export declare class GetCurrentTimeRenderer implements ToolRenderer<GetCurrentTimeParams, undefined> {
+    render(params: GetCurrentTimeParams | undefined, result: ToolResultMessage<undefined> | undefined): ToolRenderResult;
+}
+export {};
+//# sourceMappingURL=GetCurrentTimeRenderer.d.ts.map

package/dist/tools/renderers/GetCurrentTimeRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetCurrentTimeRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/GetCurrentTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAElE,UAAU,oBAAoB;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,qBAAa,sBAAuB,YAAW,YAAY,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAC3F,MAAM,CACL,MAAM,EAAE,oBAAoB,GAAG,SAAS,EACxC,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,GAC9C,gBAAgB,CA0ElB;CACD"}