@elyracode/web-ui 0.9.9 → 0.9.11

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";
 

package/src/tools/renderers/GetCurrentTimeRenderer.ts

@@ -1,4 +1,4 @@
-import type { ToolResultMessage } from "@elyracode/ai";
+import type { TextContent, ToolResultMessage } from "@elyracode/ai";
 import { html } from "lit";
 import { Clock } from "lucide";
 import { i18n } from "../../utils/i18n.js";
@@ -21,8 +21,8 @@ export class GetCurrentTimeRenderer implements ToolRenderer<GetCurrentTimeParams
 		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 headerText = params.timezone
 				? `${i18n("Getting current time in")} ${params.timezone}`
@@ -49,8 +49,8 @@ export class GetCurrentTimeRenderer implements ToolRenderer<GetCurrentTimeParams
 		if (result) {
 			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 header, error below

package/src/tools/types.ts

@@ -6,7 +6,7 @@ export interface ToolRenderResult {
 	isCustom: boolean; // true = no card wrapper, false = wrap in card
 }
 
-export interface ToolRenderer<TParams = any, TDetails = any> {
+export interface ToolRenderer<TParams = unknown, TDetails = unknown> {
 	render(
 		params: TParams | undefined,
 		result: ToolResultMessage<TDetails> | undefined,

package/src/utils/attachment-utils.ts

@@ -214,8 +214,8 @@ async function processPdf(
 			const page = await pdf.getPage(i);
 			const textContent = await page.getTextContent();
 			const pageText = textContent.items
-				.map((item: any) => item.str)
-				.filter((str: string) => str.trim())
+				.map((item) => ("str" in item ? item.str : ""))
+				.filter((str) => str.trim())
 				.join(" ");
 			extractedText += `\n<page number="${i}">\n${pageText}\n</page>`;
 		}
@@ -298,7 +298,14 @@ async function processDocx(arrayBuffer: ArrayBuffer, fileName: string): Promise<
 	}
 }
 
-function extractTextFromElement(element: any): string {
+/** Structural shape of a docx-preview document tree node (the library types its tree as `any`). */
+interface DocxElement {
+	type?: string;
+	text?: string;
+	children?: DocxElement[];
+}
+
+function extractTextFromElement(element: DocxElement): string {
 	let text = "";
 
 	// Check type with lowercase

package/src/utils/format.ts

@@ -1,11 +1,11 @@
-import type { Usage } from "@elyracode/ai";
+import type { Api, Model, Usage } from "@elyracode/ai";
 import { i18n } from "@elyracode/mini-lit";
 
 export function formatCost(cost: number): string {
 	return `$${cost.toFixed(4)}`;
 }
 
-export function formatModelCost(cost: any): string {
+export function formatModelCost(cost: Model<Api>["cost"] | undefined): string {
 	if (!cost) return i18n("Free");
 	const input = cost.input || 0;
 	const output = cost.output || 0;