@elyracode/web-ui 0.9.10 → 0.9.11

package/src/components/sandbox/runtime-messages.ts

@@ -0,0 +1,146 @@
+/**
+ * Shared types for the sandbox runtime messaging protocol.
+ *
+ * These describe the message envelopes exchanged between the host page
+ * (SandboxedIframe / RuntimeMessageRouter / *RuntimeProvider classes) and the
+ * sandboxed execution context (iframe or user script).
+ */
+
+/** Fields attached to every message routed through the runtime bridge. */
+export interface RuntimeMessageEnvelope {
+	sandboxId?: string;
+	messageId?: string;
+}
+
+/** Artifact CRUD request issued from sandboxed code. */
+export type ArtifactOperationMessage =
+	| { type: "artifact-operation"; action: "list" }
+	| { type: "artifact-operation"; action: "get"; filename: string }
+	| { type: "artifact-operation"; action: "delete"; filename: string }
+	| {
+			type: "artifact-operation";
+			action: "createOrUpdate";
+			filename: string;
+			content: string;
+			mimeType?: string;
+	  };
+
+/** Captured console output forwarded from sandboxed code. */
+export interface ConsoleRuntimeMessage {
+	type: "console";
+	method: string;
+	text: string;
+	args?: unknown[];
+}
+
+/** A one-time downloadable file returned from sandboxed code. */
+export interface FileReturnedMessage {
+	type: "file-returned";
+	fileName: string;
+	content: string | Uint8Array;
+	mimeType: string;
+}
+
+/** Successful execution lifecycle completion. */
+export interface ExecutionCompleteMessage {
+	type: "execution-complete";
+	returnValue?: unknown;
+}
+
+/** Failed execution lifecycle completion. */
+export interface ExecutionErrorMessage {
+	type: "execution-error";
+	error: { message: string; stack: string };
+}
+
+/** Discriminated union of all messages a provider/consumer can receive. */
+export type RuntimeMessage = RuntimeMessageEnvelope &
+	(
+		| ArtifactOperationMessage
+		| ConsoleRuntimeMessage
+		| FileReturnedMessage
+		| ExecutionCompleteMessage
+		| ExecutionErrorMessage
+	);
+
+/** Response sent back to sandboxed code via the bridge. */
+export interface RuntimeResponse {
+	success?: boolean;
+	error?: string;
+	result?: unknown;
+}
+
+/**
+ * Shape of the resolved value of `window.sendRuntimeMessage` inside the sandbox.
+ * Mirrors the `runtime-response` payload posted back by the router.
+ */
+export interface SendRuntimeMessageResponse extends RuntimeResponse, RuntimeMessageEnvelope {
+	type?: string;
+}
+
+/** A single attachment record injected into the sandbox via `window.attachments`. */
+export interface SandboxAttachment {
+	id: string;
+	fileName: string;
+	mimeType: string;
+	size: number;
+	content: string;
+	extractedText?: string;
+}
+
+/**
+ * Window surface exposed inside the sandbox by the injected runtime functions.
+ *
+ * The runtime functions are stringified and injected, so this interface only
+ * exists to type-check the function bodies at build time; the assertions are
+ * erased from the emitted JavaScript.
+ */
+export interface SandboxRuntimeWindow extends Window {
+	sandboxId?: string;
+	sendRuntimeMessage?: (message: Record<string, unknown>) => Promise<SendRuntimeMessageResponse>;
+	onCompleted?: (callback: (success: boolean) => void | Promise<void>) => void;
+	complete?: (error?: { message: string; stack: string } | null, returnValue?: unknown) => Promise<void>;
+	__completionCallbacks?: Array<(success: boolean) => void | Promise<void>>;
+	__originalConsole?: Record<"log" | "error" | "warn" | "info", (...args: unknown[]) => void>;
+	artifacts?: Record<string, string>;
+	attachments?: SandboxAttachment[];
+	listArtifacts?: () => Promise<string[]>;
+	getArtifact?: (filename: string) => Promise<unknown>;
+	createOrUpdateArtifact?: (filename: string, content: unknown, mimeType?: string) => Promise<void>;
+	deleteArtifact?: (filename: string) => Promise<void>;
+	listAttachments?: () => Array<{ id: string; fileName: string; mimeType: string; size: number }>;
+	readTextAttachment?: (attachmentId: string) => string;
+	readBinaryAttachment?: (attachmentId: string) => Uint8Array;
+	returnDownloadableFile?: (fileName: string, content: unknown, mimeType?: string) => Promise<void>;
+}
+
+/** Listener registered with `chrome.runtime.onUserScriptMessage`. */
+export type UserScriptMessageListener = (
+	message: RuntimeMessage,
+	sender: unknown,
+	sendResponse: (response: RuntimeResponse & RuntimeMessageEnvelope) => void,
+) => boolean;
+
+/** Minimal subset of the `chrome.runtime.onUserScriptMessage` event API. */
+export interface ChromeUserScriptMessageEvent {
+	addListener(listener: UserScriptMessageListener): void;
+	removeListener(listener: UserScriptMessageListener): void;
+}
+
+/** Minimal subset of `chrome.runtime` used by the runtime router/bridge. */
+export interface ChromeRuntime {
+	onUserScriptMessage?: ChromeUserScriptMessageEvent;
+	sendMessage?(message: unknown): Promise<unknown>;
+	getURL?(path: string): string;
+}
+
+/** Minimal subset of `chrome.tabs` used to open external URLs. */
+export interface ChromeTabs {
+	create(createProperties: { url: string }): void;
+}
+
+/** Minimal subset of the chrome extension API surface used by the sandbox. */
+export interface ChromeApi {
+	runtime?: ChromeRuntime;
+	tabs?: ChromeTabs;
+}

package/src/dialogs/AttachmentOverlay.ts

@@ -5,6 +5,7 @@ import { renderAsync } from "docx-preview";
 import { html, LitElement } from "lit";
 import { state } from "lit/decorators.js";
 import { Download, X } from "lucide";
+import type { PDFDocumentLoadingTask, PDFDocumentProxy } from "pdfjs-dist";
 import * as pdfjsLib from "pdfjs-dist";
 import * as XLSX from "xlsx";
 import type { Attachment } from "../utils/attachment-utils.js";
@@ -18,7 +19,7 @@ export class AttachmentOverlay extends LitElement {
 	@state() private error: string | null = null;
 
 	// Track current loading task to cancel if needed
-	private currentLoadingTask: any = null;
+	private currentLoadingTask: PDFDocumentLoadingTask | null = null;
 	private onCloseCallback?: () => void;
 	private boundHandleKeyDown?: (e: KeyboardEvent) => void;
 
@@ -304,7 +305,7 @@ export class AttachmentOverlay extends LitElement {
 		const container = this.querySelector("#pdf-container");
 		if (!container || !this.attachment) return;
 
-		let pdf: any = null;
+		let pdf: PDFDocumentProxy | null = null;
 
 		try {
 			// Convert base64 to ArrayBuffer
@@ -370,9 +371,9 @@ export class AttachmentOverlay extends LitElement {
 
 				wrapper.appendChild(pageContainer);
 			}
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering PDF:", error);
-			this.error = error?.message || i18n("Failed to load PDF");
+			this.error = (error instanceof Error ? error.message : undefined) || i18n("Failed to load PDF");
 		} finally {
 			if (pdf) {
 				pdf.destroy();
@@ -475,9 +476,9 @@ export class AttachmentOverlay extends LitElement {
 				}
 			`;
 			container.appendChild(style);
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering DOCX:", error);
-			this.error = error?.message || i18n("Failed to load document");
+			this.error = (error instanceof Error ? error.message : undefined) || i18n("Failed to load document");
 		}
 	}
 
@@ -550,13 +551,13 @@ export class AttachmentOverlay extends LitElement {
 				const sheetName = workbook.SheetNames[0];
 				wrapper.appendChild(this.renderExcelSheet(workbook.Sheets[sheetName], sheetName));
 			}
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering Excel:", error);
-			this.error = error?.message || i18n("Failed to load spreadsheet");
+			this.error = (error instanceof Error ? error.message : undefined) || i18n("Failed to load spreadsheet");
 		}
 	}
 
-	private renderExcelSheet(worksheet: any, sheetName: string): HTMLElement {
+	private renderExcelSheet(worksheet: XLSX.WorkSheet, sheetName: string): HTMLElement {
 		const sheetDiv = document.createElement("div");
 
 		// Generate HTML table
@@ -623,9 +624,9 @@ export class AttachmentOverlay extends LitElement {
 
 			wrapper.appendChild(pre);
 			container.appendChild(wrapper);
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering extracted text:", error);
-			this.error = error?.message || i18n("Failed to display text content");
+			this.error = (error instanceof Error ? error.message : undefined) || i18n("Failed to display text content");
 		}
 	}
 }

package/src/dialogs/CustomProviderDialog.ts

@@ -1,4 +1,4 @@
-import type { Model } from "@elyracode/ai";
+import type { Api, Model } from "@elyracode/ai";
 import { i18n } from "@elyracode/mini-lit";
 import { Button } from "@elyracode/mini-lit/dist/Button.js";
 import { DialogBase } from "@elyracode/mini-lit/dist/DialogBase.js";
@@ -22,7 +22,7 @@ export class CustomProviderDialog extends DialogBase {
 	@state() private apiKey = "";
 	@state() private testing = false;
 	@state() private testError = "";
-	@state() private discoveredModels: Model<any>[] = [];
+	@state() private discoveredModels: Model<Api>[] = [];
 
 	protected modalWidth = "min(800px, 90vw)";
 	protected modalHeight = "min(700px, 90vh)";

package/src/dialogs/ModelSelector.ts

@@ -1,4 +1,4 @@
-import { getModels, getProviders, type Model, modelsAreEqual } from "@elyracode/ai";
+import { type Api, getModels, getProviders, type Model, modelsAreEqual } from "@elyracode/ai";
 import { icon } from "@elyracode/mini-lit";
 import { Badge } from "@elyracode/mini-lit/dist/Badge.js";
 import { Button } from "@elyracode/mini-lit/dist/Button.js";
@@ -48,16 +48,16 @@ function subsequenceScore(query: string, text: string): number {
 
 @customElement("agent-model-selector")
 export class ModelSelector extends DialogBase {
-	@state() currentModel: Model<any> | null = null;
+	@state() currentModel: Model<Api> | null = null;
 	@state() searchQuery = "";
 	@state() filterThinking = false;
 	@state() filterVision = false;
 	@state() customProvidersLoading = false;
 	@state() selectedIndex = 0;
 	@state() private navigationMode: "mouse" | "keyboard" = "mouse";
-	@state() private customProviderModels: Model<any>[] = [];
+	@state() private customProviderModels: Model<Api>[] = [];
 
-	private onSelectCallback?: (model: Model<any>) => void;
+	private onSelectCallback?: (model: Model<Api>) => void;
 	private allowedProviders?: Set<string>;
 	private scrollContainerRef = createRef<HTMLDivElement>();
 	private searchInputRef = createRef<HTMLInputElement>();
@@ -66,8 +66,8 @@ export class ModelSelector extends DialogBase {
 	protected override modalWidth = "min(400px, 90vw)";
 
 	static async open(
-		currentModel: Model<any> | null,
-		onSelect: (model: Model<any>) => void,
+		currentModel: Model<Api> | null,
+		onSelect: (model: Model<Api>) => void,
 		allowedProviders?: string[],
 	) {
 		const selector = new ModelSelector();
@@ -140,7 +140,7 @@ export class ModelSelector extends DialogBase {
 
 	private async loadCustomProviders() {
 		this.customProvidersLoading = true;
-		const allCustomModels: Model<any>[] = [];
+		const allCustomModels: Model<Api>[] = [];
 
 		try {
 			const storage = getAppStorage();
@@ -191,20 +191,20 @@ export class ModelSelector extends DialogBase {
 		return String(tokens);
 	}
 
-	private handleSelect(model: Model<any>) {
+	private handleSelect(model: Model<Api>) {
 		if (model) {
 			this.onSelectCallback?.(model);
 			this.close();
 		}
 	}
 
-	private getFilteredModels(): Array<{ provider: string; id: string; model: any }> {
+	private getFilteredModels(): Array<{ provider: string; id: string; model: Model<Api> }> {
 		// Collect all models from known providers
-		const allModels: Array<{ provider: string; id: string; model: any }> = [];
+		const allModels: Array<{ provider: string; id: string; model: Model<Api> }> = [];
 		const knownProviders = getProviders();
 
 		for (const provider of knownProviders) {
-			const models = getModels(provider as any);
+			const models = getModels(provider);
 			for (const model of models) {
 				allModels.push({ provider, id: model.id, model });
 			}

package/src/storage/stores/custom-providers-store.ts

@@ -1,4 +1,4 @@
-import type { Model } from "@elyracode/ai";
+import type { Api, Model } from "@elyracode/ai";
 import { Store } from "../store.js";
 import type { StoreConfig } from "../types.js";
 
@@ -19,7 +19,7 @@ export interface CustomProvider {
 
 	// For manual types ONLY - models stored directly on provider
 	// Auto-discovery types: models fetched on-demand, never stored
-	models?: Model<any>[];
+	models?: Model<Api>[];
 }
 
 /**

package/src/storage/types.ts

@@ -1,5 +1,5 @@
 import type { AgentMessage, ThinkingLevel } from "@elyracode/agent-core";
-import type { Model } from "@elyracode/ai";
+import type { Api, Model } from "@elyracode/ai";
 
 /**
  * Transaction interface for atomic operations across stores.
@@ -152,7 +152,7 @@ export interface SessionData {
 	title: string;
 
 	/** Last selected model */
-	model: Model<any>;
+	model: Model<Api>;
 
 	/** Last selected thinking level */
 	thinkingLevel: ThinkingLevel;

package/src/tools/artifacts/DocxArtifact.ts

@@ -180,9 +180,9 @@ export class DocxArtifact extends ArtifactElement {
 				}
 			`;
 			container.appendChild(style);
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering DOCX:", error);
-			this.error = error?.message || i18n("Failed to load document");
+			this.error = error instanceof Error ? error.message : i18n("Failed to load document");
 		}
 	}
 

package/src/tools/artifacts/ExcelArtifact.ts

@@ -157,13 +157,13 @@ export class ExcelArtifact extends ArtifactElement {
 				const sheetName = workbook.SheetNames[0];
 				wrapper.appendChild(this.renderExcelSheet(workbook.Sheets[sheetName], sheetName));
 			}
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering Excel:", error);
-			this.error = error?.message || i18n("Failed to load spreadsheet");
+			this.error = error instanceof Error ? error.message : i18n("Failed to load spreadsheet");
 		}
 	}
 
-	private renderExcelSheet(worksheet: any, sheetName: string): HTMLElement {
+	private renderExcelSheet(worksheet: XLSX.WorkSheet, sheetName: string): HTMLElement {
 		const sheetDiv = document.createElement("div");
 
 		// Generate HTML table

package/src/tools/artifacts/HtmlArtifact.ts

@@ -104,7 +104,7 @@ export class HtmlArtifact extends ArtifactElement {
 
 		// Create consumer for console messages
 		const consumer: MessageConsumer = {
-			handleMessage: async (message: any): Promise<void> => {
+			handleMessage: async (message): Promise<void> => {
 				if (message.type === "console") {
 					// Create new array reference for Lit reactivity
 					this.logs = [

package/src/tools/artifacts/PdfArtifact.ts

@@ -1,6 +1,7 @@
 import { DownloadButton } from "@elyracode/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
+import type { PDFDocumentLoadingTask, PDFDocumentProxy } from "pdfjs-dist";
 import * as pdfjsLib from "pdfjs-dist";
 import { i18n } from "../../utils/i18n.js";
 import { ArtifactElement } from "./ArtifactElement.js";
@@ -12,7 +13,7 @@ pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mi
 export class PdfArtifact extends ArtifactElement {
 	@property({ type: String }) private _content = "";
 	@state() private error: string | null = null;
-	private currentLoadingTask: any = null;
+	private currentLoadingTask: PDFDocumentLoadingTask | null = null;
 
 	get content(): string {
 		return this._content;
@@ -106,7 +107,7 @@ export class PdfArtifact extends ArtifactElement {
 		const container = this.querySelector("#pdf-container");
 		if (!container || !this._content) return;
 
-		let pdf: any = null;
+		let pdf: PDFDocumentProxy | null = null;
 
 		try {
 			const arrayBuffer = this.base64ToArrayBuffer(this._content);
@@ -164,9 +165,9 @@ export class PdfArtifact extends ArtifactElement {
 
 				wrapper.appendChild(pageContainer);
 			}
-		} catch (error: any) {
+		} catch (error) {
 			console.error("Error rendering PDF:", error);
-			this.error = error?.message || i18n("Failed to load PDF");
+			this.error = error instanceof Error ? error.message : i18n("Failed to load PDF");
 		} finally {
 			if (pdf) {
 				pdf.destroy();

package/src/tools/artifacts/artifacts-tool-renderer.ts

@@ -1,5 +1,5 @@
 import "@elyracode/mini-lit/dist/CodeBlock.js";
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { createRef, ref } from "lit/directives/ref.js";
 import { FileCode2 } from "lucide";
 import "../../components/ConsoleBlock.js";
@@ -12,12 +12,12 @@ import { ArtifactPill } from "./ArtifactPill.js";
 import type { ArtifactsPanel, ArtifactsParams } from "./artifacts.js";
 
 // Helper to extract text from content blocks
-function getTextOutput(result: ToolResultMessage<any> | undefined): string {
+function getTextOutput(result: ToolResultMessage<unknown> | undefined): string {
 	if (!result) return "";
 	return (
 		result.content
-			?.filter((c) => c.type === "text")
-			.map((c: any) => c.text)
+			?.filter((c): c is TextContent => c.type === "text")
+			.map((c) => c.text)
 			.join("\n") || ""
 	);
 }

package/src/tools/artifacts/artifacts.ts

@@ -311,7 +311,7 @@ export class ArtifactsPanel extends LitElement {
 		// 2) Build an ordered list of successful artifact operations
 		const operations: Array<ArtifactsParams> = [];
 		for (const m of messages) {
-			if ((m as any).role === "artifact") {
+			if (m.role === "artifact") {
 				const artifactMsg = m as ArtifactMessage;
 				switch (artifactMsg.action) {
 					case "create":
@@ -337,8 +337,8 @@ export class ArtifactsPanel extends LitElement {
 				}
 			}
 			// Handle tool result messages (from artifacts tool calls)
-			else if ((m as any).role === "toolResult" && (m as any).toolName === artifactToolName && !(m as any).isError) {
-				const toolCallId = (m as any).toolCallId as string;
+			else if (m.role === "toolResult" && m.toolName === artifactToolName && !m.isError) {
+				const toolCallId = m.toolCallId;
 				const call = toolCalls.get(toolCallId);
 				if (!call) continue;
 				const params = call.arguments as ArtifactsParams;
@@ -431,7 +431,7 @@ export class ArtifactsPanel extends LitElement {
 				return this.getLogs(params);
 			default:
 				// Should never happen with TypeBox validation
-				return `Error: Unknown command ${(params as any).command}`;
+				return `Error: Unknown command ${(params as { command: string }).command}`;
 		}
 	}
 

package/src/tools/extract-document.ts

@@ -1,5 +1,5 @@
 import type { AgentTool } from "@elyracode/agent-core";
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { FileText } from "lucide";
@@ -103,17 +103,17 @@ export function createExtractDocumentTool(): AgentTool<typeof extractDocumentSch
 			try {
 				// Attempt direct fetch first
 				arrayBuffer = await fetchAndProcess(url);
-			} catch (directError: any) {
+			} catch (directError) {
 				// If CORS error and proxy is available, retry with proxy
 				if (isCorsError(directError) && tool.corsProxyUrl) {
 					try {
 						const proxiedUrl = tool.corsProxyUrl + encodeURIComponent(url);
 						arrayBuffer = await fetchAndProcess(proxiedUrl);
-					} catch (proxyError: any) {
+					} catch (proxyError) {
 						// Proxy fetch also failed - throw helpful message
 						throw new Error(
 							`TELL USER: Unable to fetch the document due to CORS restrictions.\n\n` +
-								`Tried with proxy but it also failed: ${proxyError.message}\n\n` +
+								`Tried with proxy but it also failed: ${proxyError instanceof Error ? proxyError.message : String(proxyError)}\n\n` +
 								`INSTRUCT USER: Please download the file manually and attach it to your message using the attachment button (paperclip icon) in the message input area. I can then extract the text from the attached file.`,
 						);
 					}
@@ -213,8 +213,8 @@ export const extractDocumentRenderer: ToolRenderer<ExtractDocumentParams, Extrac
 
 			const output =
 				result.content
-					?.filter((c) => c.type === "text")
-					.map((c: any) => c.text)
+					?.filter((c): c is TextContent => c.type === "text")
+					.map((c) => c.text)
 					.join("\n") || "";
 
 			return {

package/src/tools/index.ts

@@ -27,7 +27,7 @@ export function setShowJsonMode(enabled: boolean): void {
  */
 export function renderTool(
 	toolName: string,
-	params: any | undefined,
+	params: unknown | undefined,
 	result: ToolResultMessage | undefined,
 	isStreaming?: boolean,
 ): ToolRenderResult {

package/src/tools/javascript-repl.ts

@@ -1,5 +1,5 @@
 import type { AgentTool } from "@elyracode/agent-core";
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { i18n } from "@elyracode/mini-lit";
 import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
@@ -214,8 +214,8 @@ export const javascriptReplRenderer: ToolRenderer<JavaScriptReplParams, JavaScri
 		if (result && params) {
 			const output =
 				result.content
-					?.filter((c) => c.type === "text")
-					.map((c: any) => c.text)
+					?.filter((c): c is TextContent => c.type === "text")
+					.map((c) => c.text)
 					.join("\n") || "";
 			const files = result.details?.files || [];
 

package/src/tools/renderer-registry.ts

@@ -2,7 +2,7 @@ import { icon } from "@elyracode/mini-lit";
 import { html, type TemplateResult } from "lit";
 import type { Ref } from "lit/directives/ref.js";
 import { ref } from "lit/directives/ref.js";
-import { ChevronsUpDown, ChevronUp, Loader } from "lucide";
+import { ChevronsUpDown, ChevronUp, type IconNode, Loader } from "lucide";
 import type { ToolRenderer } from "./types.js";
 
 // Registry of tool renderers
@@ -28,10 +28,10 @@ export function getToolRenderer(toolName: string): ToolRenderer | undefined {
  */
 export function renderHeader(
 	state: "inprogress" | "complete" | "error",
-	toolIcon: any,
+	toolIcon: IconNode,
 	text: string | TemplateResult,
 ): TemplateResult {
-	const statusIcon = (iconComponent: any, color: string) =>
+	const statusIcon = (iconComponent: IconNode, color: string) =>
 		html`<span class="inline-block ${color}">${icon(iconComponent, "sm")}</span>`;
 
 	switch (state) {
@@ -68,13 +68,13 @@ export function renderHeader(
  */
 export function renderCollapsibleHeader(
 	state: "inprogress" | "complete" | "error",
-	toolIcon: any,
+	toolIcon: IconNode,
 	text: string | TemplateResult,
 	contentRef: Ref<HTMLElement>,
 	chevronRef: Ref<HTMLElement>,
 	defaultExpanded = false,
 ): TemplateResult {
-	const statusIcon = (iconComponent: any, color: string) =>
+	const statusIcon = (iconComponent: IconNode, color: string) =>
 		html`<span class="inline-block ${color}">${icon(iconComponent, "sm")}</span>`;
 
 	const toggleContent = (e: Event) => {

package/src/tools/renderers/BashRenderer.ts

@@ -1,4 +1,4 @@
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { html } from "lit";
 import { SquareTerminal } from "lucide";
 import { i18n } from "../../utils/i18n.js";
@@ -18,8 +18,8 @@ export class BashRenderer implements ToolRenderer<BashParams, undefined> {
 		if (result && params?.command) {
 			const output =
 				result.content
-					?.filter((c) => c.type === "text")
-					.map((c: any) => c.text)
+					?.filter((c): c is TextContent => c.type === "text")
+					.map((c) => c.text)
 					.join("\n") || "";
 			const combined = output ? `> ${params.command}\n\n${output}` : `> ${params.command}`;
 			return {

package/src/tools/renderers/CalculateRenderer.ts

@@ -1,4 +1,4 @@
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { html } from "lit";
 import { Calculator } from "lucide";
 import { i18n } from "../../utils/i18n.js";
@@ -18,8 +18,8 @@ export class CalculateRenderer implements ToolRenderer<CalculateParams, undefine
 		if (result && params?.expression) {
 			const output =
 				result.content
-					?.filter((c) => c.type === "text")
-					.map((c: any) => c.text)
+					?.filter((c): c is TextContent => c.type === "text")
+					.map((c) => c.text)
 					.join("\n") || "";
 
 			// Error: show expression in header, error below

package/src/tools/renderers/DefaultRenderer.ts

@@ -1,4 +1,4 @@
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { html } from "lit";
 import { Code } from "lucide";
 import { i18n } from "../../utils/i18n.js";
@@ -6,14 +6,14 @@ import { renderHeader } from "../renderer-registry.js";
 import type { ToolRenderer, ToolRenderResult } from "../types.js";
 
 export class DefaultRenderer implements ToolRenderer {
-	render(params: any | undefined, result: ToolResultMessage | undefined, isStreaming?: boolean): ToolRenderResult {
+	render(params: unknown | undefined, result: ToolResultMessage | undefined, isStreaming?: boolean): ToolRenderResult {
 		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);
+				paramsJson = JSON.stringify(JSON.parse(params as string), null, 2);
 			} catch {
 				try {
 					paramsJson = JSON.stringify(params, null, 2);
@@ -27,8 +27,8 @@ export class DefaultRenderer implements ToolRenderer {
 		if (result) {
 			let outputJson =
 				result.content
-					?.filter((c) => c.type === "text")
-					.map((c: any) => c.text)
+					?.filter((c): c is TextContent => c.type === "text")
+					.map((c) => c.text)
 					.join("\n") || i18n("(no output)");
 			let outputLanguage = "text";