@admin-layout/tailwind-ui 12.2.4-alpha.4 → 12.2.4-alpha.42

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/Audio.d.ts

@@ -0,0 +1,3 @@
+import { UseCompletionReturn } from '../types';
+export declare const Audio: ({ micOpen, setMicOpen, enableVAD, setEnableVAD, submit, setState, selectedSttProvider, managedAiApiEnabled, selectedAudioDevices, transcribeAudio, }: UseCompletionReturn) => 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,sJAWnB,mBAAmB,4CAuDrB,CAAC"}

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

@@ -0,0 +1,65 @@
+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
+}) => {
+  const speechProviderStatus = selectedSttProvider.provider;
+  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: "Toggle voice input",
+        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("p", {
+          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("p", {
+                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/Files.d.ts

@@ -0,0 +1,6 @@
+import { UseCompletionReturn } from '../types';
+export declare const Files: ({ attachedFiles, handleFileSelect, removeFile, onRemoveAllFiles, isLoading, isFilesPopoverOpen, setIsFilesPopoverOpen, supportsImages, maxFiles, }: UseCompletionReturn & {
+    supportsImages?: boolean;
+    maxFiles?: number;
+}) => 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,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,eAAO,MAAM,KAAK,GAAI,oJAUnB,mBAAmB,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,4CA8IvE,CAAC"}

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

@@ -0,0 +1,134 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useRef}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 {Popover,PopoverTrigger,PopoverContent}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import {PaperclipIcon,PlusIcon,XIcon,TrashIcon}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 {ScrollArea}from'../../../../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 DEFAULT_MAX_FILES = 10;
+const Files = ({
+  attachedFiles,
+  handleFileSelect,
+  removeFile,
+  onRemoveAllFiles,
+  isLoading,
+  isFilesPopoverOpen,
+  setIsFilesPopoverOpen,
+  supportsImages,
+  maxFiles = DEFAULT_MAX_FILES
+}) => {
+  const fileInputRef = useRef(null);
+  const handleAddMoreClick = () => {
+    fileInputRef.current?.click();
+  };
+  const canAddMore = attachedFiles.length < maxFiles;
+  return jsxs("div", {
+    className: "relative",
+    children: [jsxs(Popover, {
+      open: isFilesPopoverOpen,
+      onOpenChange: setIsFilesPopoverOpen,
+      children: [jsx(PopoverTrigger, {
+        asChild: true,
+        children: jsx(Button, {
+          size: "icon",
+          disabled: isLoading || supportsImages === false,
+          className: "cursor-pointer",
+          title: supportsImages !== false ? 'Attach images' : 'Image upload not supported by current AI provider',
+          children: jsx(PaperclipIcon, {
+            className: "h-4 w-4"
+          })
+        })
+      }), attachedFiles.length > 0 && jsx("div", {
+        className: "absolute -top-2 -right-2 bg-primary-foreground text-primary rounded-full h-5 w-5 flex border border-primary items-center justify-center text-xs font-medium",
+        children: attachedFiles.length
+      }), jsx(PopoverContent, {
+        align: "end",
+        side: "bottom",
+        className: cn('z-[200] max-h-[min(85vh,calc(100vh-2rem))] flex flex-col p-0 border shadow-lg overflow-hidden', attachedFiles.length > 0 ? 'w-[min(100vw,36rem)]' : 'w-80'),
+        sideOffset: 8,
+        children: attachedFiles.length === 0 ? jsxs("div", {
+          className: "p-4 space-y-3",
+          children: [jsx("p", {
+            className: "text-sm text-muted-foreground",
+            children: "No images attached yet. Choose files to add them to your message."
+          }), jsxs(Button, {
+            type: "button",
+            className: "w-full",
+            variant: "outline",
+            disabled: isLoading || supportsImages === false,
+            onClick: () => fileInputRef.current?.click(),
+            children: [jsx(PlusIcon, {
+              className: "h-4 w-4 mr-2"
+            }), "Choose images"]
+          })]
+        }) : jsxs(Fragment, {
+          children: [jsxs("div", {
+            className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30 shrink-0",
+            children: [jsxs("h3", {
+              className: "font-semibold text-sm select-none",
+              children: ["Attached Images (", attachedFiles.length, "/", maxFiles, ")"]
+            }), jsx(Button, {
+              size: "icon",
+              variant: "ghost",
+              onClick: () => setIsFilesPopoverOpen(false),
+              className: "cursor-pointer",
+              title: "Close",
+              children: jsx(XIcon, {
+                className: "h-4 w-4"
+              })
+            })]
+          }), jsx(ScrollArea, {
+            className: "p-4 min-h-0 flex-1 max-h-[min(32rem,calc(85vh-10rem))]",
+            children: jsx("div", {
+              className: `gap-3 ${attachedFiles.length <= 2 ? 'flex flex-col' : 'grid grid-cols-2'}`,
+              children: attachedFiles.map(file => jsxs("div", {
+                className: "relative group border rounded-lg overflow-hidden bg-muted/20 min-h-[8rem]",
+                children: [jsx("img", {
+                  src: `data:${file.type};base64,${file.base64}`,
+                  alt: file.name,
+                  className: "w-full object-cover max-h-64"
+                }), jsxs("div", {
+                  className: "absolute bottom-0 left-0 right-0 bg-black/70 text-white p-2 text-xs",
+                  children: [jsx("div", {
+                    className: "truncate font-medium",
+                    children: file.name
+                  }), jsxs("div", {
+                    className: "text-gray-300",
+                    children: [(file.size / 1024 / 1024).toFixed(2), " MB"]
+                  })]
+                }), jsx(Button, {
+                  size: "icon",
+                  variant: "default",
+                  className: "absolute top-2 right-2 h-6 w-6 cursor-pointer",
+                  onClick: () => removeFile(file.id),
+                  title: "Remove image",
+                  children: jsx(XIcon, {
+                    className: "h-3 w-3"
+                  })
+                })]
+              }, file.id))
+            })
+          }), jsxs("div", {
+            className: "shrink-0 border-t bg-background p-3 flex flex-row gap-2",
+            children: [jsxs(Button, {
+              onClick: handleAddMoreClick,
+              disabled: !canAddMore || isLoading,
+              className: "w-2/4",
+              variant: "outline",
+              children: [jsx(PlusIcon, {
+                className: "h-4 w-4 mr-2"
+              }), "Add More Images ", !canAddMore && `(${maxFiles} max)`]
+            }), jsxs(Button, {
+              className: "w-2/4",
+              variant: "destructive",
+              onClick: onRemoveAllFiles,
+              children: [jsx(TrashIcon, {
+                className: "h-4 w-4 mr-2"
+              }), "Remove All Images"]
+            })]
+          })]
+        })
+      })]
+    }), jsx("input", {
+      ref: fileInputRef,
+      type: "file",
+      multiple: true,
+      accept: "image/*",
+      onChange: handleFileSelect,
+      className: "hidden"
+    })]
+  });
+};export{Files};//# sourceMappingURL=Files.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { UseCompletionReturn } from '../types';
+export declare const Input: ({ isPopoverOpen, isLoading, reset, input, setInput, handleKeyPress, handlePaste, currentConversationId, conversationHistory, startNewConversation, messageHistoryOpen, setMessageHistoryOpen, error, response, cancel, scrollAreaRef, inputRef, isHidden, keepEngaged, setKeepEngaged, regenerateAssistantMessage, }: UseCompletionReturn & {
+    isHidden: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/Input.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI/C,eAAO,MAAM,KAAK,GAAI,sTAsBnB,mBAAmB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CAkO7C,CAAC"}