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

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, }: 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":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAI/C,eAAO,MAAM,KAAK,GAAI,0RAqBnB,mBAAmB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CA6K7C,CAAC"}

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

@@ -0,0 +1,169 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {AIToolbarInputSurface}from'../AIToolbarPrimitives.js';import {Loader2,XIcon}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 {Input as Input$1}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 {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'react';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 {Switch}from'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {Markdown}from'../Markdown/index.js';import {CopyButton}from'../Markdown/copy-button.js';import {MessageHistory}from'./MessageHistory.js';const Input = ({
+  isPopoverOpen,
+  isLoading,
+  reset,
+  input,
+  setInput,
+  handleKeyPress,
+  handlePaste,
+  currentConversationId,
+  conversationHistory,
+  startNewConversation,
+  messageHistoryOpen,
+  setMessageHistoryOpen,
+  error,
+  response,
+  cancel,
+  scrollAreaRef,
+  inputRef,
+  isHidden,
+  keepEngaged,
+  setKeepEngaged
+}) => {
+  return jsx("div", {
+    className: "relative flex-1",
+    children: jsxs(Popover, {
+      open: isPopoverOpen,
+      onOpenChange: open => {
+        if (!open && !isLoading && !keepEngaged) {
+          reset();
+        }
+      },
+      children: [jsx(PopoverTrigger, {
+        asChild: true,
+        children: jsxs(AIToolbarInputSurface, {
+          className: "relative select-none",
+          children: [jsx(Input$1, {
+            ref: inputRef,
+            placeholder: "Ask me anything...",
+            value: input,
+            onChange: e => setInput(e.target.value),
+            onKeyPress: handleKeyPress,
+            onPaste: handlePaste,
+            disabled: isLoading || isHidden,
+            className: cn('h-9 flex-1 border-0 bg-transparent shadow-none outline-none dark:bg-transparent', currentConversationId && conversationHistory.length > 0 ? 'pr-14' : isLoading ? 'pr-10' : isHidden ? 'pr-2' : 'pr-10')
+          }), currentConversationId && conversationHistory.length > 0 && !isLoading && jsx("div", {
+            className: "absolute right-1 top-1/2 flex -translate-y-1/2 select-none items-center gap-1",
+            children: jsx(MessageHistory, {
+              conversationHistory: conversationHistory,
+              currentConversationId: currentConversationId,
+              onStartNewConversation: startNewConversation,
+              messageHistoryOpen: messageHistoryOpen,
+              setMessageHistoryOpen: setMessageHistoryOpen
+            })
+          }), isLoading && jsx("div", {
+            className: "absolute right-3 top-1/2 -translate-y-1/2 animate-pulse",
+            children: jsx(Loader2, {
+              className: "h-4 w-4 animate-spin text-muted-foreground"
+            })
+          })]
+        })
+      }), jsxs(PopoverContent, {
+        align: "end",
+        side: "bottom",
+        className: "z-[200] w-screen max-h-[min(90vh,calc(100vh-1rem))] p-0 border shadow-lg overflow-hidden",
+        sideOffset: 8,
+        children: [jsxs("div", {
+          className: "flex items-center justify-between px-4 py-2 border-b bg-muted/30",
+          children: [jsxs("div", {
+            className: "flex flex-row gap-1 items-center",
+            children: [jsx("h3", {
+              className: "font-semibold text-xs select-none",
+              children: keepEngaged ? 'Conversation Mode' : 'AI Response'
+            }), jsx("div", {
+              className: "text-[10px] text-muted-foreground/70",
+              children: "(Use arrow keys to scroll)"
+            })]
+          }), jsxs("div", {
+            className: "flex items-center gap-2 select-none",
+            children: [jsxs("div", {
+              className: "flex flex-row items-center gap-2 mr-2",
+              children: [jsx("p", {
+                className: "text-[10px]",
+                children: `Toggle ${keepEngaged ? 'AI response' : 'conversation mode'}`
+              }), jsxs("span", {
+                className: "text-[10px] text-muted-foreground/60 bg-muted/30 px-1 py-0 rounded border border-input/50",
+                children: [navigator.platform.toLowerCase().includes('mac') ? '⌘' : 'Ctrl', " + K"]
+              }), jsx(Switch, {
+                checked: keepEngaged,
+                onCheckedChange: checked => {
+                  setKeepEngaged(checked);
+                  // Focus input after toggle
+                  setTimeout(() => {
+                    inputRef?.current?.focus();
+                  }, 100);
+                }
+              })]
+            }), jsx(CopyButton, {
+              content: response
+            }), jsx(Button, {
+              size: "icon",
+              variant: "ghost",
+              onClick: () => {
+                if (isLoading) {
+                  cancel();
+                } else if (keepEngaged) {
+                  // When keepEngaged is on, close everything and start new conversation
+                  setKeepEngaged(false);
+                  startNewConversation();
+                } else {
+                  reset();
+                }
+              },
+              className: "cursor-pointer",
+              title: isLoading ? 'Cancel loading' : keepEngaged ? 'Close and start new conversation' : 'Clear conversation',
+              children: jsx(XIcon, {})
+            })]
+          })]
+        }), jsx(ScrollArea, {
+          ref: scrollAreaRef,
+          className: "h-[calc(100vh-7rem)]",
+          children: jsxs("div", {
+            className: "p-4",
+            children: [error && jsxs("div", {
+              className: "mb-4 p-3 bg-destructive/10 border border-destructive/20 rounded text-sm text-destructive",
+              children: [jsx("strong", {
+                children: "Error:"
+              }), " ", error]
+            }), isLoading && jsxs("div", {
+              className: "flex items-center gap-2 my-4 text-muted-foreground animate-pulse select-none",
+              children: [jsx(Loader2, {
+                className: "h-4 w-4 animate-spin"
+              }), jsx("span", {
+                className: "text-sm",
+                children: "Generating response..."
+              })]
+            }), response && jsx(Markdown, {
+              children: response
+            }), keepEngaged && conversationHistory.length > 1 && jsx("div", {
+              className: "space-y-3 pt-3",
+              children: conversationHistory.sort((a, b) => b?.timestamp - a?.timestamp).map((message, index) => {
+                if (!isLoading && index === 0) {
+                  return null;
+                }
+                return jsxs("div", {
+                  className: `p-3 rounded-lg text-sm ${message.role === 'user' ? 'bg-primary/10 border-l-4 border-primary' : 'bg-muted/50'}`,
+                  children: [jsxs("div", {
+                    className: "flex items-center gap-2 mb-2",
+                    children: [jsx("span", {
+                      className: "text-xs font-medium text-muted-foreground uppercase",
+                      children: message.role === 'user' ? 'You' : 'AI'
+                    }), jsx("span", {
+                      className: "text-xs text-muted-foreground",
+                      children: new Date(message.timestamp).toLocaleTimeString([], {
+                        hour: '2-digit',
+                        minute: '2-digit'
+                      })
+                    })]
+                  }), jsx(Markdown, {
+                    children: message.content
+                  })]
+                }, message.id);
+              })
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};export{Input};//# sourceMappingURL=Input.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { ChatMessage } from '../types';
+interface MessageHistoryProps {
+    conversationHistory: ChatMessage[];
+    currentConversationId: string | null;
+    onStartNewConversation: () => void;
+    messageHistoryOpen: boolean;
+    setMessageHistoryOpen: (open: boolean) => void;
+}
+export declare const MessageHistory: ({ conversationHistory, onStartNewConversation, messageHistoryOpen, setMessageHistoryOpen, }: MessageHistoryProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MessageHistory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHistory.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/MessageHistory.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG5C,UAAU,mBAAmB;IACzB,mBAAmB,EAAE,WAAW,EAAE,CAAC;IACnC,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,cAAc,GAAI,6FAK5B,mBAAmB,4CA2FrB,CAAC"}

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

@@ -0,0 +1,90 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {MessageSquareText,ChevronUp,ChevronDown}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 {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';import {Markdown}from'../Markdown/index.js';const MessageHistory = ({
+  conversationHistory,
+  onStartNewConversation,
+  messageHistoryOpen,
+  setMessageHistoryOpen
+}) => {
+  return jsxs(Popover, {
+    open: messageHistoryOpen,
+    onOpenChange: setMessageHistoryOpen,
+    children: [jsx(PopoverTrigger, {
+      asChild: true,
+      children: jsxs(Button, {
+        size: "icon",
+        variant: "outline",
+        "aria-label": "View Current Conversation",
+        className: "relative cursor-pointer w-12 h-7 px-2 flex gap-1 items-center justify-center",
+        children: [jsx("div", {
+          className: "flex items-center justify-center text-xs font-medium",
+          children: conversationHistory.length
+        }), jsx(MessageSquareText, {
+          className: "h-5 w-5"
+        })]
+      })
+    }), jsxs(PopoverContent, {
+      align: "end",
+      side: "bottom",
+      className: "z-[200] select-none w-screen max-h-[min(90vh,calc(100vh-1rem))] p-0 mt-3 border overflow-hidden border-input/50",
+      children: [jsx("div", {
+        className: "border-b border-input/50 p-4",
+        children: jsxs("div", {
+          className: "flex items-center justify-between",
+          children: [jsxs("div", {
+            className: "flex items-center flex-col",
+            children: [jsx("h2", {
+              className: "text-lg font-bold bg-gradient-to-r from-primary to-primary/70 bg-clip-text text-transparent",
+              children: "Current Conversation"
+            }), jsxs("p", {
+              className: "text-xs text-muted-foreground",
+              children: [conversationHistory.length, " messages in this conversation"]
+            })]
+          }), jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [jsx(Button, {
+              size: "sm",
+              onClick: () => {
+                onStartNewConversation();
+                setMessageHistoryOpen(false);
+              },
+              className: "text-xs",
+              children: "New Chat"
+            }), jsx(Button, {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => setMessageHistoryOpen(false),
+              className: "text-xs",
+              children: messageHistoryOpen ? jsx(ChevronUp, {
+                className: "h-4 w-4"
+              }) : jsx(ChevronDown, {
+                className: "h-4 w-4"
+              })
+            })]
+          })]
+        })
+      }), jsx(ScrollArea, {
+        className: "h-[calc(100vh-10rem)]",
+        children: jsx("div", {
+          className: "p-4 space-y-4",
+          children: conversationHistory.sort((a, b) => b?.timestamp - a?.timestamp).map(message => jsxs("div", {
+            className: `p-3 rounded-lg ${message.role === 'user' ? 'bg-primary/10 border-l-4 border-primary' : 'bg-muted/50'}`,
+            children: [jsxs("div", {
+              className: "flex items-center gap-2 mb-2",
+              children: [jsx("span", {
+                className: "text-xs font-medium text-muted-foreground uppercase",
+                children: message.role === 'user' ? 'You' : 'AI'
+              }), jsx("span", {
+                className: "text-xs text-muted-foreground",
+                children: new Date(message.timestamp).toLocaleTimeString([], {
+                  hour: '2-digit',
+                  minute: '2-digit'
+                })
+              })]
+            }), jsx(Markdown, {
+              children: message.content
+            })]
+          }, message.id))
+        })
+      })]
+    })]
+  });
+};export{MessageHistory};//# sourceMappingURL=MessageHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageHistory.js","sources":["../../../../../src/components/AIToolbar/components/completion/MessageHistory.tsx"],"sourcesContent":[null],"names":[],"mappings":"uoEAQI,MAAA,cAAsB,GAAE,CAAA;qBACxB;AACA,EAAA,sBAAA;AACH,EAAA,kBAAA;AAED,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,6 @@
+import { UseCompletionReturn } from '../types';
+export declare const Screenshot: ({ screenshotConfiguration, attachedFiles, isLoading, captureScreenshot, isScreenshotLoading, supportsImages, maxFiles, }: UseCompletionReturn & {
+    supportsImages?: boolean;
+    maxFiles?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Screenshot.d.ts.map

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

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

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

@@ -0,0 +1,28 @@
+import {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'../../../../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,LaptopMinimalIcon,MousePointer2Icon}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 DEFAULT_MAX_FILES = 10;
+const Screenshot = ({
+  screenshotConfiguration,
+  attachedFiles,
+  isLoading,
+  captureScreenshot,
+  isScreenshotLoading,
+  supportsImages,
+  maxFiles = DEFAULT_MAX_FILES
+}) => {
+  const captureMode = screenshotConfiguration.enabled ? 'Screenshot' : 'Selection';
+  const processingMode = screenshotConfiguration.mode;
+  const isDisabled = attachedFiles.length >= maxFiles || isLoading || isScreenshotLoading || supportsImages === false;
+  return jsx(Button, {
+    size: "icon",
+    className: "cursor-pointer",
+    title: supportsImages === false ? 'Screenshot not supported by current AI provider' : `${captureMode} mode (${processingMode}) - ${attachedFiles.length}/${maxFiles} files`,
+    onClick: captureScreenshot,
+    disabled: isDisabled,
+    children: isScreenshotLoading ? jsx(Loader2, {
+      className: "h-4 w-4 animate-spin"
+    }) : screenshotConfiguration.enabled ? jsx(LaptopMinimalIcon, {
+      className: "h-4 w-4"
+    }) : jsx(MousePointer2Icon, {
+      className: "h-4 w-4"
+    })
+  });
+};export{Screenshot};//# sourceMappingURL=Screenshot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Screenshot.js","sources":["../../../../../src/components/AIToolbar/components/completion/Screenshot.tsx"],"sourcesContent":[null],"names":[],"mappings":"miEAcqD,iBAAiB,GAAA,EAAA;AAAE,MAAA,UAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,10 @@
+import type { UseCompletionReturn } from '../types';
+export type CompletionProps = {
+    /** Wired from the host completion hook. */
+    completion: UseCompletionReturn;
+    isHidden: boolean;
+    /** When true, paperclip + screenshot attach UI are enabled (from host; default true in {@link AIToolBar}). */
+    supportsImages?: boolean;
+};
+export declare const Completion: ({ completion, isHidden, supportsImages }: CompletionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAMpD,MAAM,MAAM,eAAe,GAAG;IAC1B,2CAA2C;IAC3C,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,8GAA8G;IAC9G,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,0CAAiD,eAAe,4CAS1F,CAAC"}

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

@@ -0,0 +1,20 @@
+import {jsxs,Fragment,jsx}from'react/jsx-runtime';import {Screenshot}from'./Screenshot.js';import {Files}from'./Files.js';import {Audio}from'./Audio.js';import {Input}from'./Input.js';const Completion = ({
+  completion,
+  isHidden,
+  supportsImages = true
+}) => {
+  return jsxs(Fragment, {
+    children: [jsx(Audio, {
+      ...completion
+    }), jsx(Input, {
+      ...completion,
+      isHidden: isHidden
+    }), jsx(Screenshot, {
+      ...completion,
+      supportsImages: supportsImages
+    }), jsx(Files, {
+      ...completion,
+      supportsImages: supportsImages
+    })]
+  });
+};export{Completion};//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/AIToolbar/components/completion/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"wLAUI,MAAA,UAAA,GAAA,CAAA;YACA;EACF,QAAA;AAEF,EAAA;;;;;;;;;;;;;;;;"}