@linxin666/dsh-pet 0.3.24 → 0.4.2

package/lib/client.js

@@ -124,7 +124,7 @@ window.__ModuleLoader__.load({
 			};
 		}
 		//#endregion
-		//#region ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 		function r(e) {
 			var t, f, n = "";
 			if ("string" == typeof e || "number" == typeof e) n += e;
@@ -154,7 +154,7 @@ window.__ModuleLoader__.load({
 			const size = Number.isFinite(display.size) ? display.size : 160;
 			const multiplier = typeof display.bubbleScale === "number" && Number.isFinite(display.bubbleScale) ? display.bubbleScale : 1;
 			const scaled = size / 160 * multiplier;
-			return Math.round(Math.min(24 / 12, Math.max(10 / 12, scaled)) * 100) / 100;
+			return Math.round(Math.min(2, Math.max(10 / 12, scaled)) * 100) / 100;
 		}
 		//#endregion
 		//#region src/announce.ts
@@ -267,9 +267,9 @@ 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_bubble{white-space:nowrap;padding:calc(4px * var(--pet-bubble-scale,1)) calc(10px * var(--pet-bubble-scale,1));font-size:calc(12px * var(--pet-bubble-scale,1));color:#f4f7ff;pointer-events:none;border-radius:999px;margin-bottom:6px;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{max-width:min(calc(280px * var(--pet-bubble-scale,1)), calc(100vw - 24px));text-overflow:ellipsis;padding:calc(5px * var(--pet-bubble-scale,1)) calc(12px * var(--pet-bubble-scale,1));backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36e6,#070b1af0);border:1px solid #7e98ff73;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_gameplaySkinItems{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.kz2Bea_gameplaySkinItem{width:100%;color:inherit;cursor:pointer;text-align:left;background:#7e98ff14;border:1px solid #7e98ff40;border-radius:8px;padding:8px 10px;font-size:12px;display:block}.kz2Bea_gameplaySkinItem:hover{background:#7e98ff29;border-color:#7e98ffb3}.kz2Bea_gameplaySkinItemActive{background:#7e98ff47;border-color:#7e98ffe6}.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}}.kz2Bea_bubbleUsage{white-space:nowrap;backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36eb,#070b1af2);border:1px solid #7e98ff73;flex-direction:column;align-items:stretch;gap:3px;min-width:128px;max-width:min(280px,100vw - 24px);padding:6px 12px;animation:.28s cubic-bezier(.22,1,.36,1) kz2Bea_pet-usage-in;display:flex;box-shadow:0 4px 12px #02061759,inset 0 1px #e2e8ff1a,0 0 12px #4d6bfe2e}.kz2Bea_bubbleUsageHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.kz2Bea_bubbleUsageTitle{text-overflow:ellipsis;opacity:.85;overflow:hidden}.kz2Bea_bubbleUsageValue{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.kz2Bea_bubbleUsageNote{text-overflow:ellipsis;opacity:.55;font-size:10px;overflow:hidden}.kz2Bea_bubbleUsageMeter{background:#e2e8ff24;border-radius:999px;height:4px;display:block;overflow:hidden}.kz2Bea_bubbleUsageMeterFill{background:#6ee7b7;border-radius:999px;height:100%;transition:width .3s;display:block}.kz2Bea_bubbleUsageOk{border-color:#7e98ff73}.kz2Bea_bubbleUsageWarn{border-color:#fbbf248c}.kz2Bea_bubbleUsageWarn .kz2Bea_bubbleUsageMeterFill{background:#fbbf24}.kz2Bea_bubbleUsageLow{border-color:#f8717199}.kz2Bea_bubbleUsageLow .kz2Bea_bubbleUsageMeterFill{background:#f87171}@keyframes kz2Bea_pet-usage-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.kz2Bea_bubbleUsage{animation:none}}";
-		const tagId$2 = "@linxin666/dsh-pet/packages/dsh-pet/src/client/pet.module.css";
+		//#region \0dsh-css:src/client/pet.module.css.mjs
+		const css$2 = ".v78Lda_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}.v78Lda_sprite{image-rendering:auto;touch-action:none;contain:paint}.v78Lda_spriteWrap{flex:none;position:relative}.v78Lda_bubble{white-space:nowrap;padding:calc(4px * var(--pet-bubble-scale,1)) calc(10px * var(--pet-bubble-scale,1));font-size:calc(12px * var(--pet-bubble-scale,1));color:#f4f7ff;pointer-events:none;border-radius:999px;margin-bottom:6px;line-height:1.4;animation:2.6s ease-out forwards v78Lda_pet-bubble-pop;position:absolute;bottom:100%;box-shadow:0 2px 8px #00000040}.v78Lda_bubblePet{background:#4d6bfef2}.v78Lda_bubbleFeed{background:#0369a1f2}.v78Lda_bubbleStatus{max-width:min(calc(280px * var(--pet-bubble-scale,1)), calc(100vw - 24px));text-overflow:ellipsis;padding:calc(5px * var(--pet-bubble-scale,1)) calc(12px * var(--pet-bubble-scale,1));backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36e6,#070b1af0);border:1px solid #7e98ff73;animation:.24s ease-out v78Lda_pet-bubble-in;overflow:hidden;box-shadow:0 4px 12px #02061759,inset 0 1px #e2e8ff1a,0 0 12px #4d6bfe2e}.v78Lda_bubbleWhisper{letter-spacing:.03em;animation:.32s cubic-bezier(.22,1,.36,1) v78Lda_pet-whisper-in}.v78Lda_bubbleWhisper:before{content:\"「\";opacity:.7;margin-right:2px}.v78Lda_bubbleWhisper:after{content:\"」\";opacity:.7;margin-left:2px}.v78Lda_bubbleStack{pointer-events:auto;flex-direction:column-reverse;align-items:center;gap:4px;display:flex;position:absolute;bottom:100%}.v78Lda_bubbleAnchor{display:inline-flex;position:relative}.v78Lda_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}.v78Lda_bubbleMore:hover{filter:brightness(1.15)}.v78Lda_bubbleMore:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.v78Lda_bubbleStack .v78Lda_bubble{pointer-events:auto;margin-bottom:0;position:relative;bottom:auto}.v78Lda_bubbleClickable{cursor:pointer;font:inherit;text-align:center;appearance:none;transition:filter .12s,box-shadow .12s}.v78Lda_bubbleClickable:hover{filter:brightness(1.12)}.v78Lda_bubbleClickable:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@keyframes v78Lda_pet-bubble-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes v78Lda_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 v78Lda_pet-panel-in{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes v78Lda_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)}}.v78Lda_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) v78Lda_pet-panel-in;display:flex;position:absolute;top:100%;box-shadow:0 8px 24px #02061773,0 0 0 1px #4d6bfe1a,inset 0 1px #e2e8ff14}.v78Lda_panel:after{content:\"\";height:14px;position:absolute;bottom:100%;left:0;right:0}.v78Lda_panelAbove{transform-origin:50% 100%;margin-top:0;margin-bottom:8px;top:auto;bottom:100%}.v78Lda_panelAbove:after{top:100%;bottom:auto}.v78Lda_rankRow{white-space:nowrap;justify-content:space-between;gap:10px;display:flex}.v78Lda_nameCell{letter-spacing:.02em;background:linear-gradient(90deg,#a9c1ff,#6c8bff 60%,#4d6bfe);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.v78Lda_statRank{color:#9db4ff;font-weight:600}.v78Lda_statTreats{color:#7dd3fc;font-weight:600}.v78Lda_statPoints{color:#fcd34d;font-weight:600}.v78Lda_renameRow{align-items:center;gap:6px;display:flex}.v78Lda_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}.v78Lda_nameInput:focus{border-color:#4d6bfe;box-shadow:0 0 0 2px #4d6bfe73}.v78Lda_actions{gap:6px;display:flex}.v78Lda_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}.v78Lda_action:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 10px #4d6bfe66}.v78Lda_action:active{filter:brightness(.94);transform:translateY(0);box-shadow:0 1px 4px #4d6bfe4d}.v78Lda_action:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}.v78Lda_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}.v78Lda_summon:hover{color:#c3d3ff;background:#070b1ae6;border-color:#7e98fff2}.v78Lda_summon:active{color:#8ea6ff;border-color:#7e98ffcc}.v78Lda_summon:focus-visible{outline:none;box-shadow:0 0 0 2px #7e98ffe6}@media (prefers-reduced-motion:reduce){.v78Lda_bubble,.v78Lda_bubbleStatus,.v78Lda_bubbleWhisper,.v78Lda_panel{opacity:1;animation:none}.v78Lda_action,.v78Lda_summon,.v78Lda_bubbleMore{transition:none}}.v78Lda_gameplayHud{width:0;height:0;position:absolute;bottom:0;left:0}.v78Lda_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)}.v78Lda_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}.v78Lda_gameplayBars{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.v78Lda_gameplayBarRow{align-items:center;gap:6px;display:flex}.v78Lda_gameplayBarLabel{color:#9aa8d8;flex-shrink:0;width:34px}.v78Lda_gameplayBarTrack{background:#7e98ff26;border-radius:3px;flex:1;height:6px;overflow:hidden}.v78Lda_gameplayBarFill{background:linear-gradient(90deg,#7e98ff,#9db4ff);border-radius:3px;height:100%;transition:width .3s;display:block}.v78Lda_gameplayActions{flex-wrap:wrap;gap:6px;display:flex}.v78Lda_gameplayShopItems{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.v78Lda_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}.v78Lda_gameplayShopItem:hover{background:#7e98ff29;border-color:#7e98ffb3}.v78Lda_gameplayShopItemImage{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.v78Lda_gameplayShopItemLabel{text-align:center;font-size:11px}.v78Lda_gameplayShopItemPrice{color:#ffd27e;font-size:10px}.v78Lda_gameplaySkinItems{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.v78Lda_gameplaySkinItem{width:100%;color:inherit;cursor:pointer;text-align:left;background:#7e98ff14;border:1px solid #7e98ff40;border-radius:8px;padding:8px 10px;font-size:12px;display:block}.v78Lda_gameplaySkinItem:hover{background:#7e98ff29;border-color:#7e98ffb3}.v78Lda_gameplaySkinItemActive{background:#7e98ff47;border-color:#7e98ffe6}.v78Lda_gameplayClose{color:#9aa8d8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;position:absolute;top:4px;right:8px}.v78Lda_gameplayClose:hover{color:#fff}.v78Lda_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 v78Lda_pet-gameplay-float;position:absolute;top:-8px;left:50%;transform:translate(-50%)}@keyframes v78Lda_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){.v78Lda_gameplayFloat{opacity:1;animation:none}.v78Lda_gameplayBarFill{transition:none}}.v78Lda_bubbleUsage{white-space:nowrap;backdrop-filter:blur(8px);letter-spacing:.02em;background:linear-gradient(160deg,#131c36eb,#070b1af2);border:1px solid #7e98ff73;flex-direction:column;align-items:stretch;gap:3px;min-width:128px;max-width:min(280px,100vw - 24px);padding:6px 12px;animation:.28s cubic-bezier(.22,1,.36,1) v78Lda_pet-usage-in;display:flex;box-shadow:0 4px 12px #02061759,inset 0 1px #e2e8ff1a,0 0 12px #4d6bfe2e}.v78Lda_bubbleUsageHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.v78Lda_bubbleUsageTitle{text-overflow:ellipsis;opacity:.85;overflow:hidden}.v78Lda_bubbleUsageValue{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.v78Lda_bubbleUsageNote{text-overflow:ellipsis;opacity:.55;font-size:10px;overflow:hidden}.v78Lda_bubbleUsageMeter{background:#e2e8ff24;border-radius:999px;height:4px;display:block;overflow:hidden}.v78Lda_bubbleUsageMeterFill{background:#6ee7b7;border-radius:999px;height:100%;transition:width .3s;display:block}.v78Lda_bubbleUsageOk{border-color:#7e98ff73}.v78Lda_bubbleUsageWarn{border-color:#fbbf248c}.v78Lda_bubbleUsageWarn .v78Lda_bubbleUsageMeterFill{background:#fbbf24}.v78Lda_bubbleUsageLow{border-color:#f8717199}.v78Lda_bubbleUsageLow .v78Lda_bubbleUsageMeterFill{background:#f87171}@keyframes v78Lda_pet-usage-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.v78Lda_bubbleUsage{animation:none}}";
+		const tagId$2 = "@linxin666/dsh-pet/src/client/pet.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@linxin666/dsh-pet";
@@ -278,65 +278,65 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var pet_module_css_default = {
-			"action": "kz2Bea_action",
-			"actions": "kz2Bea_actions",
-			"bubble": "kz2Bea_bubble",
-			"bubbleAnchor": "kz2Bea_bubbleAnchor",
-			"bubbleClickable": "kz2Bea_bubbleClickable",
-			"bubbleFeed": "kz2Bea_bubbleFeed",
-			"bubbleMore": "kz2Bea_bubbleMore",
-			"bubblePet": "kz2Bea_bubblePet",
-			"bubbleStack": "kz2Bea_bubbleStack",
-			"bubbleStatus": "kz2Bea_bubbleStatus",
-			"bubbleUsage": "kz2Bea_bubbleUsage",
-			"bubbleUsageHead": "kz2Bea_bubbleUsageHead",
-			"bubbleUsageLow": "kz2Bea_bubbleUsageLow",
-			"bubbleUsageMeter": "kz2Bea_bubbleUsageMeter",
-			"bubbleUsageMeterFill": "kz2Bea_bubbleUsageMeterFill",
-			"bubbleUsageNote": "kz2Bea_bubbleUsageNote",
-			"bubbleUsageOk": "kz2Bea_bubbleUsageOk",
-			"bubbleUsageTitle": "kz2Bea_bubbleUsageTitle",
-			"bubbleUsageValue": "kz2Bea_bubbleUsageValue",
-			"bubbleUsageWarn": "kz2Bea_bubbleUsageWarn",
-			"bubbleWhisper": "kz2Bea_bubbleWhisper",
-			"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",
-			"gameplaySkinItem": "kz2Bea_gameplaySkinItem",
-			"gameplaySkinItemActive": "kz2Bea_gameplaySkinItemActive",
-			"gameplaySkinItems": "kz2Bea_gameplaySkinItems",
-			"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-usage-in": "kz2Bea_pet-usage-in",
-			"pet-whisper-in": "kz2Bea_pet-whisper-in",
-			"rankRow": "kz2Bea_rankRow",
-			"renameRow": "kz2Bea_renameRow",
-			"sprite": "kz2Bea_sprite",
-			"spriteWrap": "kz2Bea_spriteWrap",
-			"statPoints": "kz2Bea_statPoints",
-			"statRank": "kz2Bea_statRank",
-			"statTreats": "kz2Bea_statTreats",
-			"summon": "kz2Bea_summon"
+			"action": "v78Lda_action",
+			"actions": "v78Lda_actions",
+			"bubble": "v78Lda_bubble",
+			"bubbleAnchor": "v78Lda_bubbleAnchor",
+			"bubbleClickable": "v78Lda_bubbleClickable",
+			"bubbleFeed": "v78Lda_bubbleFeed",
+			"bubbleMore": "v78Lda_bubbleMore",
+			"bubblePet": "v78Lda_bubblePet",
+			"bubbleStack": "v78Lda_bubbleStack",
+			"bubbleStatus": "v78Lda_bubbleStatus",
+			"bubbleUsage": "v78Lda_bubbleUsage",
+			"bubbleUsageHead": "v78Lda_bubbleUsageHead",
+			"bubbleUsageLow": "v78Lda_bubbleUsageLow",
+			"bubbleUsageMeter": "v78Lda_bubbleUsageMeter",
+			"bubbleUsageMeterFill": "v78Lda_bubbleUsageMeterFill",
+			"bubbleUsageNote": "v78Lda_bubbleUsageNote",
+			"bubbleUsageOk": "v78Lda_bubbleUsageOk",
+			"bubbleUsageTitle": "v78Lda_bubbleUsageTitle",
+			"bubbleUsageValue": "v78Lda_bubbleUsageValue",
+			"bubbleUsageWarn": "v78Lda_bubbleUsageWarn",
+			"bubbleWhisper": "v78Lda_bubbleWhisper",
+			"float": "v78Lda_float",
+			"gameplayActions": "v78Lda_gameplayActions",
+			"gameplayBarFill": "v78Lda_gameplayBarFill",
+			"gameplayBarLabel": "v78Lda_gameplayBarLabel",
+			"gameplayBarRow": "v78Lda_gameplayBarRow",
+			"gameplayBarTrack": "v78Lda_gameplayBarTrack",
+			"gameplayBars": "v78Lda_gameplayBars",
+			"gameplayCard": "v78Lda_gameplayCard",
+			"gameplayClose": "v78Lda_gameplayClose",
+			"gameplayFloat": "v78Lda_gameplayFloat",
+			"gameplayHud": "v78Lda_gameplayHud",
+			"gameplayModeChip": "v78Lda_gameplayModeChip",
+			"gameplayShopItem": "v78Lda_gameplayShopItem",
+			"gameplayShopItemImage": "v78Lda_gameplayShopItemImage",
+			"gameplayShopItemLabel": "v78Lda_gameplayShopItemLabel",
+			"gameplayShopItemPrice": "v78Lda_gameplayShopItemPrice",
+			"gameplayShopItems": "v78Lda_gameplayShopItems",
+			"gameplaySkinItem": "v78Lda_gameplaySkinItem",
+			"gameplaySkinItemActive": "v78Lda_gameplaySkinItemActive",
+			"gameplaySkinItems": "v78Lda_gameplaySkinItems",
+			"nameCell": "v78Lda_nameCell",
+			"nameInput": "v78Lda_nameInput",
+			"panel": "v78Lda_panel",
+			"panelAbove": "v78Lda_panelAbove",
+			"pet-bubble-in": "v78Lda_pet-bubble-in",
+			"pet-bubble-pop": "v78Lda_pet-bubble-pop",
+			"pet-gameplay-float": "v78Lda_pet-gameplay-float",
+			"pet-panel-in": "v78Lda_pet-panel-in",
+			"pet-usage-in": "v78Lda_pet-usage-in",
+			"pet-whisper-in": "v78Lda_pet-whisper-in",
+			"rankRow": "v78Lda_rankRow",
+			"renameRow": "v78Lda_renameRow",
+			"sprite": "v78Lda_sprite",
+			"spriteWrap": "v78Lda_spriteWrap",
+			"statPoints": "v78Lda_statPoints",
+			"statRank": "v78Lda_statRank",
+			"statTreats": "v78Lda_statTreats",
+			"summon": "v78Lda_summon"
 		};
 		//#endregion
 		//#region src/client/PetSprite.tsx
@@ -618,10 +618,12 @@ window.__ModuleLoader__.load({
 						st.elapsed -= track.durations[st.index] ?? 0;
 						st.index += 1;
 					}
-					if (st.elapsed >= (track.durations[st.index] ?? 0)) if (track.loop) {
-						st.elapsed = 0;
-						st.index = 0;
-					} else st.index = maxIndex;
+					if (st.elapsed >= (track.durations[st.index] ?? 0)) {
+						if (track.loop) {
+							st.elapsed = 0;
+							st.index = 0;
+						} else st.index = maxIndex;
+					}
 					const col = track.frames[st.index];
 					const pos = framePosition(cell, row, col, scaleRef.current);
 					const posStr = pos.x + "px " + pos.y + "px";
@@ -660,6 +662,7 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => () => clearHideTimer(), []);
 			const onPointerDown = (e) => {
 				if (props.dragDisabled === true) return;
+				endWalk(false);
 				e.preventDefault();
 				e.target.setPointerCapture?.(e.pointerId);
 				const current = dragPos ?? {
@@ -702,6 +705,84 @@ window.__ModuleLoader__.load({
 			};
 			const spriteWidth = Math.round(cell.width * spriteScale);
 			const spriteHeight = Math.round(cell.height * spriteScale);
+			const [facingRight, setFacingRight] = (0, react.useState)(false);
+			const walkRafRef = (0, react.useRef)(0);
+			const walkTargetRef = (0, react.useRef)(null);
+			const dragPosRef = (0, react.useRef)(dragPos);
+			dragPosRef.current = dragPos;
+			/** Stop an active walk; `persist` lands the pet on the spot it reached. */
+			const endWalk = (persist) => {
+				if (walkRafRef.current === 0) return;
+				window.cancelAnimationFrame(walkRafRef.current);
+				walkRafRef.current = 0;
+				setFacingRight(false);
+				const settled = walkTargetRef.current;
+				walkTargetRef.current = null;
+				if (persist && settled !== null) props.onDragEnd(settled.right, settled.bottom);
+			};
+			(0, react.useEffect)(() => {
+				const bus = props.bus;
+				if (bus === void 0) return void 0;
+				bus.walk = (direction, distance, speed) => {
+					if (dragRef.current !== null || walkRafRef.current !== 0) return 0;
+					const current = dragPosRef.current ?? {
+						right: display.right,
+						bottom: display.bottom
+					};
+					const margin = 8;
+					const maxRight = Math.max(margin, window.innerWidth - spriteWidth - margin);
+					const maxBottom = Math.max(margin, window.innerHeight - spriteHeight - margin);
+					const wanted = { ...current };
+					if (direction === "left") wanted.right = current.right + distance;
+					else if (direction === "right") wanted.right = current.right - distance;
+					else if (direction === "up") wanted.bottom = current.bottom + distance;
+					else wanted.bottom = current.bottom - distance;
+					const target = {
+						right: Math.max(margin, clampOffset(wanted.right, maxRight)),
+						bottom: Math.max(margin, clampOffset(wanted.bottom, maxBottom))
+					};
+					const travelled = direction === "left" ? target.right - current.right : direction === "right" ? current.right - target.right : direction === "up" ? target.bottom - current.bottom : current.bottom - target.bottom;
+					if (travelled < 1) return 0;
+					const duration = Math.max(150, travelled / Math.max(1, speed) * 1e3);
+					const startedAt = performance.now();
+					setFacingRight(direction === "right");
+					walkTargetRef.current = current;
+					const step = (now) => {
+						const t = Math.min(1, (now - startedAt) / duration);
+						const next = {
+							right: current.right + (target.right - current.right) * t,
+							bottom: current.bottom + (target.bottom - current.bottom) * t
+						};
+						walkTargetRef.current = next;
+						setDragPos(next);
+						if (t < 1) {
+							walkRafRef.current = window.requestAnimationFrame(step);
+							return;
+						}
+						walkRafRef.current = 0;
+						walkTargetRef.current = null;
+						setFacingRight(false);
+						props.onDragEnd(next.right, next.bottom);
+					};
+					walkRafRef.current = window.requestAnimationFrame(step);
+					return travelled;
+				};
+				return () => {
+					bus.walk = void 0;
+					if (walkRafRef.current !== 0) {
+						window.cancelAnimationFrame(walkRafRef.current);
+						walkRafRef.current = 0;
+					}
+					setFacingRight(false);
+					walkTargetRef.current = null;
+				};
+			}, [
+				props.bus,
+				definition.id,
+				display.right,
+				display.bottom,
+				spriteWidth
+			]);
 			const bubbleScale = bubbleScaleFor(display);
 			const sessionBubbles = snapshot?.sessions ?? [];
 			const stackOpen = stackPeek || stackPinned;
@@ -744,7 +825,7 @@ window.__ModuleLoader__.load({
 				stackOpen,
 				feedback
 			]);
-			return (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			const float = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				ref: floatRef,
 				className: pet_module_css_default.float,
 				style: {
@@ -783,7 +864,8 @@ window.__ModuleLoader__.load({
 									backgroundRepeat: "no-repeat",
 									backgroundPosition: "0 0"
 								} : {},
-								cursor: dragRef.current === null ? "grab" : "grabbing"
+								cursor: dragRef.current === null ? "grab" : "grabbing",
+								...facingRight ? { transform: "scaleX(-1)" } : {}
 							},
 							onPointerDown,
 							onPointerMove,
@@ -963,7 +1045,8 @@ window.__ModuleLoader__.load({
 						] })
 					})
 				]
-			}), props.portalTarget ?? document.body);
+			});
+			return (0, react_dom.createPortal)(float, props.portalTarget ?? document.body);
 		}
 		//#endregion
 		//#region src/client/drag-stream.ts
@@ -1276,6 +1359,36 @@ window.__ModuleLoader__.load({
 		}
 		//#endregion
 		//#region src/gameplay.ts
+		/** Every roam direction, in roll order (equal chance each unless restricted). */
+		const PET_ROAM_DIRECTIONS = [
+			"up",
+			"down",
+			"left",
+			"right"
+		];
+		/**
+		* One declared extra mode, by OWN key only. A plain `modes[id]` lookup also
+		* answers for Object.prototype members ('constructor', 'toString', …), which
+		* would let a crafted mode id pass the "is it declared?" test.
+		*/
+		function declaredModeOf(manifest, mode) {
+			const modes = manifest.modes;
+			if (modes === void 0 || !Object.prototype.hasOwnProperty.call(modes, mode)) return void 0;
+			return modes[mode];
+		}
+		/** Every mode the menu offers, in manifest order (sleep first, then extras). */
+		function declaredModes(manifest) {
+			return [...manifest.sleep === void 0 ? [] : ["sleep"], ...Object.keys(manifest.modes ?? {})];
+		}
+		/**
+		* The frames2d track one active mode holds. 'work' is owned by the work loop
+		* (its state, result and fallback are its own), so it resolves to undefined.
+		*/
+		function modeStateOf(manifest, mode) {
+			if (mode === "sleep") return manifest.sleep?.state;
+			if (mode === "work") return manifest.work?.state;
+			return declaredModeOf(manifest, mode)?.state;
+		}
 		/** 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);
@@ -1299,7 +1412,6 @@ window.__ModuleLoader__.load({
 			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 persistedSkin = ui.snapshot?.skin;
 			const [open, setOpen] = (0, react.useState)(false);
 			const [page, setPage] = (0, react.useState)("root");
@@ -1311,12 +1423,19 @@ window.__ModuleLoader__.load({
 			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;
+			/** Live gameplay view for the interval loops (def identity is stable, view is not). */
+			const viewRef = (0, react.useRef)(view);
+			viewRef.current = view;
 			const draggingRef = (0, react.useRef)(false);
 			const touchLockUntilRef = (0, react.useRef)(0);
 			const missRef = (0, react.useRef)(0);
 			const busyRef = (0, react.useRef)(false);
+			/** A roam walk owns the visual right now (the idle director must not steal it). */
+			const roamHeldRef = (0, react.useRef)(false);
+			/** A one-shot idle-director act owns the visual right now (the roam must not cut in). */
+			const actHeldRef = (0, react.useRef)(false);
+			/** Pending release of the roam's walk track (cleared when another owner takes it). */
+			const roamTimerRef = (0, react.useRef)(0);
 			const tr = props.t;
 			const statLabel = (name) => tr("pet.gameplay.stat." + name);
 			const currencyLabel = (name) => tr("pet.gameplay.currency." + name);
@@ -1333,9 +1452,23 @@ window.__ModuleLoader__.load({
 			const applyResult = (result) => {
 				if (result.view !== void 0) store.actions.setGameplayView(result.view);
 			};
+			/**
+			* Give up the roam's claim on the shared track-override slot. Every other
+			* owner (a mode, a touch reaction, a drag) calls this before it takes the
+			* slot, so a walk that is still in flight can never release someone else's
+			* track when its own hold window elapses.
+			*/
+			const yieldRoam = () => {
+				if (roamTimerRef.current !== 0) {
+					window.clearTimeout(roamTimerRef.current);
+					roamTimerRef.current = 0;
+				}
+				roamHeldRef.current = false;
+			};
 			(0, react.useEffect)(() => {
 				if (def === void 0) return void 0;
 				const holdTrack = (track, holdMs) => {
+					yieldRoam();
 					bus.setTrack?.(track);
 					touchLockUntilRef.current = Date.now() + holdMs;
 					window.setTimeout(() => {
@@ -1354,7 +1487,7 @@ window.__ModuleLoader__.load({
 				};
 				const trackDuration = (track) => definition.frames2d?.tracks[track]?.durations.reduce((sum, ms) => sum + ms, 0) ?? 0;
 				bus.tap = (fx, fy) => {
-					if (modeRef.current === "sleep") {
+					if (modeRef.current !== null && modeRef.current !== "work") {
 						api.setMode(null).then(applyResult, () => void 0);
 						return;
 					}
@@ -1440,7 +1573,8 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				return props.drag.subscribe((dragging) => {
 					draggingRef.current = dragging;
-					if (dragging && modeRef.current === "sleep") api.setMode(null).then(applyResult, () => void 0);
+					if (dragging) yieldRoam();
+					if (dragging && modeRef.current !== null && modeRef.current !== "work") api.setMode(null).then(applyResult, () => void 0);
 				});
 			}, [props.drag]);
 			(0, react.useEffect)(() => {
@@ -1448,10 +1582,12 @@ window.__ModuleLoader__.load({
 				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;
+				let actTimer = 0;
 				const timer = window.setInterval(() => {
-					if (phaseRef.current !== "idle") return;
 					if (modeRef.current !== null || draggingRef.current) return;
 					if (Date.now() < touchLockUntilRef.current) return;
+					if (roamHeldRef.current) return;
+					if (actHeldRef.current) return;
 					let pickedAct;
 					if (missRef.current >= director.maxMiss) {
 						const actTotal = director.acts.reduce((sum, act) => sum + act.weight, 0);
@@ -1478,7 +1614,13 @@ window.__ModuleLoader__.load({
 						return;
 					}
 					missRef.current = 0;
+					actHeldRef.current = true;
 					bus.setTrack?.(pickedAct.track);
+					const holdMs = definition.frames2d?.tracks[pickedAct.track]?.durations.reduce((sum, ms) => sum + ms, 0) ?? 0;
+					window.clearTimeout(actTimer);
+					actTimer = window.setTimeout(() => {
+						actHeldRef.current = false;
+					}, holdMs > 0 ? holdMs : 3e3);
 					if (pickedAct.phrases !== void 0 && pickedAct.phrases.length > 0) {
 						const phrase = pickedAct.phrases[Math.floor(Math.random() * pickedAct.phrases.length)];
 						store.actions.setFeedback({
@@ -1488,7 +1630,11 @@ window.__ModuleLoader__.load({
 						});
 					}
 				}, director.intervalMs);
-				return () => window.clearInterval(timer);
+				return () => {
+					window.clearInterval(timer);
+					window.clearTimeout(actTimer);
+					actHeldRef.current = false;
+				};
 			}, [definition.id, def]);
 			(0, react.useEffect)(() => {
 				const work = def?.work;
@@ -1528,10 +1674,13 @@ window.__ModuleLoader__.load({
 				skinId
 			]);
 			(0, react.useEffect)(() => {
-				const sleep = def?.sleep;
-				if (def === void 0 || sleep === void 0 || view?.mode !== "sleep") return void 0;
-				const hold = (definition.frames2d?.skins?.find((skin) => skin.id === skinIdRef.current)?.gameplayTracks)?.["sleep"] ?? sleep.state;
-				bus.setTrack?.(hold);
+				const active = view?.mode;
+				if (def === void 0 || active === void 0 || active === null || active === "work") return void 0;
+				const hold = modeStateOf(def, active);
+				if (hold === void 0) return void 0;
+				const skinGameplay = definition.frames2d?.skins?.find((skin) => skin.id === skinIdRef.current)?.gameplayTracks;
+				yieldRoam();
+				bus.setTrack?.(skinGameplay?.[active] ?? hold);
 				return () => bus.setTrack?.(void 0);
 			}, [
 				definition.id,
@@ -1539,10 +1688,58 @@ window.__ModuleLoader__.load({
 				view?.mode,
 				skinId
 			]);
+			(0, react.useEffect)(() => {
+				const roam = def?.roam;
+				if (def === void 0 || roam === void 0) return void 0;
+				const roll = () => {
+					if (modeRef.current !== null || draggingRef.current) return;
+					if (Date.now() < touchLockUntilRef.current) return;
+					if (roamHeldRef.current || actHeldRef.current) return;
+					if (Math.random() >= roam.probability) return;
+					const span = roam.distanceMax - roam.distanceMin;
+					const distance = roam.distanceMin + Math.random() * span;
+					const directions = roam.directions ?? PET_ROAM_DIRECTIONS;
+					const direction = directions[Math.floor(Math.random() * directions.length)] ?? "left";
+					const travelled = bus.walk?.(direction, distance, roam.speed) ?? 0;
+					if (travelled === 0) return;
+					roamHeldRef.current = true;
+					bus.setTrack?.(roam.state);
+					roamTimerRef.current = window.setTimeout(() => {
+						roamTimerRef.current = 0;
+						if (!roamHeldRef.current) return;
+						roamHeldRef.current = false;
+						bus.setTrack?.(void 0);
+					}, Math.max(150, Math.abs(travelled) / roam.speed * 1e3));
+				};
+				let timer = 0;
+				const lead = window.setTimeout(() => {
+					roll();
+					timer = window.setInterval(roll, roam.intervalMs);
+				}, Math.round(roam.intervalMs / 2));
+				return () => {
+					window.clearTimeout(lead);
+					window.clearInterval(timer);
+					yieldRoam();
+				};
+			}, [definition.id, def]);
 			if (def === void 0 || view === void 0) return null;
 			const mode = view.mode;
 			const stats = def.stats ?? {};
 			const shop = def.shop;
+			const menuModes = declaredModes(def);
+			/** Action-button label for one mode (active = the button that leaves it). */
+			const modeLabel = (name, active) => {
+				if (name === "sleep") return tr(active ? "pet.gameplay.wake" : "pet.gameplay.sleep");
+				const declared = def.modes?.[name];
+				return (active ? declared?.activeLabel ?? declared?.label : declared?.label) ?? tr("pet.gameplay." + name);
+			};
+			/** Chip label for the mode the pet is in right now. */
+			const modeChip = (name) => {
+				if (name === "work") return tr("pet.gameplay.working");
+				if (name === "sleep") return tr("pet.gameplay.sleeping");
+				const declared = def.modes?.[name];
+				return declared?.activeLabel ?? declared?.label ?? tr("pet.gameplay." + name);
+			};
 			const buy = (itemId) => {
 				api.buy(itemId).then((result) => {
 					applyResult(result);
@@ -1600,7 +1797,7 @@ window.__ModuleLoader__.load({
 					}, 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")
+						children: modeChip(mode)
 					}),
 					open && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref: cardRef,
@@ -1629,12 +1826,12 @@ window.__ModuleLoader__.load({
 							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: pet_module_css_default.gameplayActions,
 								children: [
-									def.sleep !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									menuModes.map((name) => /* @__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")
-									}),
+										onClick: () => setMode(mode === name ? null : name),
+										children: modeLabel(name, mode === name)
+									}, name)),
 									shop !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										className: pet_module_css_default.action,
@@ -1799,6 +1996,7 @@ window.__ModuleLoader__.load({
 						onFeedbackDone: props.feedbackDone,
 						portalTarget: props.portalTarget,
 						dragDisabled: snapshot.gameplay?.mode === "work",
+						...aux === null ? {} : { bus: aux.bus },
 						...gameplay === void 0 || aux === null ? {} : {
 							onGameplayTap: (fx, fy) => aux.bus.tap?.(fx, fy),
 							onGameplayMenu: () => aux.bus.openCard?.(),
@@ -2513,9 +2711,9 @@ window.__ModuleLoader__.load({
 			teardown?.();
 		}
 		//#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;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-secondary);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-secondary);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-state-error-primary,#b42318);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-state-error-primary,#b42318);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-state-error-primary,#b42318);outline-offset:1px;border-color:var(--dsw-alias-state-error-primary,#b42318)}.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-state-error-primary,#b42318);margin:0;font-size:12px;line-height:1.5}.kKk9aW_hint{color:var(--dsw-alias-label-secondary);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/packages/dsh-pet/src/client/settings-card.module.css";
+		//#region \0dsh-css:src/client/settings-card.module.css.mjs
+		const css$1 = ".KApx_W_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}.KApx_W_card:hover{border-color:var(--dsw-alias-label-dimmed)}.KApx_W_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.KApx_W_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}.KApx_W_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.KApx_W_headerStatic{box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.KApx_W_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.KApx_W_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.KApx_W_description{color:var(--dsw-alias-label-secondary);font-size:13px;line-height:1.5}.KApx_W_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}.KApx_W_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.KApx_W_chevronOpen{transform:rotate(180deg)}.KApx_W_body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}.KApx_W_readOnly{color:var(--dsw-alias-label-secondary);margin:12px 0 0;font-size:12px;line-height:1.5}.KApx_W_notExposed{color:var(--dsw-alias-state-warn-primary);margin:12px 0 0;font-size:12px;line-height:1.5}.KApx_W_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}.KApx_W_failed{min-width:0;color:var(--dsw-alias-state-error-primary,#b42318);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:12px;line-height:1.5;overflow:hidden}.KApx_W_discard,.KApx_W_save{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5}.KApx_W_discard{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}.KApx_W_discard:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}.KApx_W_save{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.KApx_W_discard:disabled,.KApx_W_save:disabled{opacity:.4;cursor:default}.KApx_W_discard:focus-visible,.KApx_W_save:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}.KApx_W_field{flex-direction:column;gap:6px;padding:12px 0;display:flex}.KApx_W_field+.KApx_W_field{border-top:1px solid var(--dsw-alias-border-l2)}.KApx_W_head{align-items:center;gap:8px;display:flex}.KApx_W_label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.KApx_W_badges{align-items:center;gap:8px;display:inline-flex}.KApx_W_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}.KApx_W_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}.KApx_W_reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}.KApx_W_reset:disabled{cursor:default}.KApx_W_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}.KApx_W_input,.KApx_W_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}.KApx_W_input:focus-visible,.KApx_W_select:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}.KApx_W_input:disabled,.KApx_W_select:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}.KApx_W_inputInvalid{border:1px solid var(--dsw-alias-state-error-primary,#b42318);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}.KApx_W_inputInvalid:focus-visible{outline:2px solid var(--dsw-alias-state-error-primary,#b42318);outline-offset:1px;border-color:var(--dsw-alias-state-error-primary,#b42318)}.KApx_W_selectWrap{position:relative}.KApx_W_selectButton{appearance:none;text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.KApx_W_selectLabel{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.KApx_W_selectChevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.KApx_W_selectChevronOpen{transform:rotate(180deg)}.KApx_W_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)}.KApx_W_selectPopupOpen{opacity:1;transform:none}.KApx_W_selectPopupClose{opacity:0;pointer-events:none;transform:translateY(-4px)}.KApx_W_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}.KApx_W_selectOption:hover,.KApx_W_selectOptionActive{background:var(--dsw-alias-interactive-bg-hover)}.KApx_W_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}.KApx_W_invalid{color:var(--dsw-alias-state-error-primary,#b42318);margin:0;font-size:12px;line-height:1.5}.KApx_W_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.KApx_W_card,.KApx_W_header,.KApx_W_chevron,.KApx_W_chevronOpen,.KApx_W_discard,.KApx_W_save,.KApx_W_selectChevron,.KApx_W_selectChevronOpen,.KApx_W_selectPopup{transition:none}}";
+		const tagId$1 = "@linxin666/dsh-pet/src/client/settings-card.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@linxin666/dsh-pet";
@@ -2524,45 +2722,45 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_card_module_css_default = {
-			"badge": "kKk9aW_badge",
-			"badges": "kKk9aW_badges",
-			"body": "kKk9aW_body",
-			"card": "kKk9aW_card",
-			"cardOpen": "kKk9aW_cardOpen",
-			"chevron": "kKk9aW_chevron",
-			"chevronOpen": "kKk9aW_chevronOpen",
-			"description": "kKk9aW_description",
-			"discard": "kKk9aW_discard",
-			"failed": "kKk9aW_failed",
-			"field": "kKk9aW_field",
-			"footer": "kKk9aW_footer",
-			"head": "kKk9aW_head",
-			"headText": "kKk9aW_headText",
-			"header": "kKk9aW_header",
-			"headerStatic": "kKk9aW_headerStatic",
-			"hint": "kKk9aW_hint",
-			"input": "kKk9aW_input",
-			"inputInvalid": "kKk9aW_inputInvalid",
-			"invalid": "kKk9aW_invalid",
-			"label": "kKk9aW_label",
-			"name": "kKk9aW_name",
-			"notExposed": "kKk9aW_notExposed",
-			"pending": "kKk9aW_pending",
-			"readOnly": "kKk9aW_readOnly",
-			"reset": "kKk9aW_reset",
-			"save": "kKk9aW_save",
-			"select": "kKk9aW_select",
-			"selectButton": "kKk9aW_selectButton",
-			"selectChevron": "kKk9aW_selectChevron",
-			"selectChevronOpen": "kKk9aW_selectChevronOpen",
-			"selectLabel": "kKk9aW_selectLabel",
-			"selectOption": "kKk9aW_selectOption",
-			"selectOptionActive": "kKk9aW_selectOptionActive",
-			"selectOptionSelected": "kKk9aW_selectOptionSelected",
-			"selectPopup": "kKk9aW_selectPopup",
-			"selectPopupClose": "kKk9aW_selectPopupClose",
-			"selectPopupOpen": "kKk9aW_selectPopupOpen",
-			"selectWrap": "kKk9aW_selectWrap"
+			"badge": "KApx_W_badge",
+			"badges": "KApx_W_badges",
+			"body": "KApx_W_body",
+			"card": "KApx_W_card",
+			"cardOpen": "KApx_W_cardOpen",
+			"chevron": "KApx_W_chevron",
+			"chevronOpen": "KApx_W_chevronOpen",
+			"description": "KApx_W_description",
+			"discard": "KApx_W_discard",
+			"failed": "KApx_W_failed",
+			"field": "KApx_W_field",
+			"footer": "KApx_W_footer",
+			"head": "KApx_W_head",
+			"headText": "KApx_W_headText",
+			"header": "KApx_W_header",
+			"headerStatic": "KApx_W_headerStatic",
+			"hint": "KApx_W_hint",
+			"input": "KApx_W_input",
+			"inputInvalid": "KApx_W_inputInvalid",
+			"invalid": "KApx_W_invalid",
+			"label": "KApx_W_label",
+			"name": "KApx_W_name",
+			"notExposed": "KApx_W_notExposed",
+			"pending": "KApx_W_pending",
+			"readOnly": "KApx_W_readOnly",
+			"reset": "KApx_W_reset",
+			"save": "KApx_W_save",
+			"select": "KApx_W_select",
+			"selectButton": "KApx_W_selectButton",
+			"selectChevron": "KApx_W_selectChevron",
+			"selectChevronOpen": "KApx_W_selectChevronOpen",
+			"selectLabel": "KApx_W_selectLabel",
+			"selectOption": "KApx_W_selectOption",
+			"selectOptionActive": "KApx_W_selectOptionActive",
+			"selectOptionSelected": "KApx_W_selectOptionSelected",
+			"selectPopup": "KApx_W_selectPopup",
+			"selectPopupClose": "KApx_W_selectPopupClose",
+			"selectPopupOpen": "KApx_W_selectPopupOpen",
+			"selectWrap": "KApx_W_selectWrap"
 		};
 		//#endregion
 		//#region src/client/PluginSettingsCard.tsx
@@ -2646,17 +2844,20 @@ window.__ModuleLoader__.load({
 					})
 				]
 			});
-			if (!state.exposed) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-				className: cardClass,
-				children: [header, expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: settings_card_module_css_default.body,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: settings_card_module_css_default.notExposed,
-						role: "status",
-						children: props.t("settings.notExposed")
-					})
-				}) : null]
-			});
+			if (!state.exposed && props.renderChildrenWhenNotExposed !== true) {
+				const showNotice = props.hideNotExposedNotice !== true;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+					className: cardClass,
+					children: [header, expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: settings_card_module_css_default.body,
+						children: showNotice ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: settings_card_module_css_default.notExposed,
+							role: "status",
+							children: props.t("settings.notExposed")
+						}) : null
+					}) : null]
+				});
+			}
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
 				className: cardClass,
 				children: [header, expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2803,9 +3004,11 @@ window.__ModuleLoader__.load({
 					case " ":
 						event.preventDefault();
 						if (!open) openPopup();
-						else if (!closing) if (event.key === "ArrowDown") setActiveIndex((index) => (index + 1) % count);
-						else if (event.key === "ArrowUp") setActiveIndex((index) => (index - 1 + count) % count);
-						else commit(activeIndex);
+						else if (!closing) {
+							if (event.key === "ArrowDown") setActiveIndex((index) => (index + 1) % count);
+							else if (event.key === "ArrowUp") setActiveIndex((index) => (index - 1 + count) % count);
+							else commit(activeIndex);
+						}
 						break;
 					case "Escape":
 						if (open) {
@@ -2814,9 +3017,7 @@ window.__ModuleLoader__.load({
 							close();
 						}
 						break;
-					case "Tab":
-						if (open) close();
-						break;
+					case "Tab": if (open) close();
 				}
 			};
 			(0, react.useEffect)(() => () => {
@@ -3074,31 +3275,31 @@ window.__ModuleLoader__.load({
 			specs;
 			staged = /* @__PURE__ */ new Map();
 			listeners = /* @__PURE__ */ new Set();
-			/** The scope subscription installed in the constructor; released by dispose(). */
-			disposeScope;
+			/** The form subscription installed in the constructor; released by dispose(). */
+			disposeForm;
 			disposed = false;
 			saving = false;
 			failed = false;
 			failedReason;
-			/** @param scope - the bound settings scope for this card's namespace. */
+			/** @param scope - the bound configuration form for this card's namespace. */
 			constructor(scope, specs) {
 				this.scope = scope;
 				this.specs = new Map(specs.map((spec) => [spec.field, spec]));
-				this.disposeScope = scope.subscribe(() => {
+				this.disposeForm = scope.subscribe(() => {
 					this.publish();
 				});
 			}
 			/**
-			* Release the scope subscription and every bound store listener. The card
+			* Release the form subscription and every bound store listener. The card
 			* must call this on teardown; later calls are no-ops.
 			*/
 			dispose() {
 				if (this.disposed) return;
 				this.disposed = true;
-				this.disposeScope();
+				this.disposeForm();
 				this.listeners.clear();
 			}
-			/** Publish a projection of this form, rebuilt whenever the scope or a draft changes. */
+			/** Publish a projection of this form, rebuilt whenever the form or a draft changes. */
 			bind(project) {
 				const store = createSnapshotStore(project());
 				this.listeners.add(() => {
@@ -3165,19 +3366,19 @@ window.__ModuleLoader__.load({
 				};
 			}
 			/**
-			* Write every staged edit in one atomic scope mutation, then re-seed from
+			* Write every staged edit in one atomic form mutation, then re-seed from
 			* what the Host accepted.
 			*
 			* The whole batch rides one mutate, so cross-field validate hooks
 			* (baseURL+model) judge it as a unit: the Host either applies every write
-			* or refuses the batch. The 0.1.2 scope contract never rejects a refused
-			* mutation — the scope recovers with a fresh Host view and resolves — so
-			* resolution alone proves nothing: the outcome is judged by reading the
-			* settled snapshot back, one planned write at a time, and one missed write
-			* fails the whole save. A scope that still rejects on refusal (the dsh-web
-			* bridge scope) reports through the same failure path with its rejection
-			* message. A save that did not land keeps its drafts, so the user can
-			* correct them instead of retyping.
+			* or refuses the batch. The form contract answers a refusal or a skipped
+			* write with `false` (it recovers with a fresh Host view instead of
+			* throwing), so the outcome is judged twice: the answer itself, and then the
+			* settled snapshot read back one planned write at a time. One missed write
+			* fails the whole save. A transport that rejects instead (the dsh-web bridge
+			* controller on a dead connection) reports through the same failure path
+			* with its rejection message. A save that did not land keeps its drafts, so
+			* the user can correct them instead of retyping.
 			* @returns settlement after the mutation and the read-back.
 			*/
 			async save() {
@@ -3199,12 +3400,13 @@ window.__ModuleLoader__.load({
 					path: [item.field]
 				});
 				let failedReason;
+				let accepted = false;
 				try {
-					await this.scope.mutate(ops);
+					accepted = await this.scope.mutate(ops);
 				} catch (error) {
 					failedReason = error instanceof Error ? error.message : String(error);
 				}
-				const landed = failedReason === void 0 && valid.every((item) => item.judge());
+				const landed = accepted && failedReason === void 0 && valid.every((item) => item.judge());
 				for (const [field, before] of pending) if (landed && this.staged.get(field) === before) this.staged.delete(field);
 				this.saving = false;
 				this.failed = !landed;
@@ -3310,9 +3512,9 @@ window.__ModuleLoader__.load({
 			}
 		};
 		//#endregion
-		//#region \0dsh-css:packages/dsh-pet/src/client/settings-section.module.css.mjs
-		const css = ".t0P0pa_sectionList{margin:0;padding:0;list-style:none}.t0P0pa_diagnostics{border:1px dashed var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.t0P0pa_diagnosticsTitle{color:var(--dsw-alias-label-primary);margin-bottom:4px;font-weight:600;display:block}.t0P0pa_diagnostics ul{margin:0;padding-left:16px}.t0P0pa_diagnostics li[data-level=error]{color:var(--dsw-alias-label-error,#c04848)}";
-		const tagId = "@linxin666/dsh-pet/packages/dsh-pet/src/client/settings-section.module.css";
+		//#region \0dsh-css:src/client/settings-section.module.css.mjs
+		const css = ".c5M8OW_sectionList{margin:0;padding:0;list-style:none}.c5M8OW_diagnostics{border:1px dashed var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary);border-radius:8px;margin:8px 0;padding:8px 12px;font-size:12px}.c5M8OW_diagnosticsTitle{color:var(--dsw-alias-label-primary);margin-bottom:4px;font-weight:600;display:block}.c5M8OW_diagnostics ul{margin:0;padding-left:16px}.c5M8OW_diagnostics li[data-level=error]{color:var(--dsw-alias-label-error,#c04848)}";
+		const tagId = "@linxin666/dsh-pet/src/client/settings-section.module.css";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@linxin666/dsh-pet";
@@ -3321,9 +3523,9 @@ window.__ModuleLoader__.load({
 			document.head.appendChild(tag);
 		}
 		var settings_section_module_css_default = {
-			"diagnostics": "t0P0pa_diagnostics",
-			"diagnosticsTitle": "t0P0pa_diagnosticsTitle",
-			"sectionList": "t0P0pa_sectionList"
+			"diagnostics": "c5M8OW_diagnostics",
+			"diagnosticsTitle": "c5M8OW_diagnosticsTitle",
+			"sectionList": "c5M8OW_sectionList"
 		};
 		//#endregion
 		//#region src/client/PetSettingsCard.tsx
@@ -3339,6 +3541,14 @@ window.__ModuleLoader__.load({
 			if (!response.ok) throw new Error("pet diagnostics failed: " + response.status);
 			return (await response.json()).diagnostics ?? [];
 		}
+		/** Read the selection from the same persisted state the pet renders. */
+		async function fetchSelectedPetId() {
+			const response = await fetch("/api/pet/state");
+			if (!response.ok) throw new Error("pet state failed: " + response.status);
+			const body = await response.json();
+			if (typeof body.pet?.id !== "string") throw new Error("pet state has no selected pet");
+			return body.pet.id;
+		}
 		/** Bridges the 'pet' scope onto the card's staged form. */
 		var PetSettingsCardController = class {
 			form;
@@ -3346,12 +3556,16 @@ window.__ModuleLoader__.load({
 			petChoices = [];
 			petLabels = /* @__PURE__ */ new Map();
 			diagnostics = [];
+			selectedPetId;
+			stagedPetId;
+			savingPet = false;
+			petSaveFailed = false;
 			loaded = false;
 			attempts = 0;
 			disposed = false;
 			/** Pending deferred-load or retry timer; cancelled by dispose(). */
 			pendingTimer;
-			/** @param scope - the bound settings scope for the 'pet' namespace. */
+			/** @param scope - the bound configuration form for the 'pet' entry. */
 			constructor(scope) {
 				this.form = new CardForm(scope, [
 					booleanField("enabled"),
@@ -3369,6 +3583,7 @@ window.__ModuleLoader__.load({
 					if (this.disposed) return;
 					this.loadPets();
 					this.loadDiagnostics();
+					this.loadSelectedPet();
 				}, 0);
 			}
 			/** Fetch registry diagnostics once (soft-fail: an empty list on error). */
@@ -3401,9 +3616,57 @@ window.__ModuleLoader__.load({
 					}, 3e3);
 				}
 			}
+			async loadSelectedPet() {
+				try {
+					const petId = await fetchSelectedPetId();
+					if (this.disposed) return;
+					this.selectedPetId = petId;
+					this.store.set(this.projection());
+				} catch {}
+			}
+			fallback() {
+				const shell = this.form.shell();
+				return shell.available && !shell.exposed && this.selectedPetId !== void 0;
+			}
+			async savePetSelection() {
+				const petId = this.stagedPetId;
+				if (petId === void 0 || this.savingPet || !this.petChoices.includes(petId)) return;
+				this.savingPet = true;
+				this.petSaveFailed = false;
+				this.store.set(this.projection());
+				try {
+					const response = await fetch("/api/pet/set-pet", {
+						method: "POST",
+						headers: { "content-type": "application/json" },
+						body: JSON.stringify({ petId })
+					});
+					const result = await response.json();
+					if (!response.ok || result.ok !== true || result.petId !== petId || await fetchSelectedPetId() !== petId) throw new Error("pet selection was not persisted");
+					this.selectedPetId = petId;
+					if (this.stagedPetId === petId) this.stagedPetId = void 0;
+				} catch {
+					this.petSaveFailed = true;
+				} finally {
+					this.savingPet = false;
+					if (!this.disposed) this.store.set(this.projection());
+				}
+			}
 			projection() {
+				const fallback = this.fallback();
+				const shell = this.form.shell();
+				const configuredPet = this.form.field("petId");
 				return {
-					...this.form.shell(),
+					...shell,
+					...fallback ? {
+						exposed: true,
+						writable: true,
+						dirty: this.stagedPetId !== void 0 && this.stagedPetId !== this.selectedPetId,
+						invalid: this.stagedPetId !== void 0 && !this.petChoices.includes(this.stagedPetId),
+						saving: this.savingPet,
+						failed: this.petSaveFailed,
+						failedReason: void 0
+					} : {},
+					petSelectionFallback: fallback,
 					enabled: this.form.field("enabled"),
 					decorationEnabled: this.form.field("decorationEnabled"),
 					visible: this.form.field("visible"),
@@ -3411,7 +3674,14 @@ window.__ModuleLoader__.load({
 					right: this.form.field("right"),
 					bottom: this.form.field("bottom"),
 					bubbleScale: this.form.field("bubbleScale"),
-					petId: this.form.field("petId"),
+					petId: fallback ? {
+						text: this.stagedPetId ?? this.selectedPetId ?? "",
+						overridden: false,
+						invalid: this.stagedPetId !== void 0 && !this.petChoices.includes(this.stagedPetId)
+					} : configuredPet.text === "" && this.selectedPetId !== void 0 ? {
+						...configuredPet,
+						text: this.selectedPetId
+					} : configuredPet,
 					petChoices: this.petChoices.map((id) => ({
 						value: id,
 						label: this.petLabels.get(id) ?? id
@@ -3424,9 +3694,33 @@ window.__ModuleLoader__.load({
 			* @returns the card's snapshot and its form actions.
 			*/
 			inject() {
+				const actions = this.form.actions();
 				return {
 					hooks: { petSettingsCard: this.store },
-					...this.form.actions()
+					edit: (field, value) => {
+						if (!this.fallback()) return actions.edit(field, value);
+						if (field !== "petId") return;
+						this.stagedPetId = value === "" ? void 0 : value;
+						this.petSaveFailed = false;
+						this.store.set(this.projection());
+					},
+					resetField: (field) => {
+						if (!this.fallback()) return actions.resetField(field);
+						if (field !== "petId") return;
+						this.stagedPetId = void 0;
+						this.petSaveFailed = false;
+						this.store.set(this.projection());
+					},
+					save: () => {
+						if (this.fallback()) this.savePetSelection();
+						else actions.save();
+					},
+					discard: () => {
+						if (!this.fallback()) return actions.discard();
+						this.stagedPetId = void 0;
+						this.petSaveFailed = false;
+						this.store.set(this.projection());
+					}
 				};
 			}
 			/**
@@ -3462,12 +3756,13 @@ window.__ModuleLoader__.load({
 				t,
 				titleKey: "settings.title",
 				descriptionKey: "settings.description",
+				descriptionNode: state.petSelectionFallback ? t("settings.petHint") : void 0,
 				state,
 				onSave: props.save,
 				onDiscard: props.discard,
 				alwaysOpen: true,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
 						id: "settings-pet-enabled",
 						label: t("settings.enabled"),
 						hint: t("settings.enabledHint"),
@@ -3483,7 +3778,7 @@ window.__ModuleLoader__.load({
 							props.resetField("enabled");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
 						id: "settings-pet-decoration",
 						label: t("settings.decoration"),
 						hint: t("settings.decorationHint"),
@@ -3525,7 +3820,7 @@ window.__ModuleLoader__.load({
 							children: diagnostic.message
 						}, index)) })]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BooleanField, {
 						id: "settings-pet-visible",
 						label: t("settings.visible"),
 						hint: t("settings.visibleHint"),
@@ -3541,7 +3836,7 @@ window.__ModuleLoader__.load({
 							props.resetField("visible");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
 						id: "settings-pet-size",
 						label: t("settings.size"),
 						hint: t("settings.sizeHint"),
@@ -3555,7 +3850,7 @@ window.__ModuleLoader__.load({
 							props.resetField("size");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
 						id: "settings-pet-right",
 						label: t("settings.right"),
 						hint: t("settings.rightHint"),
@@ -3569,7 +3864,7 @@ window.__ModuleLoader__.load({
 							props.resetField("right");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
 						id: "settings-pet-bottom",
 						label: t("settings.bottom"),
 						hint: t("settings.bottomHint"),
@@ -3583,7 +3878,7 @@ window.__ModuleLoader__.load({
 							props.resetField("bottom");
 						}
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
+					state.petSelectionFallback ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueField, {
 						id: "settings-pet-bubble-scale",
 						label: t("settings.bubbleScale"),
 						hint: t("settings.bubbleScaleHint"),
@@ -3806,6 +4101,21 @@ window.__ModuleLoader__.load({
 			return text;
 		}
 		//#endregion
+		//#region src/client/main-session.ts
+		/**
+		* Resolve the Session the main view currently shows.
+		*
+		* Reads the catalog's rows rather than a per-id retain-info source: ownership
+		* counts ride the list snapshot, so this neither allocates observers nor opens
+		* history, and a subscription to the list still fires when the selection moves.
+		* @param byId - the session catalog's rows (`SessionListState.byId`), when available.
+		* @returns the main-view session id, or undefined when the main view shows none.
+		*/
+		function mainViewSessionId(byId) {
+			if (byId === void 0 || byId === null) return void 0;
+			for (const row of Object.values(byId)) if (row !== void 0 && (row.retainedBy?.mainView ?? 0) > 0) return row.id;
+		}
+		//#endregion
 		//#region src/client/telemetry.ts
 		const VISITOR_KEY = "dsh-web-ui-telemetry-visitor";
 		const DAY_KEY_PREFIX = "dsh-web-ui-telemetry-day:";
@@ -3813,7 +4123,7 @@ window.__ModuleLoader__.load({
 		/** The building package's version, when the bundle carries it. */
 		function bakedVersion() {
 			try {
-				return "0.3.24";
+				return "0.4.2";
 			} catch {
 				return;
 			}
@@ -3904,17 +4214,38 @@ window.__ModuleLoader__.load({
 		};
 		/** Poll interval for the host snapshot. */
 		const POLL_MS = 2e3;
-		/** Settings namespace the pet settings card edits (the Host plugin registers it). */
+		/** Settings namespace of the pet's settings page. It is the profile entry id the Host serves a form for. */
 		const PET_SETTINGS_NS = "pet";
 		/** Required services (sessions powers bubble-to-session navigation). */
 		const inject = [
 			"slots",
 			"locale",
 			"connection",
-			"settingsScope",
+			"configForms",
 			"remote",
-			"sessions"
+			"sessions",
+			"uiWorkspace"
 		];
+		const PET_ENTRY_IDS = [
+			"web-ui-pet",
+			"ui-pet",
+			PET_SETTINGS_NS
+		];
+		function servedEntryId(forms) {
+			let served;
+			try {
+				served = forms.describe().getSnapshot().view?.namespaces.map((view) => view.ns);
+			} catch {
+				served = void 0;
+			}
+			if (!served || served.length === 0) return PET_SETTINGS_NS;
+			return PET_ENTRY_IDS.find((id) => served.includes(id)) ?? PET_SETTINGS_NS;
+		}
+		function petSettingsForm(ctx) {
+			const binder = ctx.get("webUiSettings");
+			if (binder !== void 0 && typeof binder.bind === "function") return binder.bind({ namespace: PET_SETTINGS_NS });
+			return ctx.configForms.get(servedEntryId(ctx.configForms));
+		}
 		/**
 		* Client plugin body: register dictionaries, mount the global pet entry and
 		* poll loop while the plugin is enabled, and seat the settings card as a
@@ -3946,12 +4277,12 @@ window.__ModuleLoader__.load({
 			}, "pet: dictionaries");
 			defaultPetRendererRegistry.register(live2dRenderer);
 			defaultPetRendererRegistry.register(frames2dRenderer);
-			const settingsScope = (ctx.get("webUiSettings") ?? ctx.settingsScope).bind({ namespace: PET_SETTINGS_NS });
+			const settingsForm = petSettingsForm(ctx);
 			const enabled = () => {
-				const snapshot = settingsScope.getSnapshot();
+				const snapshot = settingsForm.getSnapshot();
 				return snapshot.status === "ready" ? snapshot.value?.enabled ?? true : snapshot.status === "unavailable";
 			};
-			const petSettings = new PetSettingsCardController(settingsScope);
+			const petSettings = new PetSettingsCardController(settingsForm);
 			ctx.slots.inject("settings.section", () => {
 				try {
 					const unregister = ctx.slots.register({
@@ -3989,10 +4320,7 @@ window.__ModuleLoader__.load({
 					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);
-					};
+					const currentSessionId = () => mainViewSessionId(sessions.list.getSnapshot().byId);
 					let petsLoaded = false;
 					let stateSeq = 0;
 					const pollNow = () => {
@@ -4041,7 +4369,7 @@ window.__ModuleLoader__.load({
 					}, "pet: current-session watch");
 					const openSession = (sessionId) => {
 						if (sessions.list.getSnapshot().byId[sessionId] === void 0) return;
-						sessions.open(sessionId);
+						ctx.uiWorkspace.openSession(sessionId);
 					};
 					const injected = () => ({
 						store: petStore,
@@ -4144,7 +4472,7 @@ window.__ModuleLoader__.load({
 					disposeUi = void 0;
 				}
 			};
-			const unsubscribeSettings = settingsScope.subscribe(syncUi);
+			const unsubscribeSettings = settingsForm.subscribe(syncUi);
 			ctx.effect(() => () => {
 				unsubscribeSettings();
 				killUi();