@svadmin/ui 0.65.1 → 0.67.0

package/dist/components/SmartSuggest.svelte

@@ -1,207 +0,0 @@
-<script lang="ts">
-  import { Input } from './ui/input/index.js';
-  import { captureAdminContext } from '@svadmin/core';
-  import type { ChatProvider } from '@svadmin/core';
-
-  interface Props {
-    /** The bound value of the input */
-    value: string;
-    /** The chat provider to generate suggestions */
-    provider?: ChatProvider;
-    /** Context given to the AI to help it predict the text */
-    context?: string;
-    /** Standard input props */
-    placeholder?: string;
-    class?: string;
-    id?: string;
-    disabled?: boolean;
-    name?: string;
-    type?: string;
-  }
-
-  let { 
-    value = $bindable(), 
-    provider, 
-    context = '', 
-    placeholder = '', 
-    class: className = '', 
-    id, 
-    disabled = false, 
-    name, 
-    type = 'text' 
-  }: Props = $props();
-  const adminContext = captureAdminContext();
-
-  let suggestion = $state('');
-  let isPredicting = $state(false);
-  let abortController: AbortController | null = null;
-  let predictTimer: ReturnType<typeof setTimeout> | null = null;
-  let requestEpoch = 0;
-  let observedValue = value;
-
-  // The ghost text shows the suggestion, but only the part *after* what the user has typed
-  // It only displays if the suggestion actually starts with the current value
-  const ghostText = $derived.by(() => {
-    if (!suggestion || !value) return '';
-    const lowerVal = value.toLowerCase();
-    const lowerSugg = suggestion.toLowerCase();
-    
-    if (lowerSugg.startsWith(lowerVal) && suggestion.length > value.length) {
-      // Preserve original casing from the suggestion but append only the suffix
-      return value + suggestion.slice(value.length);
-    }
-    return '';
-  });
-
-  const suffixText = $derived(ghostText ? ghostText.slice(value.length) : '');
-  const resolvedProvider = $derived(provider ?? adminContext.chatProvider);
-
-  $effect(() => {
-    void resolvedProvider;
-    void context;
-    void adminContext.tenantCacheKey?.__svadminTenant;
-    clearSuggestionScope();
-
-    return cancelPrediction;
-  });
-
-  $effect(() => {
-    const currentValue = value;
-    if (currentValue !== observedValue) {
-      observedValue = currentValue;
-      clearSuggestionScope();
-    }
-  });
-
-  function cancelPrediction() {
-    requestEpoch += 1;
-    abortController?.abort();
-    abortController = null;
-    if (predictTimer) clearTimeout(predictTimer);
-    predictTimer = null;
-    isPredicting = false;
-  }
-
-  function clearSuggestionScope() {
-    cancelPrediction();
-    suggestion = '';
-  }
-
-  function isCurrentPrediction(epoch: number, scopedValue: string) {
-    return epoch === requestEpoch && value === scopedValue;
-  }
-
-  async function predict() {
-    predictTimer = null;
-    const scopedProvider = resolvedProvider;
-    const scopedValue = value;
-    const scopedContext = context;
-    if (!scopedProvider || !scopedValue.trim()) {
-      suggestion = '';
-      return;
-    }
-
-    cancelPrediction();
-    const epoch = requestEpoch;
-    const controller = new AbortController();
-    abortController = controller;
-    isPredicting = true;
-    suggestion = '';
-
-    try {
-      const prompt = `You are an autocomplete engine. The user is typing: "${scopedValue}".
-Context: ${scopedContext}.
-Provide ONLY the most likely completion of the exact phrase the user is typing. 
-Include the user's input in your returned string. 
-Do not include any other text, Markdown formatting, quotes, or explanations.`;
-
-      const result = scopedProvider.sendMessage(
-        [{ id: 'prompt', role: 'user', content: prompt, timestamp: Date.now() }],
-        { signal: controller.signal }
-      );
-
-      if (Symbol.asyncIterator in result) {
-        for await (const chunk of result as AsyncIterable<string>) {
-          if (!isCurrentPrediction(epoch, scopedValue)) return;
-          suggestion += chunk;
-        }
-      } else {
-        const response = await result;
-        if (isCurrentPrediction(epoch, scopedValue)) suggestion = response;
-      }
-
-      if (isCurrentPrediction(epoch, scopedValue)) {
-        suggestion = suggestion.trim().replace(/^["']|["']$/g, '');
-      }
-    } catch (err: unknown) {
-      if (isCurrentPrediction(epoch, scopedValue) && err instanceof Error && err.name !== 'AbortError') {
-        suggestion = '';
-      }
-    } finally {
-      if (isCurrentPrediction(epoch, scopedValue)) {
-        isPredicting = false;
-        if (abortController === controller) abortController = null;
-      }
-    }
-  }
-
-  function handleInput(e: Event) {
-    const target = e.target as HTMLInputElement;
-    cancelPrediction();
-    observedValue = target.value;
-    value = target.value;
-
-    // Reset suggestion immediately if it no longer matches
-    if (suggestion && !suggestion.toLowerCase().startsWith(value.toLowerCase())) {
-      suggestion = '';
-    }
-
-    predictTimer = setTimeout(() => {
-      void predict();
-    }, 500);
-  }
-
-  function handleKeyDown(e: KeyboardEvent) {
-    if (e.key === 'Tab' && suffixText) {
-      e.preventDefault();
-      cancelPrediction();
-      observedValue = ghostText;
-      value = ghostText;
-      suggestion = '';
-    }
-  }
-
-</script>
-
-<div class="relative w-full {className}">
-  <!-- Ghost Text Layer (positioned exactly beneath the actual text) -->
-  {#if suffixText}
-    <div 
-      class="absolute inset-0 pointer-events-none flex items-center px-3 text-sm font-medium"
-      aria-hidden="true"
-    >
-      <span class="opacity-0">{value}</span>
-      <span class="text-muted-foreground/40">{suffixText}</span>
-    </div>
-  {/if}
-
-  <!-- Actual Input Layer -->
-  <Input
-    {id}
-    {name}
-    {type}
-    {disabled}
-    {placeholder}
-    value={value}
-    oninput={handleInput}
-    onkeydown={handleKeyDown}
-    class="bg-transparent relative z-10 w-full"
-  />
-
-  <!-- Loading indicator -->
-  {#if isPredicting}
-    <div class="absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none">
-      <div class="h-1.5 w-1.5 rounded-full bg-primary/50 animate-pulse"></div>
-    </div>
-  {/if}
-</div>

package/dist/components/SmartSuggest.svelte.d.ts

@@ -1,19 +0,0 @@
-import type { ChatProvider } from '@svadmin/core';
-interface Props {
-    /** The bound value of the input */
-    value: string;
-    /** The chat provider to generate suggestions */
-    provider?: ChatProvider;
-    /** Context given to the AI to help it predict the text */
-    context?: string;
-    /** Standard input props */
-    placeholder?: string;
-    class?: string;
-    id?: string;
-    disabled?: boolean;
-    name?: string;
-    type?: string;
-}
-declare const SmartSuggest: import("svelte").Component<Props, {}, "value">;
-type SmartSuggest = ReturnType<typeof SmartSuggest>;
-export default SmartSuggest;

package/dist/components/VoiceInput.svelte

@@ -1,133 +0,0 @@
-<script lang="ts">
-/* eslint-disable no-undef */
-  import { Mic, MicOff, Loader2 } from '@lucide/svelte';
-  import TooltipButton from './TooltipButton.svelte';
-
-  // Web Speech API type declarations
-  interface SpeechRecognitionEvent extends Event {
-    results: SpeechRecognitionResultList;
-  }
-  interface SpeechRecognitionErrorEvent extends Event {
-    error: string;
-  }
-  interface SpeechRecognitionInstance extends EventTarget {
-    continuous: boolean;
-    interimResults: boolean;
-    lang: string;
-    onstart: (() => void) | null;
-    onresult: ((event: SpeechRecognitionEvent) => void) | null;
-    onerror: ((event: SpeechRecognitionErrorEvent) => void) | null;
-    onend: (() => void) | null;
-    start(): void;
-    stop(): void;
-  }
-
-  interface Props {
-    /** Called when a speech recognition result is finalized */
-    onresult?: (text: string) => void;
-    /** Called when the engine starts listening */
-    onstart?: () => void;
-    /** Called when the engine stops listening */
-    onend?: () => void;
-    /** Standard button size */
-    size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm';
-    /** Custom class for the button */
-    class?: string;
-  }
-
-  let { 
-    onresult, 
-    onstart, 
-    onend, 
-    size = 'icon', 
-    class: className = '' 
-  }: Props = $props();
-
-  let isListening = $state(false);
-  let notSupported = $state(false);
-  let recognition: SpeechRecognitionInstance | null = null;
-
-  // Initialize SpeechRecognition on mount
-  $effect(() => {
-    const SpeechRecognitionCtor = (
-      (globalThis as Record<string, unknown>).SpeechRecognition ||
-      (globalThis as Record<string, unknown>).webkitSpeechRecognition
-    ) as (new () => SpeechRecognitionInstance) | undefined;
-    
-    if (!SpeechRecognitionCtor) {
-      notSupported = true;
-      return;
-    }
-
-    recognition = new SpeechRecognitionCtor();
-    recognition.continuous = false;
-    recognition.interimResults = false;
-    recognition.lang = navigator.language || 'en-US';
-
-    recognition.onstart = () => {
-      isListening = true;
-      if (onstart) onstart();
-    };
-
-    recognition.onresult = (event: SpeechRecognitionEvent) => {
-      const transcript = Array.from(event.results)
-        .map((result: SpeechRecognitionResult) => result[0])
-        .map((result: SpeechRecognitionAlternative) => result.transcript)
-        .join('');
-      
-      if (onresult && transcript) {
-        onresult(transcript);
-      }
-    };
-
-    recognition.onerror = (event: SpeechRecognitionErrorEvent) => {
-      console.warn('SpeechRecognition error:', event.error);
-      isListening = false;
-      if (onend) onend();
-    };
-
-    recognition.onend = () => {
-      isListening = false;
-      if (onend) onend();
-    };
-
-    return () => {
-      if (recognition) {
-        isListening = false;
-        recognition.onend = () => {};
-        recognition.stop();
-        recognition.onstart = null;
-        recognition.onresult = null;
-        recognition.onerror = null;
-        recognition.onend = null;
-      }
-    };
-  });
-
-  function toggleListening(e?: MouseEvent) {
-    if (e) e.preventDefault();
-    if (!recognition) return;
-    
-    if (isListening) {
-      recognition.stop();
-    } else {
-      recognition.start();
-    }
-  }
-</script>
-
-<TooltipButton 
-  tooltip={notSupported ? "Voice input not supported in this browser" : (isListening ? "Stop listening" : "Start voice input")}
-  variant={isListening ? "destructive" : "ghost"} 
-  {size}
-  class="{isListening ? 'animate-pulse' : ''} {className}"
-  onclick={toggleListening}
-  disabled={notSupported}
->
-  {#if isListening}
-    <Loader2 class="h-4 w-4 animate-spin -ml-1 mr-1.5 inline-block sm:hidden" />
-    <MicOff class="h-4 w-4" />
-  {:else}
-    <Mic class="h-4 w-4" />
-  {/if}
-</TooltipButton>

package/dist/components/VoiceInput.svelte.d.ts

@@ -1,15 +0,0 @@
-interface Props {
-    /** Called when a speech recognition result is finalized */
-    onresult?: (text: string) => void;
-    /** Called when the engine starts listening */
-    onstart?: () => void;
-    /** Called when the engine stops listening */
-    onend?: () => void;
-    /** Standard button size */
-    size?: 'default' | 'sm' | 'lg' | 'icon' | 'icon-sm';
-    /** Custom class for the button */
-    class?: string;
-}
-declare const VoiceInput: import("svelte").Component<Props, {}, "">;
-type VoiceInput = ReturnType<typeof VoiceInput>;
-export default VoiceInput;

package/dist/markdown-deps.d.ts

@@ -1,21 +0,0 @@
-// Type declarations for MarkdownRenderer dependencies
-declare module 'marked' {
-  export class Marked {
-    constructor(...extensions: unknown[]);
-    parse(src: string): string;
-  }
-}
-
-declare module 'marked-highlight' {
-  export function markedHighlight(options: {
-    langPrefix?: string;
-    highlight: (code: string, lang: string) => string;
-  }): unknown;
-}
-
-declare module 'isomorphic-dompurify' {
-  const DOMPurify: {
-    sanitize(dirty: string, config?: Record<string, unknown>): string;
-  };
-  export default DOMPurify;
-}