@admin-layout/tailwind-ui 12.2.4-alpha.56 → 12.2.4-alpha.58

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

@@ -1,4 +1,5 @@
 interface AssistantAvatarProps {
+    /** Static fallback avatar (default portrait). Used when no sprite is resolved. */
     avatarSrc: string | null;
     /** Optional message sequence number rendered as "#N" beneath the avatar. */
     index?: number;
@@ -6,7 +7,18 @@ interface AssistantAvatarProps {
     size?: number;
     /** Tailwind classes applied to the column wrapper. */
     className?: string;
+    /**
+     * Character `file_name` (i.e. the PNG card stem — "Seraphina"). When set
+     * together with `text`, the avatar switches to the matching expression
+     * sprite from the character's sprite folder.
+     */
+    characterFileName?: string | null;
+    /**
+     * Message text used to pick an emotion sprite. The classifier maps the
+     * text to one of 28 GoEmotions labels (`neutral`, `joy`, `caring`, ...).
+     */
+    text?: string | null;
 }
-export declare function AssistantAvatar({ avatarSrc, index, size, className }: AssistantAvatarProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssistantAvatar({ avatarSrc, index, size, className, characterFileName, text, }: 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

@@ -1 +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"}
+{"version":3,"file":"AssistantAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantAvatar.tsx"],"names":[],"mappings":"AAgBA,UAAU,oBAAoB;IAC1B,kFAAkF;IAClF,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;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,IAAS,EACT,SAAS,EACT,iBAAiB,EACjB,IAAI,GACP,EAAE,oBAAoB,2CA2CtB;AAED,eAAe,eAAe,CAAC"}

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

@@ -1,15 +1,27 @@
-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({
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import'../../../../utils/isBrowser/index.js';import {cn}from'../../../../utils/util.js';import'fast-deep-equal/react.js';import {useCharacterSprite}from'../../hooks/useCharacterSprite.js';import {classifyEmotion}from'../../utils/emotionClassifier.js';function AssistantAvatar({
   avatarSrc,
   index,
-  size = 44,
-  className
+  size = 60,
+  className,
+  characterFileName,
+  text
 }) {
   const hasNumber = typeof index === 'number';
+  // Pick an emotion only when we actually have a character that can supply
+  // a sprite — avoids burning a Tauri round-trip for non-Tauri builds.
+  const emotion = React.useMemo(() => {
+    if (!characterFileName || !text) return null;
+    return classifyEmotion(text);
+  }, [characterFileName, text]);
+  const spriteSrc = useCharacterSprite(characterFileName ?? null, emotion);
+  // Prefer the emotion sprite; fall back to the static avatar while it loads
+  // or when sprite resolution returned null (no character / outside Tauri).
+  const renderedSrc = spriteSrc ?? avatarSrc;
   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,
+    children: [renderedSrc ? jsx("img", {
+      src: renderedSrc,
       alt: "",
       "aria-hidden": "true",
       draggable: false,

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

@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AssistantAvatar.js","sources":["../../../../../src/components/AIToolbar/components/completion/AssistantAvatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"gUA+BI,SAAA,eAAA,CAAA;;;AAGG,EAAA,IAAA,GAAA,EAAA;AACH,EAAA,SAAO;AACV,EAAA,iBAAA;AAED,EAAA;AAoDA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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;AAO/C,eAAO,MAAM,KAAK,GAAI,sTAsBnB,mBAAmB,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,4CAoT7C,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,4CA6TA,CAAC"}

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

@@ -1,4 +1,4 @@
-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';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,
@@ -97,11 +97,11 @@ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useMemo,useLayo
         }) : 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)"
             })]
@@ -155,9 +155,9 @@ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useMemo,useLayo
                 children: "Error:"
               }), " ", error]
             }) : null, sortedAsc.map((msg, idx) => jsx("div", {
-              className: cn('flex w-full', msg.role === 'user' ? 'justify-end' : 'justify-start'),
+              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' : 'w-full min-w-0 max-w-full border border-border/60 bg-muted/70'),
+                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",
@@ -178,7 +178,9 @@ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useMemo,useLayo
                   className: "flex w-full gap-3",
                   children: [jsx(AssistantAvatar, {
                     avatarSrc: character?.avatarSrc ?? null,
-                    index: idx + 1
+                    index: idx + 1,
+                    characterFileName: character?.fileName ?? null,
+                    text: msg.content
                   }), jsxs("div", {
                     className: "min-w-0 flex-1",
                     children: [jsxs("div", {
@@ -211,7 +213,9 @@ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useRef,useMemo,useLayo
                   className: "flex w-full gap-3",
                   children: [jsx(AssistantAvatar, {
                     avatarSrc: character?.avatarSrc ?? null,
-                    index: sortedAsc.length + 1
+                    index: sortedAsc.length + 1,
+                    characterFileName: character?.fileName ?? null,
+                    text: response
                   }), jsxs("div", {
                     className: "min-w-0 flex-1",
                     children: [jsxs("div", {

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;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"}
+{"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,4CAyIrB,CAAC"}

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

@@ -101,7 +101,9 @@ import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {MessageSquareText,Chev
               className: "flex w-full gap-3",
               children: [jsx(AssistantAvatar, {
                 avatarSrc: character?.avatarSrc ?? null,
-                index: arr.length - descIdx
+                index: arr.length - descIdx,
+                characterFileName: character?.fileName ?? null,
+                text: message.content
               }), jsxs("div", {
                 className: "min-w-0 flex-1",
                 children: [jsxs("div", {

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":"i1EAcC,MAAA,cAAA,GAAA,CAAA;AAED,EAAA,mBAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/hooks/useActiveCharacter.d.ts

@@ -6,13 +6,28 @@ export interface ActiveCharacter {
     /** 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 first discovered character (name + avatar) or null when no
- * character extension is installed / we're not running under Tauri.
- *
- * Today the desktop ships at most one active character at a time, so we just
- * pick the first entry. When multi-character support lands we'll switch this
- * to read from a presence bus.
+ * 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

@@ -1 +1 @@
-{"version":3,"file":"useActiveCharacter.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"names":[],"mappings":"AAqBA,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;AAkDD;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,GAAG,IAAI,CA8C3D"}
+{"version":3,"file":"useActiveCharacter.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"names":[],"mappings":"AAyBA,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,CAiE3D;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,eAAe,CAqFpD"}

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

@@ -1,6 +1,6 @@
-import*as React from'react';// Active-character lookup for the AIToolbar.
+import*as React from'react';import {clearCharacterSpriteCache}from'./useCharacterSprite.js';// Active-character lookup for the AIToolbar.
 //
-// Surfaces the currently-installed character (name + avatar data URL) so the
+// 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
@@ -11,11 +11,25 @@ import*as React from'react';// Active-character lookup for the AIToolbar.
 //   - 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, which the desktop
-// shell emits after the marketplace install/uninstall path triggers
-// `character_refresh`. Hook will quietly stay current as extensions come and go.
+// 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;
@@ -43,23 +57,63 @@ async function safeListen(event, cb) {
     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 first discovered character (name + avatar) or null when no
- * character extension is installed / we're not running under Tauri.
- *
- * Today the desktop ships at most one active character at a time, so we just
- * pick the first entry. When multi-character support lands we'll switch this
- * to read from a presence bus.
+ * 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 [character, setCharacter] = React.useState(null);
+  const [list, setList] = React.useState([]);
+  const [activeName, setActiveName] = React.useState(() => readStoredActiveName());
   const [avatarSrc, setAvatarSrc] = React.useState(null);
   const reload = React.useCallback(async () => {
-    const list = await safeInvoke('character_list', {
+    const next = await safeInvoke('character_list', {
       shallow: false
     });
-    setCharacter(list?.[0] ?? null);
+    setList(next ?? []);
   }, []);
   React.useEffect(() => {
     void reload();
@@ -68,36 +122,139 @@ function useActiveCharacter() {
     let unlisten = null;
     let cancelled = false;
     safeListen(CHARACTER_REFRESH_EVENT, () => {
+      // Sprites may have changed on disk (new install / uninstall); drop
+      // cached data URLs so the next render re-fetches.
+      clearCharacterSpriteCache();
       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 (!character?.file_name) {
+    if (!active?.file_name) {
       setAvatarSrc(null);
       return;
     }
     let alive = true;
-    safeInvoke('character_get_avatar', {
-      fileName: character.file_name
-    }).then(dto => {
-      if (!alive) return;
-      const valid = dto && dto.base64 && dto.base64.length > 100;
-      setAvatarSrc(valid ? `data:${dto.mime_type || 'image/png'};base64,${dto.base64}` : null);
+    fetchAvatarSrc(active.file_name).then(src => {
+      if (alive) setAvatarSrc(src);
     });
     return () => {
       alive = false;
     };
-  }, [character?.file_name]);
-  if (!character) return null;
+  }, [active?.file_name]);
+  if (!active) return null;
   return {
-    name: character.name,
-    fileName: character.file_name,
+    name: active.name,
+    fileName: active.file_name,
     avatarSrc
   };
-}export{useActiveCharacter};//# sourceMappingURL=useActiveCharacter.js.map
+}
+/**
+ * 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

@@ -1 +1 @@
-{"version":3,"file":"useActiveCharacter.js","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"sourcesContent":[null],"names":[],"mappings":"4BAqBA;;;;;;AAMI;AACH;AAkDD;;;;;;;AAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useActiveCharacter.js","sources":["../../../../src/components/AIToolbar/hooks/useActiveCharacter.ts"],"sourcesContent":[null],"names":[],"mappings":"4FAyBA;;;;;;AAMI;AACH;AAED;;;AAGI;AACH;AAED;;;;AAII;;AA8GJ;;;;AAIG;AACH;AAmEA;;;AAGG,MAAA,8BAAA,GAAA,iCAAA;AACH,MAAA,4BAAgB,GAAA,8BAqFf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,14 @@
+/**
+ * Returns the data URL for `(characterFileName, label)` or `null` while the
+ * sprite is loading / when running outside Tauri / when no character is set.
+ *
+ * Re-evaluates whenever either input changes. Cached results resolve in the
+ * same render (no transient `null`).
+ */
+export declare function useCharacterSprite(characterFileName: string | null | undefined, label: string | null | undefined): string | null;
+/**
+ * Clears the sprite cache. Call after `character_refresh` so newly-installed
+ * sprite packs aren't shadowed by stale data URLs.
+ */
+export declare function clearCharacterSpriteCache(): void;
+//# sourceMappingURL=useCharacterSprite.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCharacterSprite.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/hooks/useCharacterSprite.ts"],"names":[],"mappings":"AAqFA;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC5C,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACjC,MAAM,GAAG,IAAI,CAoBf;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,IAAI,CAGhD"}

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

@@ -0,0 +1,103 @@
+import*as React from'react';// Expression-sprite lookup for assistant message bubbles.
+//
+// Resolves `(characterFileName, label)` → `data:image/png;base64,...` via the
+// Tauri command `character_get_expression`, with a module-level cache so the
+// same sprite is fetched at most once per session even when many messages map
+// to the same emotion.
+//
+// The Rust side (`character_get_expression`) already implements graceful
+// fallback through `neutral`/`joy`/avatar when the requested label is missing,
+// so callers can pass any of the 28 GoEmotions labels without first checking
+// which sprites the character actually ships.
+//
+// Degrades to `null` outside Tauri / when no character file_name is provided.
+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;
+  }
+}
+// Two layered caches keyed by `${fileName}::${label}`:
+//
+//   - `urlCache` resolves synchronously on subsequent calls (no re-render flicker).
+//   - `pendingCache` deduplicates concurrent fetches for the same key when
+//     several messages on screen happen to share the same emotion.
+const urlCache = new Map();
+const pendingCache = new Map();
+function cacheKey(fileName, label) {
+  return `${fileName}::${label}`;
+}
+async function fetchSprite(fileName, label) {
+  const key = cacheKey(fileName, label);
+  const cached = urlCache.get(key);
+  if (cached !== undefined) return cached;
+  const pending = pendingCache.get(key);
+  if (pending) return pending;
+  const promise = (async () => {
+    const dto = await safeInvoke('character_get_expression', {
+      fileName,
+      label
+    });
+    if (!dto || !dto.base64 || dto.base64.length < 100) {
+      urlCache.set(key, '');
+      return null;
+    }
+    const url = `data:${dto.mime_type || 'image/png'};base64,${dto.base64}`;
+    urlCache.set(key, url);
+    // If Rust fell back to a different label (sprite missing), also cache
+    // the resolved label so a subsequent call for it short-circuits.
+    if (dto.label && dto.label !== label) {
+      urlCache.set(cacheKey(fileName, dto.label), url);
+    }
+    return url;
+  })();
+  pendingCache.set(key, promise);
+  try {
+    return await promise;
+  } finally {
+    pendingCache.delete(key);
+  }
+}
+/**
+ * Returns the data URL for `(characterFileName, label)` or `null` while the
+ * sprite is loading / when running outside Tauri / when no character is set.
+ *
+ * Re-evaluates whenever either input changes. Cached results resolve in the
+ * same render (no transient `null`).
+ */
+function useCharacterSprite(characterFileName, label) {
+  const key = characterFileName && label ? cacheKey(characterFileName, label) : null;
+  const cachedInitial = key ? urlCache.get(key) ?? null : null;
+  const [src, setSrc] = React.useState(cachedInitial && cachedInitial !== '' ? cachedInitial : null);
+  React.useEffect(() => {
+    if (!characterFileName || !label) {
+      setSrc(null);
+      return;
+    }
+    let alive = true;
+    fetchSprite(characterFileName, label).then(url => {
+      if (alive) setSrc(url);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [characterFileName, label]);
+  return src;
+}
+/**
+ * Clears the sprite cache. Call after `character_refresh` so newly-installed
+ * sprite packs aren't shadowed by stale data URLs.
+ */
+function clearCharacterSpriteCache() {
+  urlCache.clear();
+  pendingCache.clear();
+}export{clearCharacterSpriteCache,useCharacterSprite};//# sourceMappingURL=useCharacterSprite.js.map

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

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

package/lib/components/AIToolbar/utils/emotionClassifier.d.ts

@@ -0,0 +1,19 @@
+export type EmotionLabel = 'admiration' | 'amusement' | 'anger' | 'annoyance' | 'approval' | 'caring' | 'confusion' | 'curiosity' | 'desire' | 'disappointment' | 'disapproval' | 'disgust' | 'embarrassment' | 'excitement' | 'fear' | 'gratitude' | 'grief' | 'joy' | 'love' | 'nervousness' | 'neutral' | 'optimism' | 'pride' | 'realization' | 'relief' | 'remorse' | 'sadness' | 'surprise';
+/** All 28 labels, in the SillyTavern canonical order. */
+export declare const ALL_EMOTIONS: EmotionLabel[];
+/**
+ * Classify a chat-message string into one of the 28 GoEmotions labels.
+ *
+ * Returns `'neutral'` when no rule fires, which is what every sprite pack
+ * uses as the fallback (and what `character_get_expression` falls back to
+ * server-side when the requested sprite is missing).
+ *
+ * @param text - The assistant's message text. Markdown formatting is fine —
+ *               the regexes only care about word content.
+ * @param available - Optional restrict-set: only return labels present here.
+ *                    Useful when the caller knows which sprites the
+ *                    character actually ships and wants to avoid a Tauri
+ *                    round-trip for labels that will fall back anyway.
+ */
+export declare function classifyEmotion(text: string | null | undefined, available?: readonly string[]): EmotionLabel;
+//# sourceMappingURL=emotionClassifier.d.ts.map

package/lib/components/AIToolbar/utils/emotionClassifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotionClassifier.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/utils/emotionClassifier.ts"],"names":[],"mappings":"AAqBA,MAAM,MAAM,YAAY,GAClB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,QAAQ,GACR,gBAAgB,GAChB,aAAa,GACb,SAAS,GACT,eAAe,GACf,YAAY,GACZ,MAAM,GACN,WAAW,GACX,OAAO,GACP,KAAK,GACL,MAAM,GACN,aAAa,GACb,SAAS,GACT,UAAU,GACV,OAAO,GACP,aAAa,GACb,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEjB,yDAAyD;AACzD,eAAO,MAAM,YAAY,EAAE,YAAY,EA6BtC,CAAC;AAgNF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,YAAY,CAuB5G"}

package/lib/components/AIToolbar/utils/emotionClassifier.js

@@ -0,0 +1,142 @@
+// Lightweight emotion classifier for assistant message text.
+//
+// Picks one of the 28 SillyTavern / GoEmotions labels so the AIToolbar can
+// switch the assistant's avatar to the matching expression sprite (see
+// `packages-extensions/seraphina-character-extension/characters/Seraphina/`
+// for the canonical sprite layout: `neutral.png`, `joy.png`, `caring.png`,
+// `surprise.png`, etc.).
+//
+// This is intentionally a heuristic (regex/keyword scoring) — fast, offline,
+// no model dependency — and is the same shape (`text → label`) as a real
+// GoEmotions classifier, so it can be transparently swapped for an ONNX
+// transformer later without touching the call sites.
+//
+// Limitations:
+//   - English only; would need rework for i18n responses.
+//   - Misses subtle nuance (sarcasm, mixed emotions) — picks the *strongest*
+//     signal and never returns more than one label.
+//   - Stage directions in italics ("smiles warmly") count the same as inline
+//     dialogue; that's actually desirable for character-card style replies
+//     where mood lives in the prose.
+/** All 28 labels, in the SillyTavern canonical order. */
+const RULES = [{
+  label: 'joy',
+  patterns: [/\b(happy|happiness|joy(ful)?|delight(ed|ful)?|cheerful|glad)\b/gi, /\b(smile[sd]?|grin(s|ned|ning)?|beam(s|ing|ed)?)\b/gi, /:\)|=\)|<3+/g]
+}, {
+  label: 'amusement',
+  patterns: [/\b(laugh(s|ed|ing|ter)?|chuckle[sd]?|giggle[sd]?|snicker(s|ed|ing)?)\b/gi, /\b(amus(ed|ing|ement)|funny|hilarious|teasing)\b/gi, /\bha+ha+\b/gi, /lol\b/gi]
+}, {
+  label: 'love',
+  patterns: [/\b(i love you|love you|my love|beloved|darling|sweetheart|dearest)\b/gi, /\b(adore[sd]?|cherish(ed|es)?|smitten)\b/gi],
+  weight: 2
+}, {
+  label: 'caring',
+  patterns: [/\b(gentle(ly)?|tender(ly)?|softly|kind(ly|ness)?|warm(ly|th)?|reassuring(ly)?)\b/gi, /\b(comfort(s|ed|ing)?|soothing(ly)?|protect(s|ing|ed)?|nurturing)\b/gi, /\b(are you (ok|okay|alright)|how are you feeling|don'?t worry)\b/gi]
+}, {
+  label: 'admiration',
+  patterns: [/\b(impressive|impressed|brilliant|magnificent|incredible|amazing|remarkable|astonishing|stunning|breathtaking)\b/gi, /\b(well done|great job|so proud of you)\b/gi]
+}, {
+  label: 'approval',
+  patterns: [/\b(approve|agree|exactly|precisely|that'?s right|good idea|sounds good|works for me)\b/gi, /\b(yes,?\s+(of course|absolutely|certainly))/gi]
+}, {
+  label: 'disapproval',
+  patterns: [/\b(disapprove|that'?s wrong|i don'?t agree|i wouldn'?t|shouldn'?t have)\b/gi, /\b(unacceptable|not okay)\b/gi]
+}, {
+  label: 'anger',
+  patterns: [/\b(angry|furious|enraged|seething|livid|outraged)\b/gi, /\b(scowl(s|ed|ing)?|glare[sd]?|snarl(s|ed|ing)?|growl(s|ed|ing)?)\b/gi, /\bhow dare you\b/gi],
+  weight: 2
+}, {
+  label: 'annoyance',
+  patterns: [/\b(annoy(ed|ing|ance)?|irritat(ed|ing|ion)|frustrat(ed|ing|ion))\b/gi, /\b(sigh(s|ed|ing)?|huff(s|ed|ing)?|rolls? (her|his|their) eyes)\b/gi, /\b(ugh|tsk)\b/gi]
+}, {
+  label: 'fear',
+  patterns: [/\b(afraid|scared|terrified|frightened|fearful|horrified)\b/gi, /\b(trembl(es|ed|ing)|shiver(s|ed|ing)?|flinch(es|ed|ing)?)\b/gi, /\b(panic(ked|king)?|dread)\b/gi],
+  weight: 2
+}, {
+  label: 'nervousness',
+  patterns: [/\b(nervous(ly|ness)?|anxious(ly)?|uneasy|jittery|tense(ly)?|on edge)\b/gi, /\b(fidget(s|ed|ing)?|bites? (her|his|their) lip|wrings? (her|his|their) hands)\b/gi]
+}, {
+  label: 'sadness',
+  patterns: [/\b(sad(ness|ly)?|unhappy|sorrow(ful)?|heartbroken|miserable|melancholy|forlorn)\b/gi, /\b(tear(s|ful|y)|crying|weep(s|ing|ed)?|sob(s|bing|bed)?)\b/gi, /:\(/g],
+  weight: 2
+}, {
+  label: 'grief',
+  patterns: [/\b(grief|grieving|mourn(s|ed|ing)?|bereaved|devastated)\b/gi, /\b(loss of|passed away|gone forever)\b/gi],
+  weight: 2
+}, {
+  label: 'remorse',
+  patterns: [/\b(i'?m sorry|i am sorry|my apologies|apologi[sz]e|forgive me|regret(s|ted|ting)?|guilty|guilt)\b/gi, /\b(shouldn'?t have|wish i hadn'?t)\b/gi],
+  weight: 2
+}, {
+  label: 'disappointment',
+  patterns: [/\b(disappointed|disappointing|let down|underwhelm(ed|ing)?|expected (more|better))\b/gi]
+}, {
+  label: 'embarrassment',
+  patterns: [/\b(embarrass(ed|ing|ment)?|flustered|mortified|sheepish(ly)?)\b/gi, /\b(blush(es|ed|ing)?|cheeks (turn|burn|flush))\b/gi]
+}, {
+  label: 'disgust',
+  patterns: [/\b(disgust(ed|ing)?|revolted|repulsed|nauseat(ed|ing)|gross|yuck|ew)\b/gi, /\b(grimace[sd]?|wrinkles? (her|his|their) nose)\b/gi]
+}, {
+  label: 'excitement',
+  patterns: [/\b(excited(ly)?|thrilled|exhilarat(ed|ing)|exhilaration|elated|ecstatic|stoked|pumped)\b/gi, /\b(can'?t wait|bouncing|jumps? up)\b/gi]
+}, {
+  label: 'gratitude',
+  patterns: [/\b(thank you|thanks|thank(ful|fully)?|grateful(ly)?|appreciat(e|ed|ing|ion))\b/gi],
+  weight: 2
+}, {
+  label: 'pride',
+  patterns: [/\b(proud(ly)?|pride)\b/gi, /\b(chin (held )?high|stands? tall)\b/gi]
+}, {
+  label: 'relief',
+  patterns: [/\b(relief|relieved|reliev(es|ed|ing)?)\b/gi, /\b(exhale[sd]? (deeply|slowly)|breathes? out)\b/gi]
+}, {
+  label: 'optimism',
+  patterns: [/\b(hopeful(ly)?|optimist(ic)?|things will (work|turn) out|look(ing)? forward|we'?ll figure)\b/gi]
+}, {
+  label: 'desire',
+  patterns: [/\b(crave[sd]?|yearn(s|ed|ing)?|long(s|ed|ing) for|want(s|ed|ing)? you|need(s|ed|ing)? you)\b/gi, /\b(lean(s|ed|ing)? in close|breathless)\b/gi]
+}, {
+  label: 'curiosity',
+  patterns: [/\b(curious(ly)?|curiosity|intrigu(ed|ing)|wonder(s|ed|ing)? (about|what|why|how))\b/gi, /\btell me more\b/gi]
+}, {
+  label: 'confusion',
+  patterns: [/\b(confus(ed|ing|ion)|puzzl(ed|ing)|baffl(ed|ing)|perplex(ed|ing))\b/gi, /\b(tilts? (her|his|their) head|raises? an eyebrow|i don'?t understand|what do you mean)\b/gi, /\?\?+/g]
+}, {
+  label: 'realization',
+  patterns: [/\b(realiz(es|ed|ing)|realisation|i see now|of course!|that makes sense|finally understand)\b/gi, /\b(aha|eureka)\b/gi]
+}, {
+  label: 'surprise',
+  patterns: [/\b(surpris(ed|ing|e)|astonish(ed|ing)|astounded|shocked|stunned|taken aback)\b/gi, /\b(gasp(s|ed|ing)?|eyes (widen|go wide))\b/gi, /\b(oh!|wha[at]?\?!)/gi]
+}];
+/**
+ * Classify a chat-message string into one of the 28 GoEmotions labels.
+ *
+ * Returns `'neutral'` when no rule fires, which is what every sprite pack
+ * uses as the fallback (and what `character_get_expression` falls back to
+ * server-side when the requested sprite is missing).
+ *
+ * @param text - The assistant's message text. Markdown formatting is fine —
+ *               the regexes only care about word content.
+ * @param available - Optional restrict-set: only return labels present here.
+ *                    Useful when the caller knows which sprites the
+ *                    character actually ships and wants to avoid a Tauri
+ *                    round-trip for labels that will fall back anyway.
+ */
+function classifyEmotion(text, available) {
+  if (!text) return 'neutral';
+  let bestLabel = 'neutral';
+  let bestScore = 0;
+  for (const rule of RULES) {
+    const weight = rule.weight ?? 1;
+    let score = 0;
+    for (const pattern of rule.patterns) {
+      const matches = text.match(pattern);
+      if (matches) score += matches.length * weight;
+    }
+    if (score > bestScore) {
+      bestScore = score;
+      bestLabel = rule.label;
+    }
+  }
+  return bestLabel;
+}export{classifyEmotion};//# sourceMappingURL=emotionClassifier.js.map

package/lib/components/AIToolbar/utils/emotionClassifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotionClassifier.js","sources":["../../../../src/components/AIToolbar/utils/emotionClassifier.ts"],"sourcesContent":[null],"names":[],"mappings":"AAqBA;AA8BA;AACA;AA6OA;;;;;;;;;;;;;AAaG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.56",
+    "version": "12.2.4-alpha.58",
     "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": "61757b2c770347ae8d91008b4d2b366fd363e299"
+    "gitHead": "4cf5febc99804338d85d52ec12787d7bbb661bad"
 }