@linxin666/dsh-pet 0.2.9 → 0.3.1

package/README.i18n.yaml

@@ -2,5 +2,5 @@
 # side as of the last confirmed-consistent state. Both languages carry equal authority;
 # after editing either side, bring the other along and re-record with:
 #   node scripts/verify-docs.mjs --write <dir>
-README.md: b3edd49ede7b31ff40195aec2082088b24255656
-README.zh.md: 1476678e2ed514eeaea69bcf0d77dd7c71a74fe1
+README.md: 02e682f7c14dee40461f177660a3c976fc4bb05d
+README.zh.md: d263d62d64cde1cd14a4e8656646166b944c4c0c

package/README.md

@@ -13,7 +13,7 @@ Re-implemented from the pet feature of the Codex desktop app, as an official DSH
 | Feature | Description |
 |---|---|
 | Multi-pet registry | The host scans built-in `assets/`, the hatch-pet custom pets directory, and composed config entries; each pet is a manifest plus an atlas |
-| Pet selection in settings | The plugin settings card lists every registered pet; switching persists and the sprite swaps immediately |
+| Pet selection in settings | The plugin settings card lists every registered pet (built-in assets plus user directories — the installed set); switching persists and the sprite swaps immediately. The card sits in the first-level Pet settings section |
 | Per-pet naming | Rename from the hover panel; each pet keeps its own name (stored per pet id, migrated from the legacy flat name) |
 | State animation | Official session activity → manifest-defined sequences of 9-state tracks; each track finishes its full duration before the sequence advances and the complete sequence loops |
 | Head-pat interaction | Click the pet → bubble feedback + affinity +1 (10s cooldown) |

package/README.zh.md

@@ -13,7 +13,7 @@
 | 功能 | 说明 |
 |---|---|
 | 多宠物注册表 | 宿主扫描内置 `assets/`、hatch-pet 自定义宠物目录和组合配置条目；每只宠物 = manifest + 图集 |
-| 设置中选择宠物 | 插件设置卡片列出所有已注册宠物；切换即持久化，精灵立即更换 |
+| 设置中选择宠物 | 插件设置卡片列出所有已注册宠物（内置资产 + 用户目录，即已安装集合）；切换即持久化，精灵立即更换。卡片位于一级设置分区「宠物」 |
 | 每只宠物独立命名 | 在悬浮面板改名；每只宠物保存自己的名字（按宠物 id 存储，旧版平铺名字自动迁移） |
 | 状态动画 | 官方会话活动 → manifest 定义的 9 态轨道序列；每条轨道播完自身完整时长后切换，整条序列循环 |
 | 摸头互动 | 点击宠物 → 气泡反馈 + 亲密度 +1（10s 冷却） |

package/lib/client.js

@@ -165,7 +165,7 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region \0dsh-css:packages/dsh-pet/src/client/pet.module.css.mjs
-		const css$2 = ".kz2Bea_float{pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:fixed}.kz2Bea_sprite{image-rendering:auto;touch-action:none;position:relative}.kz2Bea_bubble{white-space:nowrap;color:#f4f7ff;pointer-events:none;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:12px;line-height:1.4;animation:2.6s ease-out forwards kz2Bea_pet-bubble-pop;position:absolute;bottom:100%;box-shadow:0 2px 8px #00000040}.kz2Bea_bubblePet{background:#4d6bfef2}.kz2Bea_bubbleFeed{background:#0369a1f2}.kz2Bea_bubbleStatus{text-overflow:ellipsis;backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36e6,#070b1af0);border:1px solid #7e98ff73;max-width:min(280px,100vw - 24px);padding:5px 12px;animation:.24s ease-out kz2Bea_pet-bubble-in;overflow:hidden;box-shadow:0 4px 12px #02061759,inset 0 1px #e2e8ff1a,0 0 12px #4d6bfe2e}.kz2Bea_bubbleWhisper{letter-spacing:.03em;animation:.32s cubic-bezier(.22,1,.36,1) kz2Bea_pet-whisper-in}.kz2Bea_bubbleWhisper:before{content:\"「\";opacity:.7;margin-right:2px}.kz2Bea_bubbleWhisper:after{content:\"」\";opacity:.7;margin-left:2px}.kz2Bea_bubbleStack{pointer-events:auto;flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;bottom:100%}.kz2Bea_bubbleAnchor{display:inline-flex;position:relative}.kz2Bea_bubbleMore{z-index:1;color:#eef2ff;cursor:pointer;background:linear-gradient(160deg,#4a68f5f2,#2f44b8f2);border:1px solid #7e98ff8c;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;transition:filter .12s;display:inline-flex;position:absolute;top:-9px;right:-10px;box-shadow:0 2px 6px #02061766}.kz2Bea_bubbleMore:hover{filter:brightness(1.15)}.kz2Bea_bubbleMore:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.kz2Bea_bubbleStack .kz2Bea_bubble{pointer-events:auto;margin-bottom:0;position:relative;bottom:auto}.kz2Bea_bubbleClickable{cursor:pointer;font:inherit;text-align:center;appearance:none;transition:filter .12s,box-shadow .12s}.kz2Bea_bubbleClickable:hover{filter:brightness(1.12)}.kz2Bea_bubbleClickable:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@keyframes kz2Bea_pet-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-whisper-in{0%{opacity:0;transform:translateY(8px)scale(.9)}60%{transform:translateY(-1px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-panel-in{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-bubble-pop{0%{opacity:0;transform:translateY(6px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1.05)}25%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.95)}}.kz2Bea_panel{color:#e6ebf8;backdrop-filter:blur(10px);transform-origin:50% 0;background:linear-gradient(165deg,#131c36f2,#070b1af7);border:1px solid #7e98ff4d;border-radius:12px;flex-direction:column;gap:7px;min-width:148px;margin-top:8px;padding:10px 12px;font-size:12px;animation:.2s cubic-bezier(.22,1,.36,1) kz2Bea_pet-panel-in;display:flex;position:absolute;top:100%;box-shadow:0 8px 24px #02061773,0 0 0 1px #4d6bfe1a,inset 0 1px #e2e8ff14}.kz2Bea_panel:after{content:\"\";height:14px;position:absolute;bottom:100%;left:0;right:0}.kz2Bea_panelAbove{transform-origin:50% 100%;margin-top:0;margin-bottom:8px;top:auto;bottom:100%}.kz2Bea_panelAbove:after{top:100%;bottom:auto}.kz2Bea_rankRow{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}.kz2Bea_nameCell{letter-spacing:.02em;background:linear-gradient(90deg,#a9c1ff,#6c8bff 60%,#4d6bfe);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.kz2Bea_statRank{color:#9db4ff;font-weight:600}.kz2Bea_statTreats{color:#7dd3fc;font-weight:600}.kz2Bea_statPoints{color:#fcd34d;font-weight:600}.kz2Bea_renameRow{align-items:center;gap:6px;display:flex}.kz2Bea_nameInput{color:#e6ebf8;background:#131c36e6;border:1px solid #7e98ff80;border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px;font-size:12px}.kz2Bea_nameInput:focus{border-color:#4d6bfe;box-shadow:0 0 0 2px #4d6bfe73}.kz2Bea_actions{gap:6px;display:flex}.kz2Bea_action{cursor:pointer;color:#fff;background:linear-gradient(#4a68f5,#3a55e0);border:none;border-radius:6px;flex:1;padding:4px 8px;font-size:12px;font-weight:600;transition:filter .12s,box-shadow .12s,transform .12s;box-shadow:0 2px 6px #4d6bfe4d}.kz2Bea_action:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 10px #4d6bfe66}.kz2Bea_action:active{filter:brightness(.94);transform:translateY(0);box-shadow:0 1px 4px #4d6bfe4d}.kz2Bea_action:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.kz2Bea_summon{color:#8ea6ff;cursor:pointer;background:#070b1abf;border:1px dashed #7e98ff99;border-radius:999px;padding:2px 10px;font-size:11px;transition:border-color .12s,color .12s,background .12s,box-shadow .12s}.kz2Bea_summon:hover{color:#c3d3ff;background:#070b1ae6;border-color:#7e98fff2}.kz2Bea_summon:active{color:#8ea6ff;border-color:#7e98ffcc}.kz2Bea_summon:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@media (prefers-reduced-motion:reduce){.kz2Bea_bubble,.kz2Bea_bubbleStatus,.kz2Bea_bubbleWhisper,.kz2Bea_panel{opacity:1;animation:none}.kz2Bea_action,.kz2Bea_summon,.kz2Bea_bubbleMore{transition:none}}";
+		const css$2 = ".kz2Bea_float{pointer-events:auto;-webkit-user-select:none;user-select:none;will-change:transform;contain:layout style;flex-direction:column;align-items:center;display:flex;position:fixed}.kz2Bea_sprite{image-rendering:auto;touch-action:none;contain:paint}.kz2Bea_spriteWrap{flex:none;position:relative}.kz2Bea_closeButton{z-index:2;color:#f8fafc;cursor:pointer;touch-action:manipulation;background:#070b1ac7;border:1px solid #e2e8ffb8;border-radius:999px;width:24px;height:24px;padding:0;font:600 18px/20px sans-serif;transition:background .12s,box-shadow .12s;position:absolute;top:4px;right:4px}.kz2Bea_closeButton:hover{background:#2c3e7ef2}.kz2Bea_closeButton:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98fff2}.kz2Bea_bubble{white-space:nowrap;color:#f4f7ff;pointer-events:none;border-radius:999px;margin-bottom:6px;padding:4px 10px;font-size:12px;line-height:1.4;animation:2.6s ease-out forwards kz2Bea_pet-bubble-pop;position:absolute;bottom:100%;box-shadow:0 2px 8px #00000040}.kz2Bea_bubblePet{background:#4d6bfef2}.kz2Bea_bubbleFeed{background:#0369a1f2}.kz2Bea_bubbleStatus{text-overflow:ellipsis;backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36e6,#070b1af0);border:1px solid #7e98ff73;max-width:min(280px,100vw - 24px);padding:5px 12px;animation:.24s ease-out kz2Bea_pet-bubble-in;overflow:hidden;box-shadow:0 4px 12px #02061759,inset 0 1px #e2e8ff1a,0 0 12px #4d6bfe2e}.kz2Bea_bubbleWhisper{letter-spacing:.03em;animation:.32s cubic-bezier(.22,1,.36,1) kz2Bea_pet-whisper-in}.kz2Bea_bubbleWhisper:before{content:\"「\";opacity:.7;margin-right:2px}.kz2Bea_bubbleWhisper:after{content:\"」\";opacity:.7;margin-left:2px}.kz2Bea_bubbleStack{pointer-events:auto;flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;bottom:100%}.kz2Bea_bubbleAnchor{display:inline-flex;position:relative}.kz2Bea_bubbleMore{z-index:1;color:#eef2ff;cursor:pointer;background:linear-gradient(160deg,#4a68f5f2,#2f44b8f2);border:1px solid #7e98ff8c;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;transition:filter .12s;display:inline-flex;position:absolute;top:-9px;right:-10px;box-shadow:0 2px 6px #02061766}.kz2Bea_bubbleMore:hover{filter:brightness(1.15)}.kz2Bea_bubbleMore:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.kz2Bea_bubbleStack .kz2Bea_bubble{pointer-events:auto;margin-bottom:0;position:relative;bottom:auto}.kz2Bea_bubbleClickable{cursor:pointer;font:inherit;text-align:center;appearance:none;transition:filter .12s,box-shadow .12s}.kz2Bea_bubbleClickable:hover{filter:brightness(1.12)}.kz2Bea_bubbleClickable:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@keyframes kz2Bea_pet-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-whisper-in{0%{opacity:0;transform:translateY(8px)scale(.9)}60%{transform:translateY(-1px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-panel-in{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kz2Bea_pet-bubble-pop{0%{opacity:0;transform:translateY(6px)scale(.85)}15%{opacity:1;transform:translateY(0)scale(1.05)}25%{transform:translateY(0)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.95)}}.kz2Bea_panel{color:#e6ebf8;backdrop-filter:blur(10px);transform-origin:50% 0;background:linear-gradient(165deg,#131c36f2,#070b1af7);border:1px solid #7e98ff4d;border-radius:12px;flex-direction:column;gap:7px;min-width:148px;margin-top:8px;padding:10px 12px;font-size:12px;animation:.2s cubic-bezier(.22,1,.36,1) kz2Bea_pet-panel-in;display:flex;position:absolute;top:100%;box-shadow:0 8px 24px #02061773,0 0 0 1px #4d6bfe1a,inset 0 1px #e2e8ff14}.kz2Bea_panel:after{content:\"\";height:14px;position:absolute;bottom:100%;left:0;right:0}.kz2Bea_panelAbove{transform-origin:50% 100%;margin-top:0;margin-bottom:8px;top:auto;bottom:100%}.kz2Bea_panelAbove:after{top:100%;bottom:auto}.kz2Bea_rankRow{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}.kz2Bea_nameCell{letter-spacing:.02em;background:linear-gradient(90deg,#a9c1ff,#6c8bff 60%,#4d6bfe);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.kz2Bea_statRank{color:#9db4ff;font-weight:600}.kz2Bea_statTreats{color:#7dd3fc;font-weight:600}.kz2Bea_statPoints{color:#fcd34d;font-weight:600}.kz2Bea_renameRow{align-items:center;gap:6px;display:flex}.kz2Bea_nameInput{color:#e6ebf8;background:#131c36e6;border:1px solid #7e98ff80;border-radius:6px;outline:none;flex:1;min-width:0;padding:3px 6px;font-size:12px}.kz2Bea_nameInput:focus{border-color:#4d6bfe;box-shadow:0 0 0 2px #4d6bfe73}.kz2Bea_actions{gap:6px;display:flex}.kz2Bea_action{cursor:pointer;color:#fff;background:linear-gradient(#4a68f5,#3a55e0);border:none;border-radius:6px;flex:1;padding:4px 8px;font-size:12px;font-weight:600;transition:filter .12s,box-shadow .12s,transform .12s;box-shadow:0 2px 6px #4d6bfe4d}.kz2Bea_action:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 10px #4d6bfe66}.kz2Bea_action:active{filter:brightness(.94);transform:translateY(0);box-shadow:0 1px 4px #4d6bfe4d}.kz2Bea_action:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.kz2Bea_summon{color:#8ea6ff;cursor:pointer;background:#070b1abf;border:1px dashed #7e98ff99;border-radius:999px;padding:2px 10px;font-size:11px;transition:border-color .12s,color .12s,background .12s,box-shadow .12s}.kz2Bea_summon:hover{color:#c3d3ff;background:#070b1ae6;border-color:#7e98fff2}.kz2Bea_summon:active{color:#8ea6ff;border-color:#7e98ffcc}.kz2Bea_summon:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@media (prefers-reduced-motion:reduce){.kz2Bea_bubble,.kz2Bea_bubbleStatus,.kz2Bea_bubbleWhisper,.kz2Bea_panel{opacity:1;animation:none}.kz2Bea_action,.kz2Bea_summon,.kz2Bea_bubbleMore,.kz2Bea_closeButton{transition:none}}";
 		const tagId$2 = "@linxin666/dsh-pet/pet.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
@@ -186,6 +186,7 @@ window.__ModuleLoader__.load({
 			"bubbleStack": "kz2Bea_bubbleStack",
 			"bubbleStatus": "kz2Bea_bubbleStatus",
 			"bubbleWhisper": "kz2Bea_bubbleWhisper",
+			"closeButton": "kz2Bea_closeButton",
 			"float": "kz2Bea_float",
 			"nameCell": "kz2Bea_nameCell",
 			"nameInput": "kz2Bea_nameInput",
@@ -198,6 +199,7 @@ window.__ModuleLoader__.load({
 			"rankRow": "kz2Bea_rankRow",
 			"renameRow": "kz2Bea_renameRow",
 			"sprite": "kz2Bea_sprite",
+			"spriteWrap": "kz2Bea_spriteWrap",
 			"statPoints": "kz2Bea_statPoints",
 			"statRank": "kz2Bea_statRank",
 			"statTreats": "kz2Bea_statTreats",
@@ -370,7 +372,8 @@ window.__ModuleLoader__.load({
 				const track = trimTrack(tracks[leadAnimation], rows[row] ?? tracks[leadAnimation].frames.length);
 				const leadCol = track.frames[0];
 				const lead = framePosition(cell, row, leadCol, scaleRef.current);
-				if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = lead.x + "px " + lead.y + "px";
+				let lastPosStr = lead.x + "px " + lead.y + "px";
+				if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = lastPosStr;
 				if (reduceMotion) return;
 				let raf = 0;
 				let last = performance.now();
@@ -384,7 +387,11 @@ window.__ModuleLoader__.load({
 						const currentRow = rowOfTrack(current.animation);
 						const col = trimTrack(tracks[current.animation], rows[currentRow] ?? tracks[current.animation].frames.length).frames[current.frameIndex];
 						const pos = framePosition(cell, currentRow, col, scaleRef.current);
-						if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = pos.x + "px " + pos.y + "px";
+						const posStr = pos.x + "px " + pos.y + "px";
+						if (posStr !== lastPosStr) {
+							lastPosStr = posStr;
+							if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = posStr;
+						}
 						raf = requestAnimationFrame(tick);
 						return;
 					}
@@ -406,7 +413,11 @@ window.__ModuleLoader__.load({
 					} else st.index = maxIndex;
 					const col = track.frames[st.index];
 					const pos = framePosition(cell, row, col, scaleRef.current);
-					if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = pos.x + "px " + pos.y + "px";
+					const posStr = pos.x + "px " + pos.y + "px";
+					if (posStr !== lastPosStr) {
+						lastPosStr = posStr;
+						if (spriteRef.current !== null) spriteRef.current.style.backgroundPosition = posStr;
+					}
 					raf = requestAnimationFrame(tick);
 				};
 				raf = requestAnimationFrame(tick);
@@ -535,30 +546,51 @@ window.__ModuleLoader__.load({
 					hideTimerRef.current = window.setTimeout(() => setHovered(false), 300);
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						ref: spriteRef,
-						className: pet_module_css_default.sprite,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: pet_module_css_default.spriteWrap,
 						style: {
 							width: spriteWidth,
-							height: spriteHeight,
-							...props.visual === void 0 ? {
-								backgroundImage: imageReady ? "url(" + definition.atlasUrl + ")" : void 0,
-								backgroundSize: cell.width * columns * spriteScale + "px " + cell.height * (definition.atlasRows ?? rows.length) * spriteScale + "px",
-								backgroundRepeat: "no-repeat",
-								backgroundPosition: "0 0"
-							} : {},
-							cursor: dragRef.current === null ? "grab" : "grabbing"
+							height: spriteHeight
 						},
-						onPointerDown,
-						onPointerMove,
-						onPointerUp,
-						onClick: () => {
-							if (draggedRef.current) return;
-							props.onPet();
-						},
-						role: "button",
-						"aria-label": definition.displayName,
-						children: props.visual
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							ref: spriteRef,
+							className: pet_module_css_default.sprite,
+							style: {
+								width: spriteWidth,
+								height: spriteHeight,
+								...props.visual === void 0 ? {
+									backgroundImage: imageReady ? "url(" + definition.atlasUrl + ")" : void 0,
+									backgroundSize: cell.width * columns * spriteScale + "px " + cell.height * (definition.atlasRows ?? rows.length) * spriteScale + "px",
+									backgroundRepeat: "no-repeat",
+									backgroundPosition: "0 0"
+								} : {},
+								cursor: dragRef.current === null ? "grab" : "grabbing"
+							},
+							onPointerDown,
+							onPointerMove,
+							onPointerUp,
+							onClick: () => {
+								if (draggedRef.current) return;
+								props.onPet();
+							},
+							role: "button",
+							"aria-label": definition.displayName,
+							children: props.visual
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: pet_module_css_default.closeButton,
+							"aria-label": panelLabel("hide", props.t("pet.hide")),
+							title: panelLabel("hide", props.t("pet.hide")),
+							"data-testid": "pet-close",
+							onPointerDown: (e) => {
+								e.stopPropagation();
+							},
+							onClick: (e) => {
+								e.stopPropagation();
+								props.onHide();
+							},
+							children: "×"
+						})]
 					}),
 					feedback !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						ref: bubbleRef,
@@ -2063,7 +2095,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:packages/dsh-pet/src/client/settings-section.module.css.mjs
-		const css = ".t0P0pa_sectionList{margin:0;padding:0;list-style:none}.t0P0pa_diagnostics{border:1px dashed var(--dsw-alias-border-l2);color:var(--dsw-alias-label-dimmed);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.t0P0pa_diagnosticsTitle{color:var(--dsw-alias-label);margin-bottom:4px;font-weight:600;display:block}.t0P0pa_diagnostics ul{margin:0;padding-left:16px}.t0P0pa_diagnostics li[data-level=error]{color:var(--dsw-alias-error,#c04848)}";
+		const css = ".t0P0pa_sectionList{margin:0;padding:0;list-style:none}.t0P0pa_diagnostics{border:1px dashed var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.t0P0pa_diagnosticsTitle{color:var(--dsw-alias-label-primary);margin-bottom:4px;font-weight:600;display:block}.t0P0pa_diagnostics ul{margin:0;padding-left:16px}.t0P0pa_diagnostics li[data-level=error]{color:var(--dsw-alias-label-error,#c04848)}";
 		const tagId = "@linxin666/dsh-pet/settings-section.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
@@ -2100,6 +2132,9 @@ window.__ModuleLoader__.load({
 			diagnostics = [];
 			loaded = false;
 			attempts = 0;
+			disposed = false;
+			/** Pending deferred-load or retry timer; cancelled by dispose(). */
+			pendingTimer;
 			/** @param scope - the bound settings scope for the 'pet' namespace. */
 			constructor(scope) {
 				this.form = new CardForm(scope, [
@@ -2112,7 +2147,9 @@ window.__ModuleLoader__.load({
 					choiceField("petId", this.petChoices)
 				]);
 				this.store = this.form.bind(() => this.projection());
-				window.setTimeout(() => {
+				this.pendingTimer = window.setTimeout(() => {
+					this.pendingTimer = void 0;
+					if (this.disposed) return;
 					this.loadPets();
 					this.loadDiagnostics();
 				}, 0);
@@ -2121,6 +2158,7 @@ window.__ModuleLoader__.load({
 			async loadDiagnostics() {
 				try {
 					this.diagnostics = await fetchPetDiagnostics();
+					if (this.disposed) return;
 					this.store.set(this.projection());
 				} catch {
 					this.diagnostics = [];
@@ -2128,16 +2166,20 @@ window.__ModuleLoader__.load({
 			}
 			/** Resolve the registry choices once (retried a few times on failure). */
 			async loadPets() {
-				if (this.loaded) return;
+				if (this.loaded || this.disposed) return;
 				try {
 					const list = await fetchPetChoices();
+					if (this.disposed) return;
 					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 {
+					if (this.disposed) return;
 					this.attempts += 1;
-					if (this.attempts < 3) window.setTimeout(() => {
+					if (this.attempts < 3) this.pendingTimer = window.setTimeout(() => {
+						this.pendingTimer = void 0;
+						if (this.disposed) return;
 						this.loadPets();
 					}, 3e3);
 				}
@@ -2170,10 +2212,16 @@ window.__ModuleLoader__.load({
 				};
 			}
 			/**
-			* Release the card's scope subscription and bound stores; the slot
-			* disposer calls this on teardown.
+			* Release the card's scope subscription, bound stores and pending load
+			* timers; the slot disposer calls this on teardown.
 			*/
 			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				if (this.pendingTimer !== void 0) {
+					window.clearTimeout(this.pendingTimer);
+					this.pendingTimer = void 0;
+				}
 				this.form.dispose();
 			}
 		};
@@ -2507,10 +2555,16 @@ window.__ModuleLoader__.load({
 		* @param ctx - client root context.
 		*/
 		function apply(ctx) {
-			ctx.effect(() => ctx.locale.register("pet", {
-				zh,
-				en
-			}), "pet: dictionaries");
+			ctx.effect(() => {
+				try {
+					return ctx.locale.register("pet", {
+						zh,
+						en
+					});
+				} catch {
+					return () => {};
+				}
+			}, "pet: dictionaries");
 			defaultPetRendererRegistry.register(live2dRenderer);
 			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: PET_SETTINGS_NS });
 			const enabled = () => {
@@ -2519,18 +2573,22 @@ window.__ModuleLoader__.load({
 			};
 			const petSettings = new PetSettingsCardController(settingsScope);
 			ctx.slots.inject("settings.section", () => {
-				const unregister = ctx.slots.register({
-					name: "settings.section",
-					id: "pet",
-					order: 130,
-					label: () => ctx.locale.bind("pet")("settings.title"),
-					locale: "pet",
-					inject: () => petSettings.inject()
-				}, PetSettingsSection);
-				return () => {
-					petSettings.dispose();
-					unregister();
-				};
+				try {
+					const unregister = ctx.slots.register({
+						name: "settings.section",
+						id: "pet",
+						order: 130,
+						label: () => ctx.locale.bind("pet")("settings.title"),
+						locale: "pet",
+						inject: () => petSettings.inject()
+					}, PetSettingsSection);
+					return () => {
+						unregister();
+						petSettings.dispose();
+					};
+				} catch {
+					return () => {};
+				}
 			});
 			let disposeUi;
 			let clearUiTeardown;