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

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

@@ -0,0 +1,202 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {useMemo}from'react';import {AIToolbarInputSurface}from'../AIToolbarPrimitives.js';import {XIcon,Loader2}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,PopoverContent,PopoverTrigger}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 {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 {AssistantMessageActions}from'./AssistantMessageActions.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,
+  regenerateAssistantMessage
+}) => {
+  const sortedAsc = useMemo(() => [...conversationHistory].sort((a, b) => (a.timestamp ?? 0) - (b.timestamp ?? 0)), [conversationHistory]);
+  /** In-flight assistant bubble: hide when history already contains the same assistant text (avoids double render if `response` lingers). */
+  const streamingAssistantVisible = useMemo(() => {
+    if (isLoading) return true;
+    if (!response) return false;
+    const last = sortedAsc[sortedAsc.length - 1];
+    if (last?.role === 'assistant' && last.content === response) {
+      return false;
+    }
+    return true;
+  }, [isLoading, response, sortedAsc]);
+  const copyPayload = useMemo(() => {
+    const lines = sortedAsc.map(m => m.role === 'user' ? `You:\n${m.content}` : `AI:\n${m.content}`);
+    const last = sortedAsc[sortedAsc.length - 1];
+    if (response && !(last?.role === 'assistant' && last.content === response)) {
+      lines.push(`AI:\n${response}`);
+    }
+    return lines.join('\n\n');
+  }, [sortedAsc, response]);
+  return jsx("div", {
+    className: "relative flex-1",
+    children: jsxs(Popover, {
+      open: isPopoverOpen,
+      onOpenChange: open => {
+        if (!open && !isLoading && !keepEngaged) {
+          reset();
+        }
+      },
+      children: [jsxs(PopoverContent, {
+        align: "center",
+        side: "top",
+        sideOffset: 8,
+        collisionPadding: 12,
+        className: "z-[200] flex h-[min(90vh,calc(100dvh-1rem))] w-screen max-w-[min(100vw,48rem)] flex-col overflow-hidden border bg-popover p-0 text-popover-foreground shadow-lg",
+        children: [jsxs("div", {
+          className: "flex shrink-0 items-center justify-between border-b bg-muted/30 px-4 py-2",
+          children: [jsxs("div", {
+            className: "flex flex-row items-center gap-1",
+            children: [jsx("h3", {
+              className: "select-none text-xs font-semibold",
+              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 select-none items-center gap-2",
+            children: [jsxs("div", {
+              className: "mr-2 flex flex-row items-center gap-2",
+              children: [jsx("p", {
+                className: "text-[10px]",
+                children: `Toggle ${keepEngaged ? 'AI response' : 'conversation mode'}`
+              }), jsxs("span", {
+                className: "rounded border border-input/50 bg-muted/30 px-1 py-0 text-[10px] text-muted-foreground/60",
+                children: [navigator.platform.toLowerCase().includes('mac') ? '⌘' : 'Ctrl', " + K"]
+              }), jsx(Switch, {
+                checked: keepEngaged,
+                onCheckedChange: checked => {
+                  setKeepEngaged(checked);
+                  setTimeout(() => {
+                    inputRef?.current?.focus();
+                  }, 100);
+                }
+              })]
+            }), jsx(CopyButton, {
+              content: copyPayload
+            }), jsx(Button, {
+              size: "icon",
+              variant: "ghost",
+              onClick: () => {
+                if (isLoading) {
+                  cancel();
+                } else if (keepEngaged) {
+                  setKeepEngaged(false);
+                  startNewConversation();
+                } else {
+                  reset();
+                }
+              },
+              className: "cursor-pointer",
+              title: isLoading ? 'Cancel loading' : keepEngaged ? 'Close and start new conversation' : 'Clear conversation',
+              children: jsx(XIcon, {})
+            })]
+          })]
+        }), jsx("div", {
+          ref: scrollAreaRef,
+          className: cn('min-h-0 flex-1 basis-0 overflow-x-hidden overflow-y-scroll overscroll-contain', 'pr-1 [scrollbar-gutter:stable]'),
+          children: jsxs("div", {
+            className: "space-y-3 p-4 pb-8",
+            children: [error ? jsxs("div", {
+              className: "rounded border border-destructive/20 bg-destructive/10 p-3 text-sm text-destructive",
+              children: [jsx("strong", {
+                children: "Error:"
+              }), " ", error]
+            }) : null, sortedAsc.map(msg => jsx("div", {
+              className: cn('flex w-full', msg.role === 'user' ? 'justify-end' : 'justify-start'),
+              children: jsxs("div", {
+                className: cn('max-w-[min(100%,40rem)] rounded-xl px-3 py-2 text-sm shadow-sm', msg.role === 'user' ? 'border border-primary/25 bg-primary/15 text-foreground' : 'border border-border/60 bg-muted/70'),
+                children: [jsxs("div", {
+                  className: "mb-1.5 flex items-center gap-2",
+                  children: [jsx("span", {
+                    className: "text-[10px] font-semibold uppercase text-muted-foreground",
+                    children: msg.role === 'user' ? 'You' : 'AI'
+                  }), jsx("span", {
+                    className: "text-[10px] text-muted-foreground",
+                    children: new Date(msg.timestamp).toLocaleTimeString([], {
+                      hour: '2-digit',
+                      minute: '2-digit'
+                    })
+                  })]
+                }), jsx(Markdown, {
+                  children: msg.content
+                }), msg.role === 'assistant' ? jsx(AssistantMessageActions, {
+                  messageId: msg.id,
+                  content: msg.content,
+                  onRegenerate: regenerateAssistantMessage ? id => void regenerateAssistantMessage(id) : undefined
+                }) : null]
+              })
+            }, msg.id)), streamingAssistantVisible ? jsx("div", {
+              className: "flex w-full justify-start",
+              children: jsxs("div", {
+                className: "max-w-[min(100%,40rem)] rounded-xl border border-border/60 bg-muted/70 px-3 py-2 text-sm shadow-sm",
+                children: [jsxs("div", {
+                  className: "mb-1.5 flex items-center gap-2",
+                  children: [jsx("span", {
+                    className: "text-[10px] font-semibold uppercase text-muted-foreground",
+                    children: "AI"
+                  }), isLoading && !response ? jsx(Loader2, {
+                    className: "h-3 w-3 animate-spin text-muted-foreground"
+                  }) : null]
+                }), response ? jsx(Markdown, {
+                  children: response
+                }) : isLoading ? jsx("p", {
+                  className: "text-sm text-muted-foreground",
+                  children: "Generating response\u2026"
+                }) : null, response ? jsx(AssistantMessageActions, {
+                  messageId: "streaming",
+                  content: response,
+                  visibility: {
+                    regenerate: false
+                  }
+                }) : null]
+              })
+            }) : null]
+          })
+        })]
+      }), 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 ring-0 ring-offset-0 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 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
+            })
+          }) : null, 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"
+            })
+          }) : null]
+        })
+      })]
+    })
+  });
+};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 bg-transparent 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,11 @@
+import type { UseCompletionReturn } from '../types';
+export { AssistantMessageActions, type AssistantMessageActionsProps, type AssistantMessageVote, } from './AssistantMessageActions';
+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,OAAO,EACH,uBAAuB,EACvB,KAAK,4BAA4B,EACjC,KAAK,oBAAoB,GAC5B,MAAM,2BAA2B,CAAC;AAEnC,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';import'react';import'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'../../../../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';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":"knEAgBI,MAAA,UAAA,GAAA,CAAA;YACA;EACF,QAAA;AAEF,EAAA;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,17 @@
+export * from './completion';
+export * from './speech';
+export * from './speech/audio-visualizer';
+export * from './speech/StatusIndicator';
+export { AIToolBar, DragButton, type DragButtonProps } from './AIToolBar';
+export { CustomCursor } from './CustomCursor';
+export { Completion } from './completion';
+export { SystemAudio } from './speech';
+export { AudioVisualizer } from './speech/audio-visualizer';
+export { StatusIndicator } from './speech/StatusIndicator';
+export { MessageHistory } from './completion/MessageHistory';
+export { Screenshot } from './completion/Screenshot';
+export { Header } from './speech/Header';
+export { ModeSwitcher } from './speech/ModeSwitcher';
+export { PermissionFlow } from './speech/PermissionFlow';
+export type { PermissionFlowProps } from './speech/PermissionFlow';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

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

@@ -0,0 +1,14 @@
+type Props = {
+    setupRequired: boolean;
+    setIsPopoverOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    resizeWindow: (expanded: boolean) => Promise<void>;
+    capturing: boolean;
+    isVadMode: boolean;
+    isRecording: boolean;
+    isProcessing: boolean;
+    isAIProcessing: boolean;
+    error?: string;
+};
+export declare const Header: ({ setupRequired, capturing, isVadMode, isRecording, isProcessing, isAIProcessing, error, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/Header.tsx"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACT,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAChE,YAAY,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAwDF,eAAO,MAAM,MAAM,GAAI,4FAQpB,KAAK,4CA0BP,CAAC"}

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

@@ -0,0 +1,82 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {AlertCircleIcon,LoaderIcon,MicIcon,AudioWaveformIcon}from'lucide-react';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'react';import'fast-deep-equal/react.js';const getStatus = (capturing, isVadMode, isRecording, isProcessing, isAIProcessing, error) => {
+  if (error) return 'error';
+  if (isAIProcessing) return 'ai-processing';
+  if (isProcessing) return 'processing';
+  if (isRecording) return 'recording';
+  if (capturing && isVadMode) return 'listening';
+  return 'ready';
+};
+const STATUS_CONFIG = {
+  ready: {
+    label: 'Ready',
+    color: 'text-muted-foreground',
+    bgColor: 'bg-muted'
+  },
+  listening: {
+    label: 'Listening',
+    color: 'text-teal-600',
+    bgColor: 'bg-teal-100',
+    icon: jsx(AudioWaveformIcon, {
+      className: "w-3 h-3"
+    })
+  },
+  recording: {
+    label: 'Recording',
+    color: 'text-red-600',
+    bgColor: 'bg-red-100',
+    icon: jsx(MicIcon, {
+      className: "w-3 h-3"
+    })
+  },
+  processing: {
+    label: 'Transcribing',
+    color: 'text-orange-600',
+    bgColor: 'bg-orange-100',
+    icon: jsx(LoaderIcon, {
+      className: "w-3 h-3 animate-spin"
+    })
+  },
+  'ai-processing': {
+    label: 'AI Responding',
+    color: 'text-purple-600',
+    bgColor: 'bg-purple-100',
+    icon: jsx(LoaderIcon, {
+      className: "w-3 h-3 animate-spin"
+    })
+  },
+  error: {
+    label: 'Error',
+    color: 'text-red-600',
+    bgColor: 'bg-red-100',
+    icon: jsx(AlertCircleIcon, {
+      className: "w-3 h-3"
+    })
+  }
+};
+const Header = ({
+  setupRequired,
+  capturing,
+  isVadMode,
+  isRecording,
+  isProcessing,
+  isAIProcessing,
+  error
+}) => {
+  const status = getStatus(capturing, isVadMode, isRecording, isProcessing, isAIProcessing, error);
+  const statusConfig = STATUS_CONFIG[status];
+  return jsxs("div", {
+    children: [jsx("h2", {
+      className: "font-semibold text-sm",
+      children: setupRequired ? 'Setup Required' : 'Speech Assistant'
+    }), !setupRequired && jsxs("div", {
+      className: "flex items-center gap-1.5 mt-1",
+      children: [jsxs("span", {
+        className: cn('inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium', statusConfig.bgColor, statusConfig.color),
+        children: [statusConfig.icon, statusConfig.label]
+      }), jsxs("span", {
+        className: "text-[10px] text-muted-foreground",
+        children: [isVadMode ? 'Auto-detect' : 'Manual', " mode"]
+      })]
+    })]
+  });
+};export{Header};//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/AIToolbar/components/speech/Header.tsx"],"sourcesContent":[null],"names":[],"mappings":"sQAQI,SAAA,GAAc,CAAC,SAAQ,EAAE,WAAY,WAAQ,EAAK,YAAC,EAAA,cAAA,EAAA,KAAA,KAAA;MACnD,KAAA,EAAS,cAAU;MACnB,gBAAkB,OAAC,eAAA;MACnB,qBAAqB,YAAA;MACrB,WAAY,SAAU,WAAA;MACtB,SAAA,IAAc,SAAU,EAAA,OAAA,WAAA;SACnB,OAAG;CACX;AAwDD,MAAA,gBAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,8 @@
+interface ModeSwitcherProps {
+    isVadMode: boolean;
+    onModeChange: (vadEnabled: boolean) => void;
+    disabled?: boolean;
+}
+export declare const ModeSwitcher: ({ isVadMode, onModeChange, disabled }: ModeSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ModeSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModeSwitcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/ModeSwitcher.tsx"],"names":[],"mappings":"AAGA,UAAU,iBAAiB;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,GAAI,uCAA+C,iBAAiB,4CA4C5F,CAAC"}

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

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

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

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

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

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

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

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