@admin-layout/tailwind-ui 12.2.4-alpha.7 → 12.2.4-alpha.79

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';import {MicrophoneDiagnostics}from'./MicrophoneDiagnostics.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"]
+          })]
+        })]
+      }), jsx(MicrophoneDiagnostics, {}), 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":";AAqDI,MAAA,mBAAoB,GAAA;KACpB,EAAA;AACH,IAAA,eAAA,EAAA,KAAA;AAED,IAAA,oBAAa,EAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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"}

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

@@ -0,0 +1,48 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {AlertCircleIcon,LoaderIcon}from'lucide-react';const StatusIndicator = ({
+  setupRequired,
+  error,
+  isProcessing,
+  isAIProcessing,
+  capturing
+}) => {
+  // Don't show anything if not capturing and no error
+  if (!capturing && !error && !isProcessing && !isAIProcessing) {
+    return null;
+  }
+  return jsx("div", {
+    className: "flex flex-1 items-center gap-2 px-3 py-2 justify-end",
+    children: error && !setupRequired ? jsxs("div", {
+      className: "flex items-center gap-2 text-red-600",
+      children: [jsx(AlertCircleIcon, {
+        className: "w-4 h-4"
+      }), jsx("span", {
+        className: "text-xs font-medium",
+        children: error
+      })]
+    }) : isAIProcessing ? jsxs("div", {
+      className: "flex items-center gap-2 animate-pulse",
+      children: [jsx(LoaderIcon, {
+        className: "w-4 h-4 animate-spin"
+      }), jsx("span", {
+        className: "text-xs font-medium",
+        children: "Generating response..."
+      })]
+    }) : isProcessing ? jsxs("div", {
+      className: "flex items-center gap-2 animate-pulse",
+      children: [jsx(LoaderIcon, {
+        className: "w-4 h-4 animate-spin"
+      }), jsx("span", {
+        className: "text-xs font-medium",
+        children: "Transcribing..."
+      })]
+    }) : capturing ? jsxs("div", {
+      className: "flex items-center gap-2 text-green-600 animate-pulse",
+      children: [jsx("div", {
+        className: "w-2 h-2 rounded-full bg-green-500 animate-pulse"
+      }), jsx("span", {
+        className: "text-xs font-medium",
+        children: "Listening..."
+      })]
+    }) : null
+  });
+};export{StatusIndicator};//# sourceMappingURL=StatusIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIndicator.js","sources":["../../../../../src/components/AIToolbar/components/speech/StatusIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":"oHAIkB,GAAA,CAAA;eACd;OACA;cACS;EACX,cAAA;AAEF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+interface WarningProps {
+    isVadMode: boolean;
+}
+export declare const Warning: ({ isVadMode }: WarningProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Warning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Warning.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/Warning.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IAClB,SAAS,EAAE,OAAO,CAAC;CACtB;AAsDD,eAAO,MAAM,OAAO,GAAI,eAAe,YAAY,4CA+LlD,CAAC"}

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

@@ -0,0 +1,226 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {InfoIcon,ChevronDownIcon,AudioWaveformIcon,MicIcon,KeyboardIcon,CameraIcon}from'lucide-react';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';const GLOBAL_SHORTCUTS = [{
+  label: 'Toggle Yantra Bar',
+  description: 'Show or hide the floating bar from anywhere.',
+  macKeys: ['⌘', '⇧', 'Y'],
+  otherKeys: ['Ctrl', 'Shift', 'Y']
+}, {
+  label: 'Force-hide Bar',
+  description: 'Emergency escape — always hides the bar and drops focus.',
+  macKeys: ['⌘', '⇧', 'H'],
+  otherKeys: ['Ctrl', 'Shift', 'H']
+}, {
+  label: 'Toggle microphone',
+  description: 'Turn the mic on or off for voice conversations.',
+  macKeys: ['⌘', '⇧', 'M'],
+  otherKeys: ['Ctrl', 'Shift', 'M']
+}, {
+  label: 'Toggle audio output',
+  description: 'Mute or unmute the assistant’s voice playback.',
+  macKeys: ['⌘', '⇧', 'V'],
+  otherKeys: ['Ctrl', 'Shift', 'V']
+}, {
+  label: 'Toggle Eye agent',
+  description: 'Start or stop the ambient activity tracker.',
+  macKeys: ['⌘', '⇧', 'E'],
+  otherKeys: ['Ctrl', 'Shift', 'E']
+}, {
+  label: 'Switch to default character',
+  description: 'Activates the slot you marked as default.',
+  macKeys: ['⌘', '⌥', '0'],
+  otherKeys: ['Ctrl', 'Alt', '0']
+}, {
+  label: 'Switch to character slot 1–9',
+  description: 'Activates the character assigned to slots 1 through 9.',
+  macKeys: ['⌘', '⌥', '1…9'],
+  otherKeys: ['Ctrl', 'Alt', '1…9']
+}];
+const Warning = ({
+  isVadMode
+}) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const isMac = navigator.platform.toLowerCase().includes('mac');
+  const modKey = isMac ? '⌘' : 'Ctrl';
+  return jsxs("div", {
+    className: "rounded-lg border border-border/50 bg-muted/30 overflow-hidden",
+    children: [jsxs("button", {
+      type: "button",
+      onClick: () => setIsExpanded(!isExpanded),
+      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(InfoIcon, {
+          className: "w-3.5 h-3.5 text-muted-foreground"
+        }), jsx("span", {
+          className: "text-xs font-medium",
+          children: "Help & Keyboard Shortcuts"
+        })]
+      }), jsx(ChevronDownIcon, {
+        className: cn('w-4 h-4 text-muted-foreground transition-transform', isExpanded && 'rotate-180')
+      })]
+    }), isExpanded && jsxs("div", {
+      className: "px-3 pb-3 space-y-3",
+      children: [jsxs("div", {
+        className: "flex items-start gap-2 p-2 rounded-md bg-primary/5",
+        children: [isVadMode ? jsx(AudioWaveformIcon, {
+          className: "w-4 h-4 text-primary mt-0.5"
+        }) : jsx(MicIcon, {
+          className: "w-4 h-4 text-primary mt-0.5"
+        }), jsxs("div", {
+          children: [jsx("p", {
+            className: "text-xs font-medium",
+            children: isVadMode ? 'Auto-detect Mode' : 'Manual Mode'
+          }), jsx("p", {
+            className: "text-[10px] text-muted-foreground mt-0.5",
+            children: isVadMode ? 'Speech is automatically detected from system audio. When someone speaks, it will be captured and transcribed.' : 'Press the record button or use keyboard shortcuts to manually control recording.'
+          })]
+        })]
+      }), jsxs("div", {
+        className: "space-y-2",
+        children: [jsxs("div", {
+          className: "flex items-center gap-1.5",
+          children: [jsx(KeyboardIcon, {
+            className: "w-3 h-3 text-muted-foreground"
+          }), jsx("span", {
+            className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide",
+            children: "Keyboard Shortcuts"
+          })]
+        }), jsxs("div", {
+          className: "grid grid-cols-2 gap-2 text-[10px]",
+          children: [jsxs("div", {
+            className: "flex items-center justify-between p-1.5 rounded bg-muted/50",
+            children: [jsx("span", {
+              className: "text-muted-foreground",
+              children: "Scroll down"
+            }), jsx("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: "\u2193"
+            })]
+          }), jsxs("div", {
+            className: "flex items-center justify-between p-1.5 rounded bg-muted/50",
+            children: [jsx("span", {
+              className: "text-muted-foreground",
+              children: "Scroll up"
+            }), jsx("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: "\u2191"
+            })]
+          }), jsxs("div", {
+            className: cn('flex items-center justify-between p-1.5 rounded bg-muted/50', isVadMode && 'opacity-50'),
+            children: [jsxs("span", {
+              className: "text-muted-foreground",
+              children: ["Start/Stop", isVadMode ? ' (manual)' : '']
+            }), jsx("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: "Enter"
+            })]
+          }), jsxs("div", {
+            className: cn('flex items-center justify-between p-1.5 rounded bg-muted/50', isVadMode && 'opacity-50'),
+            children: [jsxs("span", {
+              className: "text-muted-foreground",
+              children: ["Start record", isVadMode ? ' (manual)' : '']
+            }), jsx("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: "Space"
+            })]
+          }), jsxs("div", {
+            className: cn('flex items-center justify-between p-1.5 rounded bg-muted/50', isVadMode && 'opacity-50'),
+            children: [jsxs("span", {
+              className: "text-muted-foreground",
+              children: ["Discard", isVadMode ? ' (manual)' : '']
+            }), jsx("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: "Esc"
+            })]
+          }), jsxs("div", {
+            className: "flex items-center justify-between p-1.5 rounded bg-muted/50",
+            children: [jsx("span", {
+              className: "text-muted-foreground",
+              children: "Toggle view"
+            }), jsxs("kbd", {
+              className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono",
+              children: [modKey, "+K"]
+            })]
+          })]
+        })]
+      }), jsxs("div", {
+        className: "space-y-2",
+        children: [jsxs("div", {
+          className: "flex items-center gap-1.5",
+          children: [jsx(KeyboardIcon, {
+            className: "w-3 h-3 text-muted-foreground"
+          }), jsx("span", {
+            className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide",
+            children: "System-wide Global Shortcuts"
+          })]
+        }), jsx("p", {
+          className: "text-[10px] text-muted-foreground/80",
+          children: "Registered by the desktop app. These work even when the bar is hidden or another app is focused."
+        }), jsx("div", {
+          className: "space-y-1.5",
+          children: GLOBAL_SHORTCUTS.map(shortcut => {
+            const keys = isMac ? shortcut.macKeys : shortcut.otherKeys;
+            return jsxs("div", {
+              className: "flex items-start justify-between gap-2 p-1.5 rounded bg-muted/50",
+              children: [jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [jsx("div", {
+                  className: "text-[10px] font-medium text-foreground leading-tight",
+                  children: shortcut.label
+                }), jsx("p", {
+                  className: "text-[9px] text-muted-foreground leading-tight mt-0.5",
+                  children: shortcut.description
+                })]
+              }), jsx("div", {
+                className: "flex shrink-0 items-center gap-1",
+                children: keys.map((key, idx) => jsx("kbd", {
+                  className: "px-1.5 py-0.5 rounded bg-background border border-border font-mono text-[9px]",
+                  children: key
+                }, `${shortcut.label}-${key}-${idx}`))
+              })]
+            }, shortcut.label);
+          })
+        })]
+      }), jsxs("div", {
+        className: "space-y-2",
+        children: [jsxs("div", {
+          className: "flex items-center gap-1.5",
+          children: [jsx(CameraIcon, {
+            className: "w-3 h-3 text-muted-foreground"
+          }), jsx("span", {
+            className: "text-[10px] font-medium text-muted-foreground uppercase tracking-wide",
+            children: "Screenshot Feature"
+          })]
+        }), jsxs("div", {
+          className: "p-2 rounded-md bg-primary/5 text-[10px] text-muted-foreground space-y-1",
+          children: [jsx("p", {
+            children: "Screenshot: Captures your current screen and attaches it to your next transcription."
+          }), jsx("p", {
+            children: "The AI will receive both the transcribed audio and the screenshot image, allowing it to provide context-aware responses based on what you're viewing."
+          }), jsx("p", {
+            className: "text-[9px] opacity-70",
+            children: "The screenshot is automatically cleared after each message is sent."
+          })]
+        })]
+      }), jsxs("div", {
+        className: "text-[10px] text-muted-foreground space-y-1 pt-2 border-t border-border/50",
+        children: [jsxs("p", {
+          children: [jsx("strong", {
+            children: "Tip:"
+          }), " Use Auto-detect for hands-free operation during interviews."]
+        }), jsxs("p", {
+          children: [jsx("strong", {
+            children: "Tip:"
+          }), " Use Manual mode when you need precise control over what gets transcribed."]
+        }), jsxs("p", {
+          children: [jsx("strong", {
+            children: "Tip:"
+          }), " Quick Actions let you send follow-up prompts with one click."]
+        }), jsxs("p", {
+          children: [jsx("strong", {
+            children: "Tip:"
+          }), " Use Screenshot to share your screen context with the AI for more relevant responses."]
+        })]
+      })]
+    })]
+  });
+};export{Warning};//# sourceMappingURL=Warning.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Warning.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/speech/audio-visualizer.d.ts

@@ -0,0 +1,7 @@
+interface AudioVisualizerProps {
+    isRecording: boolean;
+    stream?: MediaStream | null;
+}
+export declare function AudioVisualizer({ stream, isRecording }: AudioVisualizerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=audio-visualizer.d.ts.map

package/lib/components/AIToolbar/components/speech/audio-visualizer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-visualizer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/audio-visualizer.tsx"],"names":[],"mappings":"AAgBA,UAAU,oBAAoB;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,oBAAoB,2CA8N5E"}