@admin-layout/tailwind-ui 12.2.4-alpha.9 → 12.2.4-alpha.98

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

@@ -0,0 +1,44 @@
+import {jsxs,jsx}from'react/jsx-runtime';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'react';import'fast-deep-equal/react.js';import {AudioWaveformIcon,MicIcon}from'lucide-react';const ModeSwitcher = ({
+  isVadMode,
+  onModeChange,
+  disabled = false
+}) => {
+  return jsxs("div", {
+    className: cn('flex bg-muted rounded-lg w-full p-0.5 gap-0.5', disabled && 'opacity-50 pointer-events-none'),
+    children: [jsxs("button", {
+      type: "button",
+      onClick: () => onModeChange(true),
+      disabled: disabled,
+      className: cn('flex-1 flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md transition-all', isVadMode ? 'bg-background shadow-sm text-foreground' : 'text-muted-foreground hover:text-foreground'),
+      children: [jsx(AudioWaveformIcon, {
+        className: "w-4 h-4 flex-shrink-0"
+      }), jsxs("div", {
+        className: "flex flex-col items-start",
+        children: [jsx("span", {
+          className: "text-xs font-medium leading-tight",
+          children: "Auto-detect"
+        }), jsx("span", {
+          className: "text-[9px] font-normal opacity-60 leading-tight",
+          children: "(voice activity)"
+        })]
+      })]
+    }), jsxs("button", {
+      type: "button",
+      onClick: () => onModeChange(false),
+      disabled: disabled,
+      className: cn('flex-1 flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md transition-all', !isVadMode ? 'bg-background shadow-sm text-foreground' : 'text-muted-foreground hover:text-foreground'),
+      children: [jsx(MicIcon, {
+        className: "w-4 h-4 flex-shrink-0"
+      }), jsxs("div", {
+        className: "flex flex-col items-start",
+        children: [jsx("span", {
+          className: "text-xs font-medium leading-tight",
+          children: "Manual"
+        }), jsx("span", {
+          className: "text-[9px] font-normal opacity-60 leading-tight",
+          children: "(press to record)"
+        })]
+      })]
+    })]
+  });
+};export{ModeSwitcher};//# sourceMappingURL=ModeSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModeSwitcher.js","sources":["../../../../../src/components/AIToolbar/components/speech/ModeSwitcher.tsx"],"sourcesContent":[null],"names":[],"mappings":"qOAMY,MAAC,YAAU,GAAA,CAAA;AACtB,EAAA,SAAA;AAED,EAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,13 @@
+export interface PermissionFlowProps {
+    onPermissionGranted: () => void;
+    onPermissionDenied: () => void;
+    checkAccess: () => Promise<boolean>;
+    requestAccess: () => Promise<void>;
+    /**
+     * When false (legacy): show “Grant Permission” after check fails.
+     * When true (default): call `requestAccess` immediately so the OS/browser sheet opens without an extra tap.
+     */
+    requestPermissionImmediately?: boolean;
+}
+export declare const PermissionFlow: ({ onPermissionGranted, onPermissionDenied, checkAccess, requestAccess, requestPermissionImmediately, }: PermissionFlowProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PermissionFlow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionFlow.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/PermissionFlow.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,mBAAmB;IAChC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;;OAGG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAID,eAAO,MAAM,cAAc,GAAI,wGAM5B,mBAAmB,4CA2JrB,CAAC"}

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

@@ -0,0 +1,168 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}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'../../../../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 {ShieldAlertIcon,LoaderIcon,CheckCircle2Icon,ChevronDownIcon}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'../../../../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 PermissionFlow = ({
+  onPermissionGranted,
+  onPermissionDenied,
+  checkAccess,
+  requestAccess,
+  requestPermissionImmediately = true
+}) => {
+  const [permissionState, setPermissionState] = useState('checking');
+  const [checkAttempts, setCheckAttempts] = useState(0);
+  const [showManual, setShowManual] = useState(false);
+  const requestPermission = async () => {
+    try {
+      setPermissionState('requesting');
+      await requestAccess();
+      let attempts = 0;
+      const maxAttempts = 20;
+      const pollInterval = setInterval(async () => {
+        attempts++;
+        setCheckAttempts(attempts);
+        try {
+          const hasAccess = await checkAccess();
+          if (hasAccess) {
+            clearInterval(pollInterval);
+            setPermissionState('granted');
+            setTimeout(() => onPermissionGranted(), 500);
+          } else if (attempts >= maxAttempts) {
+            clearInterval(pollInterval);
+            setPermissionState('denied');
+            onPermissionDenied();
+          }
+        } catch (error) {
+          console.error('Permission poll failed:', error);
+        }
+      }, 1000);
+    } catch (error) {
+      console.error('Permission request failed:', error);
+      setPermissionState('denied');
+      onPermissionDenied();
+    }
+  };
+  const runCheck = async () => {
+    try {
+      setPermissionState('checking');
+      const hasAccess = await checkAccess();
+      if (hasAccess) {
+        setPermissionState('granted');
+        setTimeout(() => onPermissionGranted(), 500);
+      } else if (requestPermissionImmediately) {
+        void requestPermission();
+      } else {
+        setPermissionState('denied');
+        onPermissionDenied();
+      }
+    } catch (error) {
+      console.error('Permission check failed:', error);
+      if (requestPermissionImmediately) {
+        void requestPermission();
+      } else {
+        setPermissionState('denied');
+        onPermissionDenied();
+      }
+    }
+  };
+  useEffect(() => {
+    void runCheck();
+  }, []);
+  const stateConfig = {
+    checking: {
+      icon: jsx(LoaderIcon, {
+        className: "w-5 h-5 animate-spin"
+      }),
+      title: 'Checking Permissions',
+      description: 'Verifying system audio access...',
+      bgColor: 'bg-blue-50',
+      borderColor: 'border-blue-200',
+      textColor: 'text-blue-800',
+      titleColor: 'text-blue-900'
+    },
+    granted: {
+      icon: jsx(CheckCircle2Icon, {
+        className: "w-5 h-5"
+      }),
+      title: 'Permission Granted',
+      description: 'Starting capture...',
+      bgColor: 'bg-green-50',
+      borderColor: 'border-green-200',
+      textColor: 'text-green-800',
+      titleColor: 'text-green-900'
+    },
+    requesting: {
+      icon: jsx(LoaderIcon, {
+        className: "w-5 h-5 animate-spin"
+      }),
+      title: 'Waiting for Permission',
+      description: `Enable this app in System Settings (${checkAttempts}/20)`,
+      bgColor: 'bg-orange-50',
+      borderColor: 'border-orange-200',
+      textColor: 'text-orange-800',
+      titleColor: 'text-orange-900'
+    },
+    denied: {
+      icon: jsx(ShieldAlertIcon, {
+        className: "w-5 h-5"
+      }),
+      title: 'Permission Required',
+      description: 'Grant access to capture system audio',
+      bgColor: 'bg-muted/50',
+      borderColor: 'border-border',
+      textColor: 'text-muted-foreground',
+      titleColor: 'text-foreground'
+    }
+  };
+  const config = stateConfig[permissionState];
+  return jsx("div", {
+    className: cn('rounded-xl border p-4', config.bgColor, config.borderColor),
+    children: jsxs("div", {
+      className: "flex items-start gap-3",
+      children: [jsx("div", {
+        className: cn('flex-shrink-0', config.textColor),
+        children: config.icon
+      }), jsxs("div", {
+        className: "flex-1 min-w-0",
+        children: [jsx("h3", {
+          className: cn('font-semibold text-sm mb-0.5', config.titleColor),
+          children: config.title
+        }), jsx("p", {
+          className: cn('text-xs', config.textColor),
+          children: config.description
+        }), permissionState === 'denied' && jsxs("div", {
+          className: "mt-3 space-y-2",
+          children: [jsx(Button, {
+            onClick: requestPermission,
+            size: "sm",
+            className: "w-full",
+            children: "Grant Permission"
+          }), jsxs("button", {
+            type: "button",
+            onClick: () => setShowManual(!showManual),
+            className: "w-full flex items-center justify-center gap-1 text-xs text-muted-foreground hover:text-foreground",
+            children: ["Manual setup", jsx(ChevronDownIcon, {
+              className: cn('w-3 h-3 transition-transform', showManual && 'rotate-180')
+            })]
+          }), showManual && jsxs("ol", {
+            className: "text-xs text-muted-foreground space-y-1 list-decimal list-inside pt-2 border-t border-border/50",
+            children: [jsx("li", {
+              children: "Open System Settings"
+            }), jsx("li", {
+              children: "Go to Privacy & Security"
+            }), jsx("li", {
+              children: "Select Screen & System Audio Recording"
+            }), jsx("li", {
+              children: "Enable the app"
+            })]
+          })]
+        }), permissionState === 'requesting' && jsx("div", {
+          className: "mt-3 flex items-center gap-2",
+          children: jsx(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: () => void runCheck(),
+            className: "text-xs",
+            children: "Check Now"
+          })
+        })]
+      })]
+    })
+  });
+};export{PermissionFlow};//# sourceMappingURL=PermissionFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionFlow.js","sources":["../../../../../src/components/AIToolbar/components/speech/PermissionFlow.tsx"],"sourcesContent":[null],"names":[],"mappings":"klEAUI,MAAA,cAAA,GAAA,CAAA;;;AAGG,EAAA,WAAA;eACH;AACH,EAAA,4BAAA,GAAA;AAID,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,13 @@
+interface QuickActionsProps {
+    actions: string[];
+    onActionClick: (action: string) => void;
+    onAddAction: (action: string) => void;
+    onRemoveAction: (action: string) => void;
+    isManaging: boolean;
+    setIsManaging: (isManaging: boolean) => void;
+    show: boolean;
+    setShow: (show: boolean) => void;
+}
+export declare const QuickActions: ({ actions, onActionClick, onAddAction, onRemoveAction, isManaging, setIsManaging, show, setShow, }: QuickActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=QuickActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/QuickActions.tsx"],"names":[],"mappings":"AAMA,UAAU,iBAAiB;IACvB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,GAAI,oGAS1B,iBAAiB,4CAuGnB,CAAC"}

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

@@ -0,0 +1,100 @@
+import {jsxs,jsx}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 {Input}from'../../../../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 {ZapIcon,Settings2Icon,EyeOffIcon,EyeIcon,Trash2Icon,PlusIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import {useState}from'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 QuickActions = ({
+  actions,
+  onActionClick,
+  onAddAction,
+  onRemoveAction,
+  isManaging,
+  setIsManaging,
+  show,
+  setShow
+}) => {
+  const [newAction, setNewAction] = useState('');
+  const handleAdd = () => {
+    onAddAction(newAction.trim());
+    setNewAction('');
+  };
+  return jsxs("div", {
+    className: "rounded-lg border border-border/50 bg-muted/20 p-3 space-y-2",
+    children: [jsxs("div", {
+      className: "flex justify-between items-center",
+      children: [jsxs("div", {
+        className: "flex items-center gap-1.5",
+        children: [jsx(ZapIcon, {
+          className: "w-3.5 h-3.5 text-primary"
+        }), jsx("h4", {
+          className: "text-xs font-medium",
+          children: "Quick Actions"
+        })]
+      }), jsxs("div", {
+        className: "flex items-center gap-1",
+        children: [show && jsxs(Button, {
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 px-2 text-[10px]",
+          onClick: () => setIsManaging(!isManaging),
+          children: [jsx(Settings2Icon, {
+            className: "w-3 h-3 mr-1"
+          }), isManaging ? 'Done' : 'Edit']
+        }), jsx(Button, {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6",
+          onClick: () => {
+            setShow(!show);
+            setIsManaging(false);
+          },
+          children: show ? jsx(EyeOffIcon, {
+            className: "w-3 h-3"
+          }) : jsx(EyeIcon, {
+            className: "w-3 h-3"
+          })
+        })]
+      })]
+    }), show && jsxs("div", {
+      className: "flex flex-wrap gap-1.5 items-center",
+      children: [actions.map(action => jsxs("button", {
+        type: "button",
+        onClick: () => {
+          if (!isManaging) {
+            onActionClick(action);
+          }
+        },
+        className: cn('inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-xs font-medium transition-all', 'bg-primary/10 text-primary hover:bg-primary/20', isManaging && 'pr-1.5'),
+        children: [action, isManaging && jsx("button", {
+          type: "button",
+          onClick: e => {
+            e.stopPropagation();
+            onRemoveAction(action);
+          },
+          className: "ml-0.5 p-0.5 rounded-full hover:bg-red-500/20 text-red-500",
+          children: jsx(Trash2Icon, {
+            className: "w-2.5 h-2.5"
+          })
+        })]
+      }, action)), isManaging && jsxs("div", {
+        className: "flex gap-1.5 items-center",
+        children: [jsx(Input, {
+          type: "text",
+          value: newAction,
+          onChange: e => setNewAction(e.target.value),
+          placeholder: "Add action...",
+          className: "h-7 text-xs w-28",
+          onKeyDown: e => {
+            if (e.key === 'Enter') {
+              e.preventDefault();
+              handleAdd();
+            }
+          }
+        }), jsx(Button, {
+          size: "sm",
+          className: "h-7 text-xs px-2",
+          onClick: handleAdd,
+          disabled: !newAction.trim(),
+          children: jsx(PlusIcon, {
+            className: "w-3 h-3"
+          })
+        })]
+      })]
+    })]
+  });
+};export{QuickActions};//# sourceMappingURL=QuickActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.js","sources":["../../../../../src/components/AIToolbar/components/speech/QuickActions.tsx"],"sourcesContent":[null],"names":[],"mappings":"qlEAYI,MAAA,YAAgB,GAAA,CAAA;SACZ;AACJ,EAAA,aAAU;AACb,EAAA,WAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,14 @@
+interface RecordingPanelProps {
+    isVadMode: boolean;
+    isRecording: boolean;
+    isProcessing: boolean;
+    isAIProcessing: boolean;
+    recordingProgress: number;
+    maxDuration: number;
+    onStartRecording: () => void;
+    onStopAndSend: () => void;
+    onIgnore: () => void;
+}
+export declare const RecordingPanel: ({ isVadMode, isRecording, isProcessing, isAIProcessing, recordingProgress, maxDuration, onStartRecording, onStopAndSend, onIgnore, }: RecordingPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RecordingPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecordingPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/RecordingPanel.tsx"],"names":[],"mappings":"AAGA,UAAU,mBAAmB;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,sIAU5B,mBAAmB,4CAsFrB,CAAC"}

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/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;AA6B1C,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,4CAyTpB,CAAC"}