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

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,4CAyTA,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",

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":"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

@@ -1,6 +1,6 @@
 import*as React from'react';// 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();
@@ -72,32 +126,132 @@ function useActiveCharacter() {
     }).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":"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/package.json

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