@admin-layout/tailwind-ui 12.2.4-alpha.55 → 12.2.4-alpha.57

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

@@ -0,0 +1,12 @@
+interface AssistantAvatarProps {
+    avatarSrc: string | null;
+    /** Optional message sequence number rendered as "#N" beneath the avatar. */
+    index?: number;
+    /** Avatar diameter in px. */
+    size?: number;
+    /** Tailwind classes applied to the column wrapper. */
+    className?: string;
+}
+export declare function AssistantAvatar({ avatarSrc, index, size, className }: AssistantAvatarProps): import("react/jsx-runtime").JSX.Element;
+export default AssistantAvatar;
+//# sourceMappingURL=AssistantAvatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantAvatar.tsx"],"names":[],"mappings":"AASA,UAAU,oBAAoB;IAC1B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAS,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CA6B/F;AAED,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,36 @@
+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';function AssistantAvatar({
+  avatarSrc,
+  index,
+  size = 44,
+  className
+}) {
+  const hasNumber = typeof index === 'number';
+  return jsxs("div", {
+    className: cn('flex shrink-0 flex-col items-center gap-1 pt-0.5', className),
+    "aria-hidden": !hasNumber,
+    children: [avatarSrc ? jsx("img", {
+      src: avatarSrc,
+      alt: "",
+      "aria-hidden": "true",
+      draggable: false,
+      width: size,
+      height: size,
+      className: "rounded-full object-cover ring-1 ring-border/60 shadow-sm",
+      style: {
+        width: size,
+        height: size
+      }
+    }) : jsx("div", {
+      "aria-hidden": "true",
+      className: "flex items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground ring-1 ring-border/60",
+      style: {
+        width: size,
+        height: size
+      },
+      children: "AI"
+    }), hasNumber ? jsxs("span", {
+      className: "text-[10px] font-medium leading-none text-muted-foreground",
+      children: ["#", index]
+    }) : null]
+  });
+}export{AssistantAvatar};//# sourceMappingURL=AssistantAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantAvatar.js","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantAvatar.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"gLAWI,SAAA,eAAA,CAAA;WACM;OACN;MACA,GAAK,EAAE;;;AAGV,EAAA,MAAA,SAAA,GAAA,OAAA,KAAA,KAAA,QAAA;AAED,EAAA,OAAAA,IAAA,CAAA,KAAA,EAAA;AA+BA,IAAA,SAAA,EAAe,qDAAgB,EAAA,SAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/CharacterPicker.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,eAAe,4CAiD9B;AAED,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,90 @@
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {ChevronDownIcon,CheckIcon}from'lucide-react';import'../../../../shardui/accordion.js';import'../../../../shardui/alert.js';import'../../../../shardui/alert-dialog.js';import'@radix-ui/react-aspect-ratio';import'../../../../shardui/avatar.js';import'../../../../shardui/badge.js';import'../../../../shardui/breadcrumb.js';import {Button}from'../../../../shardui/button.js';import'../../../../shardui/calendar.js';import'../../../../shardui/card.js';import'../../../../shardui/carousel.js';import'../../../../shardui/chart.js';import'../../../../shardui/checkbox.js';import'@radix-ui/react-collapsible';import'../../../../shardui/command.js';import'../../../../shardui/context-menu.js';import'../../../../shardui/dialog.js';import'../../../../shardui/drawer.js';import'../../../../shardui/dropdown-menu.js';import'../../../../shardui/form.js';import'../../../../shardui/hover-card.js';import'../../../../shardui/input.js';import'../../../../shardui/input-otp.js';import'../../../../shardui/label.js';import'../../../../shardui/menubar.js';import'../../../../shardui/navigation-menu.js';import'../../../../shardui/pagination.js';import {Popover,PopoverTrigger,PopoverContent}from'../../../../shardui/popover.js';import'../../../../shardui/progress.js';import'../../../../shardui/radio-group.js';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';import'../../../../shardui/scroll-area.js';import'../../../../shardui/select.js';import'../../../../shardui/separator.js';import'../../../../shardui/sheet.js';import'../../../../shardui/sidebar.js';import'../../../../shardui/slider.js';import'../../../ThemeProvider/ThemeProvider.js';import'sonner';import'../../../../shardui/switch.js';import'../../../../shardui/table.js';import'../../../../shardui/tabs.js';import'../../../../shardui/textarea.js';import'../../../../shardui/toast.js';import'../../../../shardui/toggle.js';import'../../../../shardui/toggle-group.js';import'../../../../shardui/tooltip.js';import {useCharacterPicker}from'../../hooks/useActiveCharacter.js';function AvatarBadge({
+  entry,
+  size
+}) {
+  if (entry?.avatarSrc) {
+    return jsx("img", {
+      src: entry.avatarSrc,
+      alt: "",
+      "aria-hidden": "true",
+      draggable: false,
+      width: size,
+      height: size,
+      className: "rounded-full object-cover ring-1 ring-border/60",
+      style: {
+        width: size,
+        height: size
+      }
+    });
+  }
+  return jsx("div", {
+    "aria-hidden": "true",
+    className: "flex items-center justify-center rounded-full bg-muted text-[9px] font-semibold text-muted-foreground ring-1 ring-border/60",
+    style: {
+      width: size,
+      height: size
+    },
+    children: "AI"
+  });
+}
+// main component
+function CharacterPicker() {
+  const {
+    characters,
+    activeName,
+    setActive
+  } = useCharacterPicker();
+  const [open, setOpen] = React.useState(false);
+  if (characters.length < 2) return null;
+  const active = characters.find(c => c.name === activeName) ?? characters[0] ?? null;
+  return jsxs(Popover, {
+    open: open,
+    onOpenChange: setOpen,
+    children: [jsx(PopoverTrigger, {
+      asChild: true,
+      children: jsxs(Button, {
+        size: "sm",
+        variant: "ghost",
+        className: "h-7 gap-1.5 rounded-full border border-border/50 bg-muted/30 px-1.5 py-0 text-[11px] font-medium",
+        title: "Switch character",
+        children: [jsx(AvatarBadge, {
+          entry: active,
+          size: 20
+        }), jsx("span", {
+          className: "max-w-[8rem] truncate",
+          children: active?.name ?? 'AI'
+        }), jsx(ChevronDownIcon, {
+          className: "h-3 w-3 opacity-60"
+        })]
+      })
+    }), jsx(PopoverContent, {
+      align: "start",
+      side: "bottom",
+      sideOffset: 6,
+      className: "z-[210] w-56 p-1",
+      children: jsx("div", {
+        className: "max-h-64 overflow-y-auto",
+        children: characters.map(c => {
+          const isActive = c.name === active?.name;
+          return jsxs("button", {
+            type: "button",
+            onClick: () => {
+              setActive(c.name);
+              setOpen(false);
+            },
+            className: cn('flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs hover:bg-muted', isActive ? 'bg-muted/60' : ''),
+            children: [jsx(AvatarBadge, {
+              entry: c,
+              size: 24
+            }), jsx("span", {
+              className: "flex-1 truncate",
+              children: c.name
+            }), isActive ? jsx(CheckIcon, {
+              className: "h-3.5 w-3.5 opacity-70"
+            }) : null]
+          }, c.name);
+        })
+      })
+    })]
+  });
+}export{CharacterPicker};//# sourceMappingURL=CharacterPicker.js.map

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

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

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

@@ -1 +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,4CAuP7C,CAAC"}
+{"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;AAQ/C,eAAO,MAAM,KAAK,GAAI,sTAsBnB,mBAAmB,GAAG;IACrB,QAAQ,EAAE,OAAO,CAAC;CACrB,4CAyTA,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}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 = ({
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}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';import {useActiveCharacter}from'../../hooks/useActiveCharacter.js';import {useChatBackgroundImage}from'../../hooks/useChatBackgroundImage.js';import {AssistantAvatar}from'./AssistantAvatar.js';import {CharacterPicker}from'./CharacterPicker.js';const Input = ({
   isPopoverOpen,
   isLoading,
   reset,
@@ -22,6 +22,9 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}
   regenerateAssistantMessage
 }) => {
   const conversationEndRef = useRef(null);
+  const character = useActiveCharacter();
+  const assistantName = character?.name ?? 'AI';
+  const chatBgImage = useChatBackgroundImage();
   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(() => {
@@ -51,13 +54,13 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}
     return () => cancelAnimationFrame(outer);
   }, [isPopoverOpen, sortedAsc, response, isLoading, error, streamingAssistantVisible]);
   const copyPayload = useMemo(() => {
-    const lines = sortedAsc.map(m => m.role === 'user' ? `You:\n${m.content}` : `AI:\n${m.content}`);
+    const lines = sortedAsc.map(m => m.role === 'user' ? `You:\n${m.content}` : `${assistantName}:\n${m.content}`);
     const last = sortedAsc[sortedAsc.length - 1];
     if (response && !(last?.role === 'assistant' && last.content === response)) {
-      lines.push(`AI:\n${response}`);
+      lines.push(`${assistantName}:\n${response}`);
     }
     return lines.join('\n\n');
-  }, [sortedAsc, response]);
+  }, [sortedAsc, response, assistantName]);
   return jsx("div", {
     className: "relative flex-1",
     children: jsxs(Popover, {
@@ -77,15 +80,28 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}
           left: 8,
           right: 8
         },
-        className: cn('z-[200] flex h-[min(90vh,calc(100dvh-1rem))] flex-col overflow-hidden border bg-popover p-0 text-popover-foreground shadow-lg', 'w-[calc(100vw-16px)] max-w-[calc(100vw-16px)] min-w-0 rounded-md'),
-        children: [jsxs("div", {
-          className: "flex shrink-0 items-center justify-between border-b bg-muted/30 px-4 py-2",
+        className: cn('relative z-[200] flex h-[min(90vh,calc(100dvh-1rem))] flex-col overflow-hidden border p-0 text-popover-foreground shadow-lg',
+        // Solid base when no wallpaper; translucent so the wallpaper bleeds through when one is selected.
+        chatBgImage ? 'bg-popover/70' : 'bg-popover', 'w-[calc(100vw-16px)] max-w-[calc(100vw-16px)] min-w-0 rounded-md'),
+        children: [chatBgImage ? jsxs(Fragment, {
+          children: [jsx("div", {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-0 bg-cover bg-center",
+            style: {
+              backgroundImage: `url(${chatBgImage})`
+            }
+          }), jsx("div", {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-0 bg-background/30 backdrop-blur-[2px]"
+          })]
+        }) : null, jsxs("div", {
+          className: "relative z-10 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",
+            className: "flex flex-row items-center gap-2",
             children: [jsx("h3", {
               className: "select-none text-xs font-semibold",
               children: keepEngaged ? 'Conversation Mode' : 'AI Response'
-            }), jsx("div", {
+            }), jsx(CharacterPicker, {}), jsx("div", {
               className: "text-[10px] text-muted-foreground/70",
               children: "(Use arrow keys to scroll)"
             })]
@@ -130,7 +146,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}
           })]
         }), 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]'),
+          className: cn('relative z-10 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", {
@@ -138,54 +154,88 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useRef,useMemo,useLayoutEffect}
               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('rounded-xl px-3 py-2 text-sm shadow-sm', msg.role === 'user' ? 'max-w-[min(100%,40rem)] border border-border/60 bg-muted/70 text-foreground' : 'w-full min-w-0 max-w-full 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'
-                    })
+            }) : null, sortedAsc.map((msg, idx) => jsx("div", {
+              className: cn('flex w-full gap-2', msg.role === 'user' ? 'justify-end' : 'justify-start'),
+              children: jsx("div", {
+                className: cn('rounded-xl px-3 py-2 text-sm shadow-sm', msg.role === 'user' ? 'max-w-[min(100%,40rem)] border border-border/60 bg-muted/70 text-foreground' : 'min-w-0 max-w-full flex-1 border border-border/60 bg-muted/70'),
+                children: msg.role === 'user' ? jsxs(Fragment, {
+                  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: "You"
+                    }), jsx("span", {
+                      className: "text-[11px] text-muted-foreground",
+                      children: new Date(msg.timestamp).toLocaleTimeString([], {
+                        hour: '2-digit',
+                        minute: '2-digit'
+                      })
+                    })]
+                  }), jsx(Markdown, {
+                    children: msg.content
+                  })]
+                }) : jsxs("div", {
+                  className: "flex w-full gap-3",
+                  children: [jsx(AssistantAvatar, {
+                    avatarSrc: character?.avatarSrc ?? null,
+                    index: idx + 1
+                  }), jsxs("div", {
+                    className: "min-w-0 flex-1",
+                    children: [jsxs("div", {
+                      className: "mb-1 flex items-baseline gap-2",
+                      children: [jsx("span", {
+                        className: "text-sm font-semibold text-foreground",
+                        children: assistantName
+                      }), jsx("span", {
+                        className: "text-[11px] text-muted-foreground",
+                        children: new Date(msg.timestamp).toLocaleTimeString([], {
+                          hour: '2-digit',
+                          minute: '2-digit'
+                        })
+                      })]
+                    }), jsx(Markdown, {
+                      children: msg.content
+                    }), jsx(AssistantMessageActions, {
+                      messageId: msg.id,
+                      content: msg.content,
+                      onRegenerate: regenerateAssistantMessage ? id => void regenerateAssistantMessage(id) : undefined
+                    })]
                   })]
-                }), 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", {
+              children: jsx("div", {
                 className: "w-full min-w-0 max-w-full 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]
+                children: jsxs("div", {
+                  className: "flex w-full gap-3",
+                  children: [jsx(AssistantAvatar, {
+                    avatarSrc: character?.avatarSrc ?? null,
+                    index: sortedAsc.length + 1
+                  }), jsxs("div", {
+                    className: "min-w-0 flex-1",
+                    children: [jsxs("div", {
+                      className: "mb-1 flex items-baseline gap-2",
+                      children: [jsx("span", {
+                        className: "text-sm font-semibold text-foreground",
+                        children: assistantName
+                      }), isLoading && !response ? jsx(Loader2, {
+                        className: "h-3.5 w-3.5 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("div", {
               ref: conversationEndRef,

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

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

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

@@ -1 +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"}
+{"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;AAM5C,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,4CAuIrB,CAAC"}

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

@@ -1,9 +1,12 @@
-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 = ({
+import {jsxs,jsx,Fragment}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';import {useActiveCharacter}from'../../hooks/useActiveCharacter.js';import {useChatBackgroundImage}from'../../hooks/useChatBackgroundImage.js';import {AssistantAvatar}from'./AssistantAvatar.js';const MessageHistory = ({
   conversationHistory,
   onStartNewConversation,
   messageHistoryOpen,
   setMessageHistoryOpen
 }) => {
+  const character = useActiveCharacter();
+  const assistantName = character?.name ?? 'AI';
+  const chatBgImage = useChatBackgroundImage();
   return jsxs(Popover, {
     open: messageHistoryOpen,
     onOpenChange: setMessageHistoryOpen,
@@ -24,9 +27,20 @@ import {jsxs,jsx}from'react/jsx-runtime';import {MessageSquareText,ChevronUp,Che
     }), 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",
+      className: `relative z-[200] select-none w-screen max-h-[min(90vh,calc(100vh-1rem))] p-0 mt-3 border overflow-hidden border-input/50 ${chatBgImage ? 'bg-popover/70' : ''}`,
+      children: [chatBgImage ? jsxs(Fragment, {
+        children: [jsx("div", {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute inset-0 bg-cover bg-center",
+          style: {
+            backgroundImage: `url(${chatBgImage})`
+          }
+        }), jsx("div", {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute inset-0 bg-background/30 backdrop-blur-[2px]"
+        })]
+      }) : null, jsx("div", {
+        className: "relative z-10 border-b border-input/50 p-4",
         children: jsxs("div", {
           className: "flex items-center justify-between",
           children: [jsxs("div", {
@@ -62,26 +76,51 @@ import {jsxs,jsx}from'react/jsx-runtime';import {MessageSquareText,ChevronUp,Che
           })]
         })
       }), jsx(ScrollArea, {
-        className: "h-[calc(100vh-10rem)]",
+        className: "relative z-10 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", {
+          children: conversationHistory.sort((a, b) => b?.timestamp - a?.timestamp).map((message, descIdx, arr) => jsx("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'
-                })
+            children: message.role === 'user' ? jsxs(Fragment, {
+              children: [jsxs("div", {
+                className: "mb-2 flex items-center gap-2",
+                children: [jsx("span", {
+                  className: "text-xs font-medium uppercase text-muted-foreground",
+                  children: "You"
+                }), 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
               })]
-            }), jsx(Markdown, {
-              children: message.content
-            })]
+            }) : jsxs("div", {
+              className: "flex w-full gap-3",
+              children: [jsx(AssistantAvatar, {
+                avatarSrc: character?.avatarSrc ?? null,
+                index: arr.length - descIdx
+              }), jsxs("div", {
+                className: "min-w-0 flex-1",
+                children: [jsxs("div", {
+                  className: "mb-1 flex items-baseline gap-2",
+                  children: [jsx("span", {
+                    className: "text-sm font-semibold text-foreground",
+                    children: assistantName
+                  }), 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))
         })
       })]

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MessageHistory.js","sources":["../../../../../src/components/AIToolbar/components/completion/MessageHistory.tsx"],"sourcesContent":[null],"names":[],"mappings":"i1EAcC,MAAA,cAAA,GAAA,CAAA;AAED,EAAA,mBAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ResultsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAOjD,KAAK,KAAK,GAAG;IACT,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6GAO5B,KAAK,4CAmIP,CAAC"}
+{"version":3,"file":"ResultsSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAQjD,KAAK,KAAK,GAAG;IACT,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,gBAAgB,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6GAO5B,KAAK,4CAiJP,CAAC"}

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

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index.js';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 {SparklesIcon,Loader2,BotIcon,HeadphonesIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';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 {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 {CopyButton}from'../Markdown/copy-button.js';const ResultsSection = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index.js';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 {SparklesIcon,Loader2,BotIcon,HeadphonesIcon}from'lucide-react';import'react-resizable-panels';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';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 {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 {CopyButton}from'../Markdown/copy-button.js';import {useActiveCharacter}from'../../hooks/useActiveCharacter.js';const ResultsSection = ({
   lastTranscription,
   lastAIResponse,
   isAIProcessing,
@@ -6,6 +6,8 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index
   conversationMode,
   setConversationMode
 }) => {
+  const character = useActiveCharacter();
+  const assistantName = character?.name ?? 'AI';
   const hasResponse = lastAIResponse || isAIProcessing;
   const hasHistory = conversation.messages.length > 2;
   if (!hasResponse && !lastTranscription) {
@@ -70,11 +72,19 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index
         className: "rounded-md bg-background/50 p-2.5",
         children: [jsxs("div", {
           className: "flex items-center gap-1.5 mb-1",
-          children: [jsx(BotIcon, {
+          children: [character?.avatarSrc ? jsx("img", {
+            src: character.avatarSrc,
+            alt: "",
+            "aria-hidden": "true",
+            draggable: false,
+            width: 14,
+            height: 14,
+            className: "h-3.5 w-3.5 rounded-full object-cover ring-1 ring-border/60"
+          }) : jsx(BotIcon, {
             className: "h-3 w-3 text-muted-foreground"
           }), jsx("span", {
             className: "text-[9px] font-medium text-muted-foreground uppercase tracking-wide",
-            children: "AI"
+            children: assistantName
           })]
         }), isAIProcessing && !lastAIResponse ? jsxs("div", {
           className: "flex items-center gap-2",
@@ -117,7 +127,7 @@ import {jsxs,jsx}from'react/jsx-runtime';import {Markdown}from'../Markdown/index
             className: cn('p-2 rounded-md text-[11px]', message.role === 'user' ? 'bg-primary/5 border-l-2 border-primary/30' : 'bg-background/50'),
             children: [jsx("span", {
               className: "text-[8px] font-medium text-muted-foreground uppercase",
-              children: message.role === 'user' ? 'System' : 'AI'
+              children: message.role === 'user' ? 'System' : assistantName
             }), jsx("div", {
               className: "text-muted-foreground leading-relaxed mt-0.5",
               children: jsx(Markdown, {

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

@@ -1 +1 @@
-{"version":3,"file":"ResultsSection.js","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"yoEAYI,MAAA,iBAA0B,CAAA;AAC1B,EAAA,iBAAA;EACF,cAAA;AAEF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ResultsSection.js","sources":["../../../../../src/components/AIToolbar/components/speech/ResultsSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"4sEAcI,MAAA,cAAsB,GAAI;EAC5B,iBAAA;AAEF,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/hooks/useActiveCharacter.d.ts

@@ -0,0 +1,33 @@
+export interface ActiveCharacter {
+    /** Manifest `name` (or filesystem stem) — e.g. "Seraphina". */
+    name: string;
+    /** PNG card filename without extension — used to fetch avatar / sprites. */
+    fileName?: string;
+    /** Pre-baked `data:` URL for the avatar PNG, or null if not yet loaded. */
+    avatarSrc: string | null;
+}
+export interface CharacterListEntry {
+    name: string;
+    fileName?: string;
+    avatarSrc: string | null;
+}
+export interface CharacterPicker {
+    /** All installed characters with resolved avatars. */
+    characters: CharacterListEntry[];
+    /** Currently active character name, or null if none picked / none installed. */
+    activeName: string | null;
+    /** Switch the active character by name. Pass null to clear (revert to first). */
+    setActive: (name: string | null) => void;
+}
+/**
+ * Return the active character (name + avatar) or null when none is installed
+ * / we're not running under Tauri. Selection persists via localStorage and
+ * follows changes made by `useCharacterPicker`.
+ */
+export declare function useActiveCharacter(): ActiveCharacter | null;
+/**
+ * Enumerate installed characters and switch the active one. Empty list and
+ * `activeName === null` outside Tauri / when nothing is installed.
+ */
+export declare function useCharacterPicker(): CharacterPicker;
+//# sourceMappingURL=useActiveCharacter.d.ts.map

package/lib/components/AIToolbar/hooks/useActiveCharacter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveCharacter.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"names":[],"mappings":"AAwBA,MAAM,WAAW,eAAe;IAC5B,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC5B,sDAAsD;IACtD,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,gFAAgF;IAChF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,iFAAiF;IACjF,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AA2GD;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,GAAG,IAAI,CA8D3D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAqFpD"}

package/lib/components/AIToolbar/hooks/useActiveCharacter.js

@@ -0,0 +1,257 @@
+import*as React from'react';// Active-character lookup for the AIToolbar.
+//
+// Surfaces the currently-selected character (name + avatar data URL) so the
+// completion popover and message history can show "Seraphina" with her avatar
+// instead of a generic "AI" label. Backed by the desktop Tauri commands
+// `character_list` and `character_get_avatar` (see
+// `yantra-app/portable-devices/desktop/src-tauri/src/features/character_feature/`).
+//
+// Degrades gracefully:
+//   - Outside Tauri (regular browser, SSR): returns null synchronously.
+//   - Tauri without any character-contributing extension installed: returns null.
+//   - Tauri with an extension but no avatar: returns name-only (avatarSrc = null).
+//
+// Re-fetches on the `yantra:character-refresh` Tauri event + the
+// `yantra:extensions-changed` window event (marketplace install/uninstall).
+//
+// When multiple characters are installed, the active one is chosen by name
+// from localStorage (`yantra:active-character-name`). Use `useCharacterPicker`
+// to enumerate and switch.
+// constants
+const CHARACTER_REFRESH_EVENT = 'yantra:character-refresh';
+/**
+ * Window event dispatched by `yantra-app/portable-devices/desktop/src/utils/marketplaceInstall.ts`
+ * after the marketplace install / uninstall path triggers `character_refresh`.
+ * Listening here lets the avatar swap in without an app restart.
+ */
+const EXTENSIONS_CHANGED_EVENT = 'yantra:extensions-changed';
+/** Window event dispatched by `useCharacterPicker().setActive(...)` to notify subscribers. */
+const ACTIVE_CHARACTER_CHANGED_EVENT = 'yantra:active-character-changed';
+const ACTIVE_CHARACTER_STORAGE_KEY = 'yantra:active-character-name';
+/** Manifest contribution key emitted by extensions that ship character cards. */
+const CHARACTER_CONTRIBUTION = 'characters';
+// helpers
+function isTauri() {
+  if (typeof window === 'undefined') return false;
+  const w = window;
+  return Boolean(w.__TAURI_INTERNALS__ ?? w.__TAURI__);
+}
+async function safeInvoke(cmd, args) {
+  if (!isTauri()) return null;
+  try {
+    // @ts-ignore — optional dynamic import, present as a peer dep in Tauri builds.
+    const mod = await import('@tauri-apps/api/core');
+    return await mod.invoke(cmd, args);
+  } catch {
+    return null;
+  }
+}
+async function safeListen(event, cb) {
+  if (!isTauri()) return () => {};
+  try {
+    // @ts-ignore — see safeInvoke note.
+    const mod = await import('@tauri-apps/api/event');
+    const unlisten = await mod.listen(event, e => cb(e.payload));
+    return unlisten;
+  } catch {
+    return () => {};
+  }
+}
+function readStoredActiveName() {
+  if (typeof window === 'undefined') return null;
+  try {
+    return window.localStorage.getItem(ACTIVE_CHARACTER_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+/**
+ * Decide whether an `extensions-changed` event is relevant to characters.
+ * Detail with no `contributes` array is treated as relevant (defensive
+ * reload) so we never miss a real change.
+ */
+function isCharacterRelevant(event) {
+  const detail = event.detail;
+  if (!detail || !Array.isArray(detail.contributes)) return true;
+  return detail.contributes.includes(CHARACTER_CONTRIBUTION);
+}
+function writeStoredActiveName(name) {
+  if (typeof window === 'undefined') return;
+  try {
+    if (name == null) window.localStorage.removeItem(ACTIVE_CHARACTER_STORAGE_KEY);else window.localStorage.setItem(ACTIVE_CHARACTER_STORAGE_KEY, name);
+  } catch {
+    // ignore quota / privacy-mode errors
+  }
+}
+async function fetchAvatarSrc(fileName) {
+  if (!fileName) return null;
+  const dto = await safeInvoke('character_get_avatar', {
+    fileName
+  });
+  if (!dto || !dto.base64 || dto.base64.length <= 100) return null;
+  return `data:${dto.mime_type || 'image/png'};base64,${dto.base64}`;
+}
+function pickActive(list, desiredName) {
+  if (list.length === 0) return null;
+  if (desiredName) {
+    const match = list.find(c => c.name === desiredName);
+    if (match) return match;
+  }
+  return list[0];
+}
+// main API
+/**
+ * Return the active character (name + avatar) or null when none is installed
+ * / we're not running under Tauri. Selection persists via localStorage and
+ * follows changes made by `useCharacterPicker`.
+ */
+function useActiveCharacter() {
+  const [list, setList] = React.useState([]);
+  const [activeName, setActiveName] = React.useState(() => readStoredActiveName());
+  const [avatarSrc, setAvatarSrc] = React.useState(null);
+  const reload = React.useCallback(async () => {
+    const next = await safeInvoke('character_list', {
+      shallow: false
+    });
+    setList(next ?? []);
+  }, []);
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+  React.useEffect(() => {
+    let unlisten = null;
+    let cancelled = false;
+    safeListen(CHARACTER_REFRESH_EVENT, () => {
+      void reload();
+    }).then(fn => {
+      if (cancelled) fn();else unlisten = fn;
+    });
+    function onExtensionsChanged(e) {
+      if (!isCharacterRelevant(e)) return;
+      void reload();
+    }
+    function onActiveChanged() {
+      setActiveName(readStoredActiveName());
+    }
+    if (typeof window !== 'undefined') {
+      window.addEventListener(EXTENSIONS_CHANGED_EVENT, onExtensionsChanged);
+      window.addEventListener(ACTIVE_CHARACTER_CHANGED_EVENT, onActiveChanged);
+    }
+    return () => {
+      cancelled = true;
+      if (unlisten) unlisten();
+      if (typeof window !== 'undefined') {
+        window.removeEventListener(EXTENSIONS_CHANGED_EVENT, onExtensionsChanged);
+        window.removeEventListener(ACTIVE_CHARACTER_CHANGED_EVENT, onActiveChanged);
+      }
+    };
+  }, [reload]);
+  const active = React.useMemo(() => pickActive(list, activeName), [list, activeName]);
+  React.useEffect(() => {
+    if (!active?.file_name) {
+      setAvatarSrc(null);
+      return;
+    }
+    let alive = true;
+    fetchAvatarSrc(active.file_name).then(src => {
+      if (alive) setAvatarSrc(src);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [active?.file_name]);
+  if (!active) return null;
+  return {
+    name: active.name,
+    fileName: active.file_name,
+    avatarSrc
+  };
+}
+/**
+ * Enumerate installed characters and switch the active one. Empty list and
+ * `activeName === null` outside Tauri / when nothing is installed.
+ */
+function useCharacterPicker() {
+  const [list, setList] = React.useState([]);
+  const [avatars, setAvatars] = React.useState({});
+  const [activeName, setActiveNameState] = React.useState(() => readStoredActiveName());
+  const reload = React.useCallback(async () => {
+    const next = await safeInvoke('character_list', {
+      shallow: false
+    });
+    setList(next ?? []);
+  }, []);
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+  React.useEffect(() => {
+    let unlisten = null;
+    let cancelled = false;
+    safeListen(CHARACTER_REFRESH_EVENT, () => {
+      void reload();
+    }).then(fn => {
+      if (cancelled) fn();else unlisten = fn;
+    });
+    function onExtensionsChanged(e) {
+      if (!isCharacterRelevant(e)) return;
+      void reload();
+    }
+    function onActiveChanged() {
+      setActiveNameState(readStoredActiveName());
+    }
+    if (typeof window !== 'undefined') {
+      window.addEventListener(EXTENSIONS_CHANGED_EVENT, onExtensionsChanged);
+      window.addEventListener(ACTIVE_CHARACTER_CHANGED_EVENT, onActiveChanged);
+    }
+    return () => {
+      cancelled = true;
+      if (unlisten) unlisten();
+      if (typeof window !== 'undefined') {
+        window.removeEventListener(EXTENSIONS_CHANGED_EVENT, onExtensionsChanged);
+        window.removeEventListener(ACTIVE_CHARACTER_CHANGED_EVENT, onActiveChanged);
+      }
+    };
+  }, [reload]);
+  // Resolve avatars for every character in the list (cached by file_name).
+  React.useEffect(() => {
+    let alive = true;
+    async function loadAll() {
+      const pending = list.filter(c => c.file_name && !(c.file_name in avatars));
+      if (pending.length === 0) return;
+      const entries = await Promise.all(pending.map(async c => [c.file_name, await fetchAvatarSrc(c.file_name)]));
+      if (!alive) return;
+      setAvatars(prev => {
+        const next = {
+          ...prev
+        };
+        for (const [key, src] of entries) next[key] = src;
+        return next;
+      });
+    }
+    void loadAll();
+    return () => {
+      alive = false;
+    };
+  }, [list, avatars]);
+  const characters = React.useMemo(() => list.map(c => ({
+    name: c.name,
+    fileName: c.file_name,
+    avatarSrc: c.file_name ? avatars[c.file_name] ?? null : null
+  })), [list, avatars]);
+  const setActive = React.useCallback(name => {
+    writeStoredActiveName(name);
+    setActiveNameState(name);
+    if (typeof window !== 'undefined') {
+      window.dispatchEvent(new CustomEvent(ACTIVE_CHARACTER_CHANGED_EVENT, {
+        detail: {
+          name
+        }
+      }));
+    }
+  }, []);
+  return {
+    characters,
+    activeName,
+    setActive
+  };
+}export{useActiveCharacter,useCharacterPicker};//# sourceMappingURL=useActiveCharacter.js.map

package/lib/components/AIToolbar/hooks/useActiveCharacter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveCharacter.js","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"sourcesContent":[null],"names":[],"mappings":"4BAwBA;;;;;;AAMI;AACH;AAED;;;AAGI;AACH;AAED;;;;AAII;;AAGH;AA2GD,MAAA,uBAAA,GAAA,0BAAA;;;;AAIG;AACH;AAgEA,MAAA,wBAAA,GAAA,2BAAA;;;AAGG,MAAA,4BAAA,GAAA,8BAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/AIToolbar/hooks/useChatBackgroundImage.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Returns the current chat-background image as a `data:` URL, or `null` when
+ * no wallpaper is selected / we are not running under Tauri.
+ *
+ * Re-fetches whenever the user picks a different wallpaper, regardless of
+ * which webview the picker lives in.
+ */
+export declare function useChatBackgroundImage(): string | null;
+export default useChatBackgroundImage;
+//# sourceMappingURL=useChatBackgroundImage.d.ts.map

package/lib/components/AIToolbar/hooks/useChatBackgroundImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatBackgroundImage.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/hooks/useChatBackgroundImage.ts"],"names":[],"mappings":"AA4EA;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,IAAI,CA+DtD;AAED,eAAe,sBAAsB,CAAC"}

package/lib/components/AIToolbar/hooks/useChatBackgroundImage.js

@@ -0,0 +1,126 @@
+import*as React from'react';// Chat-background image lookup for AIToolbar surfaces.
+//
+// The desktop app lets users pick a wallpaper that paints behind the `/chat`
+// route. The toolbar's Conversation popover and Message History popover render
+// in Radix portals (outside the chat tree), so the wallpaper does not bleed
+// through to them by default. This hook re-subscribes to the same contract
+// `yantra-app/packages-modules/account/browser/src/hooks/useChatBackground.tsx`
+// already publishes:
+//
+//   - localStorage key  `yantra:chat-background:selected-id`  → currently-selected background ID
+//   - cross-webview event `yantra:chat-background-change`     → fan-out when the picker mutates the selection
+//   - Tauri command `background_get` { id }                   → returns { mime_type, base64 }
+//
+// Reusing the same key/event lets the popovers stay in lock-step with the
+// `/chat` overlay without yantra-app having to inject anything through props.
+//
+// Degrades gracefully:
+//   - Outside Tauri (regular browser, SSR): returns null synchronously.
+//   - No selection / unknown ID: returns null.
+//   - Selection changes mid-session: re-fetches automatically.
+// constants
+const SELECTED_BG_STORAGE_KEY = 'yantra:chat-background:selected-id';
+const BG_CHANGE_EVENT = 'yantra:chat-background-change';
+// helpers
+function isTauri() {
+  if (typeof window === 'undefined') return false;
+  const w = window;
+  return Boolean(w.__TAURI_INTERNALS__ ?? w.__TAURI__);
+}
+async function safeInvoke(cmd, args) {
+  if (!isTauri()) return null;
+  try {
+    // @ts-ignore — optional dynamic import, present as a peer dep in Tauri builds.
+    const mod = await import('@tauri-apps/api/core');
+    return await mod.invoke(cmd, args);
+  } catch {
+    return null;
+  }
+}
+async function safeListen(event, cb) {
+  if (!isTauri()) return () => {};
+  try {
+    // @ts-ignore — see safeInvoke note.
+    const mod = await import('@tauri-apps/api/event');
+    const unlisten = await mod.listen(event, e => cb(e.payload));
+    return unlisten;
+  } catch {
+    return () => {};
+  }
+}
+function readSelectedId() {
+  if (typeof window === 'undefined') return null;
+  try {
+    return window.localStorage.getItem(SELECTED_BG_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+}
+// main API
+/**
+ * Returns the current chat-background image as a `data:` URL, or `null` when
+ * no wallpaper is selected / we are not running under Tauri.
+ *
+ * Re-fetches whenever the user picks a different wallpaper, regardless of
+ * which webview the picker lives in.
+ */
+function useChatBackgroundImage() {
+  const [selectedId, setSelectedId] = React.useState(() => readSelectedId());
+  const [imageUrl, setImageUrl] = React.useState(null);
+  // Subscribe to selection changes from three possible sources:
+  //   (a) same-window `dispatchEvent` (picker on this webview).
+  //   (b) cross-tab `storage` event (rare in the Tauri shell but free).
+  //   (c) Tauri `listen` (picker on the *other* webview — desktop-bar vs dashboard).
+  React.useEffect(() => {
+    function localHandler(e) {
+      const detail = e.detail;
+      setSelectedId(detail?.id ?? null);
+    }
+    function storageHandler(e) {
+      if (e.key !== SELECTED_BG_STORAGE_KEY) return;
+      setSelectedId(e.newValue);
+    }
+    if (typeof window !== 'undefined') {
+      window.addEventListener(BG_CHANGE_EVENT, localHandler);
+      window.addEventListener('storage', storageHandler);
+    }
+    let unlisten = null;
+    let cancelled = false;
+    safeListen(BG_CHANGE_EVENT, payload => {
+      setSelectedId(payload?.id ?? null);
+    }).then(fn => {
+      if (cancelled) fn();else unlisten = fn;
+    });
+    return () => {
+      cancelled = true;
+      if (typeof window !== 'undefined') {
+        window.removeEventListener(BG_CHANGE_EVENT, localHandler);
+        window.removeEventListener('storage', storageHandler);
+      }
+      if (unlisten) unlisten();
+    };
+  }, []);
+  // Resolve ID → data URL. Tauri returns base64 — we only build the data URL
+  // once per ID change to avoid churning the popover background.
+  React.useEffect(() => {
+    if (!selectedId) {
+      setImageUrl(null);
+      return;
+    }
+    let alive = true;
+    safeInvoke('background_get', {
+      id: selectedId
+    }).then(dto => {
+      if (!alive) return;
+      if (dto && dto.base64) {
+        setImageUrl(`data:${dto.mime_type || 'image/png'};base64,${dto.base64}`);
+      } else {
+        setImageUrl(null);
+      }
+    });
+    return () => {
+      alive = false;
+    };
+  }, [selectedId]);
+  return imageUrl;
+}export{useChatBackgroundImage};//# sourceMappingURL=useChatBackgroundImage.js.map

package/lib/components/AIToolbar/hooks/useChatBackgroundImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatBackgroundImage.js","sources":["../../../../src/components/AIToolbar/hooks/useChatBackgroundImage.ts"],"sourcesContent":[null],"names":[],"mappings":"4BA4EA;;;;;;AAMG;AACH;AAiEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.55",
+    "version": "12.2.4-alpha.57",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -96,5 +96,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "eae3d37b08da2262ab728666c34176bd1798262e"
+    "gitHead": "134adf9207d6cad519b1fd25f4c39615b3682354"
 }