From 7159c9734e65ab3d279d92223c56762d3492f394 Mon Sep 17 00:00:00 2001
From: Mario Zechner <badlogicgames@gmail.com>
Date: Sat, 4 Oct 2025 21:52:30 +0200
Subject: [PATCH] Update web-ui example to use javascript-repl instead of
 calculate/getCurrentTime tools

---
 packages/browser-extension/src/tools/javascript-repl.ts | 4 ++--
 packages/web-ui/src/tools/index.ts                      | 4 ----
 packages/web-ui/src/tools/javascript-repl.ts            | 4 ++--
 3 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/packages/browser-extension/src/tools/javascript-repl.ts b/packages/browser-extension/src/tools/javascript-repl.ts
index 669f73e8..481bc165 100644
--- a/packages/browser-extension/src/tools/javascript-repl.ts
+++ b/packages/browser-extension/src/tools/javascript-repl.ts
@@ -1,4 +1,4 @@
-import { html, type TemplateResult } from "@mariozechner/mini-lit";
+import { html, i18n, type TemplateResult } from "@mariozechner/mini-lit";
 import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
 import { type Static, Type } from "@sinclair/typebox";
 import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";
@@ -246,7 +246,7 @@ export const javascriptReplRenderer: ToolRenderer<JavaScriptReplParams, JavaScri
 		}
 
 		return html`
-			<div class="text-sm text-muted-foreground mb-2">${"Executing JavaScript"}</div>
+			<div class="text-sm text-muted-foreground mb-2">${i18n("Executing JavaScript")}</div>
 			<code-block .code=${params.code || ""} language="javascript"></code-block>
 		`;
 	},
diff --git a/packages/web-ui/src/tools/index.ts b/packages/web-ui/src/tools/index.ts
index 556143f0..43945ede 100644
--- a/packages/web-ui/src/tools/index.ts
+++ b/packages/web-ui/src/tools/index.ts
@@ -2,14 +2,10 @@ import type { TemplateResult } from "@mariozechner/mini-lit";
 import type { ToolResultMessage } from "@mariozechner/pi-ai";
 import { getToolRenderer, registerToolRenderer } from "./renderer-registry.js";
 import { BashRenderer } from "./renderers/BashRenderer.js";
-import { CalculateRenderer } from "./renderers/CalculateRenderer.js";
 import { DefaultRenderer } from "./renderers/DefaultRenderer.js";
-import { GetCurrentTimeRenderer } from "./renderers/GetCurrentTimeRenderer.js";
 import "./javascript-repl.js"; // Auto-registers the renderer
 
 // Register all built-in tool renderers
-registerToolRenderer("calculate", new CalculateRenderer());
-registerToolRenderer("get_current_time", new GetCurrentTimeRenderer());
 registerToolRenderer("bash", new BashRenderer());
 
 const defaultRenderer = new DefaultRenderer();
diff --git a/packages/web-ui/src/tools/javascript-repl.ts b/packages/web-ui/src/tools/javascript-repl.ts
index 8d4dedd4..078f74d8 100644
--- a/packages/web-ui/src/tools/javascript-repl.ts
+++ b/packages/web-ui/src/tools/javascript-repl.ts
@@ -1,4 +1,4 @@
-import { html, type TemplateResult } from "@mariozechner/mini-lit";
+import { html, i18n, type TemplateResult } from "@mariozechner/mini-lit";
 import type { AgentTool, ToolResultMessage } from "@mariozechner/pi-ai";
 import { type Static, Type } from "@sinclair/typebox";
 import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";
@@ -245,7 +245,7 @@ export const javascriptReplRenderer: ToolRenderer<JavaScriptReplParams, JavaScri
 		}
 
 		return html`
-			<div class="text-sm text-muted-foreground mb-2">Executing JavaScript</div>
+			<div class="text-sm text-muted-foreground mb-2">${i18n("Executing JavaScript")}</div>
 			<code-block .code=${params.code || ""} language="javascript"></code-block>
 		`;
 	},