@idosgames/mcp 0.1.23 → 0.1.24

package/registry/modules/inventory.json

@@ -34,7 +34,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "71f41012c37839b7d4e94c6ed3759118990408da9615743bd27282ca137e49ab",

package/registry/modules/invite.json

@@ -37,7 +37,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "249258bc510a42f88eb82c8c63c1d31c9def54246f9856f549b99358e2f6fe04",

package/registry/modules/leaderboard.json

@@ -38,7 +38,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "5d7fccefb883ee98826e3d153614e26a62d92595bfe932d29c1d5213b6113672",

package/registry/modules/lootboxes.json

@@ -34,7 +34,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "6c8a331edfae931985270afe5648e401f71770c30ec3d9de6c36406808fd48e7",

package/registry/modules/mailbox.json

@@ -38,7 +38,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "fcc65bab202ca1ecae11ee184aee0064e11bc9e34253866ec34733eb339b66cb",

package/registry/modules/marketplace.json

@@ -38,7 +38,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "0ba5427e5a9bd1f0c9f2a7375e210a832525cbd4ecda0e6641c0b9c743a113fc",

package/registry/modules/mini-game.json

@@ -32,7 +32,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "eb39139d93bfb84e5a20d2485b081a264234452b5d90978fdf15b940cf3b7ac0",

package/registry/modules/multiplayer.json

@@ -37,7 +37,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "8b9697da40bac11042ce4099f484198c6ecfe4abd29c8c78eefd61d638ce84e2",

package/registry/modules/premium.json

@@ -34,7 +34,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "a6b14ae8d37b1bc7b7aefc6f38a0f53d381e283a55c50e0081ae97256108d7ff",

package/registry/modules/profile.json

@@ -37,7 +37,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "bcb4c2b1d773155f758fb2cde1ae7cf4a70f98b7bc50b37bfba2e9b83fc0d101",

package/registry/modules/pvp.json

@@ -35,7 +35,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "422f135f64903ca4f30425c1f2da4e7093a0f81e5877d65184fa7bc5a0eab846",

package/registry/modules/quests.json

@@ -36,10 +36,10 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
-  "contentHash": "29256ddb9360a256d575de79e82791622ab87cd0944a84b34cd97313e58fb8a8",
+  "contentHash": "9a0d6402a5ecbad12997c91a6c25e7c067cc75f902f7e000db3f7b09ed89d83e",
   "files": [
     {
       "path": "i18n.ts",
@@ -51,7 +51,7 @@
     },
     {
       "path": "model.ts",
-      "content": "// Pure helpers of the quests screen: quest rows with the player's progress, the cycle tabs and the\n// quest points track. No React, no client calls — covered by model.test.ts against the module's own\n// demo settings.\n\nimport type { ResourceGrant } from \"@idosgames/core\";\nimport { grantLines, mergeLines, type ResourceLine } from \"@idosgames/react/ui\";\n\n// ── Configuration (the fields this screen reads) ─────────────────────────────────────────────\n\nexport interface QuestObjectiveView {\n  ObjectiveID?: string;\n  DisplayName?: string | null;\n  MetricID?: string | null;\n  TargetValue?: number;\n  Source?: string;\n}\n\nexport interface QuestDefinitionView {\n  QuestID?: string;\n  Identity?: {\n    DisplayName?: string | null;\n    Description?: string | null;\n  } | null;\n  Linking?: { CycleIDs?: string[] | null } | null;\n  Objectives?: Record<string, QuestObjectiveView | null> | null;\n  Reward?: { Grant?: ResourceGrant | null } | null;\n}\n\nexport interface QuestMilestoneView {\n  MilestoneID?: string | null;\n  DisplayName?: string | null;\n  RequiredProgress?: number | null;\n  Rewards?: ResourceGrant | null;\n}\n\nexport interface QuestCycleView {\n  CycleID?: string;\n  DisplayName?: string | null;\n  Milestones?: Record<string, QuestMilestoneView | null> | null;\n}\n\nexport interface QuestSection {\n  Cycles?: Record<string, QuestCycleView | null> | null;\n  Quests?: Record<string, QuestDefinitionView | null> | null;\n}\n\nexport interface QuestProgressView {\n  Status?: string;\n  Objectives?: Record<\n    string,\n    { ObjectiveID?: string; CurrentValue?: number; Completed?: boolean } | null\n  > | null;\n}\n\nexport interface QuestStateView {\n  Cycles?: Record<\n    string,\n    {\n      Quests?: Record<string, QuestProgressView | null> | null;\n      CycleEndUtc?: string | null;\n    } | null\n  > | null;\n  PermanentQuests?: Record<string, QuestProgressView | null> | null;\n}\n\n// ── Quests ───────────────────────────────────────────────────────────────────────────────────\n\nexport interface ObjectiveRow {\n  id: string;\n  name: string;\n  progress: number;\n  target: number;\n  done: boolean;\n}\n\nexport interface QuestRow {\n  questID: string;\n  /** undefined — a permanent quest. */\n  cycleID: string | undefined;\n  name: string;\n  description: string;\n  status: \"Active\" | \"Completed\" | \"Claimed\" | \"Expired\";\n  progress: number;\n  target: number;\n  objectives: ObjectiveRow[];\n  reward: ResourceLine[];\n}\n\n/**\n * Quests with the player's progress. One bar per quest is the SUM over its objectives against the\n * sum of targets (Unity quest window); the detail popup lists every objective.\n */\nexport function questRows(\n  section: QuestSection | undefined,\n  state: QuestStateView | null | undefined,\n): QuestRow[] {\n  const rows: QuestRow[] = [];\n  for (const [id, def] of Object.entries(section?.Quests ?? {})) {\n    if (!def) continue;\n    const questID = def.QuestID ?? id;\n    const cycleID = def.Linking?.CycleIDs?.[0] ?? undefined;\n    const progress = cycleID\n      ? state?.Cycles?.[cycleID]?.Quests?.[questID]\n      : state?.PermanentQuests?.[questID];\n    const status = (progress?.Status ?? \"Active\") as QuestRow[\"status\"];\n\n    const objectives: ObjectiveRow[] = Object.entries(def.Objectives ?? {})\n      .filter(([, o]) => o)\n      .map(([oid, o]) => {\n        const objectiveID = o?.ObjectiveID ?? oid;\n        const target = Math.max(1, Number(o?.TargetValue ?? 1));\n        const p = progress?.Objectives?.[objectiveID];\n        const done =\n          status === \"Completed\" ||\n          status === \"Claimed\" ||\n          p?.Completed === true;\n        return {\n          id: objectiveID,\n          name: o?.DisplayName || objectiveID,\n          target,\n          progress: done\n            ? target\n            : Math.min(target, Number(p?.CurrentValue ?? 0)),\n          done,\n        };\n      });\n    const target = objectives.reduce((s, o) => s + o.target, 0) || 1;\n    const current = objectives.reduce((s, o) => s + o.progress, 0);\n\n    rows.push({\n      questID,\n      cycleID,\n      name: def.Identity?.DisplayName || questID,\n      description: def.Identity?.Description || \"\",\n      status,\n      progress:\n        status === \"Completed\" || status === \"Claimed\" ? target : current,\n      target,\n      objectives,\n      reward: grantLines(def.Reward?.Grant),\n    });\n  }\n  // Ready to claim first, then in progress, then done.\n  const weight = { Completed: 0, Active: 1, Claimed: 2, Expired: 3 } as const;\n  return rows.sort(\n    (a, b) =>\n      weight[a.status] - weight[b.status] || a.questID.localeCompare(b.questID),\n  );\n}\n\n/** The quest tabs: cycles that have quests, then \"permanent\" when there are cycle-less quests. */\nexport function questTabs(\n  section: QuestSection | undefined,\n  rows: QuestRow[],\n): Array<{ id: string; name: string }> {\n  const used = new Set(rows.map((r) => r.cycleID ?? \"\"));\n  const tabs = Object.entries(section?.Cycles ?? {})\n    .map(([id, c]) => ({ id: c?.CycleID ?? id, name: c?.DisplayName || id }))\n    .filter((c) => used.has(c.id))\n    .sort((a, b) => a.id.localeCompare(b.id));\n  if (used.has(\"\")) tabs.push({ id: \"\", name: \"\" });\n  return tabs;\n}\n\n/** Everything a \"Claim all\" collects (the reward preview of the batch). */\nexport function claimableRewards(rows: QuestRow[]): ResourceLine[] {\n  return mergeLines(\n    rows.filter((r) => r.status === \"Completed\").flatMap((r) => r.reward),\n  );\n}\n\n// ── Points track ─────────────────────────────────────────────────────────────────────────────\n\nexport interface TrackMilestone {\n  id: string;\n  name: string;\n  required: number;\n  reward: ResourceLine[];\n  state: \"claimed\" | \"ready\" | \"locked\";\n}\n\n/** Milestones of a cycle's quest points track (Unity QuestWindowMilestoneController). */\nexport function trackMilestones(\n  cycle: QuestCycleView | null | undefined,\n  points: number,\n  claimed: readonly string[],\n): TrackMilestone[] {\n  return Object.entries(cycle?.Milestones ?? {})\n    .map(([id, m]) => ({ id: m?.MilestoneID ?? id, m }))\n    .filter((x): x is { id: string; m: QuestMilestoneView } => !!x.m)\n    .sort(\n      (a, b) =>\n        Number(a.m.RequiredProgress ?? 0) - Number(b.m.RequiredProgress ?? 0),\n    )\n    .map(({ id, m }) => {\n      const required = Number(m.RequiredProgress ?? 0);\n      return {\n        id,\n        name: m.DisplayName || id,\n        required,\n        reward: grantLines(m.Rewards),\n        state: claimed.includes(id)\n          ? \"claimed\"\n          : points >= required\n            ? \"ready\"\n            : \"locked\",\n      };\n    });\n}\n\n/** Badge of the quests screen: finished quests and track rewards waiting. */\nexport function questsBadge(rows: QuestRow[], trackReady: number): number {\n  return rows.filter((r) => r.status === \"Completed\").length + trackReady;\n}\n\n/** Whether the title has quests — until it does, the lobby hides the tab. */\nexport function hasTitleData(quest: QuestSection | undefined): boolean {\n  return Object.keys(quest?.Quests ?? {}).length > 0;\n}\n"
+      "content": "// Pure helpers of the quests screen: quest rows with the player's progress, the cycle tabs and the\n// quest points track. No React, no client calls — covered by model.test.ts against the module's own\n// demo settings.\n\nimport type { ResourceGrant } from \"@idosgames/core\";\nimport { grantLines, mergeLines, type ResourceLine } from \"@idosgames/react/ui\";\n\n// ── Configuration (the fields this screen reads) ─────────────────────────────────────────────\n\nexport interface QuestObjectiveView {\n  ObjectiveID?: string;\n  DisplayName?: string | null;\n  MetricID?: string | null;\n  TargetValue?: number;\n  Source?: string;\n}\n\nexport interface QuestDefinitionView {\n  QuestID?: string;\n  Identity?: {\n    DisplayName?: string | null;\n    Description?: string | null;\n  } | null;\n  Linking?: { CycleIDs?: string[] | null } | null;\n  Objectives?: Record<string, QuestObjectiveView | null> | null;\n  Reward?: { Grant?: ResourceGrant | null } | null;\n}\n\nexport interface QuestMilestoneView {\n  MilestoneID?: string | null;\n  DisplayName?: string | null;\n  RequiredProgress?: number | null;\n  Rewards?: ResourceGrant | null;\n}\n\nexport interface QuestCycleView {\n  CycleID?: string;\n  DisplayName?: string | null;\n  Milestones?: Record<string, QuestMilestoneView | null> | null;\n}\n\nexport interface QuestSection {\n  Cycles?: Record<string, QuestCycleView | null> | null;\n  Quests?: Record<string, QuestDefinitionView | null> | null;\n}\n\nexport interface QuestProgressView {\n  Status?: string;\n  Objectives?: Record<\n    string,\n    { ObjectiveID?: string; CurrentValue?: number; Completed?: boolean } | null\n  > | null;\n}\n\nexport interface QuestStateView {\n  Cycles?: Record<\n    string,\n    {\n      Quests?: Record<string, QuestProgressView | null> | null;\n      CycleEndUtc?: string | null;\n    } | null\n  > | null;\n  PermanentQuests?: Record<string, QuestProgressView | null> | null;\n}\n\n// ── Quests ───────────────────────────────────────────────────────────────────────────────────\n\nexport interface ObjectiveRow {\n  id: string;\n  name: string;\n  progress: number;\n  target: number;\n  done: boolean;\n}\n\nexport interface QuestRow {\n  questID: string;\n  /** undefined — a permanent quest. */\n  cycleID: string | undefined;\n  name: string;\n  description: string;\n  status: \"Active\" | \"Completed\" | \"Claimed\" | \"Expired\";\n  progress: number;\n  target: number;\n  objectives: ObjectiveRow[];\n  reward: ResourceLine[];\n}\n\n/**\n * Quests with the player's progress. One bar per quest is the SUM over its objectives against the\n * sum of targets (Unity quest window); the detail popup lists every objective.\n */\nexport function questRows(\n  section: QuestSection | undefined,\n  state: QuestStateView | null | undefined,\n): QuestRow[] {\n  const rows: QuestRow[] = [];\n  for (const [id, def] of Object.entries(section?.Quests ?? {})) {\n    if (!def) continue;\n    const questID = def.QuestID ?? id;\n    const cycleID = def.Linking?.CycleIDs?.[0] ?? undefined;\n    const progress = cycleID\n      ? state?.Cycles?.[cycleID]?.Quests?.[questID]\n      : state?.PermanentQuests?.[questID];\n    const status = (progress?.Status ?? \"Active\") as QuestRow[\"status\"];\n\n    const objectives: ObjectiveRow[] = Object.entries(def.Objectives ?? {})\n      .filter(([, o]) => o)\n      .map(([oid, o]) => {\n        const objectiveID = o?.ObjectiveID ?? oid;\n        const target = Math.max(1, Number(o?.TargetValue ?? 1));\n        const p = progress?.Objectives?.[objectiveID];\n        const done =\n          status === \"Completed\" ||\n          status === \"Claimed\" ||\n          p?.Completed === true;\n        return {\n          id: objectiveID,\n          name: o?.DisplayName || objectiveID,\n          target,\n          progress: done\n            ? target\n            : Math.min(target, Number(p?.CurrentValue ?? 0)),\n          done,\n        };\n      });\n    const target = objectives.reduce((s, o) => s + o.target, 0) || 1;\n    const current = objectives.reduce((s, o) => s + o.progress, 0);\n\n    rows.push({\n      questID,\n      cycleID,\n      name: def.Identity?.DisplayName || questID,\n      description: def.Identity?.Description || \"\",\n      status,\n      progress:\n        status === \"Completed\" || status === \"Claimed\" ? target : current,\n      target,\n      objectives,\n      reward: grantLines(def.Reward?.Grant),\n    });\n  }\n  // Ready to claim first, then in progress, then done.\n  const weight = { Completed: 0, Active: 1, Claimed: 2, Expired: 3 } as const;\n  return rows.sort(\n    (a, b) =>\n      weight[a.status] - weight[b.status] || a.questID.localeCompare(b.questID),\n  );\n}\n\n/** The quest tabs: cycles that have quests, then \"permanent\" when there are cycle-less quests. */\nexport function questTabs(\n  section: QuestSection | undefined,\n  rows: QuestRow[],\n): Array<{ id: string; name: string }> {\n  const used = new Set(rows.map((r) => r.cycleID ?? \"\"));\n  const tabs = Object.entries(section?.Cycles ?? {})\n    .map(([id, c]) => ({ id: c?.CycleID ?? id, name: c?.DisplayName || id }))\n    .filter((c) => used.has(c.id))\n    .sort((a, b) => a.id.localeCompare(b.id));\n  if (used.has(\"\")) tabs.push({ id: \"\", name: \"\" });\n  return tabs;\n}\n\n/** Everything a \"Claim all\" collects (the reward preview of the batch). */\nexport function claimableRewards(rows: QuestRow[]): ResourceLine[] {\n  return mergeLines(\n    rows.filter((r) => r.status === \"Completed\").flatMap((r) => r.reward),\n  );\n}\n\n// ── Points track ─────────────────────────────────────────────────────────────────────────────\n\nexport interface TrackMilestone {\n  id: string;\n  name: string;\n  required: number;\n  reward: ResourceLine[];\n  state: \"claimed\" | \"ready\" | \"locked\";\n}\n\n/** Milestones of a cycle's quest points track (Unity QuestWindowMilestoneController). */\nexport function trackMilestones(\n  cycle: QuestCycleView | null | undefined,\n  points: number,\n  claimed: readonly string[],\n): TrackMilestone[] {\n  return Object.entries(cycle?.Milestones ?? {})\n    .map(([id, m]) => ({ id: m?.MilestoneID ?? id, m }))\n    .filter((x): x is { id: string; m: QuestMilestoneView } => !!x.m)\n    .sort(\n      (a, b) =>\n        Number(a.m.RequiredProgress ?? 0) - Number(b.m.RequiredProgress ?? 0),\n    )\n    .map(({ id, m }) => {\n      const required = Number(m.RequiredProgress ?? 0);\n      return {\n        id,\n        name: m.DisplayName || id,\n        required,\n        reward: grantLines(m.Rewards),\n        state: claimed.includes(id)\n          ? \"claimed\"\n          : points >= required\n            ? \"ready\"\n            : \"locked\",\n      };\n    });\n}\n\n/** Badge of the quests screen: finished quests and track rewards waiting. */\nexport function questsBadge(rows: QuestRow[], trackReady: number): number {\n  return rows.filter((r) => r.status === \"Completed\").length + trackReady;\n}\n\n/** Whether the title has quests — until it does, the lobby hides the tab. */\n/**\n * When a cycle's quests reset, or null when they never do. A cycle without a reset (schedule\n * AlwaysOn — a guide chain, permanent tasks) comes from the engine with CycleEndUtc =\n * DateTime.MaxValue (9999-12-31): the engine keeps it as the window's key, and the screen counted\n * down to it — \"New quests in 2912168d\".\n */\nexport function cycleResetAt(\n  state: QuestStateView | null | undefined,\n  cycleID: string,\n): string | null {\n  const end = cycleID ? state?.Cycles?.[cycleID]?.CycleEndUtc : null;\n  if (!end) return null;\n  const year = new Date(end).getUTCFullYear();\n  return Number.isFinite(year) && year < NEVER_YEAR ? end : null;\n}\n\n/** From this year on a date is the engine's \"never\" (DateTime.MaxValue), not a real moment. */\nconst NEVER_YEAR = 9000;\n\nexport function hasTitleData(quest: QuestSection | undefined): boolean {\n  return Object.keys(quest?.Quests ?? {}).length > 0;\n}\n"
     },
     {
       "path": "module.ts",
@@ -59,7 +59,7 @@
     },
     {
       "path": "QuestsScreen.tsx",
-      "content": "import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport type { QuestPointsTrackView } from \"@idosgames/core\";\nimport type {\n  FeatureRegistry,\n  FeatureScreenProps,\n} from \"@idosgames/module-sdk\";\nimport { useIDosGamesClient, useUserState } from \"@idosgames/react\";\nimport {\n  Button,\n  Card,\n  EmptyState,\n  Icon,\n  Popup,\n  ProgressBar,\n  ResourceList,\n  SectionTitle,\n  Tabs,\n  Timer,\n  configSection,\n  errorText,\n  grantedBy,\n  mergeLines,\n  outlined,\n  panel,\n  useCatalog,\n  useCelebrate,\n  useNow,\n  usePopupClose,\n  useStagger,\n  useToast,\n  useUiKit,\n  v,\n} from \"@idosgames/react/ui\";\nimport {\n  claimableRewards,\n  questRows,\n  questTabs,\n  questsBadge,\n  trackMilestones,\n  type QuestRow,\n  type QuestSection,\n  type QuestStateView,\n} from \"./model\";\nimport { t } from \"./i18n\";\n\n// Quests (Unity Runtime/UI/Quests): the title's quests by cycle — daily, weekly, achievements — with\n// the quest points track on top. A quest's goals and reward open in a popup; \"Claim all\" collects\n// every finished quest.\n\nexport function QuestsScreen(_: FeatureScreenProps): ReactNode {\n  return <Quests />;\n}\n\nfunction Quests(): ReactNode {\n  const client = useIDosGamesClient();\n  const state = useUserState();\n  const catalog = useCatalog();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const stagger = useStagger();\n  const now = useNow();\n  const [tracks, setTracks] = useState<Record<string, QuestPointsTrackView>>(\n    {},\n  );\n  const [tab, setTab] = useState<string | null>(null);\n  const [detail, setDetail] = useState<QuestRow | null>(null);\n  const [busyAll, setBusyAll] = useState(false);\n\n  const load = useCallback(async () => {\n    const res = await client.quest.getUserQuestState();\n    if (res.ok)\n      setTracks(\n        (res.data.PointsTracks ?? {}) as Record<string, QuestPointsTrackView>,\n      );\n  }, [client]);\n  useEffect(() => {\n    void load();\n  }, [load]);\n\n  const section = configSection<QuestSection>(client, \"Quest\");\n  const questState = (state?.Quest ?? null) as QuestStateView | null;\n  const rows = questRows(section, questState);\n  if (rows.length === 0)\n    return <EmptyState glyph=\"quest\" text={t(\"noQuests\")} />;\n\n  const tabs = questTabs(section, rows);\n  const current =\n    tab !== null && tabs.some((x) => x.id === tab) ? tab : (tabs[0]?.id ?? \"\");\n  const shown = rows.filter((r) => (r.cycleID ?? \"\") === current);\n  const cycleEnd = current ? questState?.Cycles?.[current]?.CycleEndUtc : null;\n  const ready = shown.filter((r) => r.status === \"Completed\");\n\n  const claimAll = async () => {\n    setBusyAll(true);\n    const res = await client.quest.claimQuestRewardsBatch(\n      ready.map((r) => ({ QuestID: r.questID, CycleID: r.cycleID })),\n    );\n    setBusyAll(false);\n    if (!res.ok) return toast(errorText(res.error), \"error\");\n    celebrate(\n      mergeLines(\n        res.data.flatMap((item) => (item.Success ? grantedBy(item.Data) : [])),\n      ),\n    );\n    void load();\n  };\n\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <SectionTitle\n        right={<Timer at={cycleEnd} now={now} label={t(\"questsReset\")} />}\n      >\n        {t(\"quests\")}\n      </SectionTitle>\n      <Tabs\n        tabs={tabs.map((x) => ({\n          id: x.id,\n          label: x.id ? catalog.localize(x.name) : t(\"permanent\"),\n          badge: rows.filter(\n            (r) => (r.cycleID ?? \"\") === x.id && r.status === \"Completed\",\n          ).length,\n        }))}\n        value={current}\n        onChange={setTab}\n      />\n      {current ? (\n        <PointsTrack\n          cycleID={current}\n          section={section}\n          track={tracks[current]}\n          onClaimed={load}\n        />\n      ) : null}\n      {ready.length >= 2 ? (\n        <Button\n          tone=\"gold\"\n          attract\n          busy={busyAll}\n          onClick={() => void claimAll()}\n        >\n          {t(\"claimAll\")}{\" \"}\n          <ResourceList lines={claimableRewards(ready)} size={18} />\n        </Button>\n      ) : null}\n      <div style={{ display: \"grid\", gap: 10 }}>\n        {shown.map((row, i) => (\n          <Card\n            key={`${row.cycleID ?? \"\"}:${row.questID}`}\n            highlight={row.status === \"Completed\"}\n            onClick={() => setDetail(row)}\n            style={{\n              display: \"grid\",\n              gridTemplateColumns: \"auto 1fr auto\",\n              alignItems: \"center\",\n              gap: 12,\n              opacity: row.status === \"Claimed\" ? 0.6 : 1,\n              ...stagger(i),\n            }}\n          >\n            <Icon glyph=\"quest\" size={38} />\n            <div style={{ display: \"grid\", gap: 6, minWidth: 0 }}>\n              <div style={{ ...outlined, fontSize: 15 }}>\n                {catalog.localize(row.name)}\n              </div>\n              <ProgressBar\n                value={row.progress}\n                max={row.target}\n                tone={row.status === \"Completed\" ? \"gold\" : \"green\"}\n              />\n              <ResourceList lines={row.reward} />\n            </div>\n            {row.status === \"Claimed\" ? (\n              <Icon glyph=\"check\" size={34} />\n            ) : row.status === \"Completed\" ? (\n              <Icon glyph=\"gift\" size={34} />\n            ) : (\n              <span />\n            )}\n          </Card>\n        ))}\n      </div>\n      {detail ? (\n        <QuestDetail\n          row={\n            rows.find(\n              (r) =>\n                r.questID === detail.questID && r.cycleID === detail.cycleID,\n            ) ?? detail\n          }\n          onClose={() => setDetail(null)}\n          onClaimed={load}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction QuestDetail({\n  row,\n  onClose,\n  onClaimed,\n}: {\n  row: QuestRow;\n  onClose: () => void;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const catalog = useCatalog();\n  return (\n    <Popup title={catalog.localize(row.name)} onClose={onClose}>\n      {row.description ? (\n        <div\n          style={{\n            ...outlined,\n            fontWeight: 600,\n            color: v.textDim,\n            fontSize: 14,\n            textAlign: \"center\",\n          }}\n        >\n          {catalog.localize(row.description)}\n        </div>\n      ) : null}\n      <div style={{ display: \"grid\", gap: 10 }}>\n        <div style={{ ...outlined, fontSize: 14, color: v.textDim }}>\n          {t(\"objectives\")}\n        </div>\n        {row.objectives.map((o) => (\n          <div key={o.id} style={{ display: \"grid\", gap: 4 }}>\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                ...outlined,\n                fontSize: 14,\n              }}\n            >\n              <span>{catalog.localize(o.name)}</span>\n              {o.done ? <Icon glyph=\"check\" size={20} /> : null}\n            </div>\n            <ProgressBar\n              value={o.progress}\n              max={o.target}\n              tone={o.done ? \"gold\" : \"green\"}\n            />\n          </div>\n        ))}\n        <div style={{ ...outlined, fontSize: 14, color: v.textDim }}>\n          {t(\"reward\")}\n        </div>\n        <ResourceList lines={row.reward} size={26} gap={14} />\n      </div>\n      {row.status === \"Completed\" ? (\n        <ClaimQuest row={row} onClaimed={onClaimed} />\n      ) : row.status === \"Claimed\" ? (\n        <div style={{ ...outlined, textAlign: \"center\", color: v.green }}>\n          {t(\"done\")}\n        </div>\n      ) : null}\n    </Popup>\n  );\n}\n\nfunction ClaimQuest({\n  row,\n  onClaimed,\n}: {\n  row: QuestRow;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const client = useIDosGamesClient();\n  const close = usePopupClose();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const kit = useUiKit();\n  const ref = useRef<HTMLDivElement>(null);\n  const [busy, setBusy] = useState(false);\n  return (\n    <div ref={ref}>\n      <Button\n        tone=\"gold\"\n        size=\"lg\"\n        attract\n        busy={busy}\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          setBusy(true);\n          void client.quest\n            .claimQuestReward(row.questID, row.cycleID)\n            .then((res) => {\n              setBusy(false);\n              if (!res.ok) return toast(errorText(res.error), \"error\");\n              kit.fx.burst(ref.current);\n              close();\n              const granted = grantedBy(res.data);\n              celebrate(granted.length > 0 ? granted : row.reward);\n              void onClaimed();\n            });\n        }}\n      >\n        {t(\"claim\")}\n      </Button>\n    </div>\n  );\n}\n\nfunction PointsTrack({\n  cycleID,\n  section,\n  track,\n  onClaimed,\n}: {\n  cycleID: string;\n  section: QuestSection | undefined;\n  track: QuestPointsTrackView | undefined;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const [open, setOpen] = useState<string | null>(null);\n  const cycle = section?.Cycles?.[cycleID];\n  const points = Number(track?.PointsCurrent ?? track?.PointsTotalEarned ?? 0);\n  const milestones = trackMilestones(\n    cycle,\n    points,\n    track?.ClaimedPointMilestoneIDs ?? [],\n  );\n  if (milestones.length === 0) return null;\n  const max = milestones[milestones.length - 1]?.required ?? 1;\n  const picked = milestones.find((m) => m.id === open);\n\n  return (\n    <div style={{ ...panel, padding: \"12px 14px\", display: \"grid\", gap: 10 }}>\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          ...outlined,\n          fontSize: 13,\n        }}\n      >\n        <span>{t(\"points\")}</span>\n        <span style={{ color: v.gold }}>\n          {points} / {max}\n        </span>\n      </div>\n      <div style={{ position: \"relative\", height: 44 }}>\n        <div style={{ position: \"absolute\", left: 0, right: 0, top: 16 }}>\n          <ProgressBar\n            value={Math.min(points, max)}\n            max={max}\n            tone=\"gold\"\n            label=\"\"\n            height={12}\n          />\n        </div>\n        {milestones.map((m) => (\n          <button\n            key={m.id}\n            type=\"button\"\n            className={`idos-press ${m.state === \"ready\" ? \"idos-bounce\" : \"\"}`}\n            onClick={() => setOpen(m.id)}\n            aria-label={catalog.localize(m.name)}\n            style={{\n              position: \"absolute\",\n              left: `calc(${(m.required / max) * 100}% - 20px)`,\n              top: 0,\n              width: 40,\n              height: 40,\n              border: \"none\",\n              background: \"none\",\n              padding: 0,\n              cursor: \"pointer\",\n              opacity: m.state === \"claimed\" ? 0.55 : 1,\n            }}\n          >\n            <Icon glyph={m.state === \"claimed\" ? \"check\" : \"chest\"} size={36} />\n          </button>\n        ))}\n      </div>\n      {picked ? (\n        <Popup\n          title={catalog.localize(picked.name)}\n          onClose={() => setOpen(null)}\n          width={360}\n        >\n          <div style={{ display: \"grid\", justifyItems: \"center\", gap: 10 }}>\n            <Icon glyph=\"chest\" size={72} />\n            <ResourceList lines={picked.reward} size={26} gap={14} />\n            <ProgressBar\n              value={Math.min(points, picked.required)}\n              max={picked.required}\n              tone=\"gold\"\n            />\n          </div>\n          {picked.state === \"ready\" ? (\n            <ClaimMilestone\n              onClaim={async () => {\n                const res = await client.quest.claimMilestoneReward(\n                  cycleID,\n                  picked.id,\n                );\n                if (!res.ok) {\n                  toast(errorText(res.error), \"error\");\n                  return false;\n                }\n                celebrate(\n                  grantedBy(res.data).length > 0\n                    ? grantedBy(res.data)\n                    : picked.reward,\n                );\n                await onClaimed();\n                return true;\n              }}\n            />\n          ) : null}\n        </Popup>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ClaimMilestone({\n  onClaim,\n}: {\n  onClaim: () => Promise<boolean>;\n}): ReactNode {\n  const close = usePopupClose();\n  const [busy, setBusy] = useState(false);\n  return (\n    <Button\n      tone=\"gold\"\n      attract\n      busy={busy}\n      onClick={() => {\n        setBusy(true);\n        void onClaim().then((ok) => {\n          setBusy(false);\n          if (ok) close();\n        });\n      }}\n    >\n      {t(\"claim\")}\n    </Button>\n  );\n}\n\n// ── Always-on: the badge ─────────────────────────────────────────────────────────────────────\n\n/**\n * Keeps the badge of the quests screen (finished quests) from the cached state. Registered only on\n * a title with quests, so a title without them makes no quest request on start.\n */\nexport function makeQuestsWatcher(features: FeatureRegistry) {\n  return function QuestsWatcher(): ReactNode {\n    const client = useIDosGamesClient();\n    useEffect(() => {\n      // Subscribed directly: the cache patches the quest state in place, so an effect keyed on the\n      // state object would not re-run after a claim and the badge would stay lit.\n      const update = () => {\n        const rows = questRows(\n          configSection<QuestSection>(client, \"Quest\"),\n          (client.data.user.state?.Quest ?? null) as QuestStateView | null,\n        );\n        features.setBadge(\"quests\", questsBadge(rows, 0));\n      };\n      update();\n      const off = client.on(\"user:anyUpdated\", update);\n      // From the login state; the server only when a quest cycle has ended (the central cache's\n      // rule for Quest). The check is local, so it runs every minute: a day that turns mid-session\n      // brings the new quests (and the badge) without reopening anything.\n      const check = () => void client.cache.ensureState([\"Quest\"]);\n      check();\n      const id = setInterval(check, 60_000);\n      return () => {\n        off();\n        clearInterval(id);\n      };\n    }, [client]);\n    return null;\n  };\n}\n"
+      "content": "import {\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport type { QuestPointsTrackView } from \"@idosgames/core\";\nimport type {\n  FeatureRegistry,\n  FeatureScreenProps,\n} from \"@idosgames/module-sdk\";\nimport { useIDosGamesClient, useUserState } from \"@idosgames/react\";\nimport {\n  Button,\n  Card,\n  EmptyState,\n  Icon,\n  Popup,\n  ProgressBar,\n  ResourceList,\n  SectionTitle,\n  Tabs,\n  Timer,\n  configSection,\n  errorText,\n  grantedBy,\n  mergeLines,\n  outlined,\n  panel,\n  useCatalog,\n  useCelebrate,\n  useNow,\n  usePopupClose,\n  useStagger,\n  useToast,\n  useUiKit,\n  v,\n} from \"@idosgames/react/ui\";\nimport {\n  claimableRewards,\n  cycleResetAt,\n  questRows,\n  questTabs,\n  questsBadge,\n  trackMilestones,\n  type QuestRow,\n  type QuestSection,\n  type QuestStateView,\n} from \"./model\";\nimport { t } from \"./i18n\";\n\n// Quests (Unity Runtime/UI/Quests): the title's quests by cycle — daily, weekly, achievements — with\n// the quest points track on top. A quest's goals and reward open in a popup; \"Claim all\" collects\n// every finished quest.\n\nexport function QuestsScreen(_: FeatureScreenProps): ReactNode {\n  return <Quests />;\n}\n\nfunction Quests(): ReactNode {\n  const client = useIDosGamesClient();\n  const state = useUserState();\n  const catalog = useCatalog();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const stagger = useStagger();\n  const now = useNow();\n  const [tracks, setTracks] = useState<Record<string, QuestPointsTrackView>>(\n    {},\n  );\n  const [tab, setTab] = useState<string | null>(null);\n  const [detail, setDetail] = useState<QuestRow | null>(null);\n  const [busyAll, setBusyAll] = useState(false);\n\n  const load = useCallback(async () => {\n    const res = await client.quest.getUserQuestState();\n    if (res.ok)\n      setTracks(\n        (res.data.PointsTracks ?? {}) as Record<string, QuestPointsTrackView>,\n      );\n  }, [client]);\n  useEffect(() => {\n    void load();\n  }, [load]);\n\n  const section = configSection<QuestSection>(client, \"Quest\");\n  const questState = (state?.Quest ?? null) as QuestStateView | null;\n  const rows = questRows(section, questState);\n  if (rows.length === 0)\n    return <EmptyState glyph=\"quest\" text={t(\"noQuests\")} />;\n\n  const tabs = questTabs(section, rows);\n  const current =\n    tab !== null && tabs.some((x) => x.id === tab) ? tab : (tabs[0]?.id ?? \"\");\n  const shown = rows.filter((r) => (r.cycleID ?? \"\") === current);\n  const cycleEnd = cycleResetAt(questState, current);\n  const ready = shown.filter((r) => r.status === \"Completed\");\n\n  const claimAll = async () => {\n    setBusyAll(true);\n    const res = await client.quest.claimQuestRewardsBatch(\n      ready.map((r) => ({ QuestID: r.questID, CycleID: r.cycleID })),\n    );\n    setBusyAll(false);\n    if (!res.ok) return toast(errorText(res.error), \"error\");\n    celebrate(\n      mergeLines(\n        res.data.flatMap((item) => (item.Success ? grantedBy(item.Data) : [])),\n      ),\n    );\n    void load();\n  };\n\n  return (\n    <div style={{ display: \"grid\", gap: 12 }}>\n      <SectionTitle\n        right={<Timer at={cycleEnd} now={now} label={t(\"questsReset\")} />}\n      >\n        {t(\"quests\")}\n      </SectionTitle>\n      <Tabs\n        tabs={tabs.map((x) => ({\n          id: x.id,\n          label: x.id ? catalog.localize(x.name) : t(\"permanent\"),\n          badge: rows.filter(\n            (r) => (r.cycleID ?? \"\") === x.id && r.status === \"Completed\",\n          ).length,\n        }))}\n        value={current}\n        onChange={setTab}\n      />\n      {current ? (\n        <PointsTrack\n          cycleID={current}\n          section={section}\n          track={tracks[current]}\n          onClaimed={load}\n        />\n      ) : null}\n      {ready.length >= 2 ? (\n        <Button\n          tone=\"gold\"\n          attract\n          busy={busyAll}\n          onClick={() => void claimAll()}\n        >\n          {t(\"claimAll\")}{\" \"}\n          <ResourceList lines={claimableRewards(ready)} size={18} />\n        </Button>\n      ) : null}\n      <div style={{ display: \"grid\", gap: 10 }}>\n        {shown.map((row, i) => (\n          <Card\n            key={`${row.cycleID ?? \"\"}:${row.questID}`}\n            highlight={row.status === \"Completed\"}\n            onClick={() => setDetail(row)}\n            style={{\n              display: \"grid\",\n              gridTemplateColumns: \"auto 1fr auto\",\n              alignItems: \"center\",\n              gap: 12,\n              opacity: row.status === \"Claimed\" ? 0.6 : 1,\n              ...stagger(i),\n            }}\n          >\n            <Icon glyph=\"quest\" size={38} />\n            <div style={{ display: \"grid\", gap: 6, minWidth: 0 }}>\n              <div style={{ ...outlined, fontSize: 15 }}>\n                {catalog.localize(row.name)}\n              </div>\n              <ProgressBar\n                value={row.progress}\n                max={row.target}\n                tone={row.status === \"Completed\" ? \"gold\" : \"green\"}\n              />\n              <ResourceList lines={row.reward} />\n            </div>\n            {row.status === \"Claimed\" ? (\n              <Icon glyph=\"check\" size={34} />\n            ) : row.status === \"Completed\" ? (\n              <Icon glyph=\"gift\" size={34} />\n            ) : (\n              <span />\n            )}\n          </Card>\n        ))}\n      </div>\n      {detail ? (\n        <QuestDetail\n          row={\n            rows.find(\n              (r) =>\n                r.questID === detail.questID && r.cycleID === detail.cycleID,\n            ) ?? detail\n          }\n          onClose={() => setDetail(null)}\n          onClaimed={load}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction QuestDetail({\n  row,\n  onClose,\n  onClaimed,\n}: {\n  row: QuestRow;\n  onClose: () => void;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const catalog = useCatalog();\n  return (\n    <Popup title={catalog.localize(row.name)} onClose={onClose}>\n      {row.description ? (\n        <div\n          style={{\n            ...outlined,\n            fontWeight: 600,\n            color: v.textDim,\n            fontSize: 14,\n            textAlign: \"center\",\n          }}\n        >\n          {catalog.localize(row.description)}\n        </div>\n      ) : null}\n      <div style={{ display: \"grid\", gap: 10 }}>\n        <div style={{ ...outlined, fontSize: 14, color: v.textDim }}>\n          {t(\"objectives\")}\n        </div>\n        {row.objectives.map((o) => (\n          <div key={o.id} style={{ display: \"grid\", gap: 4 }}>\n            <div\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                ...outlined,\n                fontSize: 14,\n              }}\n            >\n              <span>{catalog.localize(o.name)}</span>\n              {o.done ? <Icon glyph=\"check\" size={20} /> : null}\n            </div>\n            <ProgressBar\n              value={o.progress}\n              max={o.target}\n              tone={o.done ? \"gold\" : \"green\"}\n            />\n          </div>\n        ))}\n        <div style={{ ...outlined, fontSize: 14, color: v.textDim }}>\n          {t(\"reward\")}\n        </div>\n        <ResourceList lines={row.reward} size={26} gap={14} />\n      </div>\n      {row.status === \"Completed\" ? (\n        <ClaimQuest row={row} onClaimed={onClaimed} />\n      ) : row.status === \"Claimed\" ? (\n        <div style={{ ...outlined, textAlign: \"center\", color: v.green }}>\n          {t(\"done\")}\n        </div>\n      ) : null}\n    </Popup>\n  );\n}\n\nfunction ClaimQuest({\n  row,\n  onClaimed,\n}: {\n  row: QuestRow;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const client = useIDosGamesClient();\n  const close = usePopupClose();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const kit = useUiKit();\n  const ref = useRef<HTMLDivElement>(null);\n  const [busy, setBusy] = useState(false);\n  return (\n    <div ref={ref}>\n      <Button\n        tone=\"gold\"\n        size=\"lg\"\n        attract\n        busy={busy}\n        style={{ width: \"100%\" }}\n        onClick={() => {\n          setBusy(true);\n          void client.quest\n            .claimQuestReward(row.questID, row.cycleID)\n            .then((res) => {\n              setBusy(false);\n              if (!res.ok) return toast(errorText(res.error), \"error\");\n              kit.fx.burst(ref.current);\n              close();\n              const granted = grantedBy(res.data);\n              celebrate(granted.length > 0 ? granted : row.reward);\n              void onClaimed();\n            });\n        }}\n      >\n        {t(\"claim\")}\n      </Button>\n    </div>\n  );\n}\n\nfunction PointsTrack({\n  cycleID,\n  section,\n  track,\n  onClaimed,\n}: {\n  cycleID: string;\n  section: QuestSection | undefined;\n  track: QuestPointsTrackView | undefined;\n  onClaimed: () => Promise<void>;\n}): ReactNode {\n  const client = useIDosGamesClient();\n  const catalog = useCatalog();\n  const celebrate = useCelebrate();\n  const toast = useToast();\n  const [open, setOpen] = useState<string | null>(null);\n  const cycle = section?.Cycles?.[cycleID];\n  const points = Number(track?.PointsCurrent ?? track?.PointsTotalEarned ?? 0);\n  const milestones = trackMilestones(\n    cycle,\n    points,\n    track?.ClaimedPointMilestoneIDs ?? [],\n  );\n  if (milestones.length === 0) return null;\n  const max = milestones[milestones.length - 1]?.required ?? 1;\n  const picked = milestones.find((m) => m.id === open);\n\n  return (\n    <div style={{ ...panel, padding: \"12px 14px\", display: \"grid\", gap: 10 }}>\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          ...outlined,\n          fontSize: 13,\n        }}\n      >\n        <span>{t(\"points\")}</span>\n        <span style={{ color: v.gold }}>\n          {points} / {max}\n        </span>\n      </div>\n      <div style={{ position: \"relative\", height: 44 }}>\n        <div style={{ position: \"absolute\", left: 0, right: 0, top: 16 }}>\n          <ProgressBar\n            value={Math.min(points, max)}\n            max={max}\n            tone=\"gold\"\n            label=\"\"\n            height={12}\n          />\n        </div>\n        {milestones.map((m) => (\n          <button\n            key={m.id}\n            type=\"button\"\n            className={`idos-press ${m.state === \"ready\" ? \"idos-bounce\" : \"\"}`}\n            onClick={() => setOpen(m.id)}\n            aria-label={catalog.localize(m.name)}\n            style={{\n              position: \"absolute\",\n              left: `calc(${(m.required / max) * 100}% - 20px)`,\n              top: 0,\n              width: 40,\n              height: 40,\n              border: \"none\",\n              background: \"none\",\n              padding: 0,\n              cursor: \"pointer\",\n              opacity: m.state === \"claimed\" ? 0.55 : 1,\n            }}\n          >\n            <Icon glyph={m.state === \"claimed\" ? \"check\" : \"chest\"} size={36} />\n          </button>\n        ))}\n      </div>\n      {picked ? (\n        <Popup\n          title={catalog.localize(picked.name)}\n          onClose={() => setOpen(null)}\n          width={360}\n        >\n          <div style={{ display: \"grid\", justifyItems: \"center\", gap: 10 }}>\n            <Icon glyph=\"chest\" size={72} />\n            <ResourceList lines={picked.reward} size={26} gap={14} />\n            <ProgressBar\n              value={Math.min(points, picked.required)}\n              max={picked.required}\n              tone=\"gold\"\n            />\n          </div>\n          {picked.state === \"ready\" ? (\n            <ClaimMilestone\n              onClaim={async () => {\n                const res = await client.quest.claimMilestoneReward(\n                  cycleID,\n                  picked.id,\n                );\n                if (!res.ok) {\n                  toast(errorText(res.error), \"error\");\n                  return false;\n                }\n                celebrate(\n                  grantedBy(res.data).length > 0\n                    ? grantedBy(res.data)\n                    : picked.reward,\n                );\n                await onClaimed();\n                return true;\n              }}\n            />\n          ) : null}\n        </Popup>\n      ) : null}\n    </div>\n  );\n}\n\nfunction ClaimMilestone({\n  onClaim,\n}: {\n  onClaim: () => Promise<boolean>;\n}): ReactNode {\n  const close = usePopupClose();\n  const [busy, setBusy] = useState(false);\n  return (\n    <Button\n      tone=\"gold\"\n      attract\n      busy={busy}\n      onClick={() => {\n        setBusy(true);\n        void onClaim().then((ok) => {\n          setBusy(false);\n          if (ok) close();\n        });\n      }}\n    >\n      {t(\"claim\")}\n    </Button>\n  );\n}\n\n// ── Always-on: the badge ─────────────────────────────────────────────────────────────────────\n\n/**\n * Keeps the badge of the quests screen (finished quests) from the cached state. Registered only on\n * a title with quests, so a title without them makes no quest request on start.\n */\nexport function makeQuestsWatcher(features: FeatureRegistry) {\n  return function QuestsWatcher(): ReactNode {\n    const client = useIDosGamesClient();\n    useEffect(() => {\n      // Subscribed directly: the cache patches the quest state in place, so an effect keyed on the\n      // state object would not re-run after a claim and the badge would stay lit.\n      const update = () => {\n        const rows = questRows(\n          configSection<QuestSection>(client, \"Quest\"),\n          (client.data.user.state?.Quest ?? null) as QuestStateView | null,\n        );\n        features.setBadge(\"quests\", questsBadge(rows, 0));\n      };\n      update();\n      const off = client.on(\"user:anyUpdated\", update);\n      // From the login state; the server only when a quest cycle has ended (the central cache's\n      // rule for Quest). The check is local, so it runs every minute: a day that turns mid-session\n      // brings the new quests (and the badge) without reopening anything.\n      const check = () => void client.cache.ensureState([\"Quest\"]);\n      check();\n      const id = setInterval(check, 60_000);\n      return () => {\n        off();\n        clearInterval(id);\n      };\n    }, [client]);\n    return null;\n  };\n}\n"
     },
     {
       "path": "module.meta.json",

package/registry/modules/rewards.json

@@ -33,7 +33,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "294e8e7d5b5f31f6c9af2538554694fb8d1271c9d59efb5e6b089fc01ebf9fb8",

package/registry/modules/season.json

@@ -38,7 +38,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "c743cd8e2e81e0013d5a2aff5239355d39ce2fd6d9bbb2d0344bc60ec368cbed",

package/registry/modules/store.json

@@ -38,7 +38,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "5895e1ad0f5076111d94048769f6aa000e59d8cb1182fc298590daefd3be9818",

package/registry/modules/tutorials.json

@@ -34,7 +34,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "cc04f0006881944dfa7119ed02d591b48c7d650dbfdc71f981ecedac5d5998f5",

package/registry/modules/workshop.json

@@ -41,7 +41,7 @@
   "dependencies": {
     "@idosgames/core": "0.21.0",
     "@idosgames/module-sdk": "0.8.2",
-    "@idosgames/react": "0.4.3",
+    "@idosgames/react": "0.4.4",
     "react": "19.2.7"
   },
   "contentHash": "25a1e02d58fb773f2c26574d6985ffca501001350497cac8f8a067774914e490",