@admin-layout/demo-perplexity-browser 12.2.4-alpha.0 → 12.2.4-alpha.100

package/lib/components/SearchBar.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Paperclip,ArrowUpRight,AudioLines,ChevronRight,Globe,Search,Sparkles,Lightbulb,Grid3X3}from'lucide-react';import {cn}from'../utils/index.js';function IconButton({
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect,useCallback}from'react';import {ArrowUpRight,Mic,Search,Sparkles,Lightbulb,Globe}from'lucide-react';import {cn}from'../utils/index.js';import {AttachmentPreview}from'./AttachmentPreview.js';import {AudioRecorder}from'./AudioRecorder.js';import {ChatFiles}from'./ChatFiles.js';import {ChatScreenshot}from'./ChatScreenshot.js';function IconButton({
   icon,
   label,
   variant = 'ghost',
@@ -6,13 +6,15 @@ import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Pap
   type = 'button',
   className,
   onClick,
-  isActive = false
+  isActive = false,
+  disabled = false
 }) {
   return jsx("button", {
     type: type,
     "aria-label": label,
     onClick: onClick,
-    className: cn('inline-flex items-center justify-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', size === 'sm' && 'h-9 w-9', size === 'md' && 'h-10 w-10', size === 'lg' && 'h-11 w-11', variant === 'ghost' && 'bg-transparent text-muted-foreground hover:bg-secondary/70', variant === 'primary' && 'bg-primary text-primary-foreground hover:bg-primary/90', variant === 'outline' && !isActive && 'border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary', variant === 'outline' && isActive && 'border border-primary bg-primary text-primary-foreground', className),
+    disabled: disabled,
+    className: cn('inline-flex items-center justify-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:pointer-events-none', size === 'sm' && 'h-7 w-7', size === 'md' && 'h-8 w-8', size === 'lg' && 'h-9 w-9', variant === 'ghost' && 'bg-transparent text-muted-foreground hover:bg-secondary/70', variant === 'primary' && 'bg-primary text-primary-foreground hover:bg-primary/90', variant === 'outline' && !isActive && 'border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary', variant === 'outline' && isActive && 'border border-primary bg-primary text-primary-foreground', className),
     children: icon
   });
 }
@@ -22,19 +24,19 @@ function IconToggleGroup({
 }) {
   const toggles = [{
     icon: jsx(Search, {
-      className: "h-4 w-4"
+      className: "h-3.5 w-3.5"
     }),
     label: 'Search mode',
     mode: 'search'
   }, {
     icon: jsx(Sparkles, {
-      className: "h-4 w-4"
+      className: "h-3.5 w-3.5"
     }),
     label: 'Creative mode',
     mode: 'creative'
   }, {
     icon: jsx(Lightbulb, {
-      className: "h-4 w-4"
+      className: "h-3.5 w-3.5"
     }),
     label: 'Insights mode',
     mode: 'insights'
@@ -57,287 +59,229 @@ function IconToggleGroup({
   });
 }
 function UtilityActions({
-  onAction
+  onScreenshot,
+  onFilesSelected,
+  onMicClick,
+  currentFileCount
 }) {
-  const fileInputRef = React.useRef(null);
-  const actions = [{
-    icon: jsx(Globe, {
-      className: "h-5 w-5"
-    }),
-    label: 'Global scope',
-    action: 'global'
-  }, {
-    icon: jsx(Grid3X3, {
-      className: "h-5 w-5"
-    }),
-    label: 'Discover',
-    action: 'discover'
-  }, {
-    icon: jsx(Paperclip, {
-      className: "h-5 w-5"
-    }),
-    label: 'Add file',
-    action: 'file'
-  }];
-  const handleFileClick = () => {
-    fileInputRef.current?.click();
-  };
-  const handleFileChange = event => {
-    const files = event.target.files;
-    if (files && files.length > 0) {
-      const file = files[0];
-      onAction(`file:${file.name}:${file.size}`);
-    }
-    // Reset the input so the same file can be selected again if needed
-    event.target.value = '';
-  };
   return jsxs("div", {
     className: "flex flex-wrap items-center gap-1 text-muted-foreground",
-    children: [actions.map(action => jsx("button", {
+    children: [jsx("button", {
       type: "button",
-      "aria-label": action.label,
-      onClick: action.action === 'file' ? handleFileClick : () => onAction(action.action),
-      className: "inline-flex h-9 w-9 items-center justify-center rounded-2xl transition-colors hover:bg-secondary/70 active:bg-secondary",
-      children: action.icon
-    }, action.label)), jsx("input", {
-      ref: fileInputRef,
-      type: "file",
-      accept: "*/*",
-      onChange: handleFileChange,
-      className: "hidden"
+      "aria-label": "Global scope",
+      onClick: () => console.log('Global scope'),
+      className: "inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors hover:bg-secondary/70 active:bg-secondary",
+      children: jsx(Globe, {
+        className: "h-4 w-4"
+      })
+    }), jsx(ChatScreenshot, {
+      onScreenshot: onScreenshot
+    }), jsx(ChatFiles, {
+      onFilesSelected: onFilesSelected,
+      currentFileCount: currentFileCount
     })]
   });
 }
-const suggestionPool = [{
-  label: 'AD',
-  icon: jsx(Globe, {
-    className: "h-4 w-4"
-  })
-}, {
-  label: 'D',
-  icon: jsx(Globe, {
-    className: "h-4 w-4"
-  })
-}, {
-  label: 'delta airlines',
-  icon: jsx(Search, {
-    className: "h-4 w-4"
-  })
-}, {
-  label: 'deepl',
-  icon: jsx(Sparkles, {
-    className: "h-4 w-4"
-  })
-}, {
-  label: 'dmv',
-  icon: jsx(Search, {
-    className: "h-4 w-4"
-  })
-}, {
-  label: 'daum',
-  icon: jsx(Globe, {
-    className: "h-4 w-4"
-  })
-}];
-function PerplexitySearch() {
-  const [query, setQuery] = React.useState('');
-  const [activeMode, setActiveMode] = React.useState('search');
-  const [focusEnabled, setFocusEnabled] = React.useState(false);
-  const [spacesEnabled, setSpacesEnabled] = React.useState(false);
-  const [isRecording, setIsRecording] = React.useState(false);
-  const [statusMessage, setStatusMessage] = React.useState('');
-  const [attachedFile, setAttachedFile] = React.useState(null);
+function PerplexitySearch({
+  onSubmit,
+  isLoading = false,
+  disabled = false,
+  prefill
+}) {
+  const [query, setQuery] = useState('');
+  const [activeMode, setActiveMode] = useState('search');
+  const [statusMessage, setStatusMessage] = useState('');
+  const [attachments, setAttachments] = useState([]);
+  const [showAudioRecorder, setShowAudioRecorder] = useState(false);
+  const textareaRef = useRef(null);
+  // Push external prefill (e.g. inbound channel message) into the textarea.
+  useEffect(() => {
+    if (!prefill?.text) return;
+    setQuery(prev => prefill.replace || !prev ? prefill.text : `${prev} ${prefill.text}`);
+    setTimeout(() => textareaRef.current?.focus(), 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [prefill?.nonce]);
   const trimmedQuery = query.trim();
   const hasQuery = trimmedQuery.length > 0;
-  const filteredSuggestions = React.useMemo(() => {
-    if (!hasQuery) {
-      return [];
-    }
-    const normalized = trimmedQuery.toLowerCase();
-    const matches = suggestionPool.filter(suggestion => suggestion.label.toLowerCase().includes(normalized));
-    return matches.length > 0 ? matches : suggestionPool;
-  }, [hasQuery, trimmedQuery]);
-  const showStatus = message => {
+  const hasAttachments = attachments.length > 0;
+  const canSubmit = hasQuery || hasAttachments;
+  const showStatus = useCallback(message => {
     setStatusMessage(message);
     setTimeout(() => setStatusMessage(''), 2000);
-  };
-  const handleSubmit = React.useCallback(event => {
+  }, []);
+  const generateId = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  const adjustTextareaHeight = useCallback(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = 'auto';
+      textareaRef.current.style.height = textareaRef.current.scrollHeight + 'px';
+    }
+  }, []);
+  const handleScreenshot = useCallback(dataUrl => {
+    const newAttachment = {
+      id: generateId(),
+      name: `Screenshot ${new Date().toLocaleTimeString()}`,
+      type: 'screenshot',
+      dataUrl
+    };
+    setAttachments(prev => [...prev, newAttachment]);
+    showStatus('Screenshot captured!');
+  }, [showStatus]);
+  const handleFilesSelected = useCallback(async files => {
+    // Read all files as base64 data URLs for AI processing
+    const readFileAsDataUrl = file => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = () => reject(new Error(`Failed to read file: ${file.name}`));
+        reader.readAsDataURL(file);
+      });
+    };
+    try {
+      const newAttachments = await Promise.all(files.map(async file => {
+        // Read all files as base64 so AI can access their content
+        const dataUrl = await readFileAsDataUrl(file);
+        return {
+          id: generateId(),
+          name: file.name,
+          size: file.size,
+          type: 'file',
+          file,
+          dataUrl
+        };
+      }));
+      setAttachments(prev => [...prev, ...newAttachments]);
+      showStatus(`${files.length} file(s) attached!`);
+    } catch (error) {
+      console.error('Error reading files:', error);
+      showStatus('Error reading files');
+    }
+  }, [showStatus]);
+  const handleRemoveAttachment = useCallback(id => {
+    setAttachments(prev => prev.filter(a => a.id !== id));
+  }, []);
+  const handleClearAttachments = useCallback(() => {
+    setAttachments([]);
+  }, []);
+  const handleSubmit = useCallback(event => {
     event.preventDefault();
-    if (hasQuery) {
-      showStatus(`Searching "${trimmedQuery}" in ${activeMode} mode...`);
+    if (canSubmit && !isLoading && !disabled) {
+      onSubmit(trimmedQuery, activeMode, attachments.length > 0 ? attachments : undefined);
+      setQuery('');
+      handleClearAttachments();
+      adjustTextareaHeight();
     }
-  }, [trimmedQuery, activeMode, focusEnabled, spacesEnabled, hasQuery]);
-  const handleVoiceAction = React.useCallback(() => {
-    if (hasQuery) {
-      showStatus(`Sending message: "${trimmedQuery}"`);
-    } else {
-      setIsRecording(!isRecording);
-      if (!isRecording) {
-        showStatus('Recording started... Speak now!');
-        setTimeout(() => {
-          setIsRecording(false);
-          setQuery('What is the weather today?');
-          showStatus('Voice input received!');
-        }, 3000);
-      } else {
-        showStatus('Recording stopped.');
+  }, [trimmedQuery, activeMode, canSubmit, isLoading, disabled, onSubmit, attachments, handleClearAttachments, adjustTextareaHeight]);
+  const handleKeyDown = useCallback(event => {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      if (canSubmit && !isLoading && !disabled) {
+        onSubmit(trimmedQuery, activeMode, attachments.length > 0 ? attachments : undefined);
+        setQuery('');
+        handleClearAttachments();
+        adjustTextareaHeight();
       }
     }
-  }, [hasQuery, trimmedQuery, isRecording]);
-  const handleUtilityAction = React.useCallback(action => {
-    switch (action) {
-      case 'global':
-        showStatus('Switched to global scope');
-        break;
-      case 'discover':
-        showStatus('Discovery panel opened');
-        break;
-      case 'settings':
-        showStatus('Settings opened');
-        break;
-      case 'link':
-        const url = prompt('Enter URL to attach:');
-        if (url) {
-          showStatus(`Link attached: ${url}`);
-        }
-        break;
-      default:
-        if (action.startsWith('file:')) {
-          const fileParts = action.substring(5).split(':');
-          const fileName = fileParts[0];
-          const fileSize = fileParts.length > 1 ? parseInt(fileParts[1]) : undefined;
-          setAttachedFile({
-            name: fileName,
-            size: fileSize
-          });
-          showStatus(`File attached: ${fileName}`);
-        }
+  }, [canSubmit, isLoading, disabled, trimmedQuery, activeMode, onSubmit, attachments, handleClearAttachments, adjustTextareaHeight]);
+  const handleChange = useCallback(event => {
+    setQuery(event.target.value);
+    setTimeout(adjustTextareaHeight, 0);
+  }, [adjustTextareaHeight]);
+  const handleMicClick = useCallback(() => {
+    if (!hasQuery) {
+      setShowAudioRecorder(true);
     }
+  }, [hasQuery]);
+  const handleTranscriptionComplete = useCallback(text => {
+    setQuery(prev => prev ? `${prev} ${text}` : text);
+    setShowAudioRecorder(false);
+    textareaRef.current?.focus();
+    setTimeout(adjustTextareaHeight, 0);
+  }, [adjustTextareaHeight]);
+  const handleAudioCancel = useCallback(() => {
+    setShowAudioRecorder(false);
   }, []);
-  const handleSuggestionSelect = React.useCallback(suggestion => {
-    setQuery(suggestion.label);
-    showStatus(`Selected: ${suggestion.label}`);
-    setTimeout(() => {
-      showStatus(`Auto-searching: ${suggestion.label}`);
-    }, 100);
-  }, [activeMode]);
-  return jsxs("div", {
-    className: "flex min-h-[80vh] w-full flex-col items-center justify-center gap-10 px-6",
-    children: [jsx("header", {
-      className: "text-center",
-      children: jsx("p", {
-        className: "text-balance text-4xl font-semibold tracking-tight text-foreground",
-        children: "perplexity"
-      })
-    }), statusMessage && jsx("div", {
+  // Focus textarea on mount
+  useEffect(() => {
+    textareaRef.current?.focus();
+    adjustTextareaHeight();
+  }, [adjustTextareaHeight]);
+  return jsxs(Fragment, {
+    children: [statusMessage && jsx("div", {
       className: "fixed top-4 right-4 z-50 max-w-sm rounded-lg bg-primary px-4 py-2 text-sm text-primary-foreground shadow-lg",
       children: statusMessage
     }), jsxs("section", {
-      className: "w-full max-w-3xl overflow-hidden rounded-[28px] border border-border/70 bg-card shadow-[0_32px_80px_rgba(15,45,42,0.12)]",
-      children: [jsxs("form", {
+      className: "w-full overflow-hidden rounded-[24px] border border-border/70 bg-card shadow-md",
+      children: [showAudioRecorder && jsx("div", {
+        className: "px-4 pt-4 sm:px-5 sm:pt-5",
+        children: jsx(AudioRecorder, {
+          onTranscriptionComplete: handleTranscriptionComplete,
+          onCancel: handleAudioCancel,
+          onError: error => showStatus(`Error: ${error}`)
+        })
+      }), jsxs("form", {
         onSubmit: handleSubmit,
-        className: "flex flex-col gap-4 px-5 py-5 sm:px-6 sm:py-6",
+        className: "flex flex-col gap-2 px-3 py-3 sm:px-4 sm:py-4",
         "aria-label": "Perplexity style search",
-        children: [attachedFile && jsxs("div", {
-          className: "relative inline-flex items-center gap-2 rounded-lg bg-secondary/50 px-3 py-2 text-sm text-muted-foreground",
-          children: [jsxs("div", {
-            className: "flex items-center gap-2",
-            children: [jsx(Paperclip, {
-              className: "h-4 w-4"
-            }), jsx("span", {
-              children: attachedFile.name
-            }), attachedFile.size && jsxs("span", {
-              className: "text-xs",
-              children: [(attachedFile.size / 1024).toFixed(1), " KB"]
-            })]
-          }), jsx("button", {
+        children: [hasAttachments && jsxs("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: [attachments.map(attachment => jsx(AttachmentPreview, {
+            attachment: attachment,
+            onRemove: handleRemoveAttachment,
+            showPreview: attachments.length === 1,
+            isCancellable: true
+          }, attachment.id)), attachments.length > 1 && jsx("button", {
             type: "button",
-            onClick: () => setAttachedFile(null),
-            className: "ml-2 rounded-full p-1 hover:bg-secondary",
-            "aria-label": "Remove attached file",
-            children: jsxs("svg", {
-              width: "16",
-              height: "16",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: [jsx("line", {
-                x1: "18",
-                y1: "6",
-                x2: "6",
-                y2: "18"
-              }), jsx("line", {
-                x1: "6",
-                y1: "6",
-                x2: "18",
-                y2: "18"
-              })]
-            })
+            onClick: handleClearAttachments,
+            className: "text-xs text-muted-foreground hover:text-destructive transition-colors px-2 py-1",
+            children: "Clear all"
           })]
         }), jsxs("div", {
           children: [jsx("label", {
             htmlFor: "search-input",
             className: "sr-only",
-            children: "Ask anything or @mention a Space"
-          }), jsx("input", {
+            children: "Ask anything"
+          }), jsx("textarea", {
+            ref: textareaRef,
             id: "search-input",
             name: "query",
-            type: "text",
             value: query,
-            onChange: event => setQuery(event.target.value),
-            placeholder: "Ask anything or @mention a Space",
-            className: "w-full outline-none border-none bg-transparent text-lg text-foreground placeholder:text-muted-foreground"
+            onChange: handleChange,
+            onKeyDown: handleKeyDown,
+            placeholder: "Ask anything...",
+            disabled: isLoading || disabled || showAudioRecorder,
+            rows: 1,
+            className: "w-full outline-none border-none ring-0 focus:outline-none focus:ring-0 bg-transparent text-base text-foreground placeholder:text-muted-foreground disabled:opacity-50 resize-none overflow-hidden"
           })]
         }), jsxs("div", {
-          className: "flex flex-wrap items-center gap-3 border-t border-border/60 pt-3",
+          className: "flex flex-wrap items-center gap-3 border-t border-border/60 pt-2",
           children: [jsx(IconToggleGroup, {
             activeMode: activeMode,
             onModeChange: setActiveMode
           }), jsxs("div", {
             className: "flex flex-1 flex-wrap items-center justify-end gap-2",
             children: [jsx(UtilityActions, {
-              onAction: handleUtilityAction
+              onScreenshot: handleScreenshot,
+              onFilesSelected: handleFilesSelected,
+              onMicClick: handleMicClick,
+              currentFileCount: attachments.length
             }), jsx(IconButton, {
-              icon: hasQuery ? jsx(ArrowUpRight, {
-                className: "h-5 w-5"
-              }) : isRecording ? jsx("div", {
-                className: "h-5 w-5 animate-pulse rounded-full bg-red-500"
-              }) : jsx(AudioLines, {
-                className: "h-5 w-5"
+              icon: isLoading ? jsx("div", {
+                className: "h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent"
+              }) : canSubmit ? jsx(ArrowUpRight, {
+                className: "h-4 w-4"
+              }) : jsx(Mic, {
+                className: "h-4 w-4"
               }),
-              label: hasQuery ? 'Send message' : isRecording ? 'Recording...' : 'Start audio search',
+              label: isLoading ? 'Loading...' : canSubmit ? 'Send message' : 'Start audio search',
               variant: "primary",
               size: "lg",
-              type: hasQuery ? 'submit' : 'button',
-              onClick: !hasQuery ? handleVoiceAction : undefined,
+              type: canSubmit ? 'submit' : 'button',
+              onClick: !canSubmit ? handleMicClick : undefined,
+              disabled: isLoading || disabled || showAudioRecorder,
               className: "rounded-2xl"
             })]
           })]
         })]
-      }), filteredSuggestions.length > 0 && jsx("div", {
-        className: "border-t border-border/60 bg-card/95 px-4 py-2 sm:px-6 sm:py-3",
-        children: jsx("ul", {
-          className: "flex flex-col gap-1",
-          children: filteredSuggestions.map(suggestion => jsx("li", {
-            children: jsxs("button", {
-              type: "button",
-              onClick: () => handleSuggestionSelect(suggestion),
-              className: "flex w-full items-center justify-between rounded-2xl px-2 py-2 text-left transition-colors hover:bg-secondary/70 active:bg-secondary",
-              children: [jsxs("span", {
-                className: "flex items-center gap-3 text-sm text-foreground",
-                children: [jsx("span", {
-                  className: "inline-flex h-8 w-8 items-center justify-center rounded-full bg-secondary text-muted-foreground",
-                  children: suggestion.icon
-                }), suggestion.label]
-              }), jsx(ChevronRight, {
-                className: "h-4 w-4 text-muted-foreground"
-              })]
-            })
-          }, suggestion.label))
-        })
       })]
     })]
   });

package/lib/components/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SearchBar.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/lib/config/constants.d.ts

@@ -0,0 +1,108 @@
+/**
+ * Perplexity Demo Module Configuration
+ */
+export declare const STORAGE_KEYS: {
+    readonly CHAT_HISTORY: "perplexity_chat_history";
+    readonly SCREENSHOT_CONFIG: "perplexity_screenshot_config";
+    readonly CUSTOM_AI_PROVIDERS: "perplexity_custom_ai_providers";
+    readonly SELECTED_AI_PROVIDER: "perplexity_selected_ai_provider";
+    readonly SYSTEM_PROMPT: "perplexity_system_prompt";
+};
+export declare const MAX_FILES = 6;
+export declare const MAX_FILE_SIZE_BYTES: number;
+export declare const ACCEPTED_FILE_TYPES: {
+    readonly DOCUMENTS: readonly [".pdf", ".doc", ".docx", ".txt", ".md"];
+    readonly IMAGES: readonly [".png", ".jpg", ".jpeg", ".gif", ".webp"];
+};
+export declare const ACCEPTED_FILE_TYPES_STRING: string;
+/**
+ * Centralized LLM Provider Configuration
+ * All API endpoints, models, and provider settings
+ */
+export declare const LLM_CONFIG: {
+    readonly ENDPOINTS: {
+        readonly GROQ_BASE: "https://api.groq.com/openai/v1";
+        readonly GROQ_STT: "https://api.groq.com/openai/v1/audio/transcriptions";
+        readonly OPENROUTER_BASE: "https://openrouter.ai/api/v1";
+        readonly TOGETHER_BASE: "https://api.together.xyz/v1";
+    };
+    readonly ENV_KEYS: {
+        readonly GROQ_API_KEY: "GROQ_API_KEY";
+        readonly OPENROUTER_API_KEY: "OPENROUTER_API_KEY";
+        readonly TOGETHER_API_KEY: "TOGETHER_API_KEY";
+    };
+    readonly MODELS: {
+        readonly GROQ_VISION_SCOUT: {
+            readonly id: "meta-llama/llama-4-scout-17b-16e-instruct";
+            readonly name: "Meta Llama 4 Scout 17B (Vision)";
+            readonly contextWindow: 128000;
+            readonly supportsVision: true;
+            readonly description: "Vision-capable model for image and file processing";
+        };
+        readonly GROQ_GPT_OSS: {
+            readonly id: "openai/gpt-oss-120B";
+            readonly name: "GPT OSS 120B";
+            readonly contextWindow: 128000;
+            readonly supportsVision: false;
+            readonly description: "Best quality text-only model";
+        };
+        readonly OPENROUTER_LLAMA_8B: {
+            readonly id: "meta-llama/llama-3.1-8b-instruct:free";
+            readonly name: "Llama 3.1 8B (Free)";
+            readonly contextWindow: 131072;
+            readonly supportsVision: false;
+            readonly description: "Free tier model";
+        };
+        readonly OPENROUTER_GEMMA_9B: {
+            readonly id: "google/gemma-2-9b-it:free";
+            readonly name: "Gemma 2 9B (Free)";
+            readonly contextWindow: 8192;
+            readonly supportsVision: false;
+            readonly description: "Free tier model";
+        };
+        readonly OPENROUTER_MISTRAL_7B: {
+            readonly id: "mistralai/mistral-7b-instruct:free";
+            readonly name: "Mistral 7B (Free)";
+            readonly contextWindow: 32768;
+            readonly supportsVision: false;
+            readonly description: "Free tier model";
+        };
+        readonly OPENROUTER_QWEN_7B: {
+            readonly id: "qwen/qwen-2-7b-instruct:free";
+            readonly name: "Qwen 2 7B (Free)";
+            readonly contextWindow: 32768;
+            readonly supportsVision: false;
+            readonly description: "Free tier model";
+        };
+        readonly TOGETHER_LLAMA_8B: {
+            readonly id: "meta-llama/Meta-Llama-3.1-8B-Instruct-Turbo";
+            readonly name: "Llama 3.1 8B Turbo";
+            readonly contextWindow: 131072;
+            readonly supportsVision: false;
+            readonly description: "Fast and efficient";
+        };
+        readonly TOGETHER_LLAMA_70B: {
+            readonly id: "meta-llama/Meta-Llama-3.1-70B-Instruct-Turbo";
+            readonly name: "Llama 3.1 70B Turbo";
+            readonly contextWindow: 131072;
+            readonly supportsVision: false;
+            readonly description: "Best quality";
+        };
+        readonly TOGETHER_MIXTRAL: {
+            readonly id: "mistralai/Mixtral-8x7B-Instruct-v0.1";
+            readonly name: "Mixtral 8x7B";
+            readonly contextWindow: 32768;
+            readonly supportsVision: false;
+            readonly description: "Good balance";
+        };
+    };
+    readonly STT: {
+        readonly MODEL: "whisper-large-v3-turbo";
+        readonly DEFAULT_LANGUAGE: "en";
+    };
+    readonly DEFAULTS: {
+        readonly PROVIDER_ID: "groq";
+        readonly MODEL_ID: "openai/gpt-oss-120B";
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/lib/config/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/config/constants.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAKX,eAAO,MAAM,SAAS,IAAI,CAAC;AAG3B,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AAGpD,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAGX,eAAO,MAAM,0BAA0B,QAA8E,CAAC;AAItH;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGb,CAAC"}