@happyvertical/smrt-svelte 0.30.0

package/dist/browser-ai/core/errors.js

@@ -0,0 +1,92 @@
+/**
+ * Error classes for browser AI capabilities
+ */
+/**
+ * Base error class for browser AI operations
+ */
+export class BrowserAIError extends Error {
+    code;
+    adapter;
+    constructor(message, code, adapter) {
+        super(message);
+        this.code = code;
+        this.adapter = adapter;
+        this.name = 'BrowserAIError';
+    }
+}
+/**
+ * Thrown when an adapter fails to initialize
+ */
+export class InitializationError extends BrowserAIError {
+    constructor(adapter, reason) {
+        super(`Failed to initialize ${adapter} adapter${reason ? `: ${reason}` : ''}`, 'INITIALIZATION_ERROR', adapter);
+        this.name = 'InitializationError';
+    }
+}
+/**
+ * Thrown when a required capability is not available
+ */
+export class CapabilityNotAvailableError extends BrowserAIError {
+    constructor(capability, adapter) {
+        super(`Required capability not available: ${capability}`, 'CAPABILITY_NOT_AVAILABLE', adapter);
+        this.name = 'CapabilityNotAvailableError';
+    }
+}
+/**
+ * Thrown when a model download fails
+ */
+export class DownloadError extends BrowserAIError {
+    url;
+    constructor(url, reason, adapter) {
+        super(`Failed to download from ${url}${reason ? `: ${reason}` : ''}`, 'DOWNLOAD_ERROR', adapter);
+        this.url = url;
+        this.name = 'DownloadError';
+    }
+}
+/**
+ * Thrown when model loading fails
+ */
+export class ModelLoadError extends BrowserAIError {
+    model;
+    constructor(model, reason, adapter) {
+        super(`Failed to load model ${model}${reason ? `: ${reason}` : ''}`, 'MODEL_LOAD_ERROR', adapter);
+        this.model = model;
+        this.name = 'ModelLoadError';
+    }
+}
+/**
+ * Thrown when an operation times out
+ */
+export class TimeoutError extends BrowserAIError {
+    constructor(operation, timeoutMs, adapter) {
+        super(`Operation timed out after ${timeoutMs}ms: ${operation}`, 'TIMEOUT_ERROR', adapter);
+        this.name = 'TimeoutError';
+    }
+}
+/**
+ * Thrown when user denies permission (e.g., microphone access)
+ */
+export class PermissionDeniedError extends BrowserAIError {
+    constructor(permission, adapter) {
+        super(`Permission denied: ${permission}`, 'PERMISSION_DENIED', adapter);
+        this.name = 'PermissionDeniedError';
+    }
+}
+/**
+ * Thrown when an adapter is not in the correct state for an operation
+ */
+export class InvalidStateError extends BrowserAIError {
+    constructor(expectedState, actualState, adapter) {
+        super(`Invalid state: expected ${expectedState}, got ${actualState}`, 'INVALID_STATE', adapter);
+        this.name = 'InvalidStateError';
+    }
+}
+/**
+ * Thrown when an adapter type is not supported
+ */
+export class UnsupportedAdapterError extends BrowserAIError {
+    constructor(adapterType, supportedTypes) {
+        super(`Unsupported adapter type: ${adapterType}. Supported: ${supportedTypes.join(', ')}`, 'UNSUPPORTED_ADAPTER');
+        this.name = 'UnsupportedAdapterError';
+    }
+}

package/dist/browser-ai/core/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Core types and utilities
+ */
+export * from './errors.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser-ai/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser-ai/core/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/dist/browser-ai/core/index.js

@@ -0,0 +1,5 @@
+/**
+ * Core types and utilities
+ */
+export * from './errors.js';
+export * from './types.js';

package/dist/browser-ai/core/types.d.ts

@@ -0,0 +1,115 @@
+/**
+ * Core types for browser AI capabilities
+ */
+/**
+ * Download progress tracking for large models/WASM files
+ */
+export interface DownloadProgressInfo {
+    /** Current download state */
+    state: 'idle' | 'downloading' | 'extracting' | 'complete' | 'error';
+    /** Bytes downloaded so far */
+    bytesLoaded: number;
+    /** Total bytes to download (0 if unknown) */
+    bytesTotal: number;
+    /** Progress percentage (0-100) */
+    percent: number;
+    /** Current file being downloaded (for multi-file downloads) */
+    currentFile?: string;
+    /** Estimated time remaining in ms */
+    estimatedTimeRemaining?: number;
+    /** Error message if state is 'error' */
+    error?: string;
+}
+/**
+ * Callback for download progress updates
+ */
+export type OnProgress = (progress: DownloadProgressInfo) => void;
+/**
+ * Initialization state for adapters with two-phase init
+ */
+export type InitState = 'uninitialized' | 'initializing' | 'ready' | 'error';
+/**
+ * Base options for all browser AI adapters
+ */
+export interface BaseBrowserAIOptions {
+    /** Callback for download progress */
+    onProgress?: OnProgress;
+    /** Timeout for initialization in ms */
+    timeout?: number;
+    /**
+     * Whether to allow loading models from local /models/ path.
+     * When false, models are loaded from remote CDN (HuggingFace Hub).
+     * @default false - Use remote models by default to avoid 404s
+     */
+    allowLocalModels?: boolean;
+}
+/**
+ * Speech-to-text capabilities
+ */
+export interface STTCapabilitiesInfo {
+    /** Browser Web Speech API available */
+    browserSpeechAPI: boolean;
+    /** Whisper WASM can run (requires WASM + potentially SharedArrayBuffer) */
+    whisperWasm: boolean;
+}
+/**
+ * Text-to-speech capabilities
+ */
+export interface TTSCapabilitiesInfo {
+    /** Browser Speech Synthesis API available */
+    browserSynthesisAPI: boolean;
+    /** Transformers.js TTS can run */
+    transformersTTS: boolean;
+}
+/**
+ * LLM capabilities
+ */
+export interface LLMCapabilitiesInfo {
+    /** WebLLM can run */
+    webllm: boolean;
+    /** Transformers.js LLM can run */
+    transformersLLM: boolean;
+    /** WebGPU acceleration available */
+    webgpu: boolean;
+}
+/**
+ * General browser capabilities
+ */
+export interface BrowserCapabilitiesInfo {
+    /** SharedArrayBuffer available (needed for some WASM) */
+    sharedArrayBuffer: boolean;
+    /** Web Workers available */
+    webWorkers: boolean;
+    /** IndexedDB available (for caching models) */
+    indexedDB: boolean;
+    /** WebAssembly supported */
+    wasmSupport: boolean;
+    /** SIMD WASM supported */
+    wasmSimd: boolean;
+}
+/**
+ * Complete browser AI capabilities
+ */
+export interface BrowserAICapabilities {
+    /** Speech-to-text capabilities */
+    stt: STTCapabilitiesInfo;
+    /** Text-to-speech capabilities */
+    tts: TTSCapabilitiesInfo;
+    /** LLM capabilities */
+    llm: LLMCapabilitiesInfo;
+    /** General browser capabilities */
+    browser: BrowserCapabilitiesInfo;
+}
+/**
+ * Create a default "idle" progress state
+ */
+export declare function createIdleProgress(): DownloadProgressInfo;
+/**
+ * Create an error progress state
+ */
+export declare function createErrorProgress(error: string): DownloadProgressInfo;
+/**
+ * Calculate progress percentage
+ */
+export declare function calculatePercent(loaded: number, total: number): number;
+//# sourceMappingURL=types.d.ts.map

package/dist/browser-ai/core/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/browser-ai/core/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,CAAC;IACpE,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,OAAO,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7E;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,qCAAqC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,6CAA6C;IAC7C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,kCAAkC;IAClC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,qBAAqB;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,eAAe,EAAE,OAAO,CAAC;IACzB,oCAAoC;IACpC,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,yDAAyD;IACzD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,4BAA4B;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,EAAE,OAAO,CAAC;IACrB,0BAA0B;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kCAAkC;IAClC,GAAG,EAAE,mBAAmB,CAAC;IACzB,kCAAkC;IAClC,GAAG,EAAE,mBAAmB,CAAC;IACzB,uBAAuB;IACvB,GAAG,EAAE,mBAAmB,CAAC;IACzB,mCAAmC;IACnC,OAAO,EAAE,uBAAuB,CAAC;CAClC;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,oBAAoB,CAOzD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAQvE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAGtE"}

package/dist/browser-ai/core/types.js

@@ -0,0 +1,34 @@
+/**
+ * Core types for browser AI capabilities
+ */
+/**
+ * Create a default "idle" progress state
+ */
+export function createIdleProgress() {
+    return {
+        state: 'idle',
+        bytesLoaded: 0,
+        bytesTotal: 0,
+        percent: 0,
+    };
+}
+/**
+ * Create an error progress state
+ */
+export function createErrorProgress(error) {
+    return {
+        state: 'error',
+        bytesLoaded: 0,
+        bytesTotal: 0,
+        percent: 0,
+        error,
+    };
+}
+/**
+ * Calculate progress percentage
+ */
+export function calculatePercent(loaded, total) {
+    if (total === 0)
+        return 0;
+    return Math.round((loaded / total) * 100);
+}

package/dist/browser-ai/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @happyvertical/browser-ai
+ *
+ * Framework-agnostic browser AI capabilities with adapter pattern.
+ * Provides STT, TTS, and LLM functionality with multiple backend options.
+ */
+export * from './adapters/llm/index.js';
+export * from './adapters/stt/index.js';
+export * from './adapters/tts/index.js';
+export * from './capabilities/detector.js';
+export * from './core/index.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser-ai/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/browser-ai/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,iBAAiB,CAAC"}

package/dist/browser-ai/index.js

@@ -0,0 +1,16 @@
+/**
+ * @happyvertical/browser-ai
+ *
+ * Framework-agnostic browser AI capabilities with adapter pattern.
+ * Provides STT, TTS, and LLM functionality with multiple backend options.
+ */
+// LLM adapters
+export * from './adapters/llm/index.js';
+// STT adapters
+export * from './adapters/stt/index.js';
+// TTS adapters
+export * from './adapters/tts/index.js';
+// Capability detection
+export * from './capabilities/detector.js';
+// Core types and errors
+export * from './core/index.js';

package/dist/browser-ai/svelte/components/AILoadingOverlay.svelte

@@ -0,0 +1,77 @@
+<script lang="ts">
+/**
+ * AI Loading Overlay Component
+ *
+ * Shows a full-screen overlay while AI models are being downloaded/initialized.
+ * Wraps the generic LoadingOverlay with AI-specific state management.
+ */
+
+import { LoadingOverlay } from '@happyvertical/smrt-ui/feedback';
+import type { AILoadingState } from '../../../state/app-state.js';
+import { getAppStateContext } from '../../../state/context.js';
+
+export interface Props {
+  /** Custom loading message (overrides auto-detected phase label) */
+  message?: string;
+  /** Whether to show the overlay (auto-detected from state if not provided) */
+  show?: boolean;
+  /** Allow dismissing the overlay */
+  dismissible?: boolean;
+  /** Custom CSS class */
+  class?: string;
+  /** Callback when dismissed */
+  ondismiss?: () => void;
+}
+
+const {
+  message,
+  show,
+  dismissible = false,
+  class: className = '',
+  ondismiss,
+}: Props = $props();
+
+const appState = getAppStateContext();
+
+// AI-specific state
+const isLoading = $derived(appState.isAILoading);
+const aiLoading = $derived(appState.aiLoading);
+
+// Use explicit show prop if provided, otherwise auto-detect from AI state
+const shouldShow = $derived(show ?? isLoading);
+
+// Get phase label based on AI loading state
+function getPhaseLabel(phase: AILoadingState['phase']): string {
+  switch (phase) {
+    case 'checking':
+      return 'Checking AI capabilities...';
+    case 'downloading':
+      return 'Downloading AI models...';
+    case 'initializing':
+      return 'Initializing AI...';
+    case 'ready':
+      return 'AI Ready';
+    case 'error':
+      return 'Error loading AI';
+    default:
+      return 'Loading...';
+  }
+}
+
+// Compute props for generic LoadingOverlay
+const overlayMessage = $derived(message ?? getPhaseLabel(aiLoading.phase));
+const overlayProgress = $derived(aiLoading.overallProgress);
+const overlayItems = $derived(aiLoading.loaded);
+const overlayError = $derived(aiLoading.error);
+</script>
+
+<LoadingOverlay
+	show={shouldShow}
+	message={overlayMessage}
+	progress={overlayProgress}
+	items={overlayItems}
+	error={overlayError}
+	dismissible={dismissible}
+	class={className}
+	ondismiss={ondismiss}
+/>

package/dist/browser-ai/svelte/components/AILoadingOverlay.svelte.d.ts

@@ -0,0 +1,16 @@
+export interface Props {
+    /** Custom loading message (overrides auto-detected phase label) */
+    message?: string;
+    /** Whether to show the overlay (auto-detected from state if not provided) */
+    show?: boolean;
+    /** Allow dismissing the overlay */
+    dismissible?: boolean;
+    /** Custom CSS class */
+    class?: string;
+    /** Callback when dismissed */
+    ondismiss?: () => void;
+}
+declare const AILoadingOverlay: import("svelte").Component<Props, {}, "">;
+type AILoadingOverlay = ReturnType<typeof AILoadingOverlay>;
+export default AILoadingOverlay;
+//# sourceMappingURL=AILoadingOverlay.svelte.d.ts.map

package/dist/browser-ai/svelte/components/AILoadingOverlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AILoadingOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../../src/browser-ai/svelte/components/AILoadingOverlay.svelte.ts"],"names":[],"mappings":"AAcA,MAAM,WAAW,KAAK;IACpB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6EAA6E;IAC7E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAuDD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/browser-ai/svelte/components/CapabilityGate.svelte

@@ -0,0 +1,57 @@
+<script lang="ts">
+import type { Snippet } from 'svelte';
+import { useAppState } from '../../../hooks/useAppState.svelte.js';
+
+export interface Props {
+  /** Require 'smrt' mode to be enabled */
+  requireSmrt?: boolean;
+  /** Require specific capability */
+  require?: 'stt' | 'tts' | 'llm' | 'webgpu';
+  /** Content to show when requirements are met */
+  children: Snippet;
+  /** Fallback content when requirements are not met */
+  fallback?: Snippet;
+}
+
+const { requireSmrt = false, require, children, fallback }: Props = $props();
+
+const app = useAppState();
+
+const hasCapability = $derived.by(() => {
+  const caps = app.state.capabilities;
+  if (!caps) return false;
+
+  switch (require) {
+    case 'stt':
+      return caps.stt.browserSpeechAPI || caps.stt.whisperWasm;
+    case 'tts':
+      return caps.tts.browserSynthesisAPI || caps.tts.transformersTTS;
+    case 'llm':
+      return caps.llm.webllm || caps.llm.transformersLLM;
+    case 'webgpu':
+      return caps.llm.webgpu;
+    default:
+      return true;
+  }
+});
+
+const shouldShow = $derived.by(() => {
+  // Check mode requirement
+  if (requireSmrt && app.state.mode !== 'smrt') {
+    return false;
+  }
+
+  // Check capability requirement
+  if (require && !hasCapability) {
+    return false;
+  }
+
+  return true;
+});
+</script>
+
+{#if shouldShow}
+  {@render children()}
+{:else if fallback}
+  {@render fallback()}
+{/if}

package/dist/browser-ai/svelte/components/CapabilityGate.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { Snippet } from 'svelte';
+export interface Props {
+    /** Require 'smrt' mode to be enabled */
+    requireSmrt?: boolean;
+    /** Require specific capability */
+    require?: 'stt' | 'tts' | 'llm' | 'webgpu';
+    /** Content to show when requirements are met */
+    children: Snippet;
+    /** Fallback content when requirements are not met */
+    fallback?: Snippet;
+}
+declare const CapabilityGate: import("svelte").Component<Props, {}, "">;
+type CapabilityGate = ReturnType<typeof CapabilityGate>;
+export default CapabilityGate;
+//# sourceMappingURL=CapabilityGate.svelte.d.ts.map

package/dist/browser-ai/svelte/components/CapabilityGate.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CapabilityGate.svelte.d.ts","sourceRoot":"","sources":["../../../../src/browser-ai/svelte/components/CapabilityGate.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAItC,MAAM,WAAW,KAAK;IACpB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,OAAO,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3C,gDAAgD;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmDD,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/browser-ai/svelte/components/DownloadProgress.svelte

@@ -0,0 +1,141 @@
+<script lang="ts">
+import type { DownloadProgressInfo } from '../../index.js';
+
+export interface Props {
+  /** Progress data */
+  progress: DownloadProgressInfo | null;
+  /** Label to show above progress bar */
+  label?: string;
+  /** Show percentage text */
+  showPercent?: boolean;
+  /** Show bytes downloaded */
+  showBytes?: boolean;
+}
+
+const {
+  progress,
+  label = 'Loading...',
+  showPercent = true,
+  showBytes = false,
+}: Props = $props();
+
+function formatBytes(bytes: number): string {
+  if (bytes === 0) return '0 B';
+  const k = 1024;
+  const sizes = ['B', 'KB', 'MB', 'GB'];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / k ** i).toFixed(1))} ${sizes[i]}`;
+}
+</script>
+
+<div class="download-progress">
+  <div class="label">
+    <span>{label}</span>
+    {#if showPercent && progress}
+      <span class="percent">{progress.percent}%</span>
+    {/if}
+  </div>
+
+  <div class="progress-bar">
+    <div
+      class="progress-fill"
+      style:width="{progress?.percent ?? 0}%"
+      class:indeterminate={!progress || progress.state === 'idle'}
+    ></div>
+  </div>
+
+  {#if showBytes && progress && progress.bytesTotal > 0}
+    <div class="bytes">
+      {formatBytes(progress.bytesLoaded)} / {formatBytes(progress.bytesTotal)}
+    </div>
+  {/if}
+
+  {#if progress?.currentFile}
+    <div class="current-file">{progress.currentFile}</div>
+  {/if}
+
+  {#if progress?.state === 'error'}
+    <div class="error">{progress.error}</div>
+  {/if}
+</div>
+
+<style>
+  .download-progress {
+    width: 100%;
+    padding: var(--smrt-spacing-md, 12px);
+    background: var(--smrt-color-surface-container-low, #f9fafb);
+    border-radius: var(--smrt-radius-medium, 8px);
+  }
+
+  .label {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface, #1a1c1e);
+    margin-bottom: var(--smrt-spacing-sm, 8px);
+  }
+
+  .percent {
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+    color: var(--smrt-color-primary, #005ac1);
+  }
+
+  .progress-bar {
+    width: 100%;
+    height: 8px;
+    background: var(--smrt-color-outline-variant, #c4c6cf);
+    border-radius: var(--smrt-radius-small, 4px);
+    overflow: hidden;
+  }
+
+  .progress-fill {
+    height: 100%;
+    background: linear-gradient(90deg, var(--smrt-color-primary, #005ac1), var(--smrt-color-primary-container, #d6e3ff));
+    border-radius: var(--smrt-radius-small, 4px);
+    transition: width var(--smrt-duration-medium1, 300ms) var(--smrt-easing-standard, ease);
+  }
+
+  .progress-fill.indeterminate {
+    width: 30% !important;
+    animation: indeterminate 1.5s infinite linear;
+  }
+
+  @keyframes indeterminate {
+    0% { transform: translateX(-100%); }
+    100% { transform: translateX(400%); }
+  }
+
+  .bytes {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, #43474e);
+    margin-top: var(--smrt-spacing-2, 8px);
+    text-align: center;
+  }
+
+  .current-file {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-outline, #74777f);
+    margin-top: var(--smrt-spacing-1, 4px);
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .error {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-error, #ba1a1a);
+    margin-top: var(--smrt-spacing-2, 8px);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .progress-fill {
+      transition: none;
+    }
+    
+    .progress-fill.indeterminate {
+      animation: none;
+    }
+  }
+</style>

package/dist/browser-ai/svelte/components/DownloadProgress.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { DownloadProgressInfo } from '../../index.js';
+export interface Props {
+    /** Progress data */
+    progress: DownloadProgressInfo | null;
+    /** Label to show above progress bar */
+    label?: string;
+    /** Show percentage text */
+    showPercent?: boolean;
+    /** Show bytes downloaded */
+    showBytes?: boolean;
+}
+declare const DownloadProgress: import("svelte").Component<Props, {}, "">;
+type DownloadProgress = ReturnType<typeof DownloadProgress>;
+export default DownloadProgress;
+//# sourceMappingURL=DownloadProgress.svelte.d.ts.map

package/dist/browser-ai/svelte/components/DownloadProgress.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadProgress.svelte.d.ts","sourceRoot":"","sources":["../../../../src/browser-ai/svelte/components/DownloadProgress.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAG3D,MAAM,WAAW,KAAK;IACpB,oBAAoB;IACpB,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACtC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoDD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}