20 Commits

• chore: migrate pi packages to earendil works scope
  Mario Zechner · 2026-05-07 15:59:42 +02:00
  3e5ad67e0f
• fix(web-ui): ignore key events during IME composition (#2982)

  * fix(web-ui): ignore key events during IME composition
  
  * fix(web-ui): ignore key events during IME composition in ModelSelector

  xu0o0 · 2026-04-13 10:58:44 +02:00
  6fefa6fbab
• fix(web-ui): add model selector filter, onModelSelect callback, onClose callback, fuzzy search, fix streaming duplicates
  Mario Zechner · 2026-03-15 23:40:18 +01:00
  83378aad7e
• fix(web-ui): make model selector search case-insensitive (fixes #1443)
  Mario Zechner · 2026-02-12 20:50:39 +01:00
  2a29a82464
• fix: use consistent model comparison including provider
  Kao Félix · 2025-12-25 22:10:08 +01:00
  a7efe3d4c1
• Enable more biome lints and fix things
  Mario Zechner · 2025-12-21 22:56:20 +01:00
  d5fd685901
• Fix Lit dependency duplication and update mini-lit to 0.2.0

  - Move lit from dependencies to peerDependencies in web-ui to prevent multiple Lit instances being loaded
  - Update mini-lit from 0.1.8/0.1.10 to 0.2.0 in root package.json and web-ui/package.json
  - Install @tailwindcss/vite in web-ui/example
  - Run biome formatting fixes across codebase
  
  This resolves HMR custom element re-registration errors caused by duplicate Lit registries.

  Mario Zechner · 2025-11-12 16:03:43 +01:00
  e533aebacd
• Fix lints
  Mario Zechner · 2025-11-10 21:55:55 +01:00
  904fc909c9
• Custom provider WIP
  Mario Zechner · 2025-11-10 21:47:21 +01:00
  1f9a3a00cc
• Fix message editor height adjustment, requires Chrome +123
  Mario Zechner · 2025-10-29 16:11:05 +01:00
  92f8801864
• Add timestamp to messages
  Mario Zechner · 2025-10-26 00:43:43 +02:00
  55dc0b6e08
• Add ollama dependency and dialog backdrop blur

  - Add ollama package to web-ui dependencies for ModelSelector
  - Add backdrop blur to SettingsDialog (bg-black/50 backdrop-blur-sm)
  - Update mini-lit to 0.1.9 for backdropClassName prop support
  - Fix TypeScript errors in ModelSelector (ollama import, parameter types)
  - Add backward compatibility methods to SessionsStore (saveSession, loadSession, getLatestSessionId)

  Mario Zechner · 2025-10-08 17:49:56 +02:00
  91c1dc6475
• Refactor to Store-based architecture

  - Create base Store class with private backend and protected getBackend()
  - Add SettingsStore, ProviderKeysStore, SessionsStore
  - Each store defines its own schema via getConfig()
  - AppStorage now takes stores + backend in constructor
  - Remove SessionsRepository (logic moved to SessionsStore)
  - Update all consumers to use store API (storage.settings.get/set, storage.providerKeys.get/set)
  - Update example app to follow new pattern: create stores, gather configs, create backend, wire
  - Benefits: stores own their schema, no circular deps, cleaner separation

  Mario Zechner · 2025-10-08 16:41:02 +02:00
  0de89a750e
• Implement unified storage architecture

  - Replace fragmented storage backends with single IndexedDBStorageBackend
  - Create multi-store StorageBackend interface (storeName parameter)
  - Remove old backends: IndexedDBBackend, LocalStorageBackend, SessionIndexedDBBackend, WebExtensionStorageBackend
  - Remove old repositories: ProviderKeysRepository, SessionRepository, SettingsRepository
  - Simplify AppStorage to directly expose storage methods (getSetting/setSetting, getProviderKey/setProviderKey)
  - Create SessionsRepository for session-specific operations
  - Update all consumers to use new simplified API
  - Update example app to use new storage architecture
  - Benefits: 10GB+ quota (vs 10MB chrome.storage), single database, consistent API

  Mario Zechner · 2025-10-08 16:14:29 +02:00
  bbbc232c7c
• Fix SessionListDialog behavior and document PersistentStorageDialog bug

  - Fix SessionListDialog to not reload when user selects a session after deleting others
    - Track if dialog closed via selection vs other means
    - Only call delete callback if not closed via selection
    - Batch deletions to avoid reload on every delete
  - Comment out PersistentStorageDialog in both web-ui example and browser extension (TODO: fix)
  - Add Known Bugs section to both README.md files documenting PersistentStorageDialog issue
  - Clean up navigation tracking variable names in browser extension

  Mario Zechner · 2025-10-06 16:33:33 +02:00
  5f04960f6d
• Add custom message extension system with typed renderers and message transformer

  - Implement CustomMessages interface for type-safe message extension via declaration merging
  - Add MessageRenderer<T> with generic typing for custom message rendering
  - Add messageTransformer to Agent for filtering/transforming messages before LLM
  - Move message filtering from transports to Agent (separation of concerns)
  - Add message renderer registry with typed role support
  - Update web-ui example with SystemNotificationMessage demo
  - Add custom transformer that converts notifications to <system> tags
  - Add SessionListDialog onDelete callback for active session cleanup
  - Handle non-existent session IDs in URL (redirect to new session)
  - Update both web-ui example and browser extension with session fixes

  Mario Zechner · 2025-10-06 13:45:08 +02:00
  05dfaa11a8
• Refactor agent architecture and add session storage

  Major architectural improvements:
  - Renamed AgentSession → Agent (state/ → agent/)
  - Removed id field from AgentState
  - Fixed transport abstraction to pass messages directly instead of using callbacks
  - Eliminated circular dependencies in transport creation
  
  Transport changes:
  - Changed signature: run(messages, userMessage, config, signal)
  - Removed getMessages callback from ProviderTransport and AppTransport
  - Transports now filter attachments internally
  
  Session storage:
  - Added SessionRepository with IndexedDB backend
  - Auto-save sessions after first exchange
  - Auto-generate titles from first user message
  - Session list dialog with search and delete
  - Persistent storage permission dialog
  - Browser extension now auto-loads last session
  
  UI improvements:
  - ChatPanel creates single AgentInterface instance in setAgent()
  - Added drag & drop file upload to MessageEditor
  - Fixed artifacts panel auto-opening on session load
  - Added "Drop files here" i18n strings
  - Changed "Continue Without Saving" → "Continue Anyway"
  
  Web example:
  - Complete rewrite of main.ts with clean architecture
  - Added check script to package.json
  - Session management with URL state
  - Editable session titles
  
  Browser extension:
  - Added full session storage support
  - History and new session buttons
  - Auto-load most recent session on open
  - Session titles in header

  Mario Zechner · 2025-10-06 12:47:52 +02:00
  e5cf25a267
• Add Anthropic prompt caching, pluggable storage, and CORS proxy support

  Storage Architecture:
  - New pluggable storage system with backends (LocalStorage, ChromeStorage, IndexedDB)
  - SettingsRepository for app settings (proxy config, etc.)
  - ProviderKeysRepository for API key management
  - AppStorage with global accessors (getAppStorage, setAppStorage, initAppStorage)
  
  Transport Refactoring:
  - Renamed DirectTransport → ProviderTransport (calls LLM providers with optional CORS proxy)
  - Renamed ProxyTransport → AppTransport (uses app server with user auth)
  - Updated TransportMode: "direct" → "provider", "proxy" → "app"
  
  CORS Proxy Integration:
  - ProviderTransport checks proxy.enabled/proxy.url from storage
  - When enabled, modifies model baseUrl to route through proxy: {proxyUrl}/?url={originalBaseUrl}
  - ProviderKeyInput test function also honors proxy settings
  - Settings dialog with Proxy tab (Switch toggle, URL input, explanatory description)
  
  Anthropic Prompt Caching:
  - System prompt cached with cache_control markers (both OAuth and regular API keys)
  - Last user message cached to cache conversation history
  - Saves 90% on input tokens for cached content (10x cost reduction)
  
  Settings Dialog Improvements:
  - Configurable tab system with SettingsTab base class
  - ApiKeysTab and ProxyTab as custom elements
  - Switch toggle for proxy enable (instead of Checkbox)
  - Explanatory paragraphs for each tab
  - ApiKeyPromptDialog reuses ProviderKeyInput component
  
  Removed:
  - Deprecated ApiKeysDialog (replaced by ProviderKeyInput in SettingsDialog)
  - Old storage-adapter and key-store (replaced by new storage architecture)

  Mario Zechner · 2025-10-05 23:00:36 +02:00
  0496651308
• Integrate JailJS for CSP-restricted execution in browser extension

  Major changes:
  - Migrate browser-extension to use web-ui package (85% code reduction)
  - Add JailJS content script with ES6+ transform support
  - Expose DOM constructors (Event, KeyboardEvent, etc.) to JailJS
  - Support top-level await by wrapping code in async IIFE
  - Add returnFile() support in JailJS execution
  - Refactor KeyStore into pluggable storage-adapter pattern
  - Make ChatPanel configurable with sandboxUrlProvider and additionalTools
  - Update jailjs to 0.1.1
  
  Files deleted (33 duplicate files):
  - All browser-extension components, dialogs, state, tools, utils
  - Now using web-ui versions via @mariozechner/pi-web-ui
  
  Files added:
  - packages/browser-extension/src/content.ts (JailJS content script)
  - packages/web-ui/src/state/storage-adapter.ts
  - packages/web-ui/src/state/key-store.ts
  
  Browser extension now has only 5 source files (down from 38).

  Mario Zechner · 2025-10-05 16:58:31 +02:00
  aaea0f4600
• web-ui package
  Mario Zechner · 2025-10-05 13:30:08 +02:00
  f2eecb78d2