@elyracode/web-ui 0.9.10 → 0.9.12

package/src/components/sandbox/ConsoleRuntimeProvider.ts

@@ -1,3 +1,4 @@
+import type { RuntimeMessage, RuntimeResponse, SandboxRuntimeWindow } from "./runtime-messages.js";
 import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
 
 export interface ConsoleLog {
@@ -18,7 +19,7 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 	private completionError: { message: string; stack: string } | null = null;
 	private completed = false;
 
-	getData(): Record<string, any> {
+	getData(): Record<string, unknown> {
 		// No data needed
 		return {};
 	}
@@ -29,10 +30,11 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 
 	getRuntime(): (sandboxId: string) => void {
 		return (_sandboxId: string) => {
+			const win = window as unknown as SandboxRuntimeWindow;
 			// Store truly original console methods on first wrap only
 			// This prevents accumulation of wrapper functions across multiple executions
-			if (!(window as any).__originalConsole) {
-				(window as any).__originalConsole = {
+			if (!win.__originalConsole) {
+				win.__originalConsole = {
 					log: console.log.bind(console),
 					error: console.error.bind(console),
 					warn: console.warn.bind(console),
@@ -41,13 +43,13 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 			}
 
 			// Always use the truly original console, not the current (possibly wrapped) one
-			const originalConsole = (window as any).__originalConsole;
+			const originalConsole = win.__originalConsole;
 
 			// Track pending send promises to wait for them in onCompleted
-			const pendingSends: Promise<any>[] = [];
+			const pendingSends: Promise<unknown>[] = [];
 
-			["log", "error", "warn", "info"].forEach((method) => {
-				(console as any)[method] = (...args: any[]) => {
+			(["log", "error", "warn", "info"] as const).forEach((method) => {
+				console[method] = (...args: unknown[]) => {
 					const text = args
 						.map((arg) => {
 							try {
@@ -59,11 +61,11 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 						.join(" ");
 
 					// Always log locally too (using truly original console)
-					(originalConsole as any)[method].apply(console, args);
+					originalConsole[method].apply(console, args);
 
 					// Send immediately and track the promise (only in extension context)
-					if ((window as any).sendRuntimeMessage) {
-						const sendPromise = (window as any)
+					if (win.sendRuntimeMessage) {
+						const sendPromise = win
 							.sendRuntimeMessage({
 								type: "console",
 								method,
@@ -77,8 +79,8 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 			});
 
 			// Register completion callback to wait for all pending sends
-			if ((window as any).onCompleted) {
-				(window as any).onCompleted(async (_success: boolean) => {
+			if (win.onCompleted) {
+				win.onCompleted(async (_success: boolean) => {
 					// Wait for all pending console sends to complete
 					if (pendingSends.length > 0) {
 						await Promise.all(pendingSends);
@@ -111,20 +113,20 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 
 			// Expose complete() method for user code to call
 			let completionSent = false;
-			(window as any).complete = async (error?: { message: string; stack: string }, returnValue?: any) => {
+			win.complete = async (error?: { message: string; stack: string } | null, returnValue?: unknown) => {
 				if (completionSent) return;
 				completionSent = true;
 
 				const finalError = error || lastError;
 
-				if ((window as any).sendRuntimeMessage) {
+				if (win.sendRuntimeMessage) {
 					if (finalError) {
-						await (window as any).sendRuntimeMessage({
+						await win.sendRuntimeMessage({
 							type: "execution-error",
 							error: finalError,
 						});
 					} else {
-						await (window as any).sendRuntimeMessage({
+						await win.sendRuntimeMessage({
 							type: "execution-complete",
 							returnValue,
 						});
@@ -134,7 +136,7 @@ export class ConsoleRuntimeProvider implements SandboxRuntimeProvider {
 		};
 	}
 
-	async handleMessage(message: any, respond: (response: any) => void): Promise<void> {
+	async handleMessage(message: RuntimeMessage, respond: (response: RuntimeResponse) => void): Promise<void> {
 		if (message.type === "console") {
 			// Collect console output
 			this.logs.push({

package/src/components/sandbox/FileDownloadRuntimeProvider.ts

@@ -1,3 +1,4 @@
+import type { RuntimeMessage, RuntimeResponse, SandboxRuntimeWindow } from "./runtime-messages.js";
 import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
 
 export interface DownloadableFile {
@@ -17,15 +18,16 @@ export interface DownloadableFile {
 export class FileDownloadRuntimeProvider implements SandboxRuntimeProvider {
 	private files: DownloadableFile[] = [];
 
-	getData(): Record<string, any> {
+	getData(): Record<string, unknown> {
 		// No data needed
 		return {};
 	}
 
 	getRuntime(): (sandboxId: string) => void {
 		return (_sandboxId: string) => {
-			(window as any).returnDownloadableFile = async (fileName: string, content: any, mimeType?: string) => {
-				let finalContent: any, finalMimeType: string;
+			const win = window as unknown as SandboxRuntimeWindow;
+			win.returnDownloadableFile = async (fileName: string, content: unknown, mimeType?: string) => {
+				let finalContent: string | Uint8Array, finalMimeType: string;
 
 				if (content instanceof Blob) {
 					const arrayBuffer = await content.arrayBuffer();
@@ -53,8 +55,8 @@ export class FileDownloadRuntimeProvider implements SandboxRuntimeProvider {
 				}
 
 				// Send to extension if in extension context (online mode)
-				if ((window as any).sendRuntimeMessage) {
-					const response = await (window as any).sendRuntimeMessage({
+				if (win.sendRuntimeMessage) {
+					const response = await win.sendRuntimeMessage({
 						type: "file-returned",
 						fileName,
 						content: finalContent,
@@ -63,7 +65,9 @@ export class FileDownloadRuntimeProvider implements SandboxRuntimeProvider {
 					if (response.error) throw new Error(response.error);
 				} else {
 					// Offline mode: trigger browser download directly
-					const blob = new Blob([finalContent instanceof Uint8Array ? finalContent : finalContent], {
+					const blobPart: BlobPart =
+						typeof finalContent === "string" ? finalContent : new Uint8Array(finalContent);
+					const blob = new Blob([blobPart], {
 						type: finalMimeType,
 					});
 					const url = URL.createObjectURL(blob);
@@ -77,7 +81,7 @@ export class FileDownloadRuntimeProvider implements SandboxRuntimeProvider {
 		};
 	}
 
-	async handleMessage(message: any, respond: (response: any) => void): Promise<void> {
+	async handleMessage(message: RuntimeMessage, respond: (response: RuntimeResponse) => void): Promise<void> {
 		if (message.type === "file-returned") {
 			// Collect file for caller
 			this.files.push({

package/src/components/sandbox/RuntimeMessageRouter.ts

@@ -1,7 +1,8 @@
+import type { ChromeApi, RuntimeMessage, RuntimeResponse, UserScriptMessageListener } from "./runtime-messages.js";
 import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
 
 // Type declaration for chrome extension API (when available)
-declare const chrome: any;
+declare const chrome: ChromeApi | undefined;
 
 /**
  * Message consumer interface - components that want to receive messages from sandboxes
@@ -11,7 +12,7 @@ export interface MessageConsumer {
 	 * Handle a message from a sandbox.
 	 * All consumers receive all messages - decide internally what to handle.
 	 */
-	handleMessage(message: any): Promise<void>;
+	handleMessage(message: RuntimeMessage): Promise<void>;
 }
 
 /**
@@ -41,9 +42,7 @@ interface SandboxContext {
 export class RuntimeMessageRouter {
 	private sandboxes = new Map<string, SandboxContext>();
 	private messageListener: ((e: MessageEvent) => void) | null = null;
-	private userScriptMessageListener:
-		| ((message: any, sender: any, sendResponse: (response: any) => void) => boolean)
-		| null = null;
+	private userScriptMessageListener: UserScriptMessageListener | null = null;
 
 	/**
 	 * Register a new sandbox with its runtime providers.
@@ -133,7 +132,7 @@ export class RuntimeMessageRouter {
 				}
 
 				// Create respond() function for bidirectional communication
-				const respond = (response: any) => {
+				const respond = (response: RuntimeResponse) => {
 					context.iframe?.contentWindow?.postMessage(
 						{
 							type: "runtime-response",
@@ -170,14 +169,14 @@ export class RuntimeMessageRouter {
 				return;
 			}
 
-			this.userScriptMessageListener = (message: any, _sender: any, sendResponse: (response: any) => void) => {
+			this.userScriptMessageListener = (message, _sender, sendResponse) => {
 				const { sandboxId } = message;
 				if (!sandboxId) return false;
 
 				const context = this.sandboxes.get(sandboxId);
 				if (!context) return false;
 
-				const respond = (response: any) => {
+				const respond = (response: RuntimeResponse) => {
 					sendResponse({
 						...response,
 						sandboxId,

package/src/components/sandbox/SandboxRuntimeProvider.ts

@@ -1,3 +1,5 @@
+import type { RuntimeMessage, RuntimeResponse } from "./runtime-messages.js";
+
 /**
  * Interface for providing runtime capabilities to sandboxed iframes.
  * Each provider injects data and runtime functions into the sandbox context.
@@ -7,7 +9,7 @@ export interface SandboxRuntimeProvider {
 	 * Returns data to inject into window scope.
 	 * Keys become window properties (e.g., { attachments: [...] } -> window.attachments)
 	 */
-	getData(): Record<string, any>;
+	getData(): Record<string, unknown>;
 
 	/**
 	 * Returns a runtime function that will be stringified and executed in the sandbox.
@@ -25,7 +27,7 @@ export interface SandboxRuntimeProvider {
 	 * @param message - The message from the sandbox
 	 * @param respond - Function to send a response back to the sandbox
 	 */
-	handleMessage?(message: any, respond: (response: any) => void): Promise<void>;
+	handleMessage?(message: RuntimeMessage, respond: (response: RuntimeResponse) => void): Promise<void>;
 
 	/**
 	 * Optional documentation describing what globals/functions this provider injects.

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();