@linxin666/dsh-pet 0.1.15 → 0.1.16

package/lib/types/client/PetDockEntry.d.ts

@@ -1,11 +1,13 @@
 /**
  * Global floating pet entry. The pet is host-global (its state, display and
- * interactions live on `/api/pet/*` endpoints with no session dimension), so
+ * interactions live on '/api/pet/*' endpoints with no session dimension), so
  * it must not ride a session-scoped slot — on the new-conversation screen no
  * session exists to scope a slot by, and the pet would vanish (issue #48).
- * The client half therefore mounts this entry straight onto `document.body`
- * (see index.ts): while visible it renders the floating WhalePet (a portal),
- * while hidden it renders a fixed-position summon button.
+ * The client half therefore mounts this entry straight onto 'document.body'
+ * (see index.ts): while visible it renders the floating PetSprite (a
+ * portal), while hidden it renders a fixed-position summon button. Which
+ * sprite renders is decided by the host snapshot's pet id resolved against
+ * the registry list — no per-pet component exists.
  * @module @linxin666/dsh-pet/client/PetDockEntry
  */
 import { type ReactElement } from 'react';
@@ -14,21 +16,21 @@ import type { PetStoreInstance } from './pet-store.ts';
 import { NS } from './locales.ts';
 /** Injected actions handed to the dock entry component. */
 export interface PetInjected {
-    /** The app-wide pet store instance (snapshot + feedback). */
+    /** The app-wide pet store instance (snapshot + registry list + feedback). */
     store: PetStoreInstance;
-    /** Ensure the first snapshot is fetched (called on mount). */
+    /** Ensure the first snapshot (and registry list) is fetched (called on mount). */
     ensure: () => void;
-    /** Pet the whale girl (click). */
+    /** Pet the sprite (click). */
     pet: () => void;
-    /** Feed the whale girl. */
+    /** Feed the sprite. */
     feed: () => void;
-    /** Hide the whale girl. */
+    /** Hide the sprite. */
     hide: () => void;
-    /** Summon the hidden whale girl back. */
+    /** Summon the hidden sprite back. */
     summon: () => void;
     /** Persist a drag position. */
     dragEnd: (right: number, bottom: number) => void;
-    /** Rename the pet (persisted by the host). */
+    /** Rename the selected pet (persisted by the host). */
     rename: (name: string) => void;
     /** Clear the reaction bubble. */
     feedbackDone: () => void;
@@ -36,7 +38,7 @@ export interface PetInjected {
 /** Composed props of the global pet entry (locale + injected; no slot runtime share). */
 export type PetDockEntryProps = PetInjected & PropsLocale<typeof NS>;
 /**
- * Dock entry: while the pet is visible, mount the floating WhalePet (it
+ * Dock entry: while the pet is visible, mount the floating PetSprite (it
  * portals itself onto document.body); while hidden, render the summon
  * button so the pet can always come back. The store is the plugin-owned
  * single instance — the slot system provides none because the pet is

package/lib/types/client/PetDockEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PetDockEntry.d.ts","sourceRoot":"","sources":["../../../src/client/PetDockEntry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAmC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAGjC,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,6DAA6D;IAC7D,KAAK,EAAE,gBAAgB,CAAA;IACvB,8DAA8D;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,kCAAkC;IAClC,GAAG,EAAE,MAAM,IAAI,CAAA;IACf,2BAA2B;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,yCAAyC;IACzC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,+BAA+B;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,8CAA8C;IAC9C,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iCAAiC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,yFAAyF;AACzF,MAAM,MAAM,iBAAiB,GAC3B,WAAW,GACT,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAI1B;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CA8CnE"}
+{"version":3,"file":"PetDockEntry.d.ts","sourceRoot":"","sources":["../../../src/client/PetDockEntry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAmC,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAGjC,2DAA2D;AAC3D,MAAM,WAAW,WAAW;IAC1B,6EAA6E;IAC7E,KAAK,EAAE,gBAAgB,CAAA;IACvB,kFAAkF;IAClF,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8BAA8B;IAC9B,GAAG,EAAE,MAAM,IAAI,CAAA;IACf,uBAAuB;IACvB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,uBAAuB;IACvB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,qCAAqC;IACrC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,+BAA+B;IAC/B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,uDAAuD;IACvD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iCAAiC;IACjC,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,yFAAyF;AACzF,MAAM,MAAM,iBAAiB,GAC3B,WAAW,GACT,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;AAI1B;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAoDnE"}

package/lib/types/client/PetDockEntry.js

@@ -1,20 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Global floating pet entry. The pet is host-global (its state, display and
- * interactions live on `/api/pet/*` endpoints with no session dimension), so
+ * interactions live on '/api/pet/*' endpoints with no session dimension), so
  * it must not ride a session-scoped slot — on the new-conversation screen no
  * session exists to scope a slot by, and the pet would vanish (issue #48).
- * The client half therefore mounts this entry straight onto `document.body`
- * (see index.ts): while visible it renders the floating WhalePet (a portal),
- * while hidden it renders a fixed-position summon button.
+ * The client half therefore mounts this entry straight onto 'document.body'
+ * (see index.ts): while visible it renders the floating PetSprite (a
+ * portal), while hidden it renders a fixed-position summon button. Which
+ * sprite renders is decided by the host snapshot's pet id resolved against
+ * the registry list — no per-pet component exists.
  * @module @linxin666/dsh-pet/client/PetDockEntry
  */
 import { useEffect, useSyncExternalStore } from 'react';
-import { WhalePet } from "./WhalePet.js";
+import { PetSprite } from "./PetSprite.js";
 import styles from './pet.module.css';
 const DEFAULT_DISPLAY = { visible: true, size: 160, right: 24, bottom: 20 };
 /**
- * Dock entry: while the pet is visible, mount the floating WhalePet (it
+ * Dock entry: while the pet is visible, mount the floating PetSprite (it
  * portals itself onto document.body); while hidden, render the summon
  * button so the pet can always come back. The store is the plugin-owned
  * single instance — the slot system provides none because the pet is
@@ -25,12 +27,15 @@ export function PetDockEntry(props) {
     const ui = useSyncExternalStore(store.subscribe, store.getSnapshot);
     const snapshot = ui.snapshot;
     const feedback = ui.feedback;
+    const definition = ui.pets.find(entry => entry.id === snapshot?.pet.id) ?? null;
     const visible = snapshot?.display.visible ?? true;
     useEffect(() => {
         ensure();
     }, [ensure]);
     if (visible) {
-        return (_jsx("span", { "data-pet-dock": true, "data-testid": "pet-dock", children: _jsx(WhalePet, { snapshot: snapshot, display: snapshot?.display ?? DEFAULT_DISPLAY, feedback: feedback, onPet: props.pet, onFeed: props.feed, onHide: props.hide, onDragEnd: props.dragEnd, onRename: props.rename, onFeedbackDone: props.feedbackDone, t: props.t }) }));
+        return (_jsx("span", { "data-pet-dock": true, "data-testid": "pet-dock", children: snapshot === null || definition === null
+                ? null
+                : (_jsx(PetSprite, { snapshot: snapshot, definition: definition, display: snapshot.display, feedback: feedback, onPet: props.pet, onFeed: props.feed, onHide: props.hide, onDragEnd: props.dragEnd, onRename: props.rename, onFeedbackDone: props.feedbackDone, t: props.t })) }));
     }
     const display = snapshot?.display ?? DEFAULT_DISPLAY;
     return (_jsx("button", { type: "button", className: styles.summon, style: {
@@ -38,5 +43,5 @@ export function PetDockEntry(props) {
             right: display.right,
             bottom: display.bottom,
             zIndex: 2147483000,
-        }, onClick: props.summon, "data-testid": "pet-summon", children: props.t('pet.summon', { name: snapshot?.name ?? '鲸鱼娘' }) }));
+        }, onClick: props.summon, "data-testid": "pet-summon", children: props.t('pet.summon', { name: snapshot?.name ?? '' }) }));
 }

package/lib/types/client/PetSettingsCard.d.ts

@@ -1,7 +1,9 @@
 /**
- * The pet settings card: display layout and name, bound to the `pet` settings
- * namespace the host plugin registers. Registered into the
- * `settings.plugin.item` slot the plugin-configuration section renders.
+ * The pet settings card: pet selection plus display layout, bound to the
+ * 'pet' settings namespace the host plugin registers. Registered into the
+ * 'web-ui.plugin.item' slot the plugin-configuration section renders. The
+ * petId choices come from the registry endpoint ('/api/pet/pets') — the same
+ * list the sprite renders from — so the card carries no per-pet knowledge.
  */
 import type { InjectFace, PropsLocale, PropsRuntime } from '@deepseek-ai/dsh-client-ui-slots';
 import type { SettingsScope, SnapshotStore } from '@deepseek-ai/dsh-client-runtime/client';
@@ -18,8 +20,8 @@ export interface PetSettings {
     right?: number;
     /** Vertical inset from the viewport bottom edge, px. */
     bottom?: number;
-    /** User-customizable pet display name. */
-    name?: string;
+    /** Selected pet id (a registry entry). */
+    petId?: string;
 }
 /** What the pet settings card renders. */
 export interface PetSettingsCardState extends CardShell {
@@ -33,8 +35,13 @@ export interface PetSettingsCardState extends CardShell {
     right: CardFieldState;
     /** Bottom inset. */
     bottom: CardFieldState;
-    /** Pet name. */
-    name: CardFieldState;
+    /** Selected pet. */
+    petId: CardFieldState;
+    /** Pet choices (registry ids + display names), loaded from the host. */
+    petChoices: readonly {
+        value: string;
+        label: string;
+    }[];
 }
 /** The registration-side face the card's slot entry injects. */
 export interface PetSettingsCardFace extends CardActions {
@@ -43,12 +50,18 @@ export interface PetSettingsCardFace extends CardActions {
         petSettingsCard: SnapshotStore<PetSettingsCardState>;
     };
 }
-/** Bridges the `pet` scope onto the card's staged form. */
+/** Bridges the 'pet' scope onto the card's staged form. */
 export declare class PetSettingsCardController {
     private readonly form;
     private readonly store;
-    /** @param scope - the bound settings scope for the `pet` namespace. */
+    private readonly petChoices;
+    private readonly petLabels;
+    private loaded;
+    private attempts;
+    /** @param scope - the bound settings scope for the 'pet' namespace. */
     constructor(scope: SettingsScope<PetSettings>);
+    /** Resolve the registry choices once (retried a few times on failure). */
+    private loadPets;
     private projection;
     /**
      * Build the face the card's slot registration injects.

package/lib/types/client/PetSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PetSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/client/PetSettingsCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAE1F,OAAO,EAAkD,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAExJ,+EAA+E;AAC/E,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,0CAA0C;AAC1C,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,4BAA4B;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,qBAAqB;IACrB,OAAO,EAAE,cAAc,CAAA;IACvB,iBAAiB;IACjB,IAAI,EAAE,cAAc,CAAA;IACpB,mBAAmB;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,oBAAoB;IACpB,MAAM,EAAE,cAAc,CAAA;IACtB,gBAAgB;IAChB,IAAI,EAAE,cAAc,CAAA;CACrB;AAED,gEAAgE;AAChE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,KAAK,EAAE;QACL,iEAAiE;QACjE,eAAe,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAA;KACrD,CAAA;CACF;AAED,2DAA2D;AAC3D,qBAAa,yBAAyB;IACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuB;IAC5C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqC;IAE3D,uEAAuE;gBAC3D,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;IAY7C,OAAO,CAAC,UAAU;IAYlB;;;OAGG;IACH,MAAM,IAAI,mBAAmB;CAG9B;AAED,0DAA0D;AAC1D,MAAM,MAAM,oBAAoB,GAC9B,YAAY,CAAC,oBAAoB,CAAC,GAChC,WAAW,CAAC,KAAK,CAAC,GAClB,UAAU,CAAC,mBAAmB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAoF1D"}
+{"version":3,"file":"PetSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/client/PetSettingsCard.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAA;AAE1F,OAAO,EAAoD,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAE1J,+EAA+E;AAC/E,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,0CAA0C;AAC1C,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,4BAA4B;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,qBAAqB;IACrB,OAAO,EAAE,cAAc,CAAA;IACvB,iBAAiB;IACjB,IAAI,EAAE,cAAc,CAAA;IACpB,mBAAmB;IACnB,KAAK,EAAE,cAAc,CAAA;IACrB,oBAAoB;IACpB,MAAM,EAAE,cAAc,CAAA;IACtB,oBAAoB;IACpB,KAAK,EAAE,cAAc,CAAA;IACrB,wEAAwE;IACxE,UAAU,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CACxD;AAED,gEAAgE;AAChE,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,KAAK,EAAE;QACL,iEAAiE;QACjE,eAAe,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAA;KACrD,CAAA;CACF;AAeD,2DAA2D;AAC3D,qBAAa,yBAAyB;IACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuB;IAC5C,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAqC;IAI3D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAe;IAC1C,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA4B;IACtD,OAAO,CAAC,MAAM,CAAQ;IACtB,OAAO,CAAC,QAAQ,CAAI;IAEpB,uEAAuE;gBAC3D,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;IAa7C,0EAA0E;YAC5D,QAAQ;IAgBtB,OAAO,CAAC,UAAU;IAalB;;;OAGG;IACH,MAAM,IAAI,mBAAmB;CAG9B;AAED,0DAA0D;AAC1D,MAAM,MAAM,oBAAoB,GAC9B,YAAY,CAAC,oBAAoB,CAAC,GAChC,WAAW,CAAC,KAAK,CAAC,GAClB,UAAU,CAAC,mBAAmB,CAAC,CAAA;AAEnC;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAsF1D"}

package/lib/types/client/PetSettingsCard.js

@@ -1,11 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PluginSettingsCard, ValueField, BooleanField } from "./PluginSettingsCard.js";
-import { CardForm, booleanField, numberField, textField } from "./settings-form.js";
-/** Bridges the `pet` scope onto the card's staged form. */
+import { PluginSettingsCard, ValueField, BooleanField, ChoiceField } from "./PluginSettingsCard.js";
+import { CardForm, booleanField, choiceField, numberField } from "./settings-form.js";
+/** Fetch the registry list (the same data the sprite renders from). */
+async function fetchPetChoices() {
+    const response = await fetch('/api/pet/pets');
+    if (!response.ok)
+        throw new Error('pet pets failed: ' + response.status);
+    return (await response.json());
+}
+/** Bridges the 'pet' scope onto the card's staged form. */
 export class PetSettingsCardController {
     form;
     store;
-    /** @param scope - the bound settings scope for the `pet` namespace. */
+    // The choice list rides a mutable array shared with the choiceField spec,
+    // so loading the registry re-validates and re-formats the petId field
+    // without rebuilding the form.
+    petChoices = [];
+    petLabels = new Map();
+    loaded = false;
+    attempts = 0;
+    /** @param scope - the bound settings scope for the 'pet' namespace. */
     constructor(scope) {
         this.form = new CardForm(scope, [
             booleanField('enabled'),
@@ -13,9 +27,29 @@ export class PetSettingsCardController {
             numberField('size'),
             numberField('right'),
             numberField('bottom'),
-            textField('name'),
+            choiceField('petId', this.petChoices),
         ]);
         this.store = this.form.bind(() => this.projection());
+        void this.loadPets();
+    }
+    /** Resolve the registry choices once (retried a few times on failure). */
+    async loadPets() {
+        if (this.loaded)
+            return;
+        try {
+            const list = await fetchPetChoices();
+            this.petChoices.splice(0, this.petChoices.length, ...list.map(choice => choice.id));
+            for (const choice of list)
+                this.petLabels.set(choice.id, choice.displayName);
+            this.loaded = true;
+            this.store.set(this.projection());
+        }
+        catch {
+            this.attempts += 1;
+            if (this.attempts < 3) {
+                window.setTimeout(() => { void this.loadPets(); }, 3000);
+            }
+        }
     }
     projection() {
         return {
@@ -25,7 +59,8 @@ export class PetSettingsCardController {
             size: this.form.field('size'),
             right: this.form.field('right'),
             bottom: this.form.field('bottom'),
-            name: this.form.field('name'),
+            petId: this.form.field('petId'),
+            petChoices: this.petChoices.map(id => ({ value: id, label: this.petLabels.get(id) ?? id })),
         };
     }
     /**
@@ -51,5 +86,5 @@ export function PetSettingsCard(props) {
         invalidLabel: t('settings.invalidNumber'),
         disabled,
     };
-    return (_jsxs(PluginSettingsCard, { t: t, titleKey: "settings.title", descriptionKey: "settings.description", state: state, onSave: props.save, onDiscard: props.discard, children: [_jsx(BooleanField, { id: "settings-pet-enabled", label: t('settings.enabled'), hint: t('settings.enabledHint'), inheritLabel: t('settings.inherit'), onLabel: t('settings.on'), offLabel: t('settings.off'), ...fieldProps, ...state.enabled, onEdit: (text) => { props.edit('enabled', text); }, onReset: () => { props.resetField('enabled'); } }), _jsx(BooleanField, { id: "settings-pet-visible", label: t('settings.visible'), hint: t('settings.visibleHint'), inheritLabel: t('settings.inherit'), onLabel: t('settings.on'), offLabel: t('settings.off'), ...fieldProps, ...state.visible, onEdit: (text) => { props.edit('visible', text); }, onReset: () => { props.resetField('visible'); } }), _jsx(ValueField, { id: "settings-pet-size", label: t('settings.size'), hint: t('settings.sizeHint'), numeric: true, ...fieldProps, ...state.size, onEdit: (text) => { props.edit('size', text); }, onReset: () => { props.resetField('size'); } }), _jsx(ValueField, { id: "settings-pet-right", label: t('settings.right'), hint: t('settings.rightHint'), numeric: true, ...fieldProps, ...state.right, onEdit: (text) => { props.edit('right', text); }, onReset: () => { props.resetField('right'); } }), _jsx(ValueField, { id: "settings-pet-bottom", label: t('settings.bottom'), hint: t('settings.bottomHint'), numeric: true, ...fieldProps, ...state.bottom, onEdit: (text) => { props.edit('bottom', text); }, onReset: () => { props.resetField('bottom'); } }), _jsx(ValueField, { id: "settings-pet-name", label: t('settings.name'), hint: t('settings.nameHint'), ...fieldProps, ...state.name, onEdit: (text) => { props.edit('name', text); }, onReset: () => { props.resetField('name'); } })] }));
+    return (_jsxs(PluginSettingsCard, { t: t, titleKey: "settings.title", descriptionKey: "settings.description", state: state, onSave: props.save, onDiscard: props.discard, children: [_jsx(BooleanField, { id: "settings-pet-enabled", label: t('settings.enabled'), hint: t('settings.enabledHint'), inheritLabel: t('settings.inherit'), onLabel: t('settings.on'), offLabel: t('settings.off'), ...fieldProps, ...state.enabled, onEdit: (text) => { props.edit('enabled', text); }, onReset: () => { props.resetField('enabled'); } }), _jsx(ChoiceField, { id: "settings-pet-pet", label: t('settings.pet'), hint: t('settings.petHint'), inheritLabel: t('settings.inherit'), ...fieldProps, ...state.petId, choices: state.petChoices, onEdit: (text) => { props.edit('petId', text); }, onReset: () => { props.resetField('petId'); } }), _jsx(BooleanField, { id: "settings-pet-visible", label: t('settings.visible'), hint: t('settings.visibleHint'), inheritLabel: t('settings.inherit'), onLabel: t('settings.on'), offLabel: t('settings.off'), ...fieldProps, ...state.visible, onEdit: (text) => { props.edit('visible', text); }, onReset: () => { props.resetField('visible'); } }), _jsx(ValueField, { id: "settings-pet-size", label: t('settings.size'), hint: t('settings.sizeHint'), numeric: true, ...fieldProps, ...state.size, onEdit: (text) => { props.edit('size', text); }, onReset: () => { props.resetField('size'); } }), _jsx(ValueField, { id: "settings-pet-right", label: t('settings.right'), hint: t('settings.rightHint'), numeric: true, ...fieldProps, ...state.right, onEdit: (text) => { props.edit('right', text); }, onReset: () => { props.resetField('right'); } }), _jsx(ValueField, { id: "settings-pet-bottom", label: t('settings.bottom'), hint: t('settings.bottomHint'), numeric: true, ...fieldProps, ...state.bottom, onEdit: (text) => { props.edit('bottom', text); }, onReset: () => { props.resetField('bottom'); } })] }));
 }

package/lib/types/client/{WhalePet.d.ts → PetSprite.d.ts}

@@ -1,38 +1,39 @@
 /**
- * Whale-girl companion component — the browser half's centerpiece. Renders a
+ * Pet sprite companion component — the browser half's centerpiece. Renders a
  * fixed-position floating sprite (React portal onto document.body), plays
- * the spritesheet track matching the host animation snapshot, and exposes
- * the interaction surface: click to pet, hover panel with feed/hide, drag to
- * reposition (persisted via setConfig).
- * @module @linxin666/dsh-pet/client/WhalePet
+ * the track matching the host animation snapshot, and exposes the
+ * interaction surface: click to pet, hover panel with feed/rename/hide, drag
+ * to reposition (persisted via setConfig). Everything visual comes from the
+ * pet definition the host serves ('/api/pet/pets' + the state snapshot's
+ * pet id), so one component renders every registry entry.
+ * @module @linxin666/dsh-pet/client/PetSprite
  */
 import type { ReactPortal } from 'react';
 import type { TranslateNS } from '@deepseek-ai/dsh-client-ui-slots';
 import type { PetDisplayConfig } from '../persist.ts';
 import type { PetStateView } from '../service.ts';
+import type { PetDefinition } from '../registry.ts';
 import type { PetFeedback } from './pet-store.ts';
 import { NS } from './locales.ts';
-/** Browser URL of the whale-girl atlas (served by the host half's own route). */
-export declare const PET_SPRITESHEET_URL = "/pet/whale/spritesheet.webp";
-/** Browser URL of the whale-girl manifest (authoritative per-row frame counts). */
-export declare const PET_MANIFEST_URL = "/pet/whale/pet.json";
-/** Props injected by the slot registration (store actions + locale). */
-export interface WhalePetProps {
+/** Props injected by the plugin apply body (store actions + locale). */
+export interface PetSpriteProps {
     /** Latest host snapshot; null while loading. */
     snapshot: PetStateView | null;
+    /** The selected pet's registry definition (atlas URL + geometry + tracks). */
+    definition: PetDefinition;
     /** Display configuration (persisted by the host). */
     display: PetDisplayConfig;
     /** Active reaction bubble, if any. */
     feedback: PetFeedback | null;
-    /** Pet the whale girl (click). */
+    /** Pet the sprite (click). */
     onPet: () => void;
-    /** Feed the whale girl (panel button). */
+    /** Feed the sprite (panel button). */
     onFeed: () => void;
-    /** Hide the whale girl (panel button). */
+    /** Hide the sprite (panel button). */
     onHide: () => void;
     /** Persist a drag position. */
     onDragEnd: (right: number, bottom: number) => void;
-    /** Rename the pet (persisted by the host). */
+    /** Rename the selected pet (persisted by the host). */
     onRename: (name: string) => void;
     /** Clear the reaction bubble (after its CSS animation). */
     onFeedbackDone: () => void;
@@ -41,9 +42,9 @@ export interface WhalePetProps {
 }
 /**
  * The floating pet. The spritesheet frame advances on requestAnimationFrame
- * with per-frame durations from TRACKS; the atlas image is loaded once and
- * the background position is written straight to the sprite element (no
- * per-frame React state).
+ * with per-frame durations from the definition's tracks; the atlas image is
+ * loaded once and the background position is written straight to the sprite
+ * element (no per-frame React state).
  */
-export declare function WhalePet(props: WhalePetProps): ReactPortal;
-//# sourceMappingURL=WhalePet.d.ts.map
+export declare function PetSprite(props: PetSpriteProps): ReactPortal;
+//# sourceMappingURL=PetSprite.d.ts.map

package/lib/types/client/PetSprite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PetSprite.d.ts","sourceRoot":"","sources":["../../../src/client/PetSprite.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAqC,WAAW,EAAE,MAAM,OAAO,CAAA;AAG3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AACnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAGjD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAGjC,wEAAwE;AACxE,MAAM,WAAW,cAAc;IAC7B,gDAAgD;IAChD,QAAQ,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,8EAA8E;IAC9E,UAAU,EAAE,aAAa,CAAA;IACzB,qDAAqD;IACrD,OAAO,EAAE,gBAAgB,CAAA;IACzB,sCAAsC;IACtC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAA;IAC5B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,sCAAsC;IACtC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,+BAA+B;IAC/B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,uDAAuD;IACvD,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,2DAA2D;IAC3D,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,+CAA+C;IAC/C,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC,CAAA;CAC1B;AAOD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,WAAW,CAuS5D"}

package/lib/types/client/{WhalePet.js → PetSprite.js}

@@ -1,36 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * Whale-girl companion component — the browser half's centerpiece. Renders a
+ * Pet sprite companion component — the browser half's centerpiece. Renders a
  * fixed-position floating sprite (React portal onto document.body), plays
- * the spritesheet track matching the host animation snapshot, and exposes
- * the interaction surface: click to pet, hover panel with feed/hide, drag to
- * reposition (persisted via setConfig).
- * @module @linxin666/dsh-pet/client/WhalePet
+ * the track matching the host animation snapshot, and exposes the
+ * interaction surface: click to pet, hover panel with feed/rename/hide, drag
+ * to reposition (persisted via setConfig). Everything visual comes from the
+ * pet definition the host serves ('/api/pet/pets' + the state snapshot's
+ * pet id), so one component renders every registry entry.
+ * @module @linxin666/dsh-pet/client/PetSprite
  */
 import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { framePosition, FRAME_WIDTH, FRAME_HEIGHT, FRAME_COLUMNS, TRACKS, rowOfTrack, trimTrack, detectFrameCounts } from "./spritesheet.js";
+import clsx from 'clsx';
+import { framePosition, rowOfTrack, trimTrack } from "./spritesheet.js";
 import styles from './pet.module.css';
-/** Browser URL of the whale-girl atlas (served by the host half's own route). */
-export const PET_SPRITESHEET_URL = '/pet/whale/spritesheet.webp';
-/** Browser URL of the whale-girl manifest (authoritative per-row frame counts). */
-export const PET_MANIFEST_URL = '/pet/whale/pet.json';
 /** Clamp a drag offset inside the viewport with a margin. */
 function clampOffset(value, max) {
     return Math.max(0, Math.min(max, value));
 }
 /**
  * The floating pet. The spritesheet frame advances on requestAnimationFrame
- * with per-frame durations from TRACKS; the atlas image is loaded once and
- * the background position is written straight to the sprite element (no
- * per-frame React state).
+ * with per-frame durations from the definition's tracks; the atlas image is
+ * loaded once and the background position is written straight to the sprite
+ * element (no per-frame React state).
  */
-export function WhalePet(props) {
-    const { snapshot, display, feedback } = props;
+export function PetSprite(props) {
+    const { snapshot, definition, display, feedback } = props;
     const spriteRef = useRef(null);
     const floatRef = useRef(null);
     const [imageReady, setImageReady] = useState(false);
-    const [frameCounts, setFrameCounts] = useState(null);
     const [hovered, setHovered] = useState(false);
     const [renaming, setRenaming] = useState(false);
     const [nameDraft, setNameDraft] = useState('');
@@ -42,66 +40,46 @@ export function WhalePet(props) {
         index: 0,
         elapsed: 0,
     });
-    // Load the atlas once; then resolve per-row frame counts so tracks never
-    // play the transparent trailing cells of a short row. One decoded Image
-    // feeds both the sprite render and the frame-count detection. The counts
-    // prefer the authoritatively recorded `frames` field on the pet.json
-    // manifest route and only fall back to the getImageData atlas scan when
-    // that field is absent (older manifests).
+    const cell = definition.cell;
+    const columns = definition.columns;
+    const rows = definition.rows;
+    const tracks = definition.tracks;
+    // Load the atlas once; the definition carries the authoritative per-row
+    // frame counts and per-track durations, so nothing else is fetched.
     useEffect(() => {
         let cancelled = false;
         const img = new Image();
         img.onload = () => {
-            if (cancelled)
-                return;
-            setImageReady(true);
-            fetch(PET_MANIFEST_URL)
-                .then((res) => (res.ok ? res.json() : Promise.resolve({})))
-                .then((manifest) => {
-                if (cancelled)
-                    return;
-                const frames = manifest.frames;
-                if (Array.isArray(frames) && frames.length === 9 && frames.every((n) => typeof n === 'number')) {
-                    setFrameCounts(frames);
-                }
-                else {
-                    setFrameCounts(detectFrameCounts(img));
-                }
-            })
-                .catch(() => {
-                if (!cancelled)
-                    setFrameCounts(detectFrameCounts(img));
-            });
+            if (!cancelled)
+                setImageReady(true);
         };
-        img.src = PET_SPRITESHEET_URL;
+        img.src = definition.atlasUrl;
         return () => {
             cancelled = true;
             img.onload = null;
         };
-    }, []);
+    }, [definition.atlasUrl]);
     // Frame loop: advance the current track and write background-position.
     // Offsets must be in SCALED coordinates (background-position applies to the
     // scaled background image), so the current sprite scale rides a ref that
     // the loop reads every tick. Under prefers-reduced-motion the sprite holds
     // its track's first frame instead of animating (presentation-only; the
     // animation state machine is untouched).
-    const spriteScale = display.size / FRAME_HEIGHT;
+    const spriteScale = display.size / cell.height;
     const animation = snapshot?.animation ?? 'idle';
     const scaleRef = useRef(spriteScale);
     scaleRef.current = spriteScale;
     useEffect(() => {
         const reduceMotion = typeof window !== 'undefined'
             && window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches === true;
+        const row = rowOfTrack(animation);
+        const track = trimTrack(tracks[animation], rows[row] ?? tracks[animation].frames.length);
         // Paint one static sprite frame up front either way, so the pet is never
         // blank while the loop heat-up runs.
-        const row = rowOfTrack(animation);
-        const track = frameCounts === null
-            ? TRACKS[animation]
-            : trimTrack(TRACKS[animation], frameCounts[row] ?? TRACKS[animation].frames.length);
         const leadCol = track.frames[0];
-        const lead = framePosition(row, leadCol, scaleRef.current);
+        const lead = framePosition(cell, columns, row, leadCol, scaleRef.current);
         if (spriteRef.current !== null) {
-            spriteRef.current.style.backgroundPosition = `${lead.x}px ${lead.y}px`;
+            spriteRef.current.style.backgroundPosition = lead.x + 'px ' + lead.y + 'px';
         }
         if (reduceMotion)
             return;
@@ -113,9 +91,7 @@ export function WhalePet(props) {
             // Trim the track to the row's real frame count (transparent cells
             // would render as a vanishing pet).
             const row = rowOfTrack(animation);
-            const track = frameCounts === null
-                ? TRACKS[animation]
-                : trimTrack(TRACKS[animation], frameCounts[row] ?? TRACKS[animation].frames.length);
+            const track = trimTrack(tracks[animation], rows[row] ?? tracks[animation].frames.length);
             const st = frameRef.current;
             if (st.track !== animation) {
                 st.track = animation;
@@ -138,17 +114,17 @@ export function WhalePet(props) {
                 }
             }
             const col = track.frames[st.index];
-            const { x, y } = framePosition(row, col, scaleRef.current);
+            const pos = framePosition(cell, columns, row, col, scaleRef.current);
             if (spriteRef.current !== null) {
-                spriteRef.current.style.backgroundPosition = `${x}px ${y}px`;
+                spriteRef.current.style.backgroundPosition = pos.x + 'px ' + pos.y + 'px';
             }
             raf = requestAnimationFrame(tick);
         };
         raf = requestAnimationFrame(tick);
         return () => cancelAnimationFrame(raf);
-    }, [animation, frameCounts]);
+    }, [animation, cell, columns, rows, tracks]);
     // Auto-clear the feedback bubble after its CSS animation. The callback
-    // rides a ref so re-renders never reset the timer: the 800ms poll rebuilds
+    // rides a ref so re-renders never reset the timer: the 2s poll rebuilds
     // `props` every tick, and depending on it would starve the timeout.
     const feedbackDoneRef = useRef(props.onFeedbackDone);
     feedbackDoneRef.current = props.onFeedbackDone;
@@ -160,7 +136,7 @@ export function WhalePet(props) {
     }, [feedback]);
     // Dragging: pointer events on the sprite; position is right/bottom based.
     // `draggedRef` records whether the pointer actually moved, so the browser's
-    // trailing click (fired after pointerup) does not pet the whale.
+    // trailing click (fired after pointerup) does not pet the sprite.
     const draggedRef = useRef(false);
     const clearHideTimer = () => {
         if (hideTimerRef.current !== null) {
@@ -196,9 +172,10 @@ export function WhalePet(props) {
             props.onDragEnd(dragPos.right, dragPos.bottom);
     };
     const pos = dragPos ?? { right: display.right, bottom: display.bottom };
-    const spriteWidth = Math.round(FRAME_WIDTH * spriteScale);
-    const spriteHeight = Math.round(FRAME_HEIGHT * spriteScale);
+    const spriteWidth = Math.round(cell.width * spriteScale);
+    const spriteHeight = Math.round(cell.height * spriteScale);
     const statusBubble = feedback === null && !hovered ? snapshot?.bubble : undefined;
+    const displayName = snapshot?.name ?? definition.displayName;
     const float = (_jsxs("div", { ref: floatRef, className: styles.float, style: { right: pos.right, bottom: pos.bottom, zIndex: 2147483000 }, onPointerEnter: () => {
             clearHideTimer();
             setHovered(true);
@@ -208,7 +185,7 @@ export function WhalePet(props) {
             // container. Treat a target still inside the container's DOM (the
             // overflowed panel) as "still hovering"; otherwise give the pointer a
             // short grace period to reach the panel across the gap above it. The
-            // bridge (`.panel::after`) keeps the pointer inside the hit area, and
+            // bridge ('.panel::after') keeps the pointer inside the hit area, and
             // the grace period covers a slow mouse crossing the remaining sliver.
             const next = e.relatedTarget;
             if (next instanceof Node && floatRef.current?.contains(next))
@@ -218,8 +195,8 @@ export function WhalePet(props) {
         }, children: [_jsx("div", { ref: spriteRef, className: styles.sprite, style: {
                     width: spriteWidth,
                     height: spriteHeight,
-                    backgroundImage: imageReady ? `url(${PET_SPRITESHEET_URL})` : undefined,
-                    backgroundSize: `${FRAME_WIDTH * FRAME_COLUMNS * spriteScale}px ${FRAME_HEIGHT * 9 * spriteScale}px`,
+                    backgroundImage: imageReady ? 'url(' + definition.atlasUrl + ')' : undefined,
+                    backgroundSize: (cell.width * columns * spriteScale) + 'px ' + (cell.height * rows.length * spriteScale) + 'px',
                     backgroundRepeat: 'no-repeat',
                     backgroundPosition: '0 0',
                     cursor: dragRef.current === null ? 'grab' : 'grabbing',
@@ -229,7 +206,7 @@ export function WhalePet(props) {
                     if (draggedRef.current)
                         return;
                     props.onPet();
-                }, role: "button", "aria-label": "whale girl" }), feedback !== null && (_jsx("div", { className: `${styles.bubble} ${feedback.kind === 'feed' ? styles.bubbleFeed : styles.bubblePet}`, children: feedback.text }, feedback.at)), statusBubble !== undefined && (_jsx("div", { className: `${styles.bubble} ${styles.bubbleStatus}`, role: "status", "aria-live": "polite", children: statusBubble })), hovered && dragRef.current === null && (_jsx("div", { className: styles.panel, onPointerEnter: () => {
+                }, role: "button", "aria-label": definition.displayName }), feedback !== null && (_jsx("div", { className: clsx(styles.bubble, feedback.kind === 'feed' ? styles.bubbleFeed : styles.bubblePet), children: feedback.text }, feedback.at)), statusBubble !== undefined && (_jsx("div", { className: clsx(styles.bubble, styles.bubbleStatus), role: "status", "aria-live": "polite", children: statusBubble })), hovered && dragRef.current === null && (_jsx("div", { className: styles.panel, onPointerEnter: () => {
                     // Reaching the panel (or its bridge) must cancel any hide timer
                     // the container's pointerleave may have armed while the pointer
                     // crossed the sliver between the sprite and the panel.
@@ -257,8 +234,8 @@ export function WhalePet(props) {
                                     props.onRename(trimmed);
                                     setRenaming(false);
                                 }
-                            }, children: props.t('pet.confirm') })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.rankRow, children: [_jsx("span", { className: styles.nameCell, children: snapshot?.name ?? '鲸鱼娘' }), _jsx("span", { children: props.t('pet.rank', { rank: snapshot?.affinity.rank ?? '?' }) })] }), _jsxs("div", { className: styles.rankRow, children: [_jsx("span", { children: props.t('pet.treats', { n: snapshot?.treats.stocked ?? 0 }) }), _jsx("span", { children: props.t('pet.points', { points: snapshot?.affinity.points ?? 0 }) })] }), _jsxs("div", { className: styles.actions, children: [_jsx("button", { type: "button", className: styles.action, onClick: props.onFeed, children: props.t('pet.feed') }), _jsx("button", { type: "button", className: styles.action, onClick: () => {
-                                        setNameDraft(snapshot?.name ?? '');
+                            }, children: props.t('pet.confirm') })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.rankRow, children: [_jsx("span", { className: styles.nameCell, children: displayName }), _jsx("span", { children: props.t('pet.rank', { rank: snapshot?.affinity.rank ?? '?' }) })] }), _jsxs("div", { className: styles.rankRow, children: [_jsx("span", { children: props.t('pet.treats', { n: snapshot?.treats.stocked ?? 0 }) }), _jsx("span", { children: props.t('pet.points', { points: snapshot?.affinity.points ?? 0 }) })] }), _jsxs("div", { className: styles.actions, children: [_jsx("button", { type: "button", className: styles.action, onClick: props.onFeed, children: props.t('pet.feed') }), _jsx("button", { type: "button", className: styles.action, onClick: () => {
+                                        setNameDraft(displayName);
                                         setRenaming(true);
                                     }, children: props.t('pet.rename') }), _jsx("button", { type: "button", className: styles.action, onClick: props.onHide, children: props.t('pet.hide') })] })] })) }))] }));
     return createPortal(float, document.body);

package/lib/types/client/PluginSettingsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PluginSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/client/PluginSettingsCard.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAGnD,oGAAoG;AACpG,eAAO,MAAM,cAAc,kMAUjB,CAAA;AAEV,6CAA6C;AAC7C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,oEAAoE;AACpE,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,GAAG,WAAW,CAAA;AAE9E,wDAAwD;AACxD,MAAM,WAAW,uBAAuB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACnE,0CAA0C;IAC1C,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAA;IACnF,uCAAuC;IACvC,QAAQ,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,cAAc,EAAE,IAAI,CAAA;IACpB,kFAAkF;IAClF,KAAK,EAAE,SAAS,CAAA;IAChB,+BAA+B;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,uBAAuB,CAAC,IAAI,CAAC,sCA2GpG;AAED,oEAAoE;AACpE,MAAM,WAAW,UAAU;IACzB,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,UAAU,EAAE,OAAO,CAAA;IACnB,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAA;IAChB,qCAAqC;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,QAAQ,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,oEAAoE;IACpE,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,kHAAkH;AAClH,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG;IAC7C,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,+BAqCA;AAED,0CAA0C;AAC1C,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG;IAC/C,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB,+BAmCA;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG;IAC9C,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,OAAO,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACzD,+BAsCA"}
+{"version":3,"file":"PluginSettingsCard.d.ts","sourceRoot":"","sources":["../../../src/client/PluginSettingsCard.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAGnD,oGAAoG;AACpG,eAAO,MAAM,cAAc,kMAUjB,CAAA;AAEV,6CAA6C;AAC7C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,oEAAoE;AACpE,MAAM,MAAM,eAAe,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,GAAG,WAAW,CAAA;AAE9E,wDAAwD;AACxD,MAAM,WAAW,uBAAuB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM;IACnE,0CAA0C;IAC1C,CAAC,EAAE,CAAC,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,CAAA;IACnF,uCAAuC;IACvC,QAAQ,EAAE,IAAI,CAAA;IACd,4EAA4E;IAC5E,cAAc,EAAE,IAAI,CAAA;IACpB,kFAAkF;IAClF,KAAK,EAAE,SAAS,CAAA;IAChB,+BAA+B;IAC/B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8BAA8B;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,6BAA6B;IAC7B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,uBAAuB,CAAC,IAAI,CAAC,sCAiHpG;AAED,oEAAoE;AACpE,MAAM,WAAW,UAAU;IACzB,wDAAwD;IACxD,EAAE,EAAE,MAAM,CAAA;IACV,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,sEAAsE;IACtE,UAAU,EAAE,OAAO,CAAA;IACnB,6DAA6D;IAC7D,OAAO,EAAE,OAAO,CAAA;IAChB,qCAAqC;IACrC,eAAe,EAAE,MAAM,CAAA;IACvB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,kEAAkE;IAClE,YAAY,EAAE,MAAM,CAAA;IACpB,gFAAgF;IAChF,QAAQ,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,oEAAoE;IACpE,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,kHAAkH;AAClH,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG;IAC7C,yEAAyE;IACzE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,+BAqCA;AAED,0CAA0C;AAC1C,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG;IAC/C,mCAAmC;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAA;CACjB,+BAmCA;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,KAAK,EAAE,UAAU,GAAG;IAC9C,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,OAAO,EAAE,aAAa,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACzD,+BAsCA"}

package/lib/types/client/PluginSettingsCard.js

@@ -46,7 +46,9 @@ export function PluginSettingsCard(props) {
                     : null] }));
     }
     return (_jsxs("li", { className: cardClass, children: [_jsxs("button", { type: "button", className: css.header, "aria-expanded": open, "aria-label": `${props.t(open ? 'settings.collapse' : 'settings.expand')}: ${title}`, onClick: () => { setOpen(!open); }, children: [_jsxs("span", { className: css.headText, children: [_jsx("span", { className: css.name, title: title, children: title }), _jsx("span", { className: css.description, title: description, children: description })] }), state.dirty ? _jsx("span", { className: css.pending, title: props.t('settings.unsaved'), children: props.t('settings.unsaved') }) : null, _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: open ? `${css.chevron} ${css.chevronOpen}` : css.chevron, children: _jsx("path", { d: "M11.8486 5.5L11.4238 5.92383L8.69727 8.65137C8.44157 8.90706 8.21562 9.13382 8.01172 9.29785C7.79912 9.46883 7.55595 9.61756 7.25 9.66602C7.08435 9.69222 6.91565 9.69222 6.75 9.66602C6.44405 9.61756 6.20088 9.46883 5.98828 9.29785C5.78438 9.13382 5.55843 8.90706 5.30273 8.65137L2.57617 5.92383L2.15137 5.5L3 4.65137L3.42383 5.07617L6.15137 7.80273C6.42595 8.07732 6.59876 8.24849 6.74023 8.3623C6.87291 8.46904 6.92272 8.47813 6.9375 8.48047C6.97895 8.48703 7.02105 8.48703 7.0625 8.48047C7.07728 8.47813 7.12709 8.46904 7.25977 8.3623C7.40124 8.24849 7.57405 8.07732 7.84863 7.80273L10.5762 5.07617L11 4.65137L11.8486 5.5Z", fill: "currentColor" }) })] }), open
-                ? (_jsxs("div", { className: css.body, children: [!state.writable ? _jsx("p", { className: css.readOnly, role: "status", children: props.t('settings.readOnly') }) : null, props.children, _jsxs("div", { className: css.footer, children: [state.failed ? _jsx("p", { className: css.failed, role: "status", children: props.t('settings.saveFailed') }) : null, _jsx("button", { type: "button", className: css.discard, disabled: !state.dirty || state.saving, onClick: props.onDiscard, children: props.t('settings.discard') }), _jsx("button", { type: "button", className: css.save, disabled: blocked, onClick: props.onSave, children: props.t(!state.saving ? 'settings.save' : 'settings.saving') })] })] }))
+                ? (_jsxs("div", { className: css.body, children: [!state.writable ? _jsx("p", { className: css.readOnly, role: "status", children: props.t('settings.readOnly') }) : null, props.children, _jsxs("div", { className: css.footer, children: [state.failed
+                                    ? (_jsxs("p", { className: css.failed, role: "status", children: [props.t('settings.saveFailed'), state.failedReason ? ' - ' + state.failedReason : ''] }))
+                                    : null, _jsx("button", { type: "button", className: css.discard, disabled: !state.dirty || state.saving, onClick: props.onDiscard, children: props.t('settings.discard') }), _jsx("button", { type: "button", className: css.save, disabled: blocked, onClick: props.onSave, children: props.t(!state.saving ? 'settings.save' : 'settings.saving') })] })] }))
                 : null] }));
 }
 /** A staged value field. `numeric` only hints the keypad: which drafts a field accepts is decided by its spec. */