@admin-layout/tailwind-ui 12.2.4-alpha.6 → 12.2.4-alpha.60

package/lib/components/AIToolbar/components/speech/RecordingPanel.js

@@ -0,0 +1,101 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import {Button}from'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import {Loader2,MicIcon,XIcon,StopCircleIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import'clsx';import'tailwind-merge';import'react';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';const RecordingPanel = ({
+  isVadMode,
+  isRecording,
+  isProcessing,
+  isAIProcessing,
+  recordingProgress,
+  maxDuration,
+  onStartRecording,
+  onStopAndSend,
+  onIgnore
+}) => {
+  const isWorking = isProcessing || isAIProcessing;
+  return jsx("div", {
+    className: "rounded-lg border border-border/50 bg-muted/30 overflow-hidden",
+    children: !isVadMode && jsxs("div", {
+      className: "p-3 space-y-2",
+      children: [isWorking && jsxs("div", {
+        className: "flex items-center justify-end gap-1.5",
+        children: [jsx(Loader2, {
+          className: "w-3 h-3 animate-spin text-muted-foreground"
+        }), jsx("span", {
+          className: "text-[9px] text-muted-foreground",
+          children: isProcessing ? 'Transcribing...' : 'Generating...'
+        })]
+      }), !isWorking && jsxs(Fragment, {
+        children: [jsx("div", {
+          className: "flex gap-2",
+          children: !isRecording ? jsxs(Button, {
+            onClick: onStartRecording,
+            className: "flex-1 gap-1.5",
+            size: "sm",
+            children: [jsx(MicIcon, {
+              className: "w-3.5 h-3.5"
+            }), "Start Recording"]
+          }) : jsxs(Fragment, {
+            children: [jsxs(Button, {
+              onClick: onIgnore,
+              variant: "outline",
+              size: "sm",
+              className: "flex-1 gap-1",
+              children: [jsx(XIcon, {
+                className: "w-3 h-3"
+              }), "Discard"]
+            }), jsxs(Button, {
+              onClick: onStopAndSend,
+              size: "sm",
+              className: "flex-1 gap-1",
+              children: [jsx(StopCircleIcon, {
+                className: "w-3 h-3"
+              }), "Stop & Send"]
+            })]
+          })
+        }), isRecording && jsxs("div", {
+          className: "space-y-1",
+          children: [jsx("div", {
+            className: "w-full bg-muted rounded-full h-1",
+            children: jsx("div", {
+              className: "bg-red-500 h-1 rounded-full transition-all duration-500",
+              style: {
+                width: `${recordingProgress / maxDuration * 100}%`
+              }
+            })
+          }), jsxs("div", {
+            className: "flex justify-between text-[9px] text-muted-foreground",
+            children: [jsxs("span", {
+              className: "flex items-center gap-1",
+              children: [jsx("span", {
+                className: "w-1.5 h-1.5 rounded-full bg-red-500 animate-pulse"
+              }), "Recording ", recordingProgress, "s"]
+            }), jsxs("span", {
+              children: [maxDuration, "s max"]
+            })]
+          })]
+        }), jsx("div", {
+          className: "flex justify-end gap-3 text-[8px] text-muted-foreground/60",
+          children: !isRecording ? jsxs("span", {
+            children: [jsx("kbd", {
+              className: "px-1 py-0.5 rounded bg-muted font-mono",
+              children: "Space"
+            }), " /", ' ', jsx("kbd", {
+              className: "px-1 py-0.5 rounded bg-muted font-mono",
+              children: "Enter"
+            }), " start"]
+          }) : jsxs(Fragment, {
+            children: [jsxs("span", {
+              children: [jsx("kbd", {
+                className: "px-1 py-0.5 rounded bg-muted font-mono",
+                children: "Enter"
+              }), " send"]
+            }), jsxs("span", {
+              children: [jsx("kbd", {
+                className: "px-1 py-0.5 rounded bg-muted font-mono",
+                children: "Esc"
+              }), " discard"]
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};export{RecordingPanel};//# sourceMappingURL=RecordingPanel.js.map

package/lib/components/AIToolbar/components/speech/RecordingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordingPanel.js","sources":["../../../../../src/components/AIToolbar/components/speech/RecordingPanel.tsx"],"sourcesContent":[null],"names":[],"mappings":"oiEAMI,MAAA,cAAsB,GAAA,CAAA;WACtB;aACA;cACA;gBACA;mBACe;aACP;AACX,EAAA,gBAAA;AAED,EAAA,aAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/speech/ResultsSection.d.ts

@@ -0,0 +1,12 @@
+import type { ChatConversation } from '../types';
+type Props = {
+    lastTranscription: string;
+    lastAIResponse: string;
+    isAIProcessing: boolean;
+    conversation: ChatConversation;
+    conversationMode: boolean;
+    setConversationMode: (mode: boolean) => void;
+};
+export declare const ResultsSection: ({ lastTranscription, lastAIResponse, isAIProcessing, conversation, conversationMode, setConversationMode, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ResultsSection.d.ts.map

package/lib/components/AIToolbar/components/speech/ResultsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQjD,KAAK,KAAK,GAAG;IACT,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6GAO5B,KAAK,4CAiJP,CAAC"}

package/lib/components/AIToolbar/components/speech/ResultsSection.js

@@ -0,0 +1,142 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index.js';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import {SparklesIcon,Loader2,BotIcon,HeadphonesIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'react';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import {Switch}from'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {CopyButton}from'../Markdown/copy-button.js';import {useActiveCharacter}from'../../hooks/useActiveCharacter.js';const ResultsSection = ({
+  lastTranscription,
+  lastAIResponse,
+  isAIProcessing,
+  conversation,
+  conversationMode,
+  setConversationMode
+}) => {
+  const character = useActiveCharacter();
+  const assistantName = character?.name ?? 'AI';
+  const hasResponse = lastAIResponse || isAIProcessing;
+  const hasHistory = conversation.messages.length > 2;
+  if (!hasResponse && !lastTranscription) {
+    return null;
+  }
+  const isMac = navigator.platform.toLowerCase().includes('mac');
+  const modKey = isMac ? '⌘' : 'Ctrl';
+  return jsxs("div", {
+    className: "rounded-lg border border-border/50 bg-muted/20 p-3 space-y-3",
+    children: [jsxs("div", {
+      className: "flex items-center justify-between",
+      children: [jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [jsx(SparklesIcon, {
+          className: "w-3.5 h-3.5 text-primary"
+        }), jsx("h4", {
+          className: "text-xs font-medium",
+          children: conversationMode ? 'Conversation' : 'AI Response'
+        })]
+      }), jsxs("div", {
+        className: "flex items-center gap-2 select-none",
+        children: [jsxs("span", {
+          className: "text-[9px] text-muted-foreground/50 bg-muted/50 px-1 rounded",
+          children: [modKey, "+K"]
+        }), jsx(Switch, {
+          checked: conversationMode,
+          onCheckedChange: setConversationMode,
+          className: "scale-75"
+        }), lastAIResponse && jsx(CopyButton, {
+          content: lastAIResponse
+        })]
+      })]
+    }), !conversationMode && jsxs("div", {
+      className: "space-y-2",
+      children: [lastTranscription && jsxs("p", {
+        className: "text-[11px] text-muted-foreground",
+        children: [jsx("span", {
+          className: "font-semibold",
+          children: "System:"
+        }), " ", lastTranscription]
+      }), hasResponse && jsx("div", {
+        children: isAIProcessing && !lastAIResponse ? jsxs("div", {
+          className: "flex items-center gap-2 py-2",
+          children: [jsx(Loader2, {
+            className: "h-4 w-4 animate-spin text-primary"
+          }), jsx("span", {
+            className: "text-xs text-muted-foreground",
+            children: "Generating response..."
+          })]
+        }) : jsxs("div", {
+          className: "prose prose-sm max-w-none dark:prose-invert",
+          children: [jsx(Markdown, {
+            children: lastAIResponse
+          }), isAIProcessing && jsx("span", {
+            className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1 align-middle"
+          })]
+        })
+      })]
+    }), conversationMode && jsxs("div", {
+      className: "space-y-2",
+      children: [hasResponse && jsxs("div", {
+        className: "rounded-md bg-background/50 p-2.5",
+        children: [jsxs("div", {
+          className: "flex items-center gap-1.5 mb-1",
+          children: [character?.avatarSrc ? jsx("img", {
+            src: character.avatarSrc,
+            alt: "",
+            "aria-hidden": "true",
+            draggable: false,
+            width: 14,
+            height: 14,
+            className: "h-3.5 w-3.5 rounded-full object-cover ring-1 ring-border/60"
+          }) : jsx(BotIcon, {
+            className: "h-3 w-3 text-muted-foreground"
+          }), jsx("span", {
+            className: "text-[9px] font-medium text-muted-foreground uppercase tracking-wide",
+            children: assistantName
+          })]
+        }), isAIProcessing && !lastAIResponse ? jsxs("div", {
+          className: "flex items-center gap-2",
+          children: [jsx(Loader2, {
+            className: "h-3.5 w-3.5 animate-spin text-muted-foreground"
+          }), jsx("span", {
+            className: "text-[10px] text-muted-foreground",
+            children: "Generating..."
+          })]
+        }) : jsxs("div", {
+          className: "prose prose-sm max-w-none dark:prose-invert text-sm",
+          children: [jsx(Markdown, {
+            children: lastAIResponse
+          }), isAIProcessing && jsx("span", {
+            className: "inline-block w-2 h-4 bg-primary animate-pulse ml-1 align-middle"
+          })]
+        })]
+      }), lastTranscription && jsxs("div", {
+        className: "rounded-md border-l-2 border-primary/50 bg-primary/5 p-2.5",
+        children: [jsxs("div", {
+          className: "flex items-center gap-1.5 mb-1",
+          children: [jsx(HeadphonesIcon, {
+            className: "h-3 w-3 text-primary"
+          }), jsx("span", {
+            className: "text-[9px] font-medium text-primary uppercase tracking-wide",
+            children: "System"
+          })]
+        }), jsx("p", {
+          className: "text-sm",
+          children: lastTranscription
+        })]
+      }), hasHistory && jsxs("div", {
+        className: "space-y-2 pt-2 border-t border-border/50",
+        children: [jsx("p", {
+          className: "text-[9px] text-muted-foreground uppercase tracking-wide",
+          children: "Previous"
+        }), jsx("div", {
+          className: "space-y-1.5 max-h-40 overflow-y-auto",
+          children: conversation.messages.slice(2).sort((a, b) => b.timestamp - a.timestamp).map((message, index) => jsxs("div", {
+            className: cn('p-2 rounded-md text-[11px]', message.role === 'user' ? 'bg-primary/5 border-l-2 border-primary/30' : 'bg-background/50'),
+            children: [jsx("span", {
+              className: "text-[8px] font-medium text-muted-foreground uppercase",
+              children: message.role === 'user' ? 'System' : assistantName
+            }), jsx("div", {
+              className: "text-muted-foreground leading-relaxed mt-0.5",
+              children: jsx(Markdown, {
+                children: message.content
+              })
+            })]
+          }, message.id || index))
+        })]
+      })]
+    })]
+  });
+};export{ResultsSection};//# sourceMappingURL=ResultsSection.js.map

package/lib/components/AIToolbar/components/speech/ResultsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResultsSection.js","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"4sEAcI,MAAA,cAAsB,GAAI;EAC5B,iBAAA;AAEF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/speech/SettingsPanel.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+import type { VadConfig } from '../types';
+interface SettingsPanelProps {
+    vadConfig: VadConfig;
+    onUpdateVadConfig: (config: VadConfig) => void;
+    useSystemPrompt: boolean;
+    setUseSystemPrompt: (value: boolean) => void;
+    contextContent: string;
+    setContextContent: (content: string) => void;
+    settingsDropdownContent?: ReactNode;
+}
+export declare const SettingsPanel: ({ vadConfig, onUpdateVadConfig, useSystemPrompt, setUseSystemPrompt, contextContent, setContextContent, settingsDropdownContent, }: SettingsPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SettingsPanel.d.ts.map

package/lib/components/AIToolbar/components/speech/SettingsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/SettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgBjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AA4B1C,UAAU,kBAAkB;IAExB,SAAS,EAAE,SAAS,CAAC;IACrB,iBAAiB,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IAE/C,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,uBAAuB,CAAC,EAAE,SAAS,CAAC;CACvC;AAED,eAAO,MAAM,aAAa,GAAI,oIAQ3B,kBAAkB,4CAsTpB,CAAC"}

package/lib/components/AIToolbar/components/speech/SettingsPanel.js

@@ -0,0 +1,293 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState}from'react';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import {Button}from'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import {Label}from'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import {SettingsIcon,ChevronDownIcon,WandIcon,ChevronUpIcon,RotateCcwIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import {Select,SelectTrigger,SelectValue,SelectContent,SelectGroup,SelectLabel,SelectItem}from'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import {Slider}from'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import {Switch}from'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import {Textarea}from'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {PROMPT_TEMPLATES,getPromptTemplateById}from'./promptTemplates.js';// Sensitivity presets for simpler UX
+const SENSITIVITY_PRESETS = {
+  low: {
+    sensitivity_rms: 0.015,
+    noise_gate_threshold: 0.005,
+    label: 'Low',
+    description: 'Only picks up clear, loud speech'
+  },
+  normal: {
+    sensitivity_rms: 0.012,
+    noise_gate_threshold: 0.003,
+    label: 'Normal',
+    description: 'Balanced for typical conversations'
+  },
+  high: {
+    sensitivity_rms: 0.008,
+    noise_gate_threshold: 0.002,
+    label: 'High',
+    description: 'Picks up quieter speech'
+  }
+};
+const SettingsPanel = ({
+  vadConfig,
+  onUpdateVadConfig,
+  useSystemPrompt,
+  setUseSystemPrompt,
+  contextContent,
+  setContextContent,
+  settingsDropdownContent
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const [showAdvanced, setShowAdvanced] = useState(false);
+  const [selectedTemplate, setSelectedTemplate] = useState('');
+  // Determine current sensitivity preset based on values
+  const getCurrentPreset = () => {
+    for (const [key, preset] of Object.entries(SENSITIVITY_PRESETS)) {
+      if (Math.abs(vadConfig.sensitivity_rms - preset.sensitivity_rms) < 0.001 && Math.abs(vadConfig.noise_gate_threshold - preset.noise_gate_threshold) < 0.001) {
+        return key;
+      }
+    }
+    return 'custom';
+  };
+  const currentPreset = getCurrentPreset();
+  const handlePresetChange = preset => {
+    const presetValues = SENSITIVITY_PRESETS[preset];
+    onUpdateVadConfig({
+      ...vadConfig,
+      sensitivity_rms: presetValues.sensitivity_rms,
+      noise_gate_threshold: presetValues.noise_gate_threshold
+    });
+  };
+  const handleTemplateSelection = templateId => {
+    const template = getPromptTemplateById(templateId);
+    if (template) {
+      setContextContent(template.prompt);
+      setSelectedTemplate('');
+    }
+  };
+  const handleResetDefaults = () => {
+    const defaultConfig = {
+      enabled: vadConfig.enabled,
+      // Keep current mode
+      hop_size: 1024,
+      sensitivity_rms: 0.012,
+      peak_threshold: 0.035,
+      silence_chunks: 45,
+      min_speech_chunks: 7,
+      pre_speech_chunks: 12,
+      noise_gate_threshold: 0.003,
+      max_recording_duration_secs: 180
+    };
+    onUpdateVadConfig(defaultConfig);
+  };
+  return jsxs("div", {
+    className: "rounded-lg border border-border/50 bg-muted/30 overflow-hidden",
+    children: [jsxs("button", {
+      type: "button",
+      onClick: () => setIsOpen(!isOpen),
+      className: "w-full flex items-center justify-between p-3 hover:bg-muted/50 transition-colors",
+      children: [jsxs("div", {
+        className: "flex items-center gap-2",
+        children: [jsx(SettingsIcon, {
+          className: "w-3.5 h-3.5 text-muted-foreground"
+        }), jsx("span", {
+          className: "text-xs font-medium",
+          children: "Settings"
+        })]
+      }), jsx(ChevronDownIcon, {
+        className: cn('w-4 h-4 text-muted-foreground transition-transform', isOpen && 'rotate-180')
+      })]
+    }), isOpen && jsxs("div", {
+      className: "px-3 pb-3 space-y-3",
+      children: [jsxs("div", {
+        className: "space-y-3",
+        children: [jsx("h4", {
+          className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+          children: "Recording"
+        }), vadConfig.enabled && jsxs("div", {
+          className: "space-y-2",
+          children: [jsx(Label, {
+            className: "text-xs font-medium",
+            children: "Speech Sensitivity"
+          }), jsx("div", {
+            className: "flex gap-2",
+            children: Object.entries(SENSITIVITY_PRESETS).map(([key, preset]) => jsx("button", {
+              type: "button",
+              onClick: () => handlePresetChange(key),
+              className: cn('flex-1 px-3 py-2 rounded-lg text-xs font-medium transition-all border', currentPreset === key ? 'bg-primary text-primary-foreground border-primary' : 'bg-background border-border hover:bg-accent'),
+              children: preset.label
+            }, key))
+          }), jsx("p", {
+            className: "text-[10px] text-muted-foreground",
+            children: currentPreset === 'custom' ? 'Custom sensitivity values' : SENSITIVITY_PRESETS[currentPreset].description
+          })]
+        }), !vadConfig.enabled && jsxs("div", {
+          className: "space-y-2",
+          children: [jsxs(Label, {
+            className: "text-xs font-medium flex items-center justify-between",
+            children: [jsx("span", {
+              children: "Max Recording Duration"
+            }), jsxs("span", {
+              className: "text-muted-foreground font-normal",
+              children: [Math.round(vadConfig.max_recording_duration_secs / 60), " min"]
+            })]
+          }), jsx(Slider, {
+            value: [vadConfig.max_recording_duration_secs / 60],
+            onValueChange: ([value]) => onUpdateVadConfig({
+              ...vadConfig,
+              max_recording_duration_secs: Math.round(value * 60)
+            }),
+            min: 1,
+            max: 3,
+            step: 0.5,
+            className: "w-full"
+          })]
+        })]
+      }), jsxs("div", {
+        className: "space-y-3 pt-3 border-t border-border/50",
+        children: [jsx("h4", {
+          className: "text-xs font-semibold text-muted-foreground uppercase tracking-wide",
+          children: "AI Context"
+        }), jsxs("div", {
+          className: "flex items-center justify-between gap-4",
+          children: [jsxs("div", {
+            className: "flex-1",
+            children: [jsx(Label, {
+              className: "text-xs font-medium",
+              children: "Use System Prompt"
+            }), jsx("p", {
+              className: "text-[10px] text-muted-foreground mt-0.5",
+              children: useSystemPrompt ? 'Using default prompt from settings' : 'Using custom context below'
+            })]
+          }), jsx(Switch, {
+            checked: useSystemPrompt,
+            onCheckedChange: setUseSystemPrompt
+          })]
+        }), !useSystemPrompt && jsxs("div", {
+          className: "space-y-2",
+          children: [jsx("div", {
+            className: "flex justify-end",
+            children: jsxs(Select, {
+              value: selectedTemplate,
+              onValueChange: handleTemplateSelection,
+              children: [jsxs(SelectTrigger, {
+                className: "w-auto h-7 text-xs",
+                children: [jsx(WandIcon, {
+                  className: "w-3 h-3 mr-1.5"
+                }), jsx(SelectValue, {
+                  placeholder: "Templates"
+                })]
+              }), jsx(SelectContent, {
+                children: jsxs(SelectGroup, {
+                  children: [jsx(SelectLabel, {
+                    className: "text-xs py-1",
+                    children: "Quick-fill a template"
+                  }), PROMPT_TEMPLATES.map(template => jsx(SelectItem, {
+                    value: template.id,
+                    className: "text-xs",
+                    children: template.name
+                  }, template.id))]
+                })
+              })]
+            })
+          }), jsx(Textarea, {
+            placeholder: "Enter custom system prompt and context...",
+            value: contextContent,
+            onChange: e => setContextContent(e.target.value),
+            className: "min-h-24 resize-none text-xs"
+          })]
+        })]
+      }), jsxs("div", {
+        className: "pt-3 border-t border-border/50",
+        children: [jsxs("button", {
+          type: "button",
+          className: "w-full flex items-center justify-between text-xs text-muted-foreground hover:text-foreground transition-colors",
+          onClick: () => setShowAdvanced(!showAdvanced),
+          children: [jsx("span", {
+            children: "Advanced Settings"
+          }), showAdvanced ? jsx(ChevronUpIcon, {
+            className: "w-3 h-3"
+          }) : jsx(ChevronDownIcon, {
+            className: "w-3 h-3"
+          })]
+        }), showAdvanced && jsxs("div", {
+          className: "mt-3 space-y-3",
+          children: [vadConfig.enabled && jsxs(Fragment, {
+            children: [jsxs("div", {
+              className: "space-y-2",
+              children: [jsxs(Label, {
+                className: "text-xs font-medium flex items-center justify-between",
+                children: [jsx("span", {
+                  children: "Speech Sensitivity (Raw)"
+                }), jsx("span", {
+                  className: "text-muted-foreground font-normal",
+                  children: (vadConfig.sensitivity_rms * 1000).toFixed(1)
+                })]
+              }), jsx(Slider, {
+                value: [vadConfig.sensitivity_rms * 1000],
+                onValueChange: ([value]) => onUpdateVadConfig({
+                  ...vadConfig,
+                  sensitivity_rms: value / 1000
+                }),
+                min: 1,
+                max: 20,
+                step: 0.5,
+                className: "w-full"
+              })]
+            }), jsxs("div", {
+              className: "space-y-2",
+              children: [jsxs(Label, {
+                className: "text-xs font-medium flex items-center justify-between",
+                children: [jsx("span", {
+                  children: "Silence Duration"
+                }), jsxs("span", {
+                  className: "text-muted-foreground font-normal",
+                  children: [(vadConfig.silence_chunks * vadConfig.hop_size / 44100).toFixed(1), "s"]
+                })]
+              }), jsx(Slider, {
+                value: [vadConfig.silence_chunks],
+                onValueChange: ([value]) => onUpdateVadConfig({
+                  ...vadConfig,
+                  silence_chunks: Math.round(value)
+                }),
+                min: 20,
+                max: 180,
+                step: 5,
+                className: "w-full"
+              }), jsx("p", {
+                className: "text-[10px] text-muted-foreground",
+                children: "How long to wait after speech stops"
+              })]
+            })]
+          }), jsxs("div", {
+            className: "space-y-2",
+            children: [jsxs(Label, {
+              className: "text-xs font-medium flex items-center justify-between",
+              children: [jsx("span", {
+                children: "Noise Gate"
+              }), jsx("span", {
+                className: "text-muted-foreground font-normal",
+                children: (vadConfig.noise_gate_threshold * 1000).toFixed(1)
+              })]
+            }), jsx(Slider, {
+              value: [vadConfig.noise_gate_threshold * 1000],
+              onValueChange: ([value]) => onUpdateVadConfig({
+                ...vadConfig,
+                noise_gate_threshold: value / 1000
+              }),
+              min: 0,
+              max: 10,
+              step: 0.1,
+              className: "w-full"
+            }), jsx("p", {
+              className: "text-[10px] text-muted-foreground",
+              children: "Filters background noise"
+            })]
+          }), jsxs(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: handleResetDefaults,
+            className: "w-full text-xs",
+            children: [jsx(RotateCcwIcon, {
+              className: "w-3 h-3 mr-1.5"
+            }), "Reset to Defaults"]
+          })]
+        })]
+      }), settingsDropdownContent ? jsx("div", {
+        className: "border-t border-border/50 pt-2",
+        children: settingsDropdownContent
+      }) : null]
+    })]
+  });
+};export{SettingsPanel};//# sourceMappingURL=SettingsPanel.js.map

package/lib/components/AIToolbar/components/speech/SettingsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanel.js","sources":["../../../../../src/components/AIToolbar/components/speech/SettingsPanel.tsx"],"sourcesContent":[null],"names":[],"mappings":"8yEAkDI;MACA,sBAAuB;AACvB,EAAA,GAAA,EAAA;IACA,eAAA,EAAA,KAAA;AACH,IAAA,oBAAA,EAAA,KAAA;AAED,IAAA,KAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/speech/StatusIndicator.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    setupRequired: boolean;
+    error: string;
+    isProcessing: boolean;
+    isAIProcessing: boolean;
+    capturing: boolean;
+};
+export declare const StatusIndicator: ({ setupRequired, error, isProcessing, isAIProcessing, capturing }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=StatusIndicator.d.ts.map

package/lib/components/AIToolbar/components/speech/StatusIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/StatusIndicator.tsx"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG;IACT,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mEAAmE,KAAK,4CAgCvG,CAAC"}