@oh-my-pi/pi-web-ui 1.341.0 → 2.0.1337

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## [Unreleased]
 
+## [2.0.1337] - 2026-01-03
+
+## [1.500.0] - 2026-01-03
+
 ## [1.341.0] - 2026-01-03
 
 ## [1.338.0] - 2026-01-03

package/example/package.json

@@ -8,7 +8,8 @@
     "build": "vite build",
     "preview": "vite preview",
     "clean": "rm -rf dist",
-    "check": "biome check --write . && tsgo --noEmit"
+    "check": "biome check --write . && tsgo --noEmit",
+    "fix": "biome check --write --unsafe ."
   },
   "dependencies": {
     "@mariozechner/mini-lit": "^0.2.0",

package/example/src/main.ts

@@ -25,7 +25,7 @@ import "./app.css";
 import { icon } from "@mariozechner/mini-lit";
 import { Button } from "@mariozechner/mini-lit/dist/Button.js";
 import { Input } from "@mariozechner/mini-lit/dist/Input.js";
-import { createSystemNotification, customConvertToLlm, registerCustomMessageRenderers } from "./custom-messages.js";
+import { createSystemNotification, customConvertToLlm, registerCustomMessageRenderers } from "./custom-messages";
 
 // Register custom message renderers
 registerCustomMessageRenderers();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@oh-my-pi/pi-web-ui",
-	"version": "1.341.0",
+	"version": "2.0.1337",
 	"description": "Reusable web UI components for AI chat interfaces powered by @oh-my-pi/pi-ai",
 	"type": "module",
 	"main": "src/index.ts",
@@ -14,7 +14,8 @@
 		"dev:example": "bun --cwd=example run dev",
 		"dev": "bun run dev:css & bun run dev:example",
 		"build:css": "tailwindcss -i ./src/app.css -o ./dist/app.css --minify",
-		"check": "biome check --write . && tsgo --noEmit && bun --cwd=example run check"
+		"check": "biome check --write . && tsgo --noEmit && bun --cwd=example run check",
+		"fix": "biome check --write --unsafe . && bun --cwd=example run fix"
 	},
 	"dependencies": {
 		"@lmstudio/sdk": "^1.5.0",

package/scripts/count-prompt-tokens.ts

@@ -3,7 +3,7 @@
  * Count tokens in system prompts using Anthropic's token counter API
  */
 
-import * as prompts from "../src/prompts/prompts.js";
+import * as prompts from "../src/prompts/prompts";
 
 const ANTHROPIC_API_KEY = process.env.ANTHROPIC_API_KEY;
 

package/src/ChatPanel.ts

@@ -3,14 +3,14 @@ import { html, LitElement } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import "./components/AgentInterface.js";
 import type { Agent, AgentTool } from "@oh-my-pi/pi-agent-core";
-import type { AgentInterface } from "./components/AgentInterface.js";
-import { ArtifactsRuntimeProvider } from "./components/sandbox/ArtifactsRuntimeProvider.js";
-import { AttachmentsRuntimeProvider } from "./components/sandbox/AttachmentsRuntimeProvider.js";
-import type { SandboxRuntimeProvider } from "./components/sandbox/SandboxRuntimeProvider.js";
-import { ArtifactsPanel, ArtifactsToolRenderer } from "./tools/artifacts/index.js";
-import { registerToolRenderer } from "./tools/renderer-registry.js";
-import type { Attachment } from "./utils/attachment-utils.js";
-import { i18n } from "./utils/i18n.js";
+import type { AgentInterface } from "./components/AgentInterface";
+import { ArtifactsRuntimeProvider } from "./components/sandbox/ArtifactsRuntimeProvider";
+import { AttachmentsRuntimeProvider } from "./components/sandbox/AttachmentsRuntimeProvider";
+import type { SandboxRuntimeProvider } from "./components/sandbox/SandboxRuntimeProvider";
+import { ArtifactsPanel, ArtifactsToolRenderer } from "./tools/artifacts/index";
+import { registerToolRenderer } from "./tools/renderer-registry";
+import type { Attachment } from "./utils/attachment-utils";
+import { i18n } from "./utils/i18n";
 
 const BREAKPOINT = 800; // px - switch between overlay and side-by-side
 

package/src/components/AgentInterface.ts

@@ -1,20 +1,20 @@
 import { streamSimple, type ToolResultMessage, type Usage } from "@oh-my-pi/pi-ai";
 import { html, LitElement } from "lit";
 import { customElement, property, query } from "lit/decorators.js";
-import { ModelSelector } from "../dialogs/ModelSelector.js";
-import type { MessageEditor } from "./MessageEditor.js";
+import { ModelSelector } from "../dialogs/ModelSelector";
+import type { MessageEditor } from "./MessageEditor";
 import "./MessageEditor.js";
 import "./MessageList.js";
 import "./Messages.js"; // Import for side effects to register the custom elements
-import { getAppStorage } from "../storage/app-storage.js";
+import { getAppStorage } from "../storage/app-storage";
 import "./StreamingMessageContainer.js";
 import type { Agent, AgentEvent } from "@oh-my-pi/pi-agent-core";
-import type { Attachment } from "../utils/attachment-utils.js";
-import { formatUsage } from "../utils/format.js";
-import { i18n } from "../utils/i18n.js";
-import { createStreamFn } from "../utils/proxy-utils.js";
-import type { UserMessageWithAttachments } from "./Messages.js";
-import type { StreamingMessageContainer } from "./StreamingMessageContainer.js";
+import type { Attachment } from "../utils/attachment-utils";
+import { formatUsage } from "../utils/format";
+import { i18n } from "../utils/i18n";
+import { createStreamFn } from "../utils/proxy-utils";
+import type { UserMessageWithAttachments } from "./Messages";
+import type { StreamingMessageContainer } from "./StreamingMessageContainer";
 
 @customElement("agent-interface")
 export class AgentInterface extends LitElement {

package/src/components/AttachmentTile.ts

@@ -3,9 +3,9 @@ import { LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { html } from "lit/html.js";
 import { FileSpreadsheet, FileText, X } from "lucide";
-import { AttachmentOverlay } from "../dialogs/AttachmentOverlay.js";
-import type { Attachment } from "../utils/attachment-utils.js";
-import { i18n } from "../utils/i18n.js";
+import { AttachmentOverlay } from "../dialogs/AttachmentOverlay";
+import type { Attachment } from "../utils/attachment-utils";
+import { i18n } from "../utils/i18n";
 
 @customElement("attachment-tile")
 export class AttachmentTile extends LitElement {

package/src/components/ConsoleBlock.ts

@@ -3,7 +3,7 @@ import { LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
 import { html } from "lit/html.js";
 import { Check, Copy } from "lucide";
-import { i18n } from "../utils/i18n.js";
+import { i18n } from "../utils/i18n";
 
 export class ConsoleBlock extends LitElement {
 	@property() content: string = "";

package/src/components/CustomProviderCard.ts

@@ -2,7 +2,7 @@ import { i18n } from "@mariozechner/mini-lit";
 import { Button } from "@mariozechner/mini-lit/dist/Button.js";
 import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import type { CustomProvider } from "../storage/stores/custom-providers-store.js";
+import type { CustomProvider } from "../storage/stores/custom-providers-store";
 
 @customElement("custom-provider-card")
 export class CustomProviderCard extends LitElement {

package/src/components/Input.ts

@@ -1,7 +1,7 @@
 import { type BaseComponentProps, fc } from "@mariozechner/mini-lit/dist/mini.js";
 import { html } from "lit";
 import { type Ref, ref } from "lit/directives/ref.js";
-import { i18n } from "../utils/i18n.js";
+import { i18n } from "../utils/i18n";
 
 export type InputType = "text" | "email" | "password" | "number" | "url" | "tel" | "search";
 export type InputSize = "sm" | "md" | "lg";

package/src/components/MessageEditor.ts

@@ -6,8 +6,8 @@ import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { Brain, Loader2, Paperclip, Send, Sparkles, Square } from "lucide";
-import { type Attachment, loadAttachment } from "../utils/attachment-utils.js";
-import { i18n } from "../utils/i18n.js";
+import { type Attachment, loadAttachment } from "../utils/attachment-utils";
+import { i18n } from "../utils/i18n";
 import "./AttachmentTile.js";
 import type { ThinkingLevel } from "@oh-my-pi/pi-agent-core";
 

package/src/components/MessageList.ts

@@ -6,7 +6,7 @@ import type {
 import { html, LitElement, type TemplateResult } from "lit";
 import { property } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import { renderMessage } from "./message-renderer-registry.js";
+import { renderMessage } from "./message-renderer-registry";
 
 export class MessageList extends LitElement {
 	@property({ type: Array }) messages: AgentMessage[] = [];

package/src/components/Messages.ts

@@ -8,10 +8,10 @@ import type {
 } from "@oh-my-pi/pi-ai";
 import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { renderTool } from "../tools/index.js";
-import type { Attachment } from "../utils/attachment-utils.js";
-import { formatUsage } from "../utils/format.js";
-import { i18n } from "../utils/i18n.js";
+import { renderTool } from "../tools/index";
+import type { Attachment } from "../utils/attachment-utils";
+import { formatUsage } from "../utils/format";
+import { i18n } from "../utils/i18n";
 import "./ThinkingBlock.js";
 import type { AgentTool } from "@oh-my-pi/pi-agent-core";
 

package/src/components/ProviderKeyInput.ts

@@ -4,9 +4,9 @@ import { Button } from "@mariozechner/mini-lit/dist/Button.js";
 import { type Context, complete, getModel } from "@oh-my-pi/pi-ai";
 import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import { getAppStorage } from "../storage/app-storage.js";
-import { applyProxyIfNeeded } from "../utils/proxy-utils.js";
-import { Input } from "./Input.js";
+import { getAppStorage } from "../storage/app-storage";
+import { applyProxyIfNeeded } from "../utils/proxy-utils";
+import { Input } from "./Input";
 
 // Test models for each provider
 const TEST_MODELS: Record<string, string> = {

package/src/components/SandboxedIframe.ts

@@ -1,9 +1,9 @@
 import { LitElement } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { ConsoleRuntimeProvider } from "./sandbox/ConsoleRuntimeProvider.js";
-import { RuntimeMessageBridge } from "./sandbox/RuntimeMessageBridge.js";
-import { type MessageConsumer, RUNTIME_MESSAGE_ROUTER } from "./sandbox/RuntimeMessageRouter.js";
-import type { SandboxRuntimeProvider } from "./sandbox/SandboxRuntimeProvider.js";
+import { ConsoleRuntimeProvider } from "./sandbox/ConsoleRuntimeProvider";
+import { RuntimeMessageBridge } from "./sandbox/RuntimeMessageBridge";
+import { type MessageConsumer, RUNTIME_MESSAGE_ROUTER } from "./sandbox/RuntimeMessageRouter";
+import type { SandboxRuntimeProvider } from "./sandbox/SandboxRuntimeProvider";
 
 export interface SandboxFile {
 	fileName: string;

package/src/components/sandbox/ArtifactsRuntimeProvider.ts

@@ -1,8 +1,8 @@
 import {
 	ARTIFACTS_RUNTIME_PROVIDER_DESCRIPTION_RO,
 	ARTIFACTS_RUNTIME_PROVIDER_DESCRIPTION_RW,
-} from "../../prompts/prompts.js";
-import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
+} from "../../prompts/prompts";
+import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider";
 
 // Define minimal interface for ArtifactsPanel to avoid circular dependencies
 interface ArtifactsPanelLike {

package/src/components/sandbox/AttachmentsRuntimeProvider.ts

@@ -1,6 +1,6 @@
-import { ATTACHMENTS_RUNTIME_DESCRIPTION } from "../../prompts/prompts.js";
-import type { Attachment } from "../../utils/attachment-utils.js";
-import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
+import { ATTACHMENTS_RUNTIME_DESCRIPTION } from "../../prompts/prompts";
+import type { Attachment } from "../../utils/attachment-utils";
+import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider";
 
 /**
  * Attachments Runtime Provider

package/src/components/sandbox/ConsoleRuntimeProvider.ts

@@ -1,4 +1,4 @@
-import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
+import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider";
 
 export interface ConsoleLog {
 	type: "log" | "warn" | "error" | "info";

package/src/components/sandbox/FileDownloadRuntimeProvider.ts

@@ -1,4 +1,4 @@
-import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
+import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider";
 
 export interface DownloadableFile {
 	fileName: string;

package/src/components/sandbox/RuntimeMessageRouter.ts

@@ -1,4 +1,4 @@
-import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider.js";
+import type { SandboxRuntimeProvider } from "./SandboxRuntimeProvider";
 
 // Type declaration for chrome extension API (when available)
 declare const chrome: any;

package/src/dialogs/ApiKeyPromptDialog.ts

@@ -3,8 +3,8 @@ import "../components/ProviderKeyInput.js";
 import { DialogContent, DialogHeader } from "@mariozechner/mini-lit/dist/Dialog.js";
 import { DialogBase } from "@mariozechner/mini-lit/dist/DialogBase.js";
 import { html } from "lit";
-import { getAppStorage } from "../storage/app-storage.js";
-import { i18n } from "../utils/i18n.js";
+import { getAppStorage } from "../storage/app-storage";
+import { i18n } from "../utils/i18n";
 
 @customElement("api-key-prompt-dialog")
 export class ApiKeyPromptDialog extends DialogBase {

package/src/dialogs/AttachmentOverlay.ts

@@ -7,8 +7,8 @@ import { state } from "lit/decorators.js";
 import { Download, X } from "lucide";
 import * as pdfjsLib from "pdfjs-dist";
 import * as XLSX from "xlsx";
-import type { Attachment } from "../utils/attachment-utils.js";
-import { i18n } from "../utils/i18n.js";
+import type { Attachment } from "../utils/attachment-utils";
+import { i18n } from "../utils/i18n";
 
 type FileType = "image" | "pdf" | "docx" | "pptx" | "excel" | "text";
 

package/src/dialogs/CustomProviderDialog.ts

@@ -7,9 +7,9 @@ import { Select } from "@mariozechner/mini-lit/dist/Select.js";
 import type { Model } from "@oh-my-pi/pi-ai";
 import { html, type TemplateResult } from "lit";
 import { state } from "lit/decorators.js";
-import { getAppStorage } from "../storage/app-storage.js";
-import type { CustomProvider, CustomProviderType } from "../storage/stores/custom-providers-store.js";
-import { discoverModels } from "../utils/model-discovery.js";
+import { getAppStorage } from "../storage/app-storage";
+import type { CustomProvider, CustomProviderType } from "../storage/stores/custom-providers-store";
+import { discoverModels } from "../utils/model-discovery";
 
 export class CustomProviderDialog extends DialogBase {
 	private provider?: CustomProvider;

package/src/dialogs/ModelSelector.ts

@@ -8,12 +8,12 @@ import { html, type PropertyValues, type TemplateResult } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { Brain, Image as ImageIcon } from "lucide";
-import { Input } from "../components/Input.js";
-import { getAppStorage } from "../storage/app-storage.js";
-import type { AutoDiscoveryProviderType } from "../storage/stores/custom-providers-store.js";
-import { formatModelCost } from "../utils/format.js";
-import { i18n } from "../utils/i18n.js";
-import { discoverModels } from "../utils/model-discovery.js";
+import { Input } from "../components/Input";
+import { getAppStorage } from "../storage/app-storage";
+import type { AutoDiscoveryProviderType } from "../storage/stores/custom-providers-store";
+import { formatModelCost } from "../utils/format";
+import { i18n } from "../utils/i18n";
+import { discoverModels } from "../utils/model-discovery";
 
 @customElement("agent-model-selector")
 export class ModelSelector extends DialogBase {

package/src/dialogs/PersistentStorageDialog.ts

@@ -3,7 +3,7 @@ import { DialogContent, DialogHeader } from "@mariozechner/mini-lit/dist/Dialog.
 import { DialogBase } from "@mariozechner/mini-lit/dist/DialogBase.js";
 import { html } from "lit";
 import { customElement, state } from "lit/decorators.js";
-import { i18n } from "../utils/i18n.js";
+import { i18n } from "../utils/i18n";
 
 @customElement("persistent-storage-dialog")
 export class PersistentStorageDialog extends DialogBase {

package/src/dialogs/ProvidersModelsTab.ts

@@ -5,15 +5,15 @@ import { html, type TemplateResult } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import "../components/CustomProviderCard.js";
 import "../components/ProviderKeyInput.js";
-import { getAppStorage } from "../storage/app-storage.js";
+import { getAppStorage } from "../storage/app-storage";
 import type {
 	AutoDiscoveryProviderType,
 	CustomProvider,
 	CustomProviderType,
-} from "../storage/stores/custom-providers-store.js";
-import { discoverModels } from "../utils/model-discovery.js";
-import { CustomProviderDialog } from "./CustomProviderDialog.js";
-import { SettingsTab } from "./SettingsDialog.js";
+} from "../storage/stores/custom-providers-store";
+import { discoverModels } from "../utils/model-discovery";
+import { CustomProviderDialog } from "./CustomProviderDialog";
+import { SettingsTab } from "./SettingsDialog";
 
 @customElement("providers-models-tab")
 export class ProvidersModelsTab extends SettingsTab {

package/src/dialogs/SessionListDialog.ts

@@ -2,10 +2,10 @@ import { DialogContent, DialogHeader } from "@mariozechner/mini-lit/dist/Dialog.
 import { DialogBase } from "@mariozechner/mini-lit/dist/DialogBase.js";
 import { html } from "lit";
 import { customElement, state } from "lit/decorators.js";
-import { getAppStorage } from "../storage/app-storage.js";
-import type { SessionMetadata } from "../storage/types.js";
-import { formatUsage } from "../utils/format.js";
-import { i18n } from "../utils/i18n.js";
+import { getAppStorage } from "../storage/app-storage";
+import type { SessionMetadata } from "../storage/types";
+import { formatUsage } from "../utils/format";
+import { i18n } from "../utils/i18n";
 
 @customElement("session-list-dialog")
 export class SessionListDialog extends DialogBase {

package/src/dialogs/SettingsDialog.ts

@@ -7,7 +7,7 @@ import { getProviders } from "@oh-my-pi/pi-ai";
 import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import "../components/ProviderKeyInput.js";
-import { getAppStorage } from "../storage/app-storage.js";
+import { getAppStorage } from "../storage/app-storage";
 
 // Base class for settings tabs
 export abstract class SettingsTab extends LitElement {

package/src/index.ts

@@ -2,17 +2,17 @@
 
 export type { Agent, AgentMessage, AgentState, ThinkingLevel } from "@oh-my-pi/pi-agent-core";
 export type { Model } from "@oh-my-pi/pi-ai";
-export { ChatPanel } from "./ChatPanel.js";
+export { ChatPanel } from "./ChatPanel";
 // Components
-export { AgentInterface } from "./components/AgentInterface.js";
-export { AttachmentTile } from "./components/AttachmentTile.js";
-export { ConsoleBlock } from "./components/ConsoleBlock.js";
-export { ExpandableSection } from "./components/ExpandableSection.js";
-export { Input } from "./components/Input.js";
-export { MessageEditor } from "./components/MessageEditor.js";
-export { MessageList } from "./components/MessageList.js";
+export { AgentInterface } from "./components/AgentInterface";
+export { AttachmentTile } from "./components/AttachmentTile";
+export { ConsoleBlock } from "./components/ConsoleBlock";
+export { ExpandableSection } from "./components/ExpandableSection";
+export { Input } from "./components/Input";
+export { MessageEditor } from "./components/MessageEditor";
+export { MessageList } from "./components/MessageList";
 // Message components
-export type { ArtifactMessage, UserMessageWithAttachments } from "./components/Messages.js";
+export type { ArtifactMessage, UserMessageWithAttachments } from "./components/Messages";
 export {
 	AssistantMessage,
 	convertAttachments,
@@ -21,7 +21,7 @@ export {
 	isUserMessageWithAttachments,
 	ToolMessage,
 	UserMessage,
-} from "./components/Messages.js";
+} from "./components/Messages";
 // Message renderer registry
 export {
 	getMessageRenderer,
@@ -29,53 +29,53 @@ export {
 	type MessageRole,
 	registerMessageRenderer,
 	renderMessage,
-} from "./components/message-renderer-registry.js";
+} from "./components/message-renderer-registry";
 export {
 	type SandboxFile,
 	SandboxIframe,
 	type SandboxResult,
 	type SandboxUrlProvider,
-} from "./components/SandboxedIframe.js";
-export { StreamingMessageContainer } from "./components/StreamingMessageContainer.js";
+} from "./components/SandboxedIframe";
+export { StreamingMessageContainer } from "./components/StreamingMessageContainer";
 // Sandbox Runtime Providers
-export { ArtifactsRuntimeProvider } from "./components/sandbox/ArtifactsRuntimeProvider.js";
-export { AttachmentsRuntimeProvider } from "./components/sandbox/AttachmentsRuntimeProvider.js";
-export { type ConsoleLog, ConsoleRuntimeProvider } from "./components/sandbox/ConsoleRuntimeProvider.js";
+export { ArtifactsRuntimeProvider } from "./components/sandbox/ArtifactsRuntimeProvider";
+export { AttachmentsRuntimeProvider } from "./components/sandbox/AttachmentsRuntimeProvider";
+export { type ConsoleLog, ConsoleRuntimeProvider } from "./components/sandbox/ConsoleRuntimeProvider";
 export {
 	type DownloadableFile,
 	FileDownloadRuntimeProvider,
-} from "./components/sandbox/FileDownloadRuntimeProvider.js";
-export { RuntimeMessageBridge } from "./components/sandbox/RuntimeMessageBridge.js";
-export { RUNTIME_MESSAGE_ROUTER } from "./components/sandbox/RuntimeMessageRouter.js";
-export type { SandboxRuntimeProvider } from "./components/sandbox/SandboxRuntimeProvider.js";
-export { ThinkingBlock } from "./components/ThinkingBlock.js";
-export { ApiKeyPromptDialog } from "./dialogs/ApiKeyPromptDialog.js";
-export { AttachmentOverlay } from "./dialogs/AttachmentOverlay.js";
+} from "./components/sandbox/FileDownloadRuntimeProvider";
+export { RuntimeMessageBridge } from "./components/sandbox/RuntimeMessageBridge";
+export { RUNTIME_MESSAGE_ROUTER } from "./components/sandbox/RuntimeMessageRouter";
+export type { SandboxRuntimeProvider } from "./components/sandbox/SandboxRuntimeProvider";
+export { ThinkingBlock } from "./components/ThinkingBlock";
+export { ApiKeyPromptDialog } from "./dialogs/ApiKeyPromptDialog";
+export { AttachmentOverlay } from "./dialogs/AttachmentOverlay";
 // Dialogs
-export { ModelSelector } from "./dialogs/ModelSelector.js";
-export { PersistentStorageDialog } from "./dialogs/PersistentStorageDialog.js";
-export { ProvidersModelsTab } from "./dialogs/ProvidersModelsTab.js";
-export { SessionListDialog } from "./dialogs/SessionListDialog.js";
-export { ApiKeysTab, ProxyTab, SettingsDialog, SettingsTab } from "./dialogs/SettingsDialog.js";
+export { ModelSelector } from "./dialogs/ModelSelector";
+export { PersistentStorageDialog } from "./dialogs/PersistentStorageDialog";
+export { ProvidersModelsTab } from "./dialogs/ProvidersModelsTab";
+export { SessionListDialog } from "./dialogs/SessionListDialog";
+export { ApiKeysTab, ProxyTab, SettingsDialog, SettingsTab } from "./dialogs/SettingsDialog";
 // Prompts
 export {
 	ARTIFACTS_RUNTIME_PROVIDER_DESCRIPTION_RO,
 	ARTIFACTS_RUNTIME_PROVIDER_DESCRIPTION_RW,
 	ATTACHMENTS_RUNTIME_DESCRIPTION,
-} from "./prompts/prompts.js";
+} from "./prompts/prompts";
 // Storage
-export { AppStorage, getAppStorage, setAppStorage } from "./storage/app-storage.js";
-export { IndexedDBStorageBackend } from "./storage/backends/indexeddb-storage-backend.js";
-export { Store } from "./storage/store.js";
+export { AppStorage, getAppStorage, setAppStorage } from "./storage/app-storage";
+export { IndexedDBStorageBackend } from "./storage/backends/indexeddb-storage-backend";
+export { Store } from "./storage/store";
 export type {
 	AutoDiscoveryProviderType,
 	CustomProvider,
 	CustomProviderType,
-} from "./storage/stores/custom-providers-store.js";
-export { CustomProvidersStore } from "./storage/stores/custom-providers-store.js";
-export { ProviderKeysStore } from "./storage/stores/provider-keys-store.js";
-export { SessionsStore } from "./storage/stores/sessions-store.js";
-export { SettingsStore } from "./storage/stores/settings-store.js";
+} from "./storage/stores/custom-providers-store";
+export { CustomProvidersStore } from "./storage/stores/custom-providers-store";
+export { ProviderKeysStore } from "./storage/stores/provider-keys-store";
+export { SessionsStore } from "./storage/stores/sessions-store";
+export { SettingsStore } from "./storage/stores/settings-store";
 export type {
 	IndexConfig,
 	IndexedDBConfig,
@@ -84,32 +84,32 @@ export type {
 	StorageBackend,
 	StorageTransaction,
 	StoreConfig,
-} from "./storage/types.js";
+} from "./storage/types";
 // Artifacts
-export { ArtifactElement } from "./tools/artifacts/ArtifactElement.js";
-export { ArtifactPill } from "./tools/artifacts/ArtifactPill.js";
-export { type Artifact, ArtifactsPanel, type ArtifactsParams } from "./tools/artifacts/artifacts.js";
-export { ArtifactsToolRenderer } from "./tools/artifacts/artifacts-tool-renderer.js";
-export { HtmlArtifact } from "./tools/artifacts/HtmlArtifact.js";
-export { ImageArtifact } from "./tools/artifacts/ImageArtifact.js";
-export { MarkdownArtifact } from "./tools/artifacts/MarkdownArtifact.js";
-export { SvgArtifact } from "./tools/artifacts/SvgArtifact.js";
-export { TextArtifact } from "./tools/artifacts/TextArtifact.js";
-export { createExtractDocumentTool, extractDocumentTool } from "./tools/extract-document.js";
+export { ArtifactElement } from "./tools/artifacts/ArtifactElement";
+export { ArtifactPill } from "./tools/artifacts/ArtifactPill";
+export { type Artifact, ArtifactsPanel, type ArtifactsParams } from "./tools/artifacts/artifacts";
+export { ArtifactsToolRenderer } from "./tools/artifacts/artifacts-tool-renderer";
+export { HtmlArtifact } from "./tools/artifacts/HtmlArtifact";
+export { ImageArtifact } from "./tools/artifacts/ImageArtifact";
+export { MarkdownArtifact } from "./tools/artifacts/MarkdownArtifact";
+export { SvgArtifact } from "./tools/artifacts/SvgArtifact";
+export { TextArtifact } from "./tools/artifacts/TextArtifact";
+export { createExtractDocumentTool, extractDocumentTool } from "./tools/extract-document";
 // Tools
-export { getToolRenderer, registerToolRenderer, renderTool, setShowJsonMode } from "./tools/index.js";
-export { createJavaScriptReplTool, javascriptReplTool } from "./tools/javascript-repl.js";
-export { renderCollapsibleHeader, renderHeader } from "./tools/renderer-registry.js";
-export { BashRenderer } from "./tools/renderers/BashRenderer.js";
-export { CalculateRenderer } from "./tools/renderers/CalculateRenderer.js";
+export { getToolRenderer, registerToolRenderer, renderTool, setShowJsonMode } from "./tools/index";
+export { createJavaScriptReplTool, javascriptReplTool } from "./tools/javascript-repl";
+export { renderCollapsibleHeader, renderHeader } from "./tools/renderer-registry";
+export { BashRenderer } from "./tools/renderers/BashRenderer";
+export { CalculateRenderer } from "./tools/renderers/CalculateRenderer";
 // Tool renderers
-export { DefaultRenderer } from "./tools/renderers/DefaultRenderer.js";
-export { GetCurrentTimeRenderer } from "./tools/renderers/GetCurrentTimeRenderer.js";
-export type { ToolRenderer, ToolRenderResult } from "./tools/types.js";
-export type { Attachment } from "./utils/attachment-utils.js";
+export { DefaultRenderer } from "./tools/renderers/DefaultRenderer";
+export { GetCurrentTimeRenderer } from "./tools/renderers/GetCurrentTimeRenderer";
+export type { ToolRenderer, ToolRenderResult } from "./tools/types";
+export type { Attachment } from "./utils/attachment-utils";
 // Utils
-export { loadAttachment } from "./utils/attachment-utils.js";
-export { clearAuthToken, getAuthToken } from "./utils/auth-token.js";
-export { formatCost, formatModelCost, formatTokenCount, formatUsage } from "./utils/format.js";
-export { i18n, setLanguage, translations } from "./utils/i18n.js";
-export { applyProxyIfNeeded, createStreamFn, isCorsError, shouldUseProxyForProvider } from "./utils/proxy-utils.js";
+export { loadAttachment } from "./utils/attachment-utils";
+export { clearAuthToken, getAuthToken } from "./utils/auth-token";
+export { formatCost, formatModelCost, formatTokenCount, formatUsage } from "./utils/format";
+export { i18n, setLanguage, translations } from "./utils/i18n";
+export { applyProxyIfNeeded, createStreamFn, isCorsError, shouldUseProxyForProvider } from "./utils/proxy-utils";

package/src/storage/app-storage.ts

@@ -1,8 +1,8 @@
-import type { CustomProvidersStore } from "./stores/custom-providers-store.js";
-import type { ProviderKeysStore } from "./stores/provider-keys-store.js";
-import type { SessionsStore } from "./stores/sessions-store.js";
-import type { SettingsStore } from "./stores/settings-store.js";
-import type { StorageBackend } from "./types.js";
+import type { CustomProvidersStore } from "./stores/custom-providers-store";
+import type { ProviderKeysStore } from "./stores/provider-keys-store";
+import type { SessionsStore } from "./stores/sessions-store";
+import type { SettingsStore } from "./stores/settings-store";
+import type { StorageBackend } from "./types";
 
 /**
  * High-level storage API providing access to all storage operations.

package/src/storage/backends/indexeddb-storage-backend.ts

@@ -1,4 +1,4 @@
-import type { IndexedDBConfig, StorageBackend, StorageTransaction } from "../types.js";
+import type { IndexedDBConfig, StorageBackend, StorageTransaction } from "../types";
 
 /**
  * IndexedDB implementation of StorageBackend.

package/src/storage/store.ts

@@ -1,4 +1,4 @@
-import type { StorageBackend, StoreConfig } from "./types.js";
+import type { StorageBackend, StoreConfig } from "./types";
 
 /**
  * Base class for all storage stores.

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

@@ -1,6 +1,6 @@
 import type { Model } from "@oh-my-pi/pi-ai";
-import { Store } from "../store.js";
-import type { StoreConfig } from "../types.js";
+import { Store } from "../store";
+import type { StoreConfig } from "../types";
 
 export type AutoDiscoveryProviderType = "ollama" | "llama.cpp" | "vllm" | "lmstudio";
 

package/src/storage/stores/provider-keys-store.ts

@@ -1,5 +1,5 @@
-import { Store } from "../store.js";
-import type { StoreConfig } from "../types.js";
+import { Store } from "../store";
+import type { StoreConfig } from "../types";
 
 /**
  * Store for LLM provider API keys (Anthropic, OpenAI, etc.).

package/src/storage/stores/sessions-store.ts

@@ -1,6 +1,6 @@
 import type { AgentState } from "@oh-my-pi/pi-agent-core";
-import { Store } from "../store.js";
-import type { SessionData, SessionMetadata, StoreConfig } from "../types.js";
+import { Store } from "../store";
+import type { SessionData, SessionMetadata, StoreConfig } from "../types";
 
 /**
  * Store for chat sessions (data and metadata).

package/src/storage/stores/settings-store.ts

@@ -1,5 +1,5 @@
-import { Store } from "../store.js";
-import type { StoreConfig } from "../types.js";
+import { Store } from "../store";
+import type { StoreConfig } from "../types";
 
 /**
  * Store for application settings (theme, proxy config, etc.).

package/src/tools/artifacts/ArtifactPill.ts

@@ -1,7 +1,7 @@
 import { icon } from "@mariozechner/mini-lit";
 import { html, type TemplateResult } from "lit";
 import { FileCode2 } from "lucide";
-import type { ArtifactsPanel } from "./artifacts.js";
+import type { ArtifactsPanel } from "./artifacts";
 
 export function ArtifactPill(filename: string, artifactsPanel?: ArtifactsPanel): TemplateResult {
 	const handleClick = (e: Event) => {

package/src/tools/artifacts/Console.ts

@@ -5,7 +5,7 @@ import { customElement, property, state } from "lit/decorators.js";
 import { createRef, type Ref, ref } from "lit/directives/ref.js";
 import { repeat } from "lit/directives/repeat.js";
 import { ChevronDown, ChevronRight, ChevronsDown, Lock } from "lucide";
-import { i18n } from "../../utils/i18n.js";
+import { i18n } from "../../utils/i18n";
 
 interface LogEntry {
 	type: "log" | "error";

package/src/tools/artifacts/DocxArtifact.ts

@@ -2,8 +2,8 @@ import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { renderAsync } from "docx-preview";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("docx-artifact")
 export class DocxArtifact extends ArtifactElement {

package/src/tools/artifacts/ExcelArtifact.ts

@@ -2,8 +2,8 @@ import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import * as XLSX from "xlsx";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("excel-artifact")
 export class ExcelArtifact extends ArtifactElement {

package/src/tools/artifacts/GenericArtifact.ts

@@ -1,8 +1,8 @@
 import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("generic-artifact")
 export class GenericArtifact extends ArtifactElement {

package/src/tools/artifacts/HtmlArtifact.ts

@@ -4,13 +4,13 @@ import { customElement, property, state } from "lit/decorators.js";
 import { createRef, type Ref, ref } from "lit/directives/ref.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { RefreshCw } from "lucide";
-import type { SandboxIframe } from "../../components/SandboxedIframe.js";
-import { type MessageConsumer, RUNTIME_MESSAGE_ROUTER } from "../../components/sandbox/RuntimeMessageRouter.js";
-import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider.js";
-import { i18n } from "../../utils/i18n.js";
+import type { SandboxIframe } from "../../components/SandboxedIframe";
+import { type MessageConsumer, RUNTIME_MESSAGE_ROUTER } from "../../components/sandbox/RuntimeMessageRouter";
+import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider";
+import { i18n } from "../../utils/i18n";
 import "../../components/SandboxedIframe.js";
-import { ArtifactElement } from "./ArtifactElement.js";
-import type { Console } from "./Console.js";
+import { ArtifactElement } from "./ArtifactElement";
+import type { Console } from "./Console";
 import "./Console.js";
 import { icon } from "@mariozechner/mini-lit";
 import { Button } from "@mariozechner/mini-lit/dist/Button.js";

package/src/tools/artifacts/ImageArtifact.ts

@@ -1,8 +1,8 @@
 import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property } from "lit/decorators.js";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("image-artifact")
 export class ImageArtifact extends ArtifactElement {

package/src/tools/artifacts/MarkdownArtifact.ts

@@ -2,12 +2,12 @@ import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { i18n } from "../../utils/i18n.js";
+import { i18n } from "../../utils/i18n";
 import "@mariozechner/mini-lit/dist/MarkdownBlock.js";
 import { CopyButton } from "@mariozechner/mini-lit/dist/CopyButton.js";
 import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { PreviewCodeToggle } from "@mariozechner/mini-lit/dist/PreviewCodeToggle.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("markdown-artifact")
 export class MarkdownArtifact extends ArtifactElement {

package/src/tools/artifacts/PdfArtifact.ts

@@ -2,8 +2,8 @@ import { DownloadButton } from "@mariozechner/mini-lit/dist/DownloadButton.js";
 import { html, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import * as pdfjsLib from "pdfjs-dist";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 // Configure PDF.js worker
 pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();

package/src/tools/artifacts/SvgArtifact.ts

@@ -5,8 +5,8 @@ import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 @customElement("svg-artifact")
 export class SvgArtifact extends ArtifactElement {

package/src/tools/artifacts/TextArtifact.ts

@@ -4,8 +4,8 @@ import hljs from "highlight.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import { i18n } from "../../utils/i18n.js";
-import { ArtifactElement } from "./ArtifactElement.js";
+import { i18n } from "../../utils/i18n";
+import { ArtifactElement } from "./ArtifactElement";
 
 // Known code file extensions for highlighting
 const CODE_EXTENSIONS = [

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

@@ -5,11 +5,11 @@ import { FileCode2 } from "lucide";
 import "../../components/ConsoleBlock.js";
 import { Diff } from "@mariozechner/mini-lit/dist/Diff.js";
 import { html, type TemplateResult } from "lit";
-import { i18n } from "../../utils/i18n.js";
-import { renderCollapsibleHeader, renderHeader } from "../renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "../types.js";
-import { ArtifactPill } from "./ArtifactPill.js";
-import type { ArtifactsPanel, ArtifactsParams } from "./artifacts.js";
+import { i18n } from "../../utils/i18n";
+import { renderCollapsibleHeader, renderHeader } from "../renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "../types";
+import { ArtifactPill } from "./ArtifactPill";
+import type { ArtifactsPanel, ArtifactsParams } from "./artifacts";
 
 // Helper to extract text from content blocks
 function getTextOutput(result: ToolResultMessage<any> | undefined): string {

package/src/tools/artifacts/artifacts.ts

@@ -8,27 +8,27 @@ import { html, LitElement, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, type Ref, ref } from "lit/directives/ref.js";
 import { X } from "lucide";
-import type { ArtifactMessage } from "../../components/Messages.js";
-import { ArtifactsRuntimeProvider } from "../../components/sandbox/ArtifactsRuntimeProvider.js";
-import { AttachmentsRuntimeProvider } from "../../components/sandbox/AttachmentsRuntimeProvider.js";
-import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider.js";
+import type { ArtifactMessage } from "../../components/Messages";
+import { ArtifactsRuntimeProvider } from "../../components/sandbox/ArtifactsRuntimeProvider";
+import { AttachmentsRuntimeProvider } from "../../components/sandbox/AttachmentsRuntimeProvider";
+import type { SandboxRuntimeProvider } from "../../components/sandbox/SandboxRuntimeProvider";
 import {
 	ARTIFACTS_RUNTIME_PROVIDER_DESCRIPTION_RO,
 	ARTIFACTS_TOOL_DESCRIPTION,
 	ATTACHMENTS_RUNTIME_DESCRIPTION,
-} from "../../prompts/prompts.js";
-import type { Attachment } from "../../utils/attachment-utils.js";
-import { i18n } from "../../utils/i18n.js";
-import type { ArtifactElement } from "./ArtifactElement.js";
-import { DocxArtifact } from "./DocxArtifact.js";
-import { ExcelArtifact } from "./ExcelArtifact.js";
-import { GenericArtifact } from "./GenericArtifact.js";
-import { HtmlArtifact } from "./HtmlArtifact.js";
-import { ImageArtifact } from "./ImageArtifact.js";
-import { MarkdownArtifact } from "./MarkdownArtifact.js";
-import { PdfArtifact } from "./PdfArtifact.js";
-import { SvgArtifact } from "./SvgArtifact.js";
-import { TextArtifact } from "./TextArtifact.js";
+} from "../../prompts/prompts";
+import type { Attachment } from "../../utils/attachment-utils";
+import { i18n } from "../../utils/i18n";
+import type { ArtifactElement } from "./ArtifactElement";
+import { DocxArtifact } from "./DocxArtifact";
+import { ExcelArtifact } from "./ExcelArtifact";
+import { GenericArtifact } from "./GenericArtifact";
+import { HtmlArtifact } from "./HtmlArtifact";
+import { ImageArtifact } from "./ImageArtifact";
+import { MarkdownArtifact } from "./MarkdownArtifact";
+import { PdfArtifact } from "./PdfArtifact";
+import { SvgArtifact } from "./SvgArtifact";
+import { TextArtifact } from "./TextArtifact";
 
 // Simple artifact model
 export interface Artifact {

package/src/tools/artifacts/index.ts

@@ -1,7 +1,7 @@
-export { ArtifactElement } from "./ArtifactElement.js";
-export { type Artifact, ArtifactsPanel, type ArtifactsParams } from "./artifacts.js";
-export { ArtifactsToolRenderer } from "./artifacts-tool-renderer.js";
-export { HtmlArtifact } from "./HtmlArtifact.js";
-export { MarkdownArtifact } from "./MarkdownArtifact.js";
-export { SvgArtifact } from "./SvgArtifact.js";
-export { TextArtifact } from "./TextArtifact.js";
+export { ArtifactElement } from "./ArtifactElement";
+export { type Artifact, ArtifactsPanel, type ArtifactsParams } from "./artifacts";
+export { ArtifactsToolRenderer } from "./artifacts-tool-renderer";
+export { HtmlArtifact } from "./HtmlArtifact";
+export { MarkdownArtifact } from "./MarkdownArtifact";
+export { SvgArtifact } from "./SvgArtifact";
+export { TextArtifact } from "./TextArtifact";

package/src/tools/extract-document.ts

@@ -4,11 +4,11 @@ import { type Static, Type } from "@sinclair/typebox";
 import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { FileText } from "lucide";
-import { EXTRACT_DOCUMENT_DESCRIPTION } from "../prompts/prompts.js";
-import { loadAttachment } from "../utils/attachment-utils.js";
-import { isCorsError } from "../utils/proxy-utils.js";
-import { registerToolRenderer, renderCollapsibleHeader, renderHeader } from "./renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "./types.js";
+import { EXTRACT_DOCUMENT_DESCRIPTION } from "../prompts/prompts";
+import { loadAttachment } from "../utils/attachment-utils";
+import { isCorsError } from "../utils/proxy-utils";
+import { registerToolRenderer, renderCollapsibleHeader, renderHeader } from "./renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "./types";
 
 // ============================================================================
 // TYPES

package/src/tools/index.ts

@@ -1,10 +1,10 @@
 import type { ToolResultMessage } from "@oh-my-pi/pi-ai";
 import "./javascript-repl.js"; // Auto-registers the renderer
 import "./extract-document.js"; // Auto-registers the renderer
-import { getToolRenderer, registerToolRenderer } from "./renderer-registry.js";
-import { BashRenderer } from "./renderers/BashRenderer.js";
-import { DefaultRenderer } from "./renderers/DefaultRenderer.js";
-import type { ToolRenderResult } from "./types.js";
+import { getToolRenderer, registerToolRenderer } from "./renderer-registry";
+import { BashRenderer } from "./renderers/BashRenderer";
+import { DefaultRenderer } from "./renderers/DefaultRenderer";
+import type { ToolRenderResult } from "./types";
 
 // Register all built-in tool renderers
 registerToolRenderer("bash", new BashRenderer());

package/src/tools/javascript-repl.ts

@@ -5,12 +5,12 @@ import { type Static, Type } from "@sinclair/typebox";
 import { html } from "lit";
 import { createRef, ref } from "lit/directives/ref.js";
 import { Code } from "lucide";
-import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe.js";
-import type { SandboxRuntimeProvider } from "../components/sandbox/SandboxRuntimeProvider.js";
-import { JAVASCRIPT_REPL_TOOL_DESCRIPTION } from "../prompts/prompts.js";
-import type { Attachment } from "../utils/attachment-utils.js";
-import { registerToolRenderer, renderCollapsibleHeader, renderHeader } from "./renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "./types.js";
+import { type SandboxFile, SandboxIframe, type SandboxResult } from "../components/SandboxedIframe";
+import type { SandboxRuntimeProvider } from "../components/sandbox/SandboxRuntimeProvider";
+import { JAVASCRIPT_REPL_TOOL_DESCRIPTION } from "../prompts/prompts";
+import type { Attachment } from "../utils/attachment-utils";
+import { registerToolRenderer, renderCollapsibleHeader, renderHeader } from "./renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "./types";
 
 // Execute JavaScript code with attachments using SandboxedIframe
 export async function executeJavaScript(

package/src/tools/renderer-registry.ts

@@ -3,7 +3,7 @@ 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 type { ToolRenderer } from "./types.js";
+import type { ToolRenderer } from "./types";
 
 // Registry of tool renderers
 export const toolRenderers = new Map<string, ToolRenderer>();

package/src/tools/renderers/BashRenderer.ts

@@ -1,9 +1,9 @@
 import type { ToolResultMessage } from "@oh-my-pi/pi-ai";
 import { html } from "lit";
 import { SquareTerminal } from "lucide";
-import { i18n } from "../../utils/i18n.js";
-import { renderHeader } from "../renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "../types.js";
+import { i18n } from "../../utils/i18n";
+import { renderHeader } from "../renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "../types";
 
 interface BashParams {
 	command: string;

package/src/tools/renderers/CalculateRenderer.ts

@@ -1,9 +1,9 @@
 import type { ToolResultMessage } from "@oh-my-pi/pi-ai";
 import { html } from "lit";
 import { Calculator } from "lucide";
-import { i18n } from "../../utils/i18n.js";
-import { renderHeader } from "../renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "../types.js";
+import { i18n } from "../../utils/i18n";
+import { renderHeader } from "../renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "../types";
 
 interface CalculateParams {
 	expression: string;

package/src/tools/renderers/DefaultRenderer.ts

@@ -1,9 +1,9 @@
 import type { ToolResultMessage } from "@oh-my-pi/pi-ai";
 import { html } from "lit";
 import { Code } from "lucide";
-import { i18n } from "../../utils/i18n.js";
-import { renderHeader } from "../renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "../types.js";
+import { i18n } from "../../utils/i18n";
+import { renderHeader } from "../renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "../types";
 
 export class DefaultRenderer implements ToolRenderer {
 	render(params: any | undefined, result: ToolResultMessage | undefined, isStreaming?: boolean): ToolRenderResult {

package/src/tools/renderers/GetCurrentTimeRenderer.ts

@@ -1,9 +1,9 @@
 import type { ToolResultMessage } from "@oh-my-pi/pi-ai";
 import { html } from "lit";
 import { Clock } from "lucide";
-import { i18n } from "../../utils/i18n.js";
-import { renderHeader } from "../renderer-registry.js";
-import type { ToolRenderer, ToolRenderResult } from "../types.js";
+import { i18n } from "../../utils/i18n";
+import { renderHeader } from "../renderer-registry";
+import type { ToolRenderer, ToolRenderResult } from "../types";
 
 interface GetCurrentTimeParams {
 	timezone?: string;

package/src/utils/attachment-utils.ts

@@ -3,7 +3,7 @@ import JSZip from "jszip";
 import type { PDFDocumentProxy } from "pdfjs-dist";
 import * as pdfjsLib from "pdfjs-dist";
 import * as XLSX from "xlsx";
-import { i18n } from "./i18n.js";
+import { i18n } from "./i18n";
 
 // Configure PDF.js worker - we'll need to bundle this
 pdfjsLib.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();

package/src/utils/auth-token.ts

@@ -1,5 +1,5 @@
 import PromptDialog from "@mariozechner/mini-lit/dist/PromptDialog.js";
-import { i18n } from "./i18n.js";
+import { i18n } from "./i18n";
 
 export async function getAuthToken(): Promise<string | undefined> {
 	let authToken: string | undefined = localStorage.getItem(`auth-token`) || "";