@linxin666/dsh-pet 0.3.3 → 0.3.5

package/lib/client.js

@@ -42,6 +42,12 @@ window.__ModuleLoader__.load({
 					},
 					setFeedback: (draft, feedback) => {
 						draft.feedback = feedback;
+					},
+					setGameplayView: (draft, view) => {
+						if (draft.snapshot !== null) draft.snapshot = {
+							...draft.snapshot,
+							gameplay: view
+						};
 					}
 				}
 			});
@@ -165,7 +171,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;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 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_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}}.kz2Bea_gameplayHud{width:0;height:0;position:absolute;bottom:0;left:0}.kz2Bea_gameplayModeChip{color:#cdd7ff;white-space:nowrap;pointer-events:none;background:#7e98ff2e;border-radius:999px;padding:1px 8px;font-size:10px;position:absolute;top:0;left:0;transform:translateY(-100%)translateY(-4px)}.kz2Bea_gameplayCard{color:#dfe6ff;background:#070b1aeb;border:1px solid #7e98ff40;border-radius:10px;min-width:180px;max-height:340px;padding:10px 12px;font-size:12px;position:absolute;bottom:0;left:0;overflow-y:auto;transform:none;box-shadow:0 8px 24px #0006}.kz2Bea_gameplayBars{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.kz2Bea_gameplayBarRow{align-items:center;gap:6px;display:flex}.kz2Bea_gameplayBarLabel{color:#9aa8d8;flex-shrink:0;width:34px}.kz2Bea_gameplayBarTrack{background:#7e98ff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.kz2Bea_gameplayBarFill{background:linear-gradient(90deg,#7e98ff,#9db4ff);border-radius:3px;height:100%;transition:width .3s;display:block}.kz2Bea_gameplayActions{flex-wrap:wrap;gap:6px;display:flex}.kz2Bea_gameplayShopItems{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.kz2Bea_gameplayShopItem{color:inherit;cursor:pointer;background:#7e98ff14;border:1px solid #7e98ff40;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.kz2Bea_gameplayShopItem:hover{background:#7e98ff29;border-color:#7e98ffb3}.kz2Bea_gameplayShopItemImage{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.kz2Bea_gameplayShopItemLabel{text-align:center;font-size:11px}.kz2Bea_gameplayShopItemPrice{color:#ffd27e;font-size:10px}.kz2Bea_gameplayClose{color:#9aa8d8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;position:absolute;top:4px;right:8px}.kz2Bea_gameplayClose:hover{color:#fff}.kz2Bea_gameplayFloat{color:#3a2a00;white-space:nowrap;pointer-events:none;background:#ffd27eeb;border-radius:999px;padding:2px 10px;font-size:11px;animation:1.1s ease-out forwards kz2Bea_pet-gameplay-float;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes kz2Bea_pet-gameplay-float{0%{opacity:0;transform:translate(-50%)translateY(6px)}20%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-18px)}}@media (prefers-reduced-motion:reduce){.kz2Bea_gameplayFloat{opacity:1;animation:none}.kz2Bea_gameplayBarFill{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,14 +192,30 @@ window.__ModuleLoader__.load({
 			"bubbleStack": "kz2Bea_bubbleStack",
 			"bubbleStatus": "kz2Bea_bubbleStatus",
 			"bubbleWhisper": "kz2Bea_bubbleWhisper",
-			"closeButton": "kz2Bea_closeButton",
 			"float": "kz2Bea_float",
+			"gameplayActions": "kz2Bea_gameplayActions",
+			"gameplayBarFill": "kz2Bea_gameplayBarFill",
+			"gameplayBarLabel": "kz2Bea_gameplayBarLabel",
+			"gameplayBarRow": "kz2Bea_gameplayBarRow",
+			"gameplayBarTrack": "kz2Bea_gameplayBarTrack",
+			"gameplayBars": "kz2Bea_gameplayBars",
+			"gameplayCard": "kz2Bea_gameplayCard",
+			"gameplayClose": "kz2Bea_gameplayClose",
+			"gameplayFloat": "kz2Bea_gameplayFloat",
+			"gameplayHud": "kz2Bea_gameplayHud",
+			"gameplayModeChip": "kz2Bea_gameplayModeChip",
+			"gameplayShopItem": "kz2Bea_gameplayShopItem",
+			"gameplayShopItemImage": "kz2Bea_gameplayShopItemImage",
+			"gameplayShopItemLabel": "kz2Bea_gameplayShopItemLabel",
+			"gameplayShopItemPrice": "kz2Bea_gameplayShopItemPrice",
+			"gameplayShopItems": "kz2Bea_gameplayShopItems",
 			"nameCell": "kz2Bea_nameCell",
 			"nameInput": "kz2Bea_nameInput",
 			"panel": "kz2Bea_panel",
 			"panelAbove": "kz2Bea_panelAbove",
 			"pet-bubble-in": "kz2Bea_pet-bubble-in",
 			"pet-bubble-pop": "kz2Bea_pet-bubble-pop",
+			"pet-gameplay-float": "kz2Bea_pet-gameplay-float",
 			"pet-panel-in": "kz2Bea_pet-panel-in",
 			"pet-whisper-in": "kz2Bea_pet-whisper-in",
 			"rankRow": "kz2Bea_rankRow",
@@ -448,6 +470,7 @@ window.__ModuleLoader__.load({
 			};
 			(0, react.useEffect)(() => () => clearHideTimer(), []);
 			const onPointerDown = (e) => {
+				if (props.dragDisabled === true) return;
 				e.preventDefault();
 				e.target.setPointerCapture?.(e.pointerId);
 				const current = dragPos ?? {
@@ -467,7 +490,10 @@ window.__ModuleLoader__.load({
 				if (drag === null) return;
 				const dx = e.clientX - drag.startX;
 				const dy = e.clientY - drag.startY;
-				if (Math.abs(dx) > 4 || Math.abs(dy) > 4) draggedRef.current = true;
+				if (Math.abs(dx) > 4 || Math.abs(dy) > 4) {
+					if (!draggedRef.current) props.onDraggingChange?.(true);
+					draggedRef.current = true;
+				}
 				const right = clampOffset(drag.right - dx, window.innerWidth - 40);
 				const bottom = clampOffset(drag.bottom - dy, window.innerHeight - 40);
 				setDragPos({
@@ -478,6 +504,7 @@ window.__ModuleLoader__.load({
 			const onPointerUp = () => {
 				if (dragRef.current === null) return;
 				dragRef.current = null;
+				if (draggedRef.current) props.onDraggingChange?.(false);
 				if (dragPos !== null) props.onDragEnd(dragPos.right, dragPos.bottom);
 			};
 			const pos = dragPos ?? {
@@ -490,8 +517,7 @@ window.__ModuleLoader__.load({
 			const stackOpen = stackPeek || stackPinned;
 			const visibleSessions = !stackOpen && sessionBubbles.length > 1 ? sessionBubbles.slice(0, 1) : sessionBubbles;
 			const statusBubble = feedback === null && sessionBubbles.length === 0 ? snapshot?.bubble : void 0;
-			const whisper = feedback === null ? snapshot?.whisper : void 0;
-			const bubblePresent = feedback !== null || sessionBubbles.length > 0 || statusBubble !== void 0 || whisper !== void 0;
+			const bubblePresent = feedback !== null || sessionBubbles.length > 0 || statusBubble !== void 0;
 			const displayName = snapshot?.name ?? definition.displayName;
 			const decoration = snapshot?.decoration;
 			(0, react.useEffect)(() => {
@@ -546,13 +572,13 @@ window.__ModuleLoader__.load({
 					hideTimerRef.current = window.setTimeout(() => setHovered(false), 300);
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: pet_module_css_default.spriteWrap,
 						style: {
 							width: spriteWidth,
 							height: spriteHeight
 						},
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							ref: spriteRef,
 							className: pet_module_css_default.sprite,
 							style: {
@@ -569,41 +595,32 @@ window.__ModuleLoader__.load({
 							onPointerDown,
 							onPointerMove,
 							onPointerUp,
-							onClick: () => {
+							onClick: (e) => {
 								if (draggedRef.current) return;
+								if (props.onGameplayTap !== void 0 && spriteRef.current !== null) {
+									const rect = spriteRef.current.getBoundingClientRect();
+									if (rect.width > 0 && rect.height > 0) props.onGameplayTap((e.clientX - rect.left) / rect.width, (e.clientY - rect.top) / rect.height);
+								}
 								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: "×"
-						})]
+						})
 					}),
+					props.hud,
 					feedback !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						ref: bubbleRef,
 						className: clsx(pet_module_css_default.bubble, feedback.kind === "feed" ? pet_module_css_default.bubbleFeed : pet_module_css_default.bubblePet),
 						children: feedback.text
 					}, feedback.at),
-					feedback === null && (sessionBubbles.length > 0 || statusBubble !== void 0 || whisper !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					feedback === null && (sessionBubbles.length > 0 || statusBubble !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref: bubbleRef,
 						className: pet_module_css_default.bubbleStack,
 						onPointerEnter: () => setStackPeek(true),
 						onPointerLeave: () => setStackPeek(false),
 						children: [visibleSessions.map((session, index) => {
-							const speaksWhisper = index === 0 && whisper !== void 0;
+							const speaksWhisper = session.whisper !== void 0;
 							const bubble = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 								type: "button",
 								className: clsx(pet_module_css_default.bubble, pet_module_css_default.bubbleStatus, pet_module_css_default.bubbleClickable, speaksWhisper && pet_module_css_default.bubbleWhisper),
@@ -614,8 +631,8 @@ window.__ModuleLoader__.load({
 								children: [index === 0 && !speaksWhisper && decoration !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusOrnament, {
 									decoration,
 									phase
-								}), speaksWhisper ? whisper : session.bubble]
-							}, speaksWhisper ? "whisper:" + whisper : session.sessionId);
+								}), session.whisper ?? session.bubble]
+							}, speaksWhisper ? "whisper:" + session.whisper : session.sessionId);
 							if (index !== 0 || sessionBubbles.length <= 1) return bubble;
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: pet_module_css_default.bubbleAnchor,
@@ -632,15 +649,15 @@ window.__ModuleLoader__.load({
 									children: stackOpen ? "×" : "+" + String(sessionBubbles.length - 1)
 								})]
 							}, "primary");
-						}), sessionBubbles.length === 0 && (statusBubble !== void 0 || whisper !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: clsx(pet_module_css_default.bubble, pet_module_css_default.bubbleStatus, whisper !== void 0 && pet_module_css_default.bubbleWhisper),
+						}), sessionBubbles.length === 0 && statusBubble !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: clsx(pet_module_css_default.bubble, pet_module_css_default.bubbleStatus),
 							role: "status",
 							"aria-live": "polite",
-							children: [whisper === void 0 && decoration !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusOrnament, {
+							children: [decoration !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StatusOrnament, {
 								decoration,
 								phase
-							}), whisper ?? statusBubble]
-						}, whisper === void 0 ? "status" : "whisper:" + whisper)]
+							}), statusBubble]
+						}, "status")]
 					}),
 					hovered && dragRef.current === null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						ref: panelRef,
@@ -732,6 +749,12 @@ window.__ModuleLoader__.load({
 										className: pet_module_css_default.action,
 										onClick: props.onHide,
 										children: panelLabel("hide", props.t("pet.hide"))
+									}),
+									props.onGameplayMenu !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: pet_module_css_default.action,
+										onClick: props.onGameplayMenu,
+										children: props.t("pet.gameplay.menu")
 									})
 								]
 							})
@@ -741,6 +764,27 @@ window.__ModuleLoader__.load({
 			}), document.body);
 		}
 		//#endregion
+		//#region src/client/drag-stream.ts
+		/** Create the stream (one per pet activation, owned by the renderer switch). */
+		function createDragStream() {
+			let current = false;
+			const listeners = /* @__PURE__ */ new Set();
+			return {
+				get: () => current,
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				push(dragging) {
+					if (dragging === current) return;
+					current = dragging;
+					for (const listener of [...listeners]) listener(dragging);
+				}
+			};
+		}
+		//#endregion
 		//#region src/client/renderers/registry.ts
 		/** Renderer dispatch table. */
 		var RendererRegistry = class {
@@ -888,6 +932,93 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/client/renderers/Frames2dVisualMount.tsx
+		/**
+		* Frames2d visual mount — the React bridge between the pet center chrome
+		* and the imperative frames2d renderer, mirroring the live2d mount. The
+		* bridge owns the contract context (asset base, phase stream, interaction
+		* write-back, activation cleanups), feeds the polled phase into the stream,
+		* forwards the chrome's drag gesture onto the conventional 'drag' track
+		* (when the pet declares one), and renders the localized fallback card when
+		* the served config is invalid.
+		* @module @linxin666/dsh-pet/client/renderers/Frames2dVisualMount
+		*/
+		/** Mount the frames2d renderer as the sprite's visual (inside the chrome). */
+		function Frames2dVisualMount(props) {
+			const containerRef = (0, react.useRef)(null);
+			const streamRef = (0, react.useRef)(null);
+			const handleRef = (0, react.useRef)(null);
+			const [invalid, setInvalid] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				setInvalid(false);
+				const container = containerRef.current;
+				const frames2d = props.definition.frames2d;
+				if (container === null || frames2d === void 0) return void 0;
+				streamRef.current ??= createPhaseStream(props.phase);
+				const cleanups = [];
+				const ctx = {
+					petId: props.definition.id,
+					assetBase: "/pet/" + encodeURIComponent(props.definition.id),
+					container,
+					phase: streamRef.current,
+					interact: props.onPet,
+					onCleanup: (fn) => {
+						cleanups.push(fn);
+					}
+				};
+				let handle;
+				try {
+					handle = defaultPetRendererRegistry.mount("frames2d", ctx, frames2d);
+				} catch {
+					setInvalid(true);
+					return () => {
+						for (const fn of cleanups.splice(0)) fn();
+					};
+				}
+				handleRef.current = handle;
+				if (props.bus !== void 0) {
+					const gameplayBus = props.bus;
+					gameplayBus.setTrack = (track) => {
+						handleRef.current?.setState(track);
+					};
+					cleanups.push(() => {
+						gameplayBus.setTrack = void 0;
+					});
+				}
+				const dragTrack = props.definition.gameplay?.dragState ?? (frames2d.tracks.drag === void 0 ? void 0 : "drag");
+				const offDrag = props.drag.subscribe((dragging) => {
+					if (dragTrack === void 0) return;
+					if (dragging) {
+						handle.setState(dragTrack);
+						return;
+					}
+					handle.setState(props.definition.gameplay?.dragEndState);
+				});
+				cleanups.push(offDrag);
+				return () => {
+					handleRef.current = null;
+					for (const fn of cleanups.splice(0)) fn();
+					handle.dispose();
+				};
+			}, [props.definition]);
+			(0, react.useEffect)(() => {
+				streamRef.current?.push(props.phase);
+			}, [props.phase]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				ref: containerRef,
+				"data-dsh-pet-frames2d": props.definition.id,
+				style: {
+					width: "100%",
+					height: "100%",
+					pointerEvents: "none"
+				},
+				children: invalid && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"data-dsh-pet-frames2d-error": "invalid-config",
+					children: props.t("pet.renderer.unavailable", { renderer: "frames2d" })
+				})
+			});
+		}
+		//#endregion
 		//#region src/client/renderers/PetRendererSwitch.tsx
 		/**
 		* Renderer switch — the client dispatch seam of the pet center (issue #623,
@@ -901,7 +1032,27 @@ window.__ModuleLoader__.load({
 		/** Dispatch one pet definition to its renderer; unknown kinds get a card. */
 		function PetRendererSwitch(props) {
 			const renderer = props.definition.renderer ?? "sprite2d";
+			const dragRef = (0, react.useRef)(null);
+			if (dragRef.current === null || dragRef.current.id !== props.definition.id) dragRef.current = {
+				id: props.definition.id,
+				stream: createDragStream()
+			};
+			const drag = props.drag ?? dragRef.current.stream;
 			if (renderer === "sprite2d") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: props.children });
+			if (renderer === "frames2d" && defaultPetRendererRegistry.has("frames2d") && (0, react.isValidElement)(props.children)) {
+				const visual = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Frames2dVisualMount, {
+					definition: props.definition,
+					phase: props.phase,
+					onPet: props.onPet,
+					drag,
+					...props.bus === void 0 ? {} : { bus: props.bus },
+					t: props.t
+				});
+				return (0, react.cloneElement)(props.children, {
+					visual,
+					onDraggingChange: (dragging) => drag.push(dragging)
+				});
+			}
 			if (renderer === "live2d" && defaultPetRendererRegistry.has("live2d") && (0, react.isValidElement)(props.children)) {
 				const visual = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Live2dVisualMount, {
 					definition: props.definition,
@@ -917,6 +1068,362 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region src/gameplay.ts
+		/** The zone one normalized hit-box point lands in, if any. */
+		function touchZoneAt(touch, yFraction) {
+			return touch.zones.find((zone) => yFraction >= zone.y0 && yFraction < zone.y1);
+		}
+		//#endregion
+		//#region src/client/gameplay-hud.tsx
+		/**
+		* Gameplay HUD — the client half of the manifest 'gameplay' block (miku-pet
+		* generalization). One component owns everything the block needs: the stat
+		* bars and shop card (menu / shop pages), the touch-zone tap
+		* handling, the idle director rolls, the work and sleep loops, and the
+		* float-text toasts. It talks to the host through the injected verb API,
+		* writes results straight back into the store (the 2 s poll stays the
+		* backstop), and steers the frames2d renderer through the per-pet bus.
+		* @module @linxin666/dsh-pet/client/GameplayHud
+		*/
+		let floatSeq = 0;
+		/** The gameplay overlay for one frames2d pet that declares 'gameplay'. */
+		function GameplayHud(props) {
+			const { definition, store, api, bus } = props;
+			const ui = (0, react.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+			const def = definition.gameplay;
+			const view = ui.snapshot?.gameplay;
+			const phase = ui.snapshot?.phase ?? "idle";
+			const [open, setOpen] = (0, react.useState)(false);
+			const [page, setPage] = (0, react.useState)("root");
+			const hudRef = (0, react.useRef)(null);
+			const cardRef = (0, react.useRef)(null);
+			const [floats, setFloats] = (0, react.useState)([]);
+			const modeRef = (0, react.useRef)(view?.mode ?? null);
+			modeRef.current = view?.mode ?? null;
+			const phaseRef = (0, react.useRef)(phase);
+			phaseRef.current = phase;
+			const draggingRef = (0, react.useRef)(false);
+			const touchLockUntilRef = (0, react.useRef)(0);
+			const missRef = (0, react.useRef)(0);
+			const busyRef = (0, react.useRef)(false);
+			const tr = props.t;
+			const statLabel = (name) => tr("pet.gameplay.stat." + name);
+			const currencyLabel = (name) => tr("pet.gameplay.currency." + name);
+			const pushFloat = (text) => {
+				const id = ++floatSeq;
+				setFloats((list) => [...list.slice(-3), {
+					id,
+					text
+				}]);
+				window.setTimeout(() => {
+					setFloats((list) => list.filter((entry) => entry.id !== id));
+				}, 1100);
+			};
+			const applyResult = (result) => {
+				if (result.view !== void 0) store.actions.setGameplayView(result.view);
+			};
+			(0, react.useEffect)(() => {
+				if (def === void 0) return void 0;
+				bus.tap = (fx, fy) => {
+					if (modeRef.current === "sleep") {
+						api.setMode(null).then(applyResult, () => void 0);
+						return;
+					}
+					if (modeRef.current === "work") return;
+					const box = def.hitBox ?? {
+						x0: 0,
+						y0: 0,
+						x1: 1,
+						y1: 1
+					};
+					const hx = (fx - box.x0) / (box.x1 - box.x0);
+					const hy = (fy - box.y0) / (box.y1 - box.y0);
+					if (hx < 0 || hx > 1 || hy < 0 || hy > 1) return;
+					if (Date.now() < touchLockUntilRef.current) {
+						api.touch().then(applyResult, () => void 0);
+						return;
+					}
+					const zone = def.touch === void 0 ? void 0 : touchZoneAt(def.touch, hy);
+					if (zone === void 0) return;
+					api.touch(zone.name).then((result) => {
+						applyResult(result);
+						if (result.hit !== true) return;
+						if (result.state !== void 0) {
+							bus.setTrack?.(result.state);
+							const holdMs = result.stateMs ?? 3e3;
+							touchLockUntilRef.current = Date.now() + holdMs;
+							window.setTimeout(() => {
+								if (Date.now() >= touchLockUntilRef.current) bus.setTrack?.(void 0);
+							}, holdMs);
+						}
+						if (result.phrase !== void 0) store.actions.setFeedback({
+							text: result.phrase,
+							kind: "none",
+							at: Date.now()
+						});
+					}, () => void 0);
+				};
+				return () => {
+					bus.tap = void 0;
+				};
+			}, [definition.id, def]);
+			(0, react.useEffect)(() => {
+				bus.openCard = (next) => {
+					setOpen((prev) => next ?? !prev);
+					setPage("root");
+				};
+				return () => {
+					bus.openCard = void 0;
+				};
+			}, [bus]);
+			(0, react.useLayoutEffect)(() => {
+				if (!open) return void 0;
+				const hud = hudRef.current;
+				const card = cardRef.current;
+				if (hud === null || card === null) return void 0;
+				const place = () => {
+					const box = hud.parentElement?.getBoundingClientRect();
+					if (box === void 0) return;
+					const gap = 8;
+					const width = card.getBoundingClientRect().width;
+					const x = window.innerWidth - box.right >= width + gap ? box.width + gap : -(width + gap);
+					card.style.transform = "translate(" + Math.round(x) + "px, " + Math.round(-box.height / 2) + "px) translateY(50%)";
+					card.style.maxHeight = Math.round(box.height) + "px";
+				};
+				place();
+				window.addEventListener("resize", place);
+				return () => {
+					window.removeEventListener("resize", place);
+				};
+			}, [open, page]);
+			(0, react.useEffect)(() => {
+				return props.drag.subscribe((dragging) => {
+					draggingRef.current = dragging;
+					if (dragging && modeRef.current === "sleep") api.setMode(null).then(applyResult, () => void 0);
+				});
+			}, [props.drag]);
+			(0, react.useEffect)(() => {
+				const director = def?.idleDirector;
+				if (def === void 0 || director === void 0) return void 0;
+				const total = director.idleWeight + director.acts.reduce((sum, act) => sum + act.weight, 0);
+				if (total <= 0) return void 0;
+				const timer = window.setInterval(() => {
+					if (phaseRef.current !== "idle") return;
+					if (modeRef.current !== null || draggingRef.current) return;
+					if (Date.now() < touchLockUntilRef.current) return;
+					let pickedAct;
+					if (missRef.current >= director.maxMiss) {
+						const actTotal = director.acts.reduce((sum, act) => sum + act.weight, 0);
+						let actRoll = Math.random() * actTotal;
+						for (const act of director.acts) {
+							actRoll -= act.weight;
+							if (actRoll < 0) {
+								pickedAct = act;
+								break;
+							}
+						}
+					} else {
+						let roll = Math.random() * total;
+						for (const act of director.acts) {
+							roll -= act.weight;
+							if (roll < 0) {
+								pickedAct = act;
+								break;
+							}
+						}
+					}
+					if (pickedAct === void 0) {
+						missRef.current += 1;
+						return;
+					}
+					missRef.current = 0;
+					bus.setTrack?.(pickedAct.track);
+					if (pickedAct.phrases !== void 0 && pickedAct.phrases.length > 0) {
+						const phrase = pickedAct.phrases[Math.floor(Math.random() * pickedAct.phrases.length)];
+						store.actions.setFeedback({
+							text: phrase,
+							kind: "none",
+							at: Date.now()
+						});
+					}
+				}, director.intervalMs);
+				return () => window.clearInterval(timer);
+			}, [definition.id, def]);
+			(0, react.useEffect)(() => {
+				const work = def?.work;
+				if (def === void 0 || work === void 0 || view?.mode !== "work") return void 0;
+				bus.setTrack?.(work.state);
+				let resultTimer = 0;
+				const timer = window.setInterval(() => {
+					if (busyRef.current) return;
+					busyRef.current = true;
+					api.workTick().then((result) => {
+						busyRef.current = false;
+						applyResult(result);
+						if (result.ok !== true || result.outcome === void 0) return;
+						const resultTrack = result.outcome === "success" ? work.successState : work.failState;
+						const hold = result.outcome === "success" ? work.resultMs?.success ?? 1300 : work.resultMs?.fail ?? 1900;
+						bus.setTrack?.(resultTrack);
+						resultTimer = window.setTimeout(() => {
+							if (modeRef.current === "work") bus.setTrack?.(work.state);
+						}, hold);
+					}, () => {
+						busyRef.current = false;
+					});
+				}, work.tickMs);
+				return () => {
+					window.clearInterval(timer);
+					window.clearTimeout(resultTimer);
+					bus.setTrack?.(void 0);
+				};
+			}, [
+				definition.id,
+				def,
+				view?.mode
+			]);
+			(0, react.useEffect)(() => {
+				const sleep = def?.sleep;
+				if (def === void 0 || sleep === void 0 || view?.mode !== "sleep") return void 0;
+				bus.setTrack?.(sleep.state);
+				return () => bus.setTrack?.(void 0);
+			}, [
+				definition.id,
+				def,
+				view?.mode
+			]);
+			if (def === void 0 || view === void 0) return null;
+			const mode = view.mode;
+			const stats = def.stats ?? {};
+			const shop = def.shop;
+			const buy = (itemId) => {
+				api.buy(itemId).then((result) => {
+					applyResult(result);
+					if (result.ok !== true) {
+						if (result.error === "insufficient-funds") {
+							const item = shop?.items.find((entry) => entry.id === itemId);
+							pushFloat(tr("pet.gameplay.insufficient", { currency: currencyLabel(item?.currency ?? "treats") }));
+						}
+						return;
+					}
+					if (result.prize !== void 0) pushFloat(tr("pet.gameplay.prize", {
+						amount: result.prize.amount,
+						currency: currencyLabel(result.prize.currency)
+					}));
+				}, () => void 0);
+			};
+			const setMode = (next) => {
+				api.setMode(next).then(applyResult, () => void 0);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: hudRef,
+				className: pet_module_css_default.gameplayHud,
+				"data-dsh-pet-gameplay": definition.id,
+				children: [
+					floats.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: pet_module_css_default.gameplayFloat,
+						children: entry.text
+					}, entry.id)),
+					mode !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: pet_module_css_default.gameplayModeChip,
+						children: tr(mode === "work" ? "pet.gameplay.working" : "pet.gameplay.sleeping")
+					}),
+					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						ref: cardRef,
+						className: pet_module_css_default.gameplayCard,
+						"data-page": page,
+						children: [
+							page === "root" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pet_module_css_default.gameplayBars,
+								children: Object.entries(stats).map(([name, stat]) => {
+									const value = view.stats[name] ?? 0;
+									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										className: pet_module_css_default.gameplayBarRow,
+										title: statLabel(name) + " " + String(value) + "/" + String(stat.max),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: pet_module_css_default.gameplayBarLabel,
+											children: statLabel(name)
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: pet_module_css_default.gameplayBarTrack,
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+												className: pet_module_css_default.gameplayBarFill,
+												style: { width: Math.round(value / stat.max * 100) + "%" }
+											})
+										})]
+									}, name);
+								})
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: pet_module_css_default.gameplayActions,
+								children: [
+									def.work !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: pet_module_css_default.action,
+										onClick: () => setMode(mode === "work" ? null : "work"),
+										children: tr(mode === "work" ? "pet.gameplay.stopWork" : "pet.gameplay.work")
+									}),
+									def.sleep !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: pet_module_css_default.action,
+										onClick: () => setMode(mode === "sleep" ? null : "sleep"),
+										children: tr(mode === "sleep" ? "pet.gameplay.wake" : "pet.gameplay.sleep")
+									}),
+									shop !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: pet_module_css_default.action,
+										onClick: () => setPage("shop"),
+										children: tr("pet.gameplay.shop")
+									})
+								]
+							})] }),
+							page === "shop" && shop !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pet_module_css_default.gameplayShopItems,
+								children: shop.items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+									type: "button",
+									className: pet_module_css_default.gameplayShopItem,
+									onClick: () => buy(item.id),
+									title: item.label + " — " + String(item.price) + " " + currencyLabel(item.currency),
+									children: [
+										item.image !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+											className: pet_module_css_default.gameplayShopItemImage,
+											src: item.image,
+											alt: "",
+											draggable: false
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+											className: pet_module_css_default.gameplayShopItemLabel,
+											children: item.label
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+											className: pet_module_css_default.gameplayShopItemPrice,
+											children: [
+												item.price,
+												" ",
+												currencyLabel(item.currency)
+											]
+										})
+									]
+								}, item.id))
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: pet_module_css_default.gameplayActions,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: pet_module_css_default.action,
+									onClick: () => setPage("root"),
+									children: tr("pet.gameplay.back")
+								})
+							})] }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: pet_module_css_default.gameplayClose,
+								"aria-label": tr("pet.gameplay.back"),
+								onClick: () => setOpen(false),
+								children: "×"
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
 		//#region src/client/PetDockEntry.tsx
 		/**
 		* Global floating pet entry. The pet is host-global (its state, display and
@@ -953,6 +1460,14 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				ensure();
 			}, [ensure]);
+			const auxRef = (0, react.useRef)(null);
+			if (definition !== null && (auxRef.current === null || auxRef.current.id !== definition.id)) auxRef.current = {
+				id: definition.id,
+				bus: {},
+				drag: createDragStream()
+			};
+			const aux = auxRef.current;
+			const gameplay = definition?.gameplay;
 			if (visible) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				"data-pet-dock": true,
 				"data-testid": "pet-dock",
@@ -960,6 +1475,10 @@ window.__ModuleLoader__.load({
 					definition,
 					phase: snapshot?.phase ?? "idle",
 					onPet: props.pet,
+					...aux === null ? {} : {
+						drag: aux.drag,
+						bus: aux.bus
+					},
 					t: props.t,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PetSprite, {
 						snapshot,
@@ -973,6 +1492,19 @@ window.__ModuleLoader__.load({
 						onRename: props.rename,
 						onOpenSession: props.openSession,
 						onFeedbackDone: props.feedbackDone,
+						dragDisabled: snapshot.gameplay?.mode === "work",
+						...gameplay === void 0 || aux === null ? {} : {
+							onGameplayTap: (fx, fy) => aux.bus.tap?.(fx, fy),
+							onGameplayMenu: () => aux.bus.openCard?.(),
+							hud: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(GameplayHud, {
+								definition,
+								store,
+								api: props.gameplay,
+								bus: aux.bus,
+								drag: aux.drag,
+								t: props.t
+							})
+						},
 						t: props.t
 					})
 				})
@@ -1268,6 +1800,161 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
+		//#region src/client/renderers/frames2d.ts
+		/**
+		* frames2d renderer — plays the free-form named frame-sequence tracks of a
+		* frames2d pet (manifest v2 'frames2d' block). The pet center picks the
+		* track from the ActivityPhase stream (phase -> track map, idle fallback);
+		* the gameplay driver may force a track through the handle's setState
+		* override (drag/work/sleep/shop...), and a finished non-loop track settles
+		* into its fallback, releasing the override when the fallback matches the
+		* phase-mapped track. Rendering never throws: a broken track list degrades
+		* to the first decodable frame, and the 1.2 s stall watchdog re-kicks the
+		* playback chain after timer throttling.
+		* @module @linxin666/dsh-pet/client/renderers/frames2d
+		*/
+		/** Stall watchdog period: a looping track stuck longer re-kicks its chain. */
+		const WATCHDOG_MS = 1200;
+		function isRecord(value) {
+			return typeof value === "object" && value !== null && !Array.isArray(value);
+		}
+		/** Fail-closed client-side validation of the served frames2d block. */
+		function validateFrames2dConfig(config) {
+			if (!isRecord(config) || !isRecord(config.tracks) || !isRecord(config.phases)) throw new Error("frames2d config requires tracks and phases objects");
+			const tracks = {};
+			for (const [name, raw] of Object.entries(config.tracks)) {
+				if (!isRecord(raw) || !Array.isArray(raw.frames) || raw.frames.length === 0 || raw.frames.some((f) => typeof f !== "string" || f === "") || !Array.isArray(raw.durations) || raw.durations.length !== raw.frames.length || raw.durations.some((d) => typeof d !== "number" || !(d > 0))) throw new Error("frames2d track " + JSON.stringify(name) + " needs same-length frames/durations");
+				tracks[name] = {
+					frames: raw.frames,
+					durations: raw.durations,
+					loop: raw.loop !== false,
+					...typeof raw.fallback === "string" ? { fallback: raw.fallback } : {}
+				};
+			}
+			const phases = config.phases;
+			if (typeof phases.idle !== "string" || tracks[phases.idle] === void 0) throw new Error("frames2d phases.idle must name an existing track");
+			return {
+				tracks,
+				phases
+			};
+		}
+		const frames2dRenderer = {
+			id: "frames2d",
+			apiVersion: PET_RENDERER_API_VERSION,
+			validateConfig: validateFrames2dConfig,
+			mount(ctx, config) {
+				const reducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+				const img = document.createElement("img");
+				img.dataset.dshPetFrames2d = ctx.petId;
+				img.alt = "";
+				img.draggable = false;
+				img.style.width = "100%";
+				img.style.height = "100%";
+				img.style.objectFit = "contain";
+				img.style.pointerEvents = "none";
+				ctx.container.appendChild(img);
+				for (const track of Object.values(config.tracks)) for (const url of track.frames) {
+					const pre = new Image();
+					pre.src = url;
+				}
+				let disposed = false;
+				let timer;
+				let watchdog;
+				let track = config.phases.idle;
+				let frameIndex = 0;
+				let lastAdvance = Date.now();
+				let override;
+				const trackForPhase = (phase) => {
+					const mapped = config.phases[phase];
+					return mapped !== void 0 && config.tracks[mapped] !== void 0 ? mapped : config.phases.idle;
+				};
+				const show = (trackId, index) => {
+					const url = config.tracks[trackId]?.frames[index];
+					if (url !== void 0 && img.getAttribute("src") !== url) img.src = url;
+				};
+				const schedule = (ms) => {
+					if (disposed) return;
+					timer = setTimeout(tick, ms);
+				};
+				function tick() {
+					if (disposed) return;
+					const def = config.tracks[track];
+					if (def === void 0 || def.frames.length === 0) return;
+					lastAdvance = Date.now();
+					const next = frameIndex + 1;
+					if (next < def.frames.length) {
+						frameIndex = next;
+						show(track, frameIndex);
+						schedule(def.durations[frameIndex] ?? 200);
+						return;
+					}
+					if (def.loop) {
+						frameIndex = 0;
+						show(track, frameIndex);
+						schedule(def.durations[frameIndex] ?? 200);
+						return;
+					}
+					const target = def.fallback !== void 0 && config.tracks[def.fallback] !== void 0 ? def.fallback : config.phases.idle;
+					if (target === trackForPhase(ctx.phase.get())) override = void 0;
+					play(target);
+				}
+				function play(trackId) {
+					if (disposed) return;
+					if (config.tracks[trackId] === void 0) trackId = config.phases.idle;
+					if (timer !== void 0) clearTimeout(timer);
+					track = trackId;
+					frameIndex = 0;
+					lastAdvance = Date.now();
+					show(track, frameIndex);
+					if (reducedMotion) return;
+					const def = config.tracks[track];
+					schedule(def.durations[0] ?? 200);
+				}
+				const unsubscribe = ctx.phase.subscribe((phase) => {
+					if (override !== void 0) return;
+					const target = trackForPhase(phase);
+					if (target !== track) play(target);
+				});
+				if (!reducedMotion) watchdog = setInterval(() => {
+					if (disposed) return;
+					const def = config.tracks[track];
+					if (def === void 0 || !def.loop) return;
+					const expected = (def.durations[frameIndex] ?? 200) + WATCHDOG_MS;
+					if (Date.now() - lastAdvance > expected) tick();
+				}, WATCHDOG_MS);
+				play(track);
+				let disposedOnce = false;
+				const dispose = () => {
+					if (disposedOnce) return;
+					disposedOnce = true;
+					disposed = true;
+					unsubscribe();
+					if (timer !== void 0) clearTimeout(timer);
+					if (watchdog !== void 0) clearInterval(watchdog);
+					img.remove();
+				};
+				ctx.onCleanup(dispose);
+				return {
+					dispose,
+					setState(next) {
+						if (disposed) return;
+						if (next === void 0) {
+							override = void 0;
+							const target = trackForPhase(ctx.phase.get());
+							if (target !== track) play(target);
+							return;
+						}
+						if (config.tracks[next] === void 0) return;
+						override = next;
+						if (next !== track) play(next);
+					},
+					currentTrack() {
+						return track;
+					}
+				};
+			}
+		};
+		//#endregion
 		//#region src/client/ui-teardown.ts
 		/**
 		* Cross-bundle-instance teardown slot for the page-global pet root
@@ -1311,7 +1998,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;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 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;box-sizing:border-box;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{box-sizing:border-box;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");
@@ -1396,7 +2083,7 @@ window.__ModuleLoader__.load({
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: settings_card_module_css_default.description,
 						title: description,
-						children: description
+						children: props.descriptionNode ?? description
 					})]
 				}), state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: settings_card_module_css_default.pending,
@@ -1421,7 +2108,7 @@ window.__ModuleLoader__.load({
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: settings_card_module_css_default.description,
 							title: description,
-							children: description
+							children: props.descriptionNode ?? description
 						})]
 					}),
 					state.dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -2403,6 +3090,23 @@ window.__ModuleLoader__.load({
 			"pet.live2d.vendor-missing": "Live2D 组件缺失，请升级宠物插件。",
 			"pet.live2d.load-failed": "Live2D 模型加载失败，请检查该宠物目录的完整性。",
 			"pet.openSessionHint": "点击跳转到对应会话",
+			"pet.gameplay.menu": "玩法",
+			"pet.gameplay.work": "打工",
+			"pet.gameplay.stopWork": "收工",
+			"pet.gameplay.sleep": "睡觉",
+			"pet.gameplay.wake": "起床",
+			"pet.gameplay.shop": "商店",
+			"pet.gameplay.back": "返回",
+			"pet.gameplay.buy": "购买",
+			"pet.gameplay.insufficient": "{currency}不足",
+			"pet.gameplay.prize": "中奖 +{amount} {currency}",
+			"pet.gameplay.working": "打工中",
+			"pet.gameplay.sleeping": "睡觉中",
+			"pet.gameplay.stat.hunger": "饱食",
+			"pet.gameplay.stat.mood": "心情",
+			"pet.gameplay.stat.energy": "精力",
+			"pet.gameplay.stat.affection": "好感",
+			"pet.gameplay.currency.treats": "小鱼干",
 			"pet.moreSessions": "展开其余 {n} 个会话的气泡",
 			"pet.collapseSessions": "收起会话气泡",
 			"settings.title": "宠物",
@@ -2456,6 +3160,23 @@ window.__ModuleLoader__.load({
 			"pet.live2d.vendor-missing": "The Live2D component is missing; please update the pet plugin.",
 			"pet.live2d.load-failed": "The Live2D model failed to load; check the pet directory is complete.",
 			"pet.openSessionHint": "Click to jump to this session",
+			"pet.gameplay.menu": "Play",
+			"pet.gameplay.work": "Work",
+			"pet.gameplay.stopWork": "Stop work",
+			"pet.gameplay.sleep": "Sleep",
+			"pet.gameplay.wake": "Wake up",
+			"pet.gameplay.shop": "Shop",
+			"pet.gameplay.back": "Back",
+			"pet.gameplay.buy": "Buy",
+			"pet.gameplay.insufficient": "Not enough {currency}",
+			"pet.gameplay.prize": "Prize +{amount} {currency}",
+			"pet.gameplay.working": "Working",
+			"pet.gameplay.sleeping": "Sleeping",
+			"pet.gameplay.stat.hunger": "Hunger",
+			"pet.gameplay.stat.mood": "Mood",
+			"pet.gameplay.stat.energy": "Energy",
+			"pet.gameplay.stat.affection": "Affection",
+			"pet.gameplay.currency.treats": "Treats",
 			"pet.moreSessions": "Expand {n} more session bubbles",
 			"pet.collapseSessions": "Collapse session bubbles",
 			"settings.title": "Pet",
@@ -2521,7 +3242,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.3";
+				return "0.3.5";
 			} catch {
 				return;
 			}
@@ -2597,13 +3318,17 @@ window.__ModuleLoader__.load({
 		}
 		/** The live host API instance (always defined; failures surface per call). */
 		const petApi = {
-			state: () => petFetch("/api/pet/state"),
+			state: (currentSessionId) => petFetch("/api/pet/state" + (currentSessionId === void 0 ? "" : "?current=" + encodeURIComponent(currentSessionId))),
 			pets: () => petFetch("/api/pet/pets"),
 			interact: (kind) => petFetch("/api/pet/interact", { kind }),
 			setVisible: (visible) => petFetch("/api/pet/set-visible", { visible }),
 			setConfig: (patch) => petFetch("/api/pet/set-config", patch),
 			setName: (name) => petFetch("/api/pet/set-name", { name }),
-			setPet: (petId) => petFetch("/api/pet/set-pet", { petId })
+			setPet: (petId) => petFetch("/api/pet/set-pet", { petId }),
+			gameplayTouch: (zone) => petFetch("/api/pet/gameplay/touch", zone === void 0 ? {} : { zone }),
+			gameplaySetMode: (mode) => petFetch("/api/pet/gameplay/mode", { mode }),
+			gameplayWorkTick: () => petFetch("/api/pet/gameplay/work-tick", {}),
+			gameplayBuy: (item) => petFetch("/api/pet/gameplay/buy", { item })
 		};
 		/** Poll interval for the host snapshot. */
 		const POLL_MS = 2e3;
@@ -2637,6 +3362,7 @@ window.__ModuleLoader__.load({
 				}
 			}, "pet: dictionaries");
 			defaultPetRendererRegistry.register(live2dRenderer);
+			defaultPetRendererRegistry.register(frames2dRenderer);
 			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: PET_SETTINGS_NS });
 			const enabled = () => {
 				const snapshot = settingsScope.getSnapshot();
@@ -2679,6 +3405,11 @@ window.__ModuleLoader__.load({
 					const setPets = petStore.actions.setPets;
 					const setState = petStore.actions.setState;
 					const setFeedback = petStore.actions.setFeedback;
+					const sessions = ctx.sessions;
+					const currentSessionId = () => {
+						const current = sessions.list.getSnapshot().current;
+						return current === void 0 ? void 0 : String(current);
+					};
 					let petsLoaded = false;
 					let stateSeq = 0;
 					const pollNow = () => {
@@ -2688,7 +3419,7 @@ window.__ModuleLoader__.load({
 						}, () => {});
 						const seq = stateSeq + 1;
 						stateSeq = seq;
-						petApi.state().then((snapshot) => {
+						petApi.state(currentSessionId()).then((snapshot) => {
 							if (seq !== stateSeq) return;
 							setSnapshot(snapshot);
 						}, () => {
@@ -2720,7 +3451,11 @@ window.__ModuleLoader__.load({
 							document.removeEventListener("visibilitychange", onVisibility);
 						};
 					}, "pet: poll");
-					const sessions = ctx.sessions;
+					ctx.effect(() => {
+						return sessions.list.subscribe(() => {
+							if (document.visibilityState === "visible") pollNow();
+						});
+					}, "pet: current-session watch");
 					const openSession = (sessionId) => {
 						if (sessions.list.getSnapshot().byId[sessionId] === void 0) return;
 						sessions.open(sessionId);
@@ -2772,6 +3507,12 @@ window.__ModuleLoader__.load({
 						},
 						feedbackDone: () => {
 							setFeedback(null);
+						},
+						gameplay: {
+							touch: (zone) => petApi.gameplayTouch(zone),
+							setMode: (mode) => petApi.gameplaySetMode(mode),
+							workTick: () => petApi.gameplayWorkTick(),
+							buy: (item) => petApi.gameplayBuy(item)
 						}
 					});
 					takeoverPetUiTeardown();