@linxin666/dsh-pet 0.2.4 → 0.2.6

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: a0adc3fe2cb2767a8e372ed32cec6e8f7bb74660
-README.zh.md: e048ab6aece36283648b95ceddf705b3c6783f7e
+README.md: 5b33a914b3a373385771a4526c5129ca91dd71db
+README.zh.md: 4ce92ac1d90ca1a667edc058996ddc9dd7504584

package/README.md

@@ -288,7 +288,7 @@ The two built-in whale-girl atlases use the same 9-state × 8-column contract: `
 
 ## Security model
 
-- All pet API and asset routes are fenced to loopback clients.
+- Every `/api/pet/*` and `/pet/<id>/*` route is loopback-only by default (the shared plugin-family fence: loopback socket + Host header + browser same-origin markers): unpaired LAN clients get `403 forbidden: loopback-only` before any pet state or atlas is served. When `dsh-remote-web-ui` is also loaded, a live paired-device cookie is an additional allow path (the same cookie `api/gate` already checks); unpaired and revoked devices stay 403. The pet does not depend on the remote plugin.
 - Asset serving resolves both the pet directory and the candidate file through `realpath`; symlink escapes are refused (403). Files are size-capped before being read into memory (manifest 64 KB, imagery 20 MB; over-cap answers 413).
 - Live2D models are served by closure: only the manifest, the declared primary assets, and the files the `.model3.json` references (each screened against traversal, absolute and URL forms).
 - The plugin never downloads executables and never bundles the Live2D Cubism Core.

package/README.zh.md

@@ -288,7 +288,7 @@ pnpm typecheck    # 仅类型检查
 
 ## 安全模型
 
-- 全部宠物 API 与资产路由仅服务回环客户端。
+- 全部 `/api/pet/*` 与 `/pet/<id>/*` 路由默认仅限 loopback（插件家族共享围栏：loopback 套接字 + Host 头 + 浏览器同源标记）：未配对的局域网客户端在任何宠物状态或图集下发前即收到 `403 forbidden: loopback-only`。同时装了 `dsh-remote-web-ui` 时，有效的已配对设备 cookie 是额外放行路径（与 `api/gate` 检查同一枚 cookie）；未配对与已撤销设备仍 403。宠物插件不硬依赖远程插件。
 - 资产服务对宠物目录与目标文件双双做 `realpath` 解析；symlink 越界一律拒绝（403）。文件读入内存前按类限大小（清单 64 KB、图像 20 MB；超限 413）。
 - Live2D 模型按闭包放行：仅清单、声明的主资产与 `.model3.json` 引用到的文件（引用先经穿越/绝对路径/URL 形态筛查）。
 - 插件从不下载可执行文件，也从不内置 Live2D Cubism Core。

package/lib/client.js

@@ -244,7 +244,7 @@ window.__ModuleLoader__.load({
 				const position = (index) => -index * frameWidth + "px 0px";
 				const reduceMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === true;
 				el.style.backgroundPosition = position(segment.from);
-				if (reduceMotion) return;
+				if (reduceMotion || segment.from === segment.to) return;
 				let raf = 0;
 				let index = segment.from;
 				let elapsed = 0;
@@ -258,8 +258,8 @@ window.__ModuleLoader__.load({
 						elapsed = 0;
 						if (index < segment.to) index += 1;
 						else if (decoration.loop) index = segment.from;
+						el.style.backgroundPosition = position(index);
 					}
-					el.style.backgroundPosition = position(index);
 					if (!decoration.loop && index === segment.to) return;
 					raf = requestAnimationFrame(tick);
 				};
@@ -789,6 +789,7 @@ window.__ModuleLoader__.load({
 			const downRef = (0, react.useRef)(null);
 			const [error, setError] = (0, react.useState)(null);
 			(0, react.useEffect)(() => {
+				setError(null);
 				const container = containerRef.current;
 				const live2d = props.definition.live2d;
 				if (container === null || live2d === void 0) return void 0;
@@ -1019,6 +1020,25 @@ window.__ModuleLoader__.load({
 		* downsampled atlas only when the effective on-screen scale warrants it.
 		*/
 		const TEXTURE_OPTIONS = { lod: "single-auto" };
+		/** Recursively release the activation without invalidating shared texture caches. */
+		const DESTROY_OPTIONS = { children: true };
+		/** Remove only this activation's canvas; `true` would release Pixi globals. */
+		const RENDERER_DESTROY_OPTIONS = { removeView: true };
+		/** Ignore hidden/zero boxes and keep Pixi dimensions stable and integral. */
+		function normalizeRendererSize(width, height) {
+			if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return void 0;
+			return {
+				width: Math.max(1, Math.round(width)),
+				height: Math.max(1, Math.round(height))
+			};
+		}
+		/** Fit the model from its unscaled dimensions into the current Pixi screen. */
+		function layoutModel(app, model, sourceSize, config) {
+			const fit = Math.min(app.renderer.width / sourceSize.width, app.renderer.height / sourceSize.height) * .92;
+			model.scale.set(fit * (config.scale ?? 1));
+			model.anchor.set(.5);
+			model.position.set(app.renderer.width / 2 + (config.translate?.x ?? 0), app.renderer.height / 2 + (config.translate?.y ?? 0));
+		}
 		let vendorConfigured = false;
 		/** Configure pixi extensions + the Cubism SDK once per page. */
 		function configureOnce(vendor) {
@@ -1045,11 +1065,56 @@ window.__ModuleLoader__.load({
 				let disposed = false;
 				let app;
 				let model;
+				let modelAttached = false;
+				let modelSourceSize;
+				let resizeObserver;
+				let resizeTracking = false;
 				let errorListener;
 				let unsubscribe;
 				/** The motion group the current phase maps to (resume target after taps). */
 				let phaseGroup = config.motions.idle;
 				let tapPlaying = false;
+				const stopResizeTracking = () => {
+					resizeTracking = false;
+					resizeObserver?.disconnect();
+					resizeObserver = void 0;
+				};
+				const resizeRenderer = (pixiApp, width, height) => {
+					const next = normalizeRendererSize(width, height);
+					if (disposed || !resizeTracking || next === void 0) return;
+					if (pixiApp.renderer.width === next.width && pixiApp.renderer.height === next.height) return;
+					pixiApp.renderer.resize(next.width, next.height);
+					if (model !== void 0 && modelSourceSize !== void 0) layoutModel(pixiApp, model, modelSourceSize, config);
+				};
+				const trackContainerSize = (pixiApp) => {
+					if (typeof ResizeObserver === "undefined") return;
+					resizeTracking = true;
+					resizeObserver = new ResizeObserver((entries) => {
+						const entry = entries.find((candidate) => candidate.target === ctx.container);
+						if (entry === void 0) return;
+						resizeRenderer(pixiApp, entry.contentRect.width, entry.contentRect.height);
+					});
+					resizeObserver.observe(ctx.container);
+					resizeRenderer(pixiApp, ctx.container.clientWidth, ctx.container.clientHeight);
+				};
+				/** Release every resource currently owned by this activation exactly once. */
+				const destroyResources = () => {
+					stopResizeTracking();
+					unsubscribe?.();
+					unsubscribe = void 0;
+					const currentApp = app;
+					const currentModel = model;
+					const modelOwnedByApp = currentApp !== void 0 && modelAttached;
+					app = void 0;
+					model = void 0;
+					modelSourceSize = void 0;
+					modelAttached = false;
+					try {
+						if (currentModel !== void 0 && !modelOwnedByApp) currentModel.destroy(DESTROY_OPTIONS);
+					} finally {
+						currentApp?.destroy(RENDERER_DESTROY_OPTIONS, DESTROY_OPTIONS);
+					}
+				};
 				const playGroup = (group) => {
 					if (model === void 0) return;
 					const groups = model.internalModel.settings.motions ?? {};
@@ -1079,38 +1144,54 @@ window.__ModuleLoader__.load({
 					}
 					configureOnce(vendor);
 					const pixiApp = new vendor.Application();
-					await pixiApp.init({
-						width: Math.max(1, ctx.container.clientWidth || 160),
-						height: Math.max(1, ctx.container.clientHeight || 174),
-						backgroundAlpha: 0,
-						antialias: true,
-						autoDensity: true,
-						preference: "webgl"
-					});
+					const initialSize = normalizeRendererSize(ctx.container.clientWidth, ctx.container.clientHeight) ?? {
+						width: 160,
+						height: 174
+					};
+					try {
+						await pixiApp.init({
+							width: initialSize.width,
+							height: initialSize.height,
+							backgroundAlpha: 0,
+							antialias: true,
+							autoDensity: true,
+							preference: "webgl"
+						});
+					} catch (error) {
+						try {
+							pixiApp.destroy(RENDERER_DESTROY_OPTIONS, DESTROY_OPTIONS);
+						} catch {}
+						throw error;
+					}
 					if (disposed) {
-						pixiApp.destroy(true, { children: true });
+						pixiApp.destroy(RENDERER_DESTROY_OPTIONS, DESTROY_OPTIONS);
 						return;
 					}
+					app = pixiApp;
 					pixiApp.canvas.style.display = "block";
 					pixiApp.canvas.style.width = "100%";
 					pixiApp.canvas.style.height = "100%";
 					ctx.container.appendChild(pixiApp.canvas);
+					trackContainerSize(pixiApp);
 					const loaded = await vendor.Live2DModel.from(config.modelUrl, {
+						autoUpdate: false,
 						autoHitTest: false,
 						autoFocus: false,
 						textureOptions: TEXTURE_OPTIONS
 					});
+					model = loaded;
 					if (disposed) {
-						pixiApp.destroy(true, { children: true });
+						destroyResources();
 						return;
 					}
-					app = pixiApp;
-					model = loaded;
-					const fit = Math.min(pixiApp.renderer.width / Math.max(1, loaded.width), pixiApp.renderer.height / Math.max(1, loaded.height)) * .92;
-					loaded.scale.set(fit * (config.scale ?? 1));
-					loaded.anchor.set(.5);
-					loaded.position.set(pixiApp.renderer.width / 2 + (config.translate?.x ?? 0), pixiApp.renderer.height / 2 + (config.translate?.y ?? 0));
+					modelSourceSize = {
+						width: Math.max(1, loaded.width),
+						height: Math.max(1, loaded.height)
+					};
+					layoutModel(pixiApp, loaded, modelSourceSize, config);
 					pixiApp.stage.addChild(loaded);
+					modelAttached = true;
+					loaded.automator.autoUpdate = true;
 					loaded.on("motionFinish", () => {
 						if (tapPlaying) {
 							tapPlaying = false;
@@ -1121,18 +1202,17 @@ window.__ModuleLoader__.load({
 					unsubscribe = ctx.phase.subscribe(applyPhase);
 				};
 				boot().catch(() => {
-					if (!disposed) errorListener?.("load-failed");
+					try {
+						destroyResources();
+					} finally {
+						if (!disposed) errorListener?.("load-failed");
+					}
 				});
 				return {
 					dispose() {
 						if (disposed) return;
 						disposed = true;
-						unsubscribe?.();
-						model = void 0;
-						if (app !== void 0) {
-							app.destroy(true, { children: true });
-							app = void 0;
-						}
+						destroyResources();
 					},
 					tap(x, y) {
 						const current = model;
@@ -1154,7 +1234,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:packages/dsh-pet/src/client/settings-card.module.css.mjs
-		const css$1 = ".kKk9aW_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.kKk9aW_card:hover{border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.kKk9aW_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.kKk9aW_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.kKk9aW_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kKk9aW_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.kKk9aW_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.kKk9aW_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.kKk9aW_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.kKk9aW_chevronOpen{transform:rotate(180deg)}.kKk9aW_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.kKk9aW_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.kKk9aW_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.kKk9aW_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.kKk9aW_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.kKk9aW_discard,.kKk9aW_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.kKk9aW_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.kKk9aW_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.kKk9aW_discard:disabled,.kKk9aW_save:disabled{opacity:.4;cursor:default}.kKk9aW_discard:focus-visible,.kKk9aW_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.kKk9aW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.kKk9aW_field+.kKk9aW_field{border-top:1px solid var(--dsw-alias-border-l2)}.kKk9aW_head{align-items:center;gap:8px;display:flex}.kKk9aW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.kKk9aW_badges{align-items:center;gap:8px;display:inline-flex}.kKk9aW_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.kKk9aW_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.kKk9aW_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.kKk9aW_reset:disabled{cursor:default}.kKk9aW_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.kKk9aW_input,.kKk9aW_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.kKk9aW_input:focus-visible,.kKk9aW_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.kKk9aW_input:disabled,.kKk9aW_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.kKk9aW_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.kKk9aW_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.kKk9aW_selectWrap{position:relative}.kKk9aW_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.kKk9aW_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kKk9aW_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.kKk9aW_selectChevronOpen{transform:rotate(180deg)}.kKk9aW_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.kKk9aW_selectPopupOpen{opacity:1;transform:none}.kKk9aW_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.kKk9aW_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.kKk9aW_selectOption:hover,.kKk9aW_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.kKk9aW_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.kKk9aW_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.kKk9aW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.kKk9aW_card,.kKk9aW_header,.kKk9aW_chevron,.kKk9aW_chevronOpen,.kKk9aW_discard,.kKk9aW_save,.kKk9aW_selectChevron,.kKk9aW_selectChevronOpen,.kKk9aW_selectPopup{transition:none}}";
+		const css$1 = ".kKk9aW_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.kKk9aW_card:hover{border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.kKk9aW_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.kKk9aW_headerStatic{border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.kKk9aW_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.kKk9aW_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.kKk9aW_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.kKk9aW_pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.kKk9aW_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.kKk9aW_chevronOpen{transform:rotate(180deg)}.kKk9aW_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.kKk9aW_readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}.kKk9aW_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.kKk9aW_footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex}.kKk9aW_failed{min-width:0;color:var(--dsw-alias-label-error);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.kKk9aW_discard,.kKk9aW_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.kKk9aW_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.kKk9aW_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.kKk9aW_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.kKk9aW_discard:disabled,.kKk9aW_save:disabled{opacity:.4;cursor:default}.kKk9aW_discard:focus-visible,.kKk9aW_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.kKk9aW_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.kKk9aW_field+.kKk9aW_field{border-top:1px solid var(--dsw-alias-border-l2)}.kKk9aW_head{align-items:center;gap:8px;display:flex}.kKk9aW_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.kKk9aW_badges{align-items:center;gap:8px;display:inline-flex}.kKk9aW_badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}.kKk9aW_reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}.kKk9aW_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.kKk9aW_reset:disabled{cursor:default}.kKk9aW_reset:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px;outline:2px solid var(--dsw-alias-brand-primary);outline-offset:2px}.kKk9aW_input,.kKk9aW_select{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.kKk9aW_input:focus-visible,.kKk9aW_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.kKk9aW_input:disabled,.kKk9aW_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.kKk9aW_inputInvalid{border:1px solid var(--dsw-alias-label-error);background:var(--dsw-alias-bg-layer-3);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}.kKk9aW_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-label-error);outline-offset:1px;border-color:var(--dsw-alias-label-error)}.kKk9aW_selectWrap{position:relative}.kKk9aW_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.kKk9aW_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.kKk9aW_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.kKk9aW_selectChevronOpen{transform:rotate(180deg)}.kKk9aW_selectPopup{z-index:40;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);max-height:240px;box-shadow:0 8px 24px var(--dsw-alias-bg-mask-2);opacity:0;border-radius:8px;flex-direction:column;padding:4px;transition:opacity .1s,transform .1s;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;transform:translateY(-4px)}.kKk9aW_selectPopupOpen{opacity:1;transform:none}.kKk9aW_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.kKk9aW_selectOption{color:var(--dsw-alias-label-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;flex-shrink:0;padding:6px 10px;font-size:13px;line-height:1.5;overflow:hidden}.kKk9aW_selectOption:hover,.kKk9aW_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.kKk9aW_selectOptionSelected{color:var(--dsw-alias-brand-primary);background:color-mix(in srgb, var(--dsw-alias-brand-primary-new-colorprimary-new-color) 10%, transparent);font-weight:500}.kKk9aW_invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}.kKk9aW_hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.kKk9aW_card,.kKk9aW_header,.kKk9aW_chevron,.kKk9aW_chevronOpen,.kKk9aW_discard,.kKk9aW_save,.kKk9aW_selectChevron,.kKk9aW_selectChevronOpen,.kKk9aW_selectPopup{transition:none}}";
 		const tagId$1 = "@linxin666/dsh-pet/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
@@ -1987,8 +2067,10 @@ window.__ModuleLoader__.load({
 					choiceField("petId", this.petChoices)
 				]);
 				this.store = this.form.bind(() => this.projection());
-				this.loadPets();
-				this.loadDiagnostics();
+				window.setTimeout(() => {
+					this.loadPets();
+					this.loadDiagnostics();
+				}, 0);
 			}
 			/** Fetch registry diagnostics once (soft-fail: an empty list on error). */
 			async loadDiagnostics() {