@happyvertical/smrt-svelte 0.30.0

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

@@ -0,0 +1,379 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { useAppState } from '../../../hooks/useAppState.svelte.js';
+import { M } from '../../../i18n/strings.workspace.js';
+import type { GetSTTOptions } from '../../index.js';
+import DownloadProgress from './DownloadProgress.svelte';
+
+const { t } = useI18n();
+
+/** Props for STTTest component */
+export interface Props {
+  /** Optional CSS class */
+  class?: string;
+}
+
+const { class: className = '' }: Props = $props();
+
+type AdapterType = 'browser-speech' | 'whisper-wasm' | 'whisper-cpp';
+
+const app = useAppState();
+
+let selectedAdapter: AdapterType = $state('whisper-wasm');
+let isRecording = $state(false);
+let transcript = $state('');
+let error = $state<string | null>(null);
+let logs = $state<string[]>([]);
+
+// Reactive state from app
+const sttState = $derived(app.state.ai.stt);
+const isInitializing = $derived(sttState.initState === 'initializing');
+const isReady = $derived(sttState.initState === 'ready');
+const currentAdapterType = $derived(sttState.adapter?.type ?? 'none');
+const downloadProgress = $derived(sttState.downloadProgress);
+
+function log(msg: string) {
+  const timestamp = new Date().toLocaleTimeString();
+  logs = [...logs, `[${timestamp}] ${msg}`];
+}
+
+async function initializeAdapter() {
+  error = null;
+  log(`Initializing ${selectedAdapter}...`);
+
+  try {
+    const options: GetSTTOptions = { type: selectedAdapter };
+    await app.initializeSTT(options);
+    log(`${selectedAdapter} initialized successfully`);
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : String(err);
+    error = msg;
+    log(`Error: ${msg}`);
+  }
+}
+
+async function startRecording() {
+  if (isRecording) return;
+
+  error = null;
+  transcript = '';
+  log('Starting recording...');
+
+  try {
+    // Make sure adapter is initialized
+    if (!isReady || currentAdapterType !== selectedAdapter) {
+      await initializeAdapter();
+    }
+
+    isRecording = true;
+    await app.startListening({ continuous: true, interimResults: false });
+    log('Recording started');
+  } catch (err) {
+    isRecording = false;
+    const msg = err instanceof Error ? err.message : String(err);
+    error = msg;
+    log(`Error starting: ${msg}`);
+  }
+}
+
+async function stopRecording() {
+  if (!isRecording) return;
+
+  log('Stopping recording...');
+  isRecording = false;
+
+  try {
+    await app.stopListening();
+    log('Recording stopped');
+
+    // Wait a moment for the result
+    await new Promise((resolve) => setTimeout(resolve, 200));
+
+    const result = sttState.lastResult || '';
+    transcript = result;
+    log(`Result: "${result}"`);
+  } catch (err) {
+    const msg = err instanceof Error ? err.message : String(err);
+    error = msg;
+    log(`Error stopping: ${msg}`);
+  }
+}
+
+function clearLogs() {
+  logs = [];
+}
+</script>
+
+<div class="stt-test">
+  <h3>{t(M['ui.stt_test.heading'])}</h3>
+
+  <div class="controls">
+    <div class="adapter-select">
+      <label for="adapter">Adapter:</label>
+      <select id="adapter" bind:value={selectedAdapter} disabled={isRecording}>
+        <option value="browser-speech">{t(M['ui.stt_test.adapter_browser'])}</option>
+        <option value="whisper-wasm">{t(M['ui.stt_test.adapter_whisper_wasm'])}</option>
+        <option value="whisper-cpp">{t(M['ui.stt_test.adapter_whisper_cpp'])}</option>
+      </select>
+    </div>
+
+    <button
+      type="button"
+      onclick={initializeAdapter}
+      disabled={isRecording || isInitializing}
+    >
+      Initialize
+    </button>
+  </div>
+
+  <div class="status">
+    <span class="status-item">
+      <strong>Status:</strong>
+      {#if isInitializing}
+        {t(M['ui.stt_test.status_initializing'])}
+      {:else if isReady}
+        {t(M['ui.stt_test.status_ready'])}
+      {:else}
+        {t(M['ui.stt_test.status_not_initialized'])}
+      {/if}
+    </span>
+    <span class="status-item">
+      <strong>Current:</strong> {currentAdapterType}
+    </span>
+    <span class="status-item">
+      <strong>Recording:</strong> {isRecording ? 'Yes' : 'No'}
+    </span>
+  </div>
+
+  {#if isInitializing && downloadProgress}
+    <DownloadProgress
+      progress={downloadProgress}
+      label="Downloading model..."
+    />
+  {/if}
+
+  <div class="record-controls">
+    <button
+      type="button"
+      class="record-btn"
+      class:recording={isRecording}
+      onmousedown={startRecording}
+      onmouseup={stopRecording}
+      onmouseleave={stopRecording}
+      ontouchstart={startRecording}
+      ontouchend={stopRecording}
+      disabled={isInitializing}
+    >
+      {isRecording ? 'Recording...' : 'Hold to Record'}
+    </button>
+  </div>
+
+  {#if error}
+    <div class="error">{error}</div>
+  {/if}
+
+  <div class="result">
+    <strong>Transcript:</strong>
+    <div class="transcript">{transcript || '(no result yet)'}</div>
+  </div>
+
+  <div class="logs">
+    <div class="logs-header">
+      <strong>Logs:</strong>
+      <button type="button" onclick={clearLogs}>Clear</button>
+    </div>
+    <div class="log-list">
+      {#each logs as logEntry}
+        <div class="log-entry">{logEntry}</div>
+      {/each}
+    </div>
+  </div>
+</div>
+
+<style>
+  .stt-test {
+    padding: var(--smrt-spacing-md, 16px);
+    border: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+    border-radius: var(--smrt-radius-medium, 8px);
+    background: var(--smrt-color-surface-container-low, #f9fafb);
+    max-width: 500px;
+  }
+
+  h3 {
+    margin: 0 0 var(--smrt-spacing-md, 16px);
+    font: var(--smrt-typography-title-large-font, 1.125rem / 1.25 sans-serif);
+  }
+
+  .controls {
+    display: flex;
+    gap: var(--smrt-spacing-sm, 12px);
+    align-items: flex-end;
+    margin-bottom: var(--smrt-spacing-md, 16px);
+  }
+
+  .adapter-select {
+    display: flex;
+    flex-direction: column;
+    gap: var(--smrt-spacing-1, 4px);
+    flex: 1;
+  }
+
+  .adapter-select label {
+    font: var(--smrt-typography-body-medium-font, 500 0.875rem / 1.25 sans-serif);
+  }
+
+  .adapter-select select {
+    padding: var(--smrt-spacing-sm, 8px);
+    border: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+    border-radius: var(--smrt-radius-small, 6px);
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+  }
+
+  .controls button {
+    padding: var(--smrt-spacing-sm, 8px) var(--smrt-spacing-md, 16px);
+    background: var(--smrt-color-primary, #005ac1);
+    color: var(--smrt-color-on-primary, #ffffff);
+    border: none;
+    border-radius: var(--smrt-radius-small, 6px);
+    cursor: pointer;
+    font: var(--smrt-typography-label-large-font, 0.875rem / 1.25 sans-serif);
+    transition: all var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
+  }
+
+  .controls button:hover:not(:disabled) {
+    background: var(--smrt-color-primary-container, #005ac1);
+    opacity: 0.9;
+  }
+
+  .controls button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .status {
+    display: flex;
+    gap: var(--smrt-spacing-md, 16px);
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+    margin-bottom: var(--smrt-spacing-md, 16px);
+    padding: var(--smrt-spacing-sm, 8px);
+    background: var(--smrt-color-surface, white);
+    border-radius: var(--smrt-radius-small, 4px);
+  }
+
+  .status-item {
+    display: flex;
+    gap: var(--smrt-spacing-1, 4px);
+  }
+
+  .record-controls {
+    display: flex;
+    justify-content: center;
+    margin: var(--smrt-spacing-md, 20px) 0;
+  }
+
+  .record-btn {
+    padding: var(--smrt-spacing-md, 16px) var(--smrt-spacing-xl, 32px);
+    font: var(--smrt-typography-label-large-font, 500 1rem / 1.25 sans-serif);
+    background: var(--smrt-color-tertiary, #006c4f);
+    color: var(--smrt-color-on-tertiary, #ffffff);
+    border: none;
+    border-radius: var(--smrt-radius-medium, 8px);
+    cursor: pointer;
+    transition: all var(--smrt-duration-short3, 200ms) var(--smrt-easing-standard, ease);
+  }
+
+  .record-btn:hover:not(:disabled) {
+    background: var(--smrt-color-tertiary-container, #006c4f);
+    opacity: 0.9;
+  }
+
+  .record-btn.recording {
+    background: var(--smrt-color-error, #ba1a1a);
+    animation: pulse 1s infinite;
+  }
+
+  .record-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  @keyframes pulse {
+    0%, 100% { transform: scale(1); }
+    50% { transform: scale(1.02); }
+  }
+
+  .error {
+    padding: var(--smrt-spacing-md, 12px);
+    background: var(--smrt-color-error-container, #ffdad6);
+    border: 1px solid var(--smrt-color-error, #ba1a1a);
+    border-radius: var(--smrt-radius-small, 6px);
+    color: var(--smrt-color-on-error-container, #410002);
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+    margin-bottom: var(--smrt-spacing-md, 16px);
+  }
+
+  .result {
+    margin-bottom: var(--smrt-spacing-md, 16px);
+  }
+
+  .transcript {
+    margin-top: var(--smrt-spacing-sm, 8px);
+    padding: var(--smrt-spacing-md, 12px);
+    background: var(--smrt-color-surface, white);
+    border: 1px solid var(--smrt-color-outline-variant, #c4c6cf);
+    border-radius: var(--smrt-radius-small, 6px);
+    min-height: 60px;
+    font: var(--smrt-typography-body-large-font, 1rem / 1.5 sans-serif);
+  }
+
+  .logs {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+  }
+
+  .logs-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: var(--smrt-spacing-sm, 8px);
+  }
+
+  .logs-header button {
+    padding: var(--smrt-spacing-1, 4px) var(--smrt-spacing-sm, 8px);
+    font: var(--smrt-typography-label-small-font, 0.75rem / 1 sans-serif);
+    background: var(--smrt-color-surface-container, #e5e7eb);
+    border: none;
+    border-radius: var(--smrt-radius-small, 4px);
+    cursor: pointer;
+    transition: background-color var(--smrt-duration-short2, 150ms) var(--smrt-easing-standard, ease);
+  }
+
+  .logs-header button:hover {
+    background: var(--smrt-color-surface-container-high, #d1d5db);
+  }
+
+  .log-list {
+    background: var(--smrt-color-inverse-surface, #1f2937);
+    color: var(--smrt-color-inverse-on-surface, #d1d5db);
+    padding: var(--smrt-spacing-sm, 8px);
+    border-radius: var(--smrt-radius-small, 4px);
+    max-height: 150px;
+    overflow-y: auto;
+    font-family: var(--smrt-font-family-mono, ui-monospace, monospace);
+  }
+
+  .log-entry {
+    padding: var(--smrt-spacing-1, 4px) 0;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .controls button,
+    .record-btn,
+    .logs-header button {
+      transition: none;
+    }
+    
+    .record-btn.recording {
+      animation: none;
+    }
+  }
+</style>

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

@@ -0,0 +1,9 @@
+/** Props for STTTest component */
+export interface Props {
+    /** Optional CSS class */
+    class?: string;
+}
+declare const STTTest: import("svelte").Component<Props, {}, "">;
+type STTTest = ReturnType<typeof STTTest>;
+export default STTTest;
+//# sourceMappingURL=STTTest.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"STTTest.svelte.d.ts","sourceRoot":"","sources":["../../../../src/browser-ai/svelte/components/STTTest.svelte.ts"],"names":[],"mappings":"AAUA,kCAAkC;AAClC,MAAM,WAAW,KAAK;IACpB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgLD,QAAA,MAAM,OAAO,2CAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,200 @@
+<script lang="ts">
+import { untrack } from 'svelte';
+import { useSTT } from '../../../hooks/useSTT.svelte.js';
+import DownloadProgress from './DownloadProgress.svelte';
+
+export interface Props {
+  /** Callback with transcribed text */
+  onTranscription?: (text: string) => void;
+  /** Language code (BCP-47) */
+  language?: string;
+  /** Enable continuous mode */
+  continuous?: boolean;
+  /** Size of the button */
+  size?: 'sm' | 'md' | 'lg';
+  /** Disabled state */
+  disabled?: boolean;
+}
+
+const {
+  onTranscription,
+  language = 'en-US',
+  continuous = false,
+  size = 'md',
+  disabled = false,
+}: Props = $props();
+
+const stt = useSTT();
+
+// Track lastResult to call callback - use untrack to prevent infinite loops
+let lastSeenResult = '';
+$effect(() => {
+  const result = stt.lastResult;
+  if (result && result !== lastSeenResult) {
+    lastSeenResult = result;
+    untrack(() => {
+      onTranscription?.(result);
+    });
+  }
+});
+
+async function handleToggle() {
+  if (disabled) return;
+
+  if (stt.isListening) {
+    await stt.stop();
+  } else {
+    await stt.start({ language, continuous });
+  }
+}
+</script>
+
+<div class="voice-input" class:sm={size === 'sm'} class:lg={size === 'lg'}>
+  {#if stt.isInitializing}
+    <DownloadProgress
+      progress={stt.downloadProgress ? {
+        state: 'downloading',
+        percent: stt.downloadProgress,
+        bytesLoaded: 0,
+        bytesTotal: 0
+      } : null}
+      label="Loading speech recognition..."
+    />
+  {:else if stt.error}
+    <div class="error">
+      <span class="error-icon">!</span>
+      <span>{stt.error.message}</span>
+    </div>
+  {:else}
+    <button
+      type="button"
+      class="mic-button"
+      class:listening={stt.isListening}
+      onclick={handleToggle}
+      {disabled}
+      aria-label={stt.isListening ? 'Stop listening' : 'Start listening'}
+    >
+      <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+        <path d="M12 14c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3z" />
+        <path d="M17 11c0 2.76-2.24 5-5 5s-5-2.24-5-5H5c0 3.53 2.61 6.43 6 6.92V21h2v-3.08c3.39-.49 6-3.39 6-6.92h-2z" />
+      </svg>
+    </button>
+  {/if}
+</div>
+
+<style>
+  .voice-input {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--smrt-spacing-sm, 8px);
+  }
+
+  .mic-button {
+    width: 3rem;
+    height: 3rem;
+    border-radius: var(--smrt-radius-full, 50%);
+    border: none;
+    background: var(--smrt-color-primary, #005ac1);
+    color: var(--smrt-color-on-primary, #ffffff);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all var(--smrt-duration-short3, 200ms) var(--smrt-easing-standard, ease);
+    box-shadow: var(--smrt-elevation-1, 0 2px 4px rgba(0, 0, 0, 0.1));
+  }
+
+  .mic-button:hover:not(:disabled) {
+    background: var(--smrt-color-primary-container, #005ac1);
+    opacity: 0.9;
+    transform: scale(1.05);
+  }
+
+  .mic-button:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .mic-button.listening {
+    background: var(--smrt-color-error, #ba1a1a);
+    animation: pulse 1.5s ease-in-out infinite;
+  }
+
+  @keyframes pulse {
+    0%, 100% {
+      transform: scale(1);
+      box-shadow: 0 0 0 0
+        color-mix(in srgb, var(--smrt-color-error) 40%, transparent);
+    }
+    50% {
+      transform: scale(1.05);
+      box-shadow: 0 0 0 10px transparent;
+    }
+  }
+
+  .mic-button svg {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+
+  /* Size variants */
+  .sm .mic-button {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+
+  .sm .mic-button svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  .lg .mic-button {
+    width: 4rem;
+    height: 4rem;
+  }
+
+  .lg .mic-button svg {
+    width: 2rem;
+    height: 2rem;
+  }
+
+  .error {
+    display: flex;
+    align-items: center;
+    gap: var(--smrt-spacing-sm, 8px);
+    padding: var(--smrt-spacing-md, 12px) var(--smrt-spacing-md, 16px);
+    background: var(--smrt-color-error-container, #ffdad6);
+    border: 1px solid var(--smrt-color-error, #ba1a1a);
+    border-radius: var(--smrt-radius-medium, 8px);
+    color: var(--smrt-color-on-error-container, #410002);
+    font: var(--smrt-typography-body-medium-font, 0.875rem / 1.25 sans-serif);
+  }
+
+  .error-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    background: var(--smrt-color-error, #ba1a1a);
+    color: var(--smrt-color-on-error, #ffffff);
+    border-radius: var(--smrt-radius-full, 50%);
+    font-weight: var(--smrt-typography-weight-bold, 700);
+    font: var(--smrt-typography-label-small-font, 0.75rem / 1 sans-serif);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .mic-button {
+      transition: none;
+    }
+    
+    .mic-button:hover:not(:disabled) {
+      transform: none;
+    }
+    
+    .mic-button.listening {
+      animation: none;
+    }
+  }
+</style>

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

@@ -0,0 +1,16 @@
+export interface Props {
+    /** Callback with transcribed text */
+    onTranscription?: (text: string) => void;
+    /** Language code (BCP-47) */
+    language?: string;
+    /** Enable continuous mode */
+    continuous?: boolean;
+    /** Size of the button */
+    size?: 'sm' | 'md' | 'lg';
+    /** Disabled state */
+    disabled?: boolean;
+}
+declare const VoiceInput: import("svelte").Component<Props, {}, "">;
+type VoiceInput = ReturnType<typeof VoiceInput>;
+export default VoiceInput;
+//# sourceMappingURL=VoiceInput.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceInput.svelte.d.ts","sourceRoot":"","sources":["../../../../src/browser-ai/svelte/components/VoiceInput.svelte.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,KAAK;IACpB,qCAAqC;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAmED,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,15 @@
+/**
+ * Browser AI Module Svelte Components
+ *
+ * Optional Svelte UI components for AI capabilities.
+ * Auto-registers components with ModuleUIRegistry on import.
+ *
+ * @packageDocumentation
+ */
+import AILoadingOverlay from './components/AILoadingOverlay.svelte';
+import CapabilityGate from './components/CapabilityGate.svelte';
+import DownloadProgress from './components/DownloadProgress.svelte';
+import STTTest from './components/STTTest.svelte';
+import VoiceInput from './components/VoiceInput.svelte';
+export { AILoadingOverlay, CapabilityGate, DownloadProgress, STTTest, VoiceInput, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/browser-ai/svelte/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,OAAO,MAAM,6BAA6B,CAAC;AAClD,OAAO,UAAU,MAAM,gCAAgC,CAAC;AAGxD,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,UAAU,GACX,CAAC"}

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

@@ -0,0 +1,28 @@
+/**
+ * Browser AI Module Svelte Components
+ *
+ * Optional Svelte UI components for AI capabilities.
+ * Auto-registers components with ModuleUIRegistry on import.
+ *
+ * @packageDocumentation
+ */
+import { ModuleUIRegistry } from '@happyvertical/smrt-ui/registry';
+import { BROWSER_AI_MODULE_META } from '../ui.js';
+// Import components
+import AILoadingOverlay from './components/AILoadingOverlay.svelte';
+import CapabilityGate from './components/CapabilityGate.svelte';
+import DownloadProgress from './components/DownloadProgress.svelte';
+import STTTest from './components/STTTest.svelte';
+import VoiceInput from './components/VoiceInput.svelte';
+// Export components
+export { AILoadingOverlay, CapabilityGate, DownloadProgress, STTTest, VoiceInput, };
+// Note: Component prop types (AILoadingOverlayProps, etc.) are available
+// via svelte-package build output but cannot be re-exported here because
+// tsc --noEmit cannot resolve type exports from .svelte files.
+// Auto-register with ModuleUIRegistry
+ModuleUIRegistry.registerModule(BROWSER_AI_MODULE_META);
+ModuleUIRegistry.register('@happyvertical/smrt-svelte/browser-ai', 'ai-loading-overlay', AILoadingOverlay);
+ModuleUIRegistry.register('@happyvertical/smrt-svelte/browser-ai', 'capability-gate', CapabilityGate);
+ModuleUIRegistry.register('@happyvertical/smrt-svelte/browser-ai', 'download-progress', DownloadProgress);
+ModuleUIRegistry.register('@happyvertical/smrt-svelte/browser-ai', 'stt-test', STTTest);
+ModuleUIRegistry.register('@happyvertical/smrt-svelte/browser-ai', 'voice-input', VoiceInput);

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

@@ -0,0 +1,16 @@
+/**
+ * Browser AI Module UI Slot Declarations
+ *
+ * This file defines the UI extension points for the browser-ai module.
+ * UI components are implemented in the ./svelte subpath.
+ */
+import type { ModuleUISlot, SmrtModuleMeta } from '@happyvertical/smrt-types';
+/**
+ * Browser AI module UI slots
+ */
+export declare const BROWSER_AI_UI_SLOTS: Record<string, ModuleUISlot>;
+/**
+ * Browser AI module metadata
+ */
+export declare const BROWSER_AI_MODULE_META: SmrtModuleMeta;
+//# sourceMappingURL=ui.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/browser-ai/ui.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CA8C5D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAOpC,CAAC"}