@mariozechner/pi-web-ui 0.5.44 → 0.5.46

package/dist/tools/renderers/CalculateRenderer.js

@@ -1,38 +1,42 @@
 import { html } from "@mariozechner/mini-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 {
-    renderParams(params, isStreaming) {
-        if (isStreaming && !params.expression) {
-            return html `<div class="text-sm text-muted-foreground">${i18n("Writing expression...")}</div>`;
+    render(params, result) {
+        const state = result ? (result.isError ? "error" : "complete") : "inprogress";
+        // Full params + full result
+        if (result && params?.expression) {
+            const output = result.output || "";
+            // 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 };
         }
-        return html `
-			<div class="text-sm text-muted-foreground">
-				<span>${i18n("Calculating")}</span>
-				<code class="mx-1 px-1.5 py-0.5 bg-muted rounded text-xs font-mono">${params.expression}</code>
-			</div>
-		`;
-    }
-    renderResult(_params, result) {
-        // Parse the output to make it look nicer
-        const output = result.output || "";
-        const isError = result.isError === true;
-        if (isError) {
-            return html `<div class="text-sm text-destructive">${output}</div>`;
+        // 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,
+            };
         }
-        // Try to split on = to show expression and result separately
-        const parts = output.split(" = ");
-        if (parts.length === 2) {
-            return html `
-				<div class="text-sm font-mono">
-					<span class="text-muted-foreground">${parts[0]}</span>
-					<span class="text-muted-foreground mx-1">=</span>
-					<span class="text-foreground font-semibold">${parts[1]}</span>
-				</div>
-			`;
+        // Partial params (empty expression), no result
+        if (params && !params.expression) {
+            return { content: renderHeader(state, Calculator, i18n("Writing expression...")), isCustom: false };
         }
-        // Fallback to showing the whole output
-        return html `<div class="text-sm font-mono text-foreground">${output}</div>`;
+        // 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

@@ -1 +1 @@
-{"version":3,"file":"CalculateRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/CalculateRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAO3C,0DAA0D;AAC1D,MAAM,OAAO,iBAAiB;IAC7B,YAAY,CAAC,MAAuB,EAAE,WAAqB;QAC1D,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;YACvC,OAAO,IAAI,CAAA,8CAA8C,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC;QAChG,CAAC;QAED,OAAO,IAAI,CAAA;;YAED,IAAI,CAAC,aAAa,CAAC;0EAC2C,MAAM,CAAC,UAAU;;GAExF,CAAC;IACH,CAAC;IAED,YAAY,CAAC,OAAwB,EAAE,MAAoC;QAC1E,yCAAyC;QACzC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC;QAExC,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,yCAAyC,MAAM,QAAQ,CAAC;QACpE,CAAC;QAED,6DAA6D;QAC7D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,IAAI,CAAA;;2CAE6B,KAAK,CAAC,CAAC,CAAC;;mDAEA,KAAK,CAAC,CAAC,CAAC;;IAEvD,CAAC;QACH,CAAC;QAED,uCAAuC;QACvC,OAAO,IAAI,CAAA,kDAAkD,MAAM,QAAQ,CAAC;IAC7E,CAAC;CACD"}
+{"version":3,"file":"CalculateRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/CalculateRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,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;QAC3F,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,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;YAEnC,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;IACzG,CAAC;CACD"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/DefaultRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,qBAAa,eAAgB,YAAW,YAAY;IACnD,YAAY,CAAC,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,EAAE,OAAO,GAAG,cAAc;IAuBhE,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,iBAAiB,GAAG,cAAc;CAMrE"}
+{"version":3,"file":"DefaultRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/DefaultRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,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;CA0F/G"}

package/dist/tools/renderers/DefaultRenderer.js

@@ -1,31 +1,91 @@
 import { html } from "@mariozechner/mini-lit";
+import { Code } from "lucide";
 import { i18n } from "../../utils/i18n.js";
+import { renderHeader } from "../renderer-registry.js";
 export class DefaultRenderer {
-    renderParams(params, isStreaming) {
-        let text;
-        let isJson = false;
-        try {
-            text = JSON.stringify(JSON.parse(params), null, 2);
-            isJson = true;
+    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);
+                }
+            }
         }
-        catch {
+        // With result: show header + params + result
+        if (result) {
+            let outputJson = result.output || i18n("(no output)");
+            let outputLanguage = "text";
+            // Try to parse and pretty-print if it's valid JSON
             try {
-                text = JSON.stringify(params, null, 2);
-                isJson = true;
+                const parsed = JSON.parse(outputJson);
+                outputJson = JSON.stringify(parsed, null, 2);
+                outputLanguage = "json";
             }
             catch {
-                text = String(params);
+                // 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,
+            };
         }
-        if (isStreaming && (!text || text === "{}" || text === "null")) {
-            return html `<div class="text-sm text-muted-foreground">${i18n("Preparing tool parameters...")}</div>`;
+        // 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,
+            };
         }
-        return html `<console-block .content=${text}></console-block>`;
-    }
-    renderResult(_params, result) {
-        // Just show the output field - that's what was sent to the LLM
-        const text = result.output || i18n("(no output)");
-        return html `<div class="text-sm text-muted-foreground whitespace-pre-wrap font-mono">${text}</div>`;
+        // 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

@@ -1 +1 @@
-{"version":3,"file":"DefaultRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/DefaultRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,MAAM,OAAO,eAAe;IAC3B,YAAY,CAAC,MAAW,EAAE,WAAqB;QAC9C,IAAI,IAAY,CAAC;QACjB,IAAI,MAAM,GAAG,KAAK,CAAC;QAEnB,IAAI,CAAC;YACJ,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACnD,MAAM,GAAG,IAAI,CAAC;QACf,CAAC;QAAC,MAAM,CAAC;YACR,IAAI,CAAC;gBACJ,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACvC,MAAM,GAAG,IAAI,CAAC;YACf,CAAC;YAAC,MAAM,CAAC;gBACR,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;QACF,CAAC;QAED,IAAI,WAAW,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE,CAAC;YAChE,OAAO,IAAI,CAAA,8CAA8C,IAAI,CAAC,8BAA8B,CAAC,QAAQ,CAAC;QACvG,CAAC;QAED,OAAO,IAAI,CAAA,2BAA2B,IAAI,mBAAmB,CAAC;IAC/D,CAAC;IAED,YAAY,CAAC,OAAY,EAAE,MAAyB;QACnD,+DAA+D;QAC/D,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;QAElD,OAAO,IAAI,CAAA,4EAA4E,IAAI,QAAQ,CAAC;IACrG,CAAC;CACD"}
+{"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

@@ -1,12 +1,10 @@
-import { type TemplateResult } from "@mariozechner/mini-lit";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
-import type { ToolRenderer } from "../types.js";
+import type { ToolRenderer, ToolRenderResult } from "../types.js";
 interface GetCurrentTimeParams {
     timezone?: string;
 }
 export declare class GetCurrentTimeRenderer implements ToolRenderer<GetCurrentTimeParams, undefined> {
-    renderParams(params: GetCurrentTimeParams, isStreaming?: boolean): TemplateResult;
-    renderResult(_params: GetCurrentTimeParams, result: ToolResultMessage<undefined>): TemplateResult;
+    render(params: GetCurrentTimeParams | undefined, result: ToolResultMessage<undefined> | undefined): ToolRenderResult;
 }
 export {};
 //# sourceMappingURL=GetCurrentTimeRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GetCurrentTimeRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/GetCurrentTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,UAAU,oBAAoB;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CAClB;AAGD,qBAAa,sBAAuB,YAAW,YAAY,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAC3F,YAAY,CAAC,MAAM,EAAE,oBAAoB,EAAE,WAAW,CAAC,EAAE,OAAO,GAAG,cAAc;IAgBjF,YAAY,CAAC,OAAO,EAAE,oBAAoB,EAAE,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,cAAc;CAWjG"}
+{"version":3,"file":"GetCurrentTimeRenderer.d.ts","sourceRoot":"","sources":["../../../src/tools/renderers/GetCurrentTimeRenderer.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAI7D,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;CAmEnB"}

package/dist/tools/renderers/GetCurrentTimeRenderer.js

@@ -1,30 +1,66 @@
 import { html } from "@mariozechner/mini-lit";
+import { Clock } from "lucide";
 import { i18n } from "../../utils/i18n.js";
+import { renderHeader } from "../renderer-registry.js";
 // GetCurrentTime tool has undefined details (only uses output)
 export class GetCurrentTimeRenderer {
-    renderParams(params, isStreaming) {
-        if (params.timezone) {
-            return html `
-				<div class="text-sm text-muted-foreground">
-					<span>${i18n("Getting current time in")}</span>
-					<code class="mx-1 px-1.5 py-0.5 bg-muted rounded text-xs font-mono">${params.timezone}</code>
-				</div>
-			`;
+    render(params, result) {
+        const state = result ? (result.isError ? "error" : "complete") : "inprogress";
+        // Full params + full result
+        if (result && params) {
+            const output = result.output || "";
+            const headerText = params.timezone
+                ? `${i18n("Getting current time in")} ${params.timezone}`
+                : i18n("Getting current date and time");
+            // Error: show header, error below
+            if (result.isError) {
+                return {
+                    content: html `
+						<div class="space-y-3">
+							${renderHeader(state, Clock, headerText)}
+							<div class="text-sm text-destructive">${output}</div>
+						</div>
+					`,
+                    isCustom: false,
+                };
+            }
+            // Success: show time in header
+            return { content: renderHeader(state, Clock, `${headerText}: ${output}`), isCustom: false };
         }
-        return html `
-			<div class="text-sm text-muted-foreground">
-				<span>${i18n("Getting current date and time")}${isStreaming ? "..." : ""}</span>
-			</div>
-		`;
-    }
-    renderResult(_params, result) {
-        const output = result.output || "";
-        const isError = result.isError === true;
-        if (isError) {
-            return html `<div class="text-sm text-destructive">${output}</div>`;
+        // Full result, no params
+        if (result) {
+            const output = result.output || "";
+            // Error: show header, error below
+            if (result.isError) {
+                return {
+                    content: html `
+						<div class="space-y-3">
+							${renderHeader(state, Clock, i18n("Getting current date and time"))}
+							<div class="text-sm text-destructive">${output}</div>
+						</div>
+					`,
+                    isCustom: false,
+                };
+            }
+            // Success: show time in header
+            return {
+                content: renderHeader(state, Clock, `${i18n("Getting current date and time")}: ${output}`),
+                isCustom: false,
+            };
+        }
+        // Full params, no result: show timezone info in header
+        if (params?.timezone) {
+            return {
+                content: renderHeader(state, Clock, `${i18n("Getting current time in")} ${params.timezone}`),
+                isCustom: false,
+            };
+        }
+        // Partial params (no timezone) or empty params, no result
+        if (params) {
+            return { content: renderHeader(state, Clock, i18n("Getting current date and time")), isCustom: false };
         }
-        // Display the date/time result
-        return html `<div class="text-sm font-mono text-foreground">${output}</div>`;
+        // No params, no result
+        return { content: renderHeader(state, Clock, i18n("Getting time...")), isCustom: false };
     }
 }
 //# sourceMappingURL=GetCurrentTimeRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GetCurrentTimeRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/GetCurrentTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,wBAAwB,CAAC;AAEnE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAO3C,+DAA+D;AAC/D,MAAM,OAAO,sBAAsB;IAClC,YAAY,CAAC,MAA4B,EAAE,WAAqB;QAC/D,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;YACrB,OAAO,IAAI,CAAA;;aAED,IAAI,CAAC,yBAAyB,CAAC;2EAC+B,MAAM,CAAC,QAAQ;;IAEtF,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAA;;YAED,IAAI,CAAC,+BAA+B,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;;GAEzE,CAAC;IACH,CAAC;IAED,YAAY,CAAC,OAA6B,EAAE,MAAoC;QAC/E,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;QACnC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,KAAK,IAAI,CAAC;QAExC,IAAI,OAAO,EAAE,CAAC;YACb,OAAO,IAAI,CAAA,yCAAyC,MAAM,QAAQ,CAAC;QACpE,CAAC;QAED,+BAA+B;QAC/B,OAAO,IAAI,CAAA,kDAAkD,MAAM,QAAQ,CAAC;IAC7E,CAAC;CACD"}
+{"version":3,"file":"GetCurrentTimeRenderer.js","sourceRoot":"","sources":["../../../src/tools/renderers/GetCurrentTimeRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAOvD,+DAA+D;AAC/D,MAAM,OAAO,sBAAsB;IAClC,MAAM,CACL,MAAwC,EACxC,MAAgD;QAEhD,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,CAAC;YACtB,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;YACnC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ;gBACjC,CAAC,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACzD,CAAC,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;YAEzC,kCAAkC;YAClC,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;oBACN,OAAO,EAAE,IAAI,CAAA;;SAET,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC;+CACA,MAAM;;MAE/C;oBACD,QAAQ,EAAE,KAAK;iBACf,CAAC;YACH,CAAC;YAED,+BAA+B;YAC/B,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,KAAK,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QAC7F,CAAC;QAED,yBAAyB;QACzB,IAAI,MAAM,EAAE,CAAC;YACZ,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;YAEnC,kCAAkC;YAClC,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;oBACN,OAAO,EAAE,IAAI,CAAA;;SAET,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,+BAA+B,CAAC,CAAC;+CAC3B,MAAM;;MAE/C;oBACD,QAAQ,EAAE,KAAK;iBACf,CAAC;YACH,CAAC;YAED,+BAA+B;YAC/B,OAAO;gBACN,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,+BAA+B,CAAC,KAAK,MAAM,EAAE,CAAC;gBAC1F,QAAQ,EAAE,KAAK;aACf,CAAC;QACH,CAAC;QAED,uDAAuD;QACvD,IAAI,MAAM,EAAE,QAAQ,EAAE,CAAC;YACtB,OAAO;gBACN,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,yBAAyB,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,CAAC;gBAC5F,QAAQ,EAAE,KAAK;aACf,CAAC;QACH,CAAC;QAED,0DAA0D;QAC1D,IAAI,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,+BAA+B,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;QACxG,CAAC;QAED,uBAAuB;QACvB,OAAO,EAAE,OAAO,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAC1F,CAAC;CACD"}

package/dist/tools/types.d.ts

@@ -1,7 +1,10 @@
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
 import type { TemplateResult } from "lit";
+export interface ToolRenderResult {
+    content: TemplateResult;
+    isCustom: boolean;
+}
 export interface ToolRenderer<TParams = any, TDetails = any> {
-    renderParams(params: TParams, isStreaming?: boolean): TemplateResult;
-    renderResult(params: TParams, result: ToolResultMessage<TDetails>): TemplateResult;
+    render(params: TParams | undefined, result: ToolResultMessage<TDetails> | undefined, isStreaming?: boolean): ToolRenderResult;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tools/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,MAAM,WAAW,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG;IAC1D,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC;IACrE,YAAY,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC;CACnF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tools/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,MAAM,WAAW,gBAAgB;IAChC,OAAO,EAAE,cAAc,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY,CAAC,OAAO,GAAG,GAAG,EAAE,QAAQ,GAAG,GAAG;IAC1D,MAAM,CACL,MAAM,EAAE,OAAO,GAAG,SAAS,EAC3B,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,GAAG,SAAS,EAC/C,WAAW,CAAC,EAAE,OAAO,GACnB,gBAAgB,CAAC;CACpB"}