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

package/lib/components/AIToolbar/components/completion/AssistantMessageActions.js

@@ -0,0 +1,209 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useState,useCallback}from'react';import {Copy,ThumbsUp,ThumbsDown,Share2,RefreshCw,MoreHorizontal,Download}from'lucide-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 {DropdownMenu,DropdownMenuTrigger,DropdownMenuContent,DropdownMenuItem,DropdownMenuSeparator}from'../../../../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'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 {TooltipProvider,Tooltip,TooltipTrigger,TooltipContent}from'../../../../shardui/tooltip.js';async function defaultCopy(text) {
+  await navigator.clipboard.writeText(text);
+}
+async function defaultShare(text) {
+  if (typeof navigator !== 'undefined' && navigator.share) {
+    try {
+      await navigator.share({
+        text
+      });
+      return;
+    } catch {
+      /* user cancelled or share failed */
+    }
+  }
+  await defaultCopy(text);
+}
+function downloadText(filename, text) {
+  const blob = new Blob([text], {
+    type: 'text/plain;charset=utf-8'
+  });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement('a');
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+function AssistantMessageActions({
+  messageId,
+  content,
+  disabled = false,
+  className,
+  visibility,
+  onCopy,
+  onShare,
+  onRegenerate,
+  onFeedback
+}) {
+  const v = {
+    copy: visibility?.copy !== false,
+    feedback: visibility?.feedback !== false,
+    share: visibility?.share !== false,
+    regenerate: visibility?.regenerate !== false && Boolean(onRegenerate),
+    more: visibility?.more !== false
+  };
+  const [vote, setVote] = useState(null);
+  const handleCopy = useCallback(async () => {
+    try {
+      if (onCopy) await onCopy(content);else await defaultCopy(content);
+    } catch (e) {
+      console.error('[AssistantMessageActions] copy', e);
+    }
+  }, [content, onCopy]);
+  const handleShare = useCallback(async () => {
+    try {
+      if (onShare) await onShare(content);else await defaultShare(content);
+    } catch (e) {
+      console.error('[AssistantMessageActions] share', e);
+    }
+  }, [content, onShare]);
+  const handleRegenerate = useCallback(async () => {
+    if (!onRegenerate) return;
+    try {
+      await onRegenerate(messageId);
+    } catch (e) {
+      console.error('[AssistantMessageActions] regenerate', e);
+    }
+  }, [messageId, onRegenerate]);
+  const toggleThumb = useCallback(next => {
+    const flipped = vote === next ? null : next;
+    setVote(flipped);
+    onFeedback?.(messageId, flipped);
+  }, [messageId, onFeedback, vote]);
+  return jsx(TooltipProvider, {
+    delayDuration: 400,
+    children: jsxs("div", {
+      className: cn('flex flex-wrap items-center gap-0.5 border-t border-border/40 pt-2 mt-2 opacity-90', disabled && 'pointer-events-none opacity-40', className),
+      role: "toolbar",
+      "aria-label": "Assistant message actions",
+      children: [v.copy ? jsxs(Tooltip, {
+        children: [jsx(TooltipTrigger, {
+          asChild: true,
+          children: jsx(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 text-muted-foreground",
+            onClick: () => void handleCopy(),
+            "aria-label": "Copy response",
+            children: jsx(Copy, {
+              className: "h-3.5 w-3.5"
+            })
+          })
+        }), jsx(TooltipContent, {
+          side: "bottom",
+          children: "Copy"
+        })]
+      }) : null, v.feedback ? jsxs(Fragment, {
+        children: [jsxs(Tooltip, {
+          children: [jsx(TooltipTrigger, {
+            asChild: true,
+            children: jsx(Button, {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: cn('h-7 w-7 text-muted-foreground', vote === 'up' && 'text-primary'),
+              onClick: () => toggleThumb('up'),
+              "aria-label": "Good response",
+              "aria-pressed": vote === 'up',
+              children: jsx(ThumbsUp, {
+                className: "h-3.5 w-3.5"
+              })
+            })
+          }), jsx(TooltipContent, {
+            side: "bottom",
+            children: "Good response"
+          })]
+        }), jsxs(Tooltip, {
+          children: [jsx(TooltipTrigger, {
+            asChild: true,
+            children: jsx(Button, {
+              type: "button",
+              variant: "ghost",
+              size: "icon",
+              className: cn('h-7 w-7 text-muted-foreground', vote === 'down' && 'text-destructive'),
+              onClick: () => toggleThumb('down'),
+              "aria-label": "Bad response",
+              "aria-pressed": vote === 'down',
+              children: jsx(ThumbsDown, {
+                className: "h-3.5 w-3.5"
+              })
+            })
+          }), jsx(TooltipContent, {
+            side: "bottom",
+            children: "Bad response"
+          })]
+        })]
+      }) : null, v.share ? jsxs(Tooltip, {
+        children: [jsx(TooltipTrigger, {
+          asChild: true,
+          children: jsx(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 text-muted-foreground",
+            onClick: () => void handleShare(),
+            "aria-label": "Share",
+            children: jsx(Share2, {
+              className: "h-3.5 w-3.5"
+            })
+          })
+        }), jsx(TooltipContent, {
+          side: "bottom",
+          children: "Share"
+        })]
+      }) : null, v.regenerate && onRegenerate ? jsxs(Tooltip, {
+        children: [jsx(TooltipTrigger, {
+          asChild: true,
+          children: jsx(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 text-muted-foreground",
+            onClick: () => void handleRegenerate(),
+            "aria-label": "Regenerate",
+            children: jsx(RefreshCw, {
+              className: "h-3.5 w-3.5"
+            })
+          })
+        }), jsx(TooltipContent, {
+          side: "bottom",
+          children: "Regenerate"
+        })]
+      }) : null, v.more ? jsxs(DropdownMenu, {
+        children: [jsx(DropdownMenuTrigger, {
+          asChild: true,
+          children: jsx(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-7 w-7 text-muted-foreground",
+            "aria-label": "More options",
+            children: jsx(MoreHorizontal, {
+              className: "h-3.5 w-3.5"
+            })
+          })
+        }), jsxs(DropdownMenuContent, {
+          align: "start",
+          className: "min-w-[10rem]",
+          children: [jsx(DropdownMenuItem, {
+            onClick: () => void handleCopy(),
+            children: "Copy message"
+          }), jsx(DropdownMenuItem, {
+            onClick: () => void handleShare(),
+            children: "Share\u2026"
+          }), onRegenerate ? jsx(DropdownMenuItem, {
+            onClick: () => void handleRegenerate(),
+            children: "Regenerate"
+          }) : null, jsx(DropdownMenuSeparator, {}), jsxs(DropdownMenuItem, {
+            onClick: () => downloadText(`assistant-${messageId.slice(-8)}.txt`, content),
+            children: [jsx(Download, {
+              className: "mr-2 h-3.5 w-3.5"
+            }), "Download as .txt"]
+          })]
+        })]
+      }) : null]
+    })
+  });
+}export{AssistantMessageActions};//# sourceMappingURL=AssistantMessageActions.js.map

package/lib/components/AIToolbar/components/completion/AssistantMessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessageActions.js","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantMessageActions.tsx"],"sourcesContent":[null],"names":[],"mappings":"2xEAsBoB,CAAA,IAAA,EAAA;QAChB,SAAA,CAAA,SAAA,CAAA,SAAA,CAAA,IAAA,CAAA;;eAEU,YAAS,CAAA,IAAA,EAAA;MACnB,OAAA,SAAA,KAAA,WAAA,IAAA,SAAuC,CAAA,KAAA,EAAA;AACvC,IAAA,IAAA;YACQ,SAAG,CAAO,KAAC,CAAA;QACf;QACA;;YAEI;;IAER;AACA,EAAA;QACA,WAAA,CAAA,IAAA,CAAA;AACA;SACA,YAAA,CAAA,QAAA,EAAA,IAAA,EAAA;AACA,EAAA,MAAA,IAAA,GAAA,IAAe,IAAC,CAAA,CAAA,IAAS,CAAA,EAAE;IAC3B,IAAA,EAAA;AACA,GAAA,CAAA;EACF,MAAA,GAAA,GAAA,GAAA,CAAA,eAAA,CAAA,IAAA,CAAA;AA4BF,EAAA,MAAA,CAAA,GAAA,QAAA,CAAA,aAAgB,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/completion/AssistantSenderBadge.d.ts

@@ -0,0 +1,15 @@
+interface AssistantSenderBadgeProps {
+    name: string;
+    avatarSrc: string | null;
+    /** Tailwind override on the wrapping span (e.g. scale text down inside dense lists). */
+    className?: string;
+    /** Avatar square size in px; defaults to 44 — matches SillyTavern's chat-header portrait. */
+    avatarSize?: number;
+    /** Optional message sequence number — rendered as "#N" beneath the avatar (SillyTavern style). */
+    index?: number;
+    /** Tailwind classes applied to the name `<span>`. Override when reusing inside denser surfaces. */
+    nameClassName?: string;
+}
+export declare function AssistantSenderBadge({ name, avatarSrc, className, avatarSize, index, nameClassName, }: AssistantSenderBadgeProps): import("react/jsx-runtime").JSX.Element;
+export default AssistantSenderBadge;
+//# sourceMappingURL=AssistantSenderBadge.d.ts.map

package/lib/components/AIToolbar/components/completion/AssistantSenderBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantSenderBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantSenderBadge.tsx"],"names":[],"mappings":"AAUA,UAAU,yBAAyB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EACjC,IAAI,EACJ,SAAS,EACT,SAAS,EACT,UAAe,EACf,KAAK,EACL,aAAa,GAChB,EAAE,yBAAyB,2CA0B3B;AAED,eAAe,oBAAoB,CAAC"}

package/lib/components/AIToolbar/components/completion/Audio.d.ts

@@ -0,0 +1,5 @@
+import { UseCompletionReturn } from '../types';
+export declare const Audio: ({ micOpen, setMicOpen, enableVAD, setEnableVAD, submit, setState, selectedSttProvider, managedAiApiEnabled, selectedAudioDevices, transcribeAudio, toolbarShowElementTitles, }: UseCompletionReturn & {
+    toolbarShowElementTitles?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Audio.d.ts.map

package/lib/components/AIToolbar/components/completion/Audio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Audio.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/Audio.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,KAAK,GAAI,gLAYnB,mBAAmB,GAAG;IAAE,wBAAwB,CAAC,EAAE,OAAO,CAAA;CAAE,4CAwD9D,CAAC"}

package/lib/components/AIToolbar/components/completion/Audio.js

@@ -0,0 +1,67 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {MicIcon,InfoIcon}from'lucide-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 {Popover,PopoverTrigger,PopoverContent}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';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';import {AutoSpeechVAD}from'./AutoSpeechVad.js';const Audio = ({
+  micOpen,
+  setMicOpen,
+  enableVAD,
+  setEnableVAD,
+  submit,
+  setState,
+  selectedSttProvider,
+  managedAiApiEnabled,
+  selectedAudioDevices,
+  transcribeAudio,
+  toolbarShowElementTitles
+}) => {
+  const speechProviderStatus = selectedSttProvider.provider;
+  const showTitles = toolbarShowElementTitles !== false;
+  return jsxs(Popover, {
+    open: micOpen,
+    onOpenChange: setMicOpen,
+    children: [jsx(PopoverTrigger, {
+      asChild: true,
+      children: (managedAiApiEnabled || speechProviderStatus) && enableVAD ? jsx(AutoSpeechVAD, {
+        submit: submit,
+        setState: setState,
+        setEnableVAD: setEnableVAD,
+        microphoneDeviceId: selectedAudioDevices.input.id,
+        transcribeAudio: transcribeAudio
+      }, selectedAudioDevices.input.id) : jsx(Button, {
+        size: "icon",
+        onClick: () => {
+          setEnableVAD(!enableVAD);
+        },
+        className: "cursor-pointer",
+        title: showTitles ? 'Toggle voice input' : undefined,
+        children: jsx(MicIcon, {
+          className: "h-4 w-4"
+        })
+      })
+    }), jsx(PopoverContent, {
+      align: "end",
+      side: "bottom",
+      className: `z-[200] w-80 p-3 ${managedAiApiEnabled || speechProviderStatus ? 'hidden' : ''}`,
+      sideOffset: 8,
+      children: jsxs("div", {
+        className: "text-sm select-none",
+        children: [jsx("div", {
+          className: "mb-1 font-semibold text-orange-600",
+          children: "Speech Provider Configuration Required"
+        }), jsx("div", {
+          className: "text-muted-foreground",
+          children: !speechProviderStatus ? jsxs(Fragment, {
+            children: [jsxs("div", {
+              className: "mt-2 flex flex-row items-center gap-1 text-orange-600",
+              children: [jsx(InfoIcon, {
+                size: 16
+              }), selectedSttProvider.provider ? null : jsx("span", {
+                children: "PROVIDER IS MISSING"
+              })]
+            }), jsx("span", {
+              className: "mt-2 block",
+              children: "Please go to settings and configure your speech provider to enable voice input."
+            })]
+          }) : null
+        })]
+      })
+    })]
+  });
+};export{Audio};//# sourceMappingURL=Audio.js.map

package/lib/components/AIToolbar/components/completion/Audio.js.map

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

package/lib/components/AIToolbar/components/completion/AutoSpeechVad.d.ts

@@ -0,0 +1,11 @@
+import { UseCompletionReturn } from '../types';
+interface AutoSpeechVADProps {
+    submit: UseCompletionReturn['submit'];
+    setState: UseCompletionReturn['setState'];
+    setEnableVAD: UseCompletionReturn['setEnableVAD'];
+    microphoneDeviceId?: string;
+    transcribeAudio: UseCompletionReturn['transcribeAudio'];
+}
+export declare const AutoSpeechVAD: (props: AutoSpeechVADProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AutoSpeechVad.d.ts.map

package/lib/components/AIToolbar/components/completion/AutoSpeechVad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSpeechVad.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/AutoSpeechVad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAO/C,UAAU,kBAAkB;IACxB,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC1C,YAAY,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,mBAAmB,CAAC,iBAAiB,CAAC,CAAC;CAC3D;AAsED,eAAO,MAAM,aAAa,GAAI,OAAO,kBAAkB,4CAEtD,CAAC"}

package/lib/components/AIToolbar/components/completion/AutoSpeechVad.js

@@ -0,0 +1,66 @@
+import {jsx,Fragment}from'react/jsx-runtime';import {useMicVAD}from'@ricky0123/vad-react';import {LoaderCircleIcon,MicOffIcon,MicIcon}from'lucide-react';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'../../../../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'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import'clsx';import'tailwind-merge';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';import {floatArrayToWav}from'../speech/floatArrayToWav.js';const AutoSpeechVADInternal = ({
+  submit,
+  setState,
+  setEnableVAD,
+  microphoneDeviceId,
+  transcribeAudio
+}) => {
+  const [isTranscribing, setIsTranscribing] = useState(false);
+  const audioConstraints = microphoneDeviceId && microphoneDeviceId !== 'default' ? {
+    deviceId: {
+      exact: microphoneDeviceId
+    }
+  } : {};
+  const vad = useMicVAD({
+    userSpeakingThreshold: 0.6,
+    startOnLoad: true,
+    additionalAudioConstraints: audioConstraints,
+    onSpeechEnd: async audio => {
+      try {
+        const audioBlob = floatArrayToWav(audio, 16000, 'wav');
+        setIsTranscribing(true);
+        const transcription = await transcribeAudio(audioBlob);
+        if (transcription) {
+          submit(transcription);
+        }
+      } catch (error) {
+        console.error('Failed to transcribe audio:', error);
+        setState(prev => ({
+          ...prev,
+          error: error instanceof Error ? error.message : 'Transcription failed'
+        }));
+      } finally {
+        setIsTranscribing(false);
+      }
+    }
+  });
+  return jsx(Fragment, {
+    children: jsx(Button, {
+      size: "icon",
+      onClick: () => {
+        if (vad.listening) {
+          vad.pause();
+          setEnableVAD(false);
+        } else {
+          vad.start();
+          setEnableVAD(true);
+        }
+      },
+      className: "cursor-pointer",
+      children: isTranscribing ? jsx(LoaderCircleIcon, {
+        className: "h-4 w-4 animate-spin text-green-500"
+      }) : vad.userSpeaking ? jsx(LoaderCircleIcon, {
+        className: "h-4 w-4 animate-spin"
+      }) : vad.listening ? jsx(MicOffIcon, {
+        className: "h-4 w-4 animate-pulse"
+      }) : jsx(MicIcon, {
+        className: "h-4 w-4"
+      })
+    })
+  });
+};
+const AutoSpeechVAD = props => {
+  return jsx(AutoSpeechVADInternal, {
+    ...props
+  }, props.microphoneDeviceId);
+};export{AutoSpeechVAD};//# sourceMappingURL=AutoSpeechVad.js.map

package/lib/components/AIToolbar/components/completion/AutoSpeechVad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoSpeechVad.js","sources":["../../../../../src/components/AIToolbar/components/completion/AutoSpeechVad.tsx"],"sourcesContent":[null],"names":[],"mappings":"qpEAYI,MAAA,qBAAiB,GAAA,CAAA;AACpB,EAAA,MAAA;AAsED,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/components/completion/CharacterPicker.d.ts

@@ -0,0 +1,5 @@
+export declare function CharacterPicker({ toolbarShowElementTitles }: {
+    toolbarShowElementTitles?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export default CharacterPicker;
+//# sourceMappingURL=CharacterPicker.d.ts.map

package/lib/components/AIToolbar/components/completion/CharacterPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/CharacterPicker.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,eAAe,CAAC,EAAE,wBAAwB,EAAE,EAAE;IAAE,wBAAwB,CAAC,EAAE,OAAO,CAAA;CAAE,2CAkDnG;AAED,eAAe,eAAe,CAAC"}

package/lib/components/AIToolbar/components/completion/CharacterPicker.js

@@ -0,0 +1,93 @@
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {ChevronDownIcon,CheckIcon}from'lucide-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 {Popover,PopoverTrigger,PopoverContent}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';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';import {useCharacterPicker}from'../../hooks/useActiveCharacter.js';function AvatarBadge({
+  entry,
+  size
+}) {
+  if (entry?.avatarSrc) {
+    return jsx("img", {
+      src: entry.avatarSrc,
+      alt: "",
+      "aria-hidden": "true",
+      draggable: false,
+      width: size,
+      height: size,
+      className: "rounded-full object-cover ring-1 ring-border/60",
+      style: {
+        width: size,
+        height: size
+      }
+    });
+  }
+  return jsx("div", {
+    "aria-hidden": "true",
+    className: "flex items-center justify-center rounded-full bg-muted text-[9px] font-semibold text-muted-foreground ring-1 ring-border/60",
+    style: {
+      width: size,
+      height: size
+    },
+    children: "AI"
+  });
+}
+// main component
+function CharacterPicker({
+  toolbarShowElementTitles
+}) {
+  const {
+    characters,
+    activeName,
+    setActive
+  } = useCharacterPicker();
+  const [open, setOpen] = React.useState(false);
+  const showTitles = toolbarShowElementTitles !== false;
+  if (characters.length < 2) return null;
+  const active = characters.find(c => c.name === activeName) ?? characters[0] ?? null;
+  return jsxs(Popover, {
+    open: open,
+    onOpenChange: setOpen,
+    children: [jsx(PopoverTrigger, {
+      asChild: true,
+      children: jsxs(Button, {
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 gap-1.5 rounded-full border border-border/50 bg-muted/30 px-1.5 py-0 text-[11px] font-medium",
+        title: showTitles ? 'Switch character' : undefined,
+        children: [jsx(AvatarBadge, {
+          entry: active,
+          size: 20
+        }), jsx("span", {
+          className: "max-w-[8rem] truncate",
+          children: active?.name ?? 'AI'
+        }), jsx(ChevronDownIcon, {
+          className: "h-3 w-3 opacity-60"
+        })]
+      })
+    }), jsx(PopoverContent, {
+      align: "start",
+      side: "bottom",
+      sideOffset: 6,
+      className: "z-[210] w-56 p-1",
+      children: jsx("div", {
+        className: "max-h-64 overflow-y-auto",
+        children: characters.map(c => {
+          const isActive = c.name === active?.name;
+          return jsxs("button", {
+            type: "button",
+            onClick: () => {
+              setActive(c.name);
+              setOpen(false);
+            },
+            className: cn('flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-muted', isActive ? 'bg-muted/60' : ''),
+            children: [jsx(AvatarBadge, {
+              entry: c,
+              size: 24
+            }), jsx("span", {
+              className: "flex-1 truncate",
+              children: c.name
+            }), isActive ? jsx(CheckIcon, {
+              className: "h-3.5 w-3.5 opacity-70"
+            }) : null]
+          }, c.name);
+        })
+      })
+    })]
+  });
+}export{CharacterPicker};//# sourceMappingURL=CharacterPicker.js.map

package/lib/components/AIToolbar/components/completion/CharacterPicker.js.map

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

package/lib/components/AIToolbar/components/completion/Files.d.ts

@@ -0,0 +1,7 @@
+import type { UseCompletionReturn } from '../types';
+export declare function Files({ attachedFiles, handleFileSelect, removeFile, onRemoveAllFiles, isLoading, isFilesPopoverOpen, setIsFilesPopoverOpen, supportsImages, maxFiles, toolbarShowElementTitles, }: UseCompletionReturn & {
+    supportsImages?: boolean;
+    maxFiles?: number;
+    toolbarShowElementTitles?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Files.d.ts.map

package/lib/components/AIToolbar/components/completion/Files.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Files.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/Files.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAsBzE,wBAAgB,KAAK,CAAC,EAClB,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,EACd,QAA4B,EAC5B,wBAAwB,GAC3B,EAAE,mBAAmB,GAAG;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACtC,2CAuKA"}