paneltir 0.7.0 → 0.9.0

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/version.ts
-var PANELTIR_VERSION = "0.7.0";
-var PANELTIR_FINGERPRINT = "sha256:406af8c690cfa9b2452360712afff3f3fe9605a7bb0aa834238e5187acfc37c0";
-var PANELTIR_FILE_COUNT = 151;
+var PANELTIR_VERSION = "0.9.0";
+var PANELTIR_FINGERPRINT = "sha256:f65d491a7350ddce22f6981dbcb91531f5e88fc66b7f9f8f83115d802773064f";
+var PANELTIR_FILE_COUNT = 161;
 var paneltirBuild = {
   version: PANELTIR_VERSION,
   fingerprint: PANELTIR_FINGERPRINT,
@@ -667,9 +667,9 @@ function GuideTour({ notes, dismissed, onDismiss }) {
   useEffect4(() => {
     setReady(true);
   }, []);
-  if (!ready && !controlled) return null;
+  if (!ready) return null;
   void version;
-  const isDone = controlled ? (id) => dismissed.includes(id) : (id) => readDismissed(id);
+  const isDone = controlled ? (id) => dismissed.includes(id) || readDismissed(id) : (id) => readDismissed(id);
   const remaining = notes.filter((note) => !isDone(note.id));
   const current = remaining[0];
   if (!current) return null;
@@ -679,7 +679,7 @@ function GuideTour({ notes, dismissed, onDismiss }) {
       ...current,
       key: current.id,
       step: { index: notes.length - remaining.length + 1, total: notes.length },
-      remember: !controlled,
+      remember: true,
       onDismissed: () => {
         onDismiss?.(current.id);
         setVersion((v) => v + 1);
@@ -720,9 +720,9 @@ function NotificationBell({ notifications, labels, seen: given, onSeen }) {
   const [open, setOpen] = useState3(false);
   const root = useRef4(null);
   useEffect5(() => {
-    if (!controlled) setStored(readSeen());
-  }, [controlled]);
-  const seen = controlled ? new Set(given) : stored;
+    setStored(readSeen());
+  }, []);
+  const seen = stored === null ? controlled ? new Set(given) : null : controlled ? /* @__PURE__ */ new Set([...given, ...stored]) : stored;
   useEffect5(() => {
     if (!open) return;
     const onDown = (e) => {
@@ -740,10 +740,7 @@ function NotificationBell({ notifications, labels, seen: given, onSeen }) {
   }, [open]);
   const markSeen = useCallback3(
     (ids) => {
-      if (controlled) {
-        onSeen?.(ids);
-        return;
-      }
+      if (controlled) onSeen?.(ids);
       setStored((current) => {
         const next = new Set(current ?? []);
         for (const id of ids) next.add(id);
@@ -913,6 +910,89 @@ function SetupGuide({ requirements, readyMessage, labels }) {
   ] });
 }
 
+// src/components/Setup/SetupWizard.tsx
+import { useState as useState5 } from "react";
+
+// src/components/Setup/wizard.ts
+function wizardStep(requirements) {
+  const total = requirements.length;
+  const done = requirements.filter((requirement) => requirement.status === "ok");
+  const unknown = requirements.some((requirement) => requirement.status === "unknown");
+  const at = requirements.findIndex((requirement) => requirement.status !== "ok");
+  if (at === -1) {
+    return { current: null, index: 0, total, done, ready: total > 0, unknown: false };
+  }
+  return {
+    current: requirements[at],
+    index: at + 1,
+    total,
+    done,
+    ready: false,
+    unknown
+  };
+}
+function isFirstRun(board) {
+  return (board.cards?.length ?? 0) === 0 && (board.runs?.length ?? 0) === 0;
+}
+
+// src/components/Setup/SetupWizard.tsx
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function SetupWizard({ requirements, labels, onCheck, onClose }) {
+  const step = wizardStep(requirements);
+  const [checking, setChecking] = useState5(false);
+  const [checked, setChecked] = useState5(false);
+  const [copied, setCopied] = useState5(false);
+  async function check() {
+    setChecking(true);
+    try {
+      await onCheck();
+      setChecked(true);
+    } finally {
+      setChecking(false);
+    }
+  }
+  async function copyPrompt() {
+    try {
+      await navigator.clipboard.writeText(labels.stuckPrompt);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  }
+  return /* @__PURE__ */ jsxs14("section", { className: "pt-wizard", "aria-labelledby": "pt-wizard-title", children: [
+    /* @__PURE__ */ jsxs14("header", { className: "pt-wizard__head", children: [
+      /* @__PURE__ */ jsx16("h2", { className: "pt-h2", id: "pt-wizard-title", children: labels.title }),
+      step.current && /* @__PURE__ */ jsx16("p", { className: "pt-wizard__progress", children: labels.progress(step.index, step.total) })
+    ] }),
+    step.current ? /* @__PURE__ */ jsxs14("div", { className: "pt-wizard__step", children: [
+      /* @__PURE__ */ jsx16("p", { className: "pt-wizard__now", children: labels.nowDo }),
+      /* @__PURE__ */ jsx16("h3", { className: "pt-wizard__label", children: step.current.label }),
+      step.current.variable && /* @__PURE__ */ jsx16("p", { className: "pt-wizard__var", children: step.current.variable }),
+      step.current.enables && /* @__PURE__ */ jsx16("p", { className: "pt-wizard__enables", children: step.current.enables }),
+      step.current.fix && /* @__PURE__ */ jsx16("div", { className: "pt-wizard__fix", children: step.current.fix }),
+      /* @__PURE__ */ jsxs14("div", { className: "pt-wizard__actions", children: [
+        /* @__PURE__ */ jsx16("button", { type: "button", className: "pt-btn pt-btn--primary", onClick: check, disabled: checking, children: checking ? labels.checking : labels.check }),
+        checked && !checking && /* @__PURE__ */ jsx16("p", { className: "pt-wizard__said", children: step.unknown ? labels.cannotTell : labels.stillMissing })
+      ] })
+    ] }) : /* @__PURE__ */ jsxs14("div", { className: "pt-wizard__step pt-wizard__step--done", children: [
+      /* @__PURE__ */ jsx16("h3", { className: "pt-wizard__label", children: labels.readyTitle }),
+      /* @__PURE__ */ jsx16("p", { className: "pt-wizard__enables", children: labels.readyBody }),
+      /* @__PURE__ */ jsx16("ol", { className: "pt-wizard__verify", children: labels.verify.map((line) => /* @__PURE__ */ jsx16("li", { children: line }, line)) })
+    ] }),
+    step.done.length > 0 && /* @__PURE__ */ jsxs14("div", { className: "pt-wizard__done", children: [
+      /* @__PURE__ */ jsx16("p", { className: "pt-wizard__done-title", children: labels.doneTitle }),
+      /* @__PURE__ */ jsx16("ul", { children: step.done.map((requirement) => /* @__PURE__ */ jsx16("li", { children: requirement.label }, requirement.id)) })
+    ] }),
+    /* @__PURE__ */ jsxs14("div", { className: "pt-wizard__stuck", children: [
+      /* @__PURE__ */ jsx16("p", { className: "pt-wizard__done-title", children: labels.stuckTitle }),
+      /* @__PURE__ */ jsx16("p", { className: "pt-wizard__enables", children: labels.stuckBody }),
+      /* @__PURE__ */ jsx16("pre", { className: "pt-wizard__prompt", children: labels.stuckPrompt }),
+      /* @__PURE__ */ jsx16("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: copyPrompt, children: copied ? labels.copied : labels.copy })
+    ] }),
+    onClose && /* @__PURE__ */ jsx16("div", { className: "pt-wizard__actions", children: /* @__PURE__ */ jsx16("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: onClose, children: labels.close }) })
+  ] });
+}
+
 // src/hooks/useDelegatedClick.ts
 import { useEffect as useEffect7 } from "react";
 function useDelegatedClick(attribute, handler) {
@@ -932,9 +1012,9 @@ function useDelegatedClick(attribute, handler) {
 }
 
 // src/hooks/useMediaQuery.ts
-import { useEffect as useEffect8, useState as useState5 } from "react";
+import { useEffect as useEffect8, useState as useState6 } from "react";
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState5(() => typeof window !== "undefined" ? window.matchMedia(query).matches : false);
+  const [matches, setMatches] = useState6(() => typeof window !== "undefined" ? window.matchMedia(query).matches : false);
   useEffect8(() => {
     const mql = window.matchMedia(query);
     const handler = () => setMatches(mql.matches);
@@ -1300,7 +1380,62 @@ function isCard(value) {
 }
 
 // src/panel/PanelApp.tsx
-import React12, { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo5, useState as useState9 } from "react";
+import React13, { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo5, useState as useState10 } from "react";
+
+// src/panel/updates.ts
+var REGISTRY_URL = "https://registry.npmjs.org/paneltir/latest";
+function readNotes(value) {
+  if (typeof value !== "object" || value === null) return void 0;
+  const candidate = value;
+  if (typeof candidate.version !== "string" || typeof candidate.date !== "string") return void 0;
+  if (!Array.isArray(candidate.entries) || candidate.entries.length === 0) return void 0;
+  const kinds = /* @__PURE__ */ new Set(["breaking", "feature", "fix", "chore"]);
+  const entries = [];
+  for (const raw of candidate.entries) {
+    if (typeof raw !== "object" || raw === null) return void 0;
+    const item = raw;
+    const text2 = item.text;
+    if (typeof item.kind !== "string" || !kinds.has(item.kind)) return void 0;
+    if (typeof text2?.en !== "string" || typeof text2?.es !== "string") return void 0;
+    entries.push({ kind: item.kind, text: { en: text2.en, es: text2.es } });
+  }
+  return { version: candidate.version, date: candidate.date, entries };
+}
+function releaseShape(notes) {
+  if (!notes?.entries.length) return null;
+  for (const kind of ["breaking", "feature", "fix", "chore"]) {
+    if (notes.entries.some((entry) => entry.kind === kind)) return kind;
+  }
+  return null;
+}
+function isNewer(candidate, current) {
+  const parts = (value) => value.trim().replace(/^v/, "").split(/[-+]/)[0].split(".").map((piece) => Number.parseInt(piece, 10));
+  const left = parts(candidate);
+  const right = parts(current);
+  if (left.some(Number.isNaN) || right.some(Number.isNaN)) return false;
+  for (let i = 0; i < 3; i += 1) {
+    const a = left[i] ?? 0;
+    const b = right[i] ?? 0;
+    if (a !== b) return a > b;
+  }
+  return false;
+}
+async function checkForUpdate(current, fetchImpl = fetch) {
+  try {
+    const response = await fetchImpl(REGISTRY_URL, { headers: { accept: "application/json" } });
+    if (!response.ok) return null;
+    const body = await response.json();
+    const latest = typeof body.version === "string" ? body.version : null;
+    if (!latest) return null;
+    return { current, latest, behind: isNewer(latest, current), notes: readNotes(body.paneltirRelease) };
+  } catch {
+    return null;
+  }
+}
+function updateCardId(version) {
+  const found = /\d+\.\d+\.\d+/.exec(version);
+  return `paneltir-update-${found ? found[0] : "unknown"}`;
+}
 
 // src/panel/themes.ts
 var PRESET_FORM = {
@@ -1327,9 +1462,18 @@ var PRESET_PANEL_THEMES = Object.fromEntries(
     { label: PRESET_LABEL[name], tokens: THEME_PRESETS[name], form: PRESET_FORM[name], note: PRESET_NOTE[name] }
   ])
 );
+function offeredThemes(themes, extraThemes) {
+  if (themes) return themes;
+  if (!extraThemes) return PRESET_PANEL_THEMES;
+  const offered = { ...extraThemes };
+  for (const [name, preset] of Object.entries(PRESET_PANEL_THEMES)) {
+    if (!(name in offered)) offered[name] = preset;
+  }
+  return offered;
+}
 
 // src/panel/AnalysisView.tsx
-import { useMemo as useMemo3, useState as useState6 } from "react";
+import { useMemo as useMemo3, useState as useState7 } from "react";
 
 // src/panel/i18n.ts
 var STORAGE_KEY = "paneltir:lang";
@@ -1356,6 +1500,30 @@ var UI = {
     board: "Board",
     analysis: "Analysis",
     history: "Revisions",
+    updateTitle: "The kit this panel runs on",
+    updateSubtitle: "What is installed, and what has been published since.",
+    updateCurrent: (version) => `Installed: v${version}`,
+    updateAvailable: (version) => `v${version} has been published.`,
+    updateUpToDate: "This is the newest published version.",
+    updateUnknown: "The registry could not be reached, so there is nothing to report either way.",
+    updateCreateCard: "Add a card asking for it",
+    updateCardExists: "The board already carries a card for this version.",
+    updateAsOrder: "Write it as an order, not a suggestion",
+    updateAsOrderHow: "This does not update anything on its own \u2014 the panel cannot run npm. It decides whether the card it writes asks for the update or instructs it.",
+    notifUpdate: "A newer Paneltir has been published",
+    releaseTitle: (version) => `What v${version} changes`,
+    releaseDate: (date) => `Published ${date}`,
+    releaseShape: {
+      breaking: "Contains a change that can break things",
+      feature: "New things, and fixes",
+      fix: "Small fixes",
+      chore: "Housekeeping"
+    },
+    releaseKind: { breaking: "Breaking", feature: "New", fix: "Fix", chore: "Chore" },
+    releaseClose: "Close",
+    releaseNone: "This version was published without notes.",
+    updateCardTitle: (version) => `Update Paneltir to v${version}`,
+    updateCardBody: (version) => `Run \`npm install paneltir@${version}\` in this project, then check the panel still builds and renders. The version in use is reported by \`paneltirBuild\`, so it can be confirmed rather than assumed.`,
     cardDetail: "Card",
     panelSettings: "Panel settings",
     title: "Title",
@@ -1436,6 +1604,28 @@ var UI = {
     fixTokenPaste: "Paste it into the hosting project as GH_TOKEN. Never into the repository: a token in a commit is a token to revoke.",
     fixTokenRedeploy: "Redeploy. Environment variables are read at deploy time, so a running deployment will not see a new one.",
     fixRepo: "Set PANEL_REPO in the hosting project to this project\u2019s owner/repo, then redeploy.",
+    wizardTitle: "Setting this panel up",
+    wizardProgress: (index, total) => `Step ${index} of ${total}`,
+    wizardNowDo: "Do this next",
+    wizardCheck: "Check it now",
+    wizardChecking: "Asking the server\u2026",
+    wizardStillMissing: "Still not there. If you have just added it, redeploy \u2014 a running deployment does not see a new variable.",
+    wizardCannotTell: "The panel could not ask its own server, so it cannot say either way. That is a different problem from a missing variable, and worth fixing first.",
+    wizardDoneTitle: "Already in place",
+    wizardReadyTitle: "That is everything.",
+    wizardReadyBody: "Saves will commit to the repository from now on. Two things are worth trying before you trust the door:",
+    wizardVerify: [
+      "Open /admin signed out. It should land on the sign-in screen, not on the panel.",
+      "Signed out, ask for the panel\u2019s own JavaScript bundle. It should answer 401. A page that is protected while its bundle is not leaves the board readable by anyone who opens the HTML."
+    ],
+    wizardClose: "Close",
+    wizardStuckTitle: "If any of this is unclear",
+    wizardStuckBody: "This project has a Claude of its own, and `paneltir init` wrote it a guide covering exactly this. Paste the line below into a session in this repository and it will walk you through it, in whatever detail you need.",
+    wizardStuckPrompt: "Read .claude/skills/panel/SKILL.md and set up the Paneltir panel with me: tell me each environment variable it needs, what it is for, where in this project to put it, and check the ones already set.",
+    wizardCopy: "Copy the prompt",
+    wizardCopied: "Copied",
+    wizardOpen: "Walk me through it",
+    wizardBanner: "This panel is not finished being set up: saving will fail until it is.",
     demoTourWelcomeTitle: "A real panel, and nothing is saved yet",
     demoTourWelcomeBody: "Everything here works. Move things, open things, break things \u2014 nothing is written anywhere yet, so nothing you do can damage anything.",
     demoTourBoardTitle: "Drag a card, then open one",
@@ -1510,6 +1700,20 @@ var UI = {
       strategy: "The paths open to it, the one chosen, and what is worth doing next.",
       market: "Who this is for, and who else is already there."
     },
+    analysisRedo: "Ask for this again",
+    analysisRedoAsked: "Asked for. It lands as a card, and the next session does the work.",
+    analysisRedoTitle: {
+      board: "Read the board again and say what it adds up to",
+      project: "Revisit what this is for and how it is measured",
+      strategy: "Work the strategy again and propose what is next",
+      market: "A fresh market report"
+    },
+    analysisRedoBody: {
+      board: "The board has moved since this was last read. Go through the cards, say what they now add up to, and write the questions worth asking that nobody has asked yet.",
+      project: "Look again at the goals, the constraints and the metrics. Say which no longer match what the project has become, and propose the change rather than making it.",
+      strategy: "Look at the strategies on record, whether the chosen one is still the right one, and what is worth doing next. Propose; the choice stays the owner\u2019s.",
+      market: "Research the market again: who this is for, who else is there now, and what has changed since the last report. Write it into the Market screen."
+    },
     analysisAnswered: (answered, total) => `${answered} of ${total} answered`,
     analysisAllDecided: "Every question on this screen has an answer.",
     choicesTitle: "Standing answers",
@@ -1617,6 +1821,30 @@ var UI = {
     board: "Tablero",
     analysis: "An\xE1lisis",
     history: "Revisiones",
+    updateTitle: "El kit sobre el que corre este panel",
+    updateSubtitle: "Qu\xE9 hay instalado, y qu\xE9 se ha publicado desde entonces.",
+    updateCurrent: (version) => `Instalada: v${version}`,
+    updateAvailable: (version) => `Se ha publicado la v${version}.`,
+    updateUpToDate: "Esta es la versi\xF3n publicada m\xE1s reciente.",
+    updateUnknown: "No se pudo consultar el registro, as\xED que no hay nada que decir en ning\xFAn sentido.",
+    updateCreateCard: "A\xF1adir una tarjeta pidi\xE9ndolo",
+    updateCardExists: "El tablero ya lleva una tarjeta para esta versi\xF3n.",
+    updateAsOrder: "Escribirla como orden, no como sugerencia",
+    updateAsOrderHow: "Esto no actualiza nada por su cuenta \u2014 el panel no puede ejecutar npm. Decide si la tarjeta que escribe pide la actualizaci\xF3n o la manda.",
+    notifUpdate: "Se ha publicado un Paneltir m\xE1s nuevo",
+    releaseTitle: (version) => `Qu\xE9 cambia la v${version}`,
+    releaseDate: (date) => `Publicada el ${date}`,
+    releaseShape: {
+      breaking: "Trae un cambio que puede romper cosas",
+      feature: "Novedades, y correcciones",
+      fix: "Correcciones menores",
+      chore: "Mantenimiento"
+    },
+    releaseKind: { breaking: "Rompe", feature: "Nuevo", fix: "Arreglo", chore: "Interno" },
+    releaseClose: "Cerrar",
+    releaseNone: "Esta versi\xF3n se public\xF3 sin notas.",
+    updateCardTitle: (version) => `Actualizar Paneltir a la v${version}`,
+    updateCardBody: (version) => `Ejecuta \`npm install paneltir@${version}\` en este proyecto y comprueba que el panel sigue construy\xE9ndose y dibuj\xE1ndose. La versi\xF3n en uso la reporta \`paneltirBuild\`, as\xED que se puede confirmar en vez de darla por hecha.`,
     cardDetail: "Tarjeta",
     panelSettings: "Ajustes del panel",
     title: "T\xEDtulo",
@@ -1697,6 +1925,28 @@ var UI = {
     fixTokenPaste: "P\xE9galo en el proyecto de hosting como GH_TOKEN. Nunca en el repositorio: un token en un commit es un token que hay que revocar.",
     fixTokenRedeploy: "Vuelve a desplegar. Las variables de entorno se leen al desplegar, as\xED que un despliegue en marcha no ver\xE1 una nueva.",
     fixRepo: "Pon PANEL_REPO en el proyecto de hosting con el owner/repo de este proyecto, y vuelve a desplegar.",
+    wizardTitle: "Poniendo en marcha este panel",
+    wizardProgress: (index, total) => `Paso ${index} de ${total}`,
+    wizardNowDo: "Haz esto ahora",
+    wizardCheck: "Compru\xE9balo ya",
+    wizardChecking: "Preguntando al servidor\u2026",
+    wizardStillMissing: "Sigue sin estar. Si acabas de ponerlo, vuelve a desplegar \u2014 un despliegue en marcha no ve una variable nueva.",
+    wizardCannotTell: "El panel no pudo preguntarle a su propio servidor, as\xED que no puede decir ni que s\xED ni que no. \xC9se es otro problema distinto a que falte una variable, y merece arreglarse antes.",
+    wizardDoneTitle: "Ya est\xE1 puesto",
+    wizardReadyTitle: "Eso es todo.",
+    wizardReadyBody: "A partir de ahora los guardados se confirman en el repositorio. Dos cosas merecen probarse antes de fiarte de la puerta:",
+    wizardVerify: [
+      "Abre /admin sin sesi\xF3n. Debe llevarte a la pantalla de entrada, no al panel.",
+      "Sin sesi\xF3n, pide el bundle de JavaScript del propio panel. Debe responder 401. Una p\xE1gina protegida cuyo bundle no lo est\xE1 deja el tablero legible para cualquiera que abra el HTML."
+    ],
+    wizardClose: "Cerrar",
+    wizardStuckTitle: "Si algo de esto no queda claro",
+    wizardStuckBody: "Este proyecto tiene su propio Claude, y `paneltir init` le dej\xF3 escrita una gu\xEDa que cubre justo esto. Pega la l\xEDnea de abajo en una sesi\xF3n dentro de este repositorio y te lo ir\xE1 explicando con el detalle que necesites.",
+    wizardStuckPrompt: "Lee .claude/skills/panel/SKILL.md y pon en marcha conmigo el panel de Paneltir: dime cada variable de entorno que necesita, para qu\xE9 sirve, d\xF3nde ponerla en este proyecto, y comprueba las que ya est\xE1n.",
+    wizardCopy: "Copiar el texto",
+    wizardCopied: "Copiado",
+    wizardOpen: "Gu\xEDame paso a paso",
+    wizardBanner: "A este panel le falta terminar de configurarse: guardar fallar\xE1 hasta que lo est\xE9.",
     demoTourWelcomeTitle: "Un panel de verdad, y a\xFAn no se guarda nada",
     demoTourWelcomeBody: "Aqu\xED funciona todo: la empresa de transporte es inventada, el panel no. Mueve cosas, abre cosas, r\xF3mpelas \u2014 no puedes estropear nada.",
     demoTourBoardTitle: "Arrastra una tarjeta, y luego abre una",
@@ -1771,6 +2021,20 @@ var UI = {
       strategy: "Los caminos abiertos, el elegido, y lo que merece la pena hacer ahora.",
       market: "Para qui\xE9n es esto, y qui\xE9n m\xE1s est\xE1 ya ah\xED."
     },
+    analysisRedo: "Pedirlo otra vez",
+    analysisRedoAsked: "Pedido. Cae como tarjeta, y la siguiente sesi\xF3n hace el trabajo.",
+    analysisRedoTitle: {
+      board: "Leer el tablero otra vez y decir qu\xE9 suma",
+      project: "Revisar para qu\xE9 es esto y c\xF3mo se mide",
+      strategy: "Trabajar la estrategia otra vez y proponer qu\xE9 sigue",
+      market: "Un informe de mercado nuevo"
+    },
+    analysisRedoBody: {
+      board: "El tablero se ha movido desde la \xFAltima lectura. Repasa las tarjetas, di qu\xE9 suman ahora, y escribe las preguntas que merecen respuesta y nadie ha hecho.",
+      project: "Mira otra vez los objetivos, las restricciones y las m\xE9tricas. Di cu\xE1les ya no encajan con lo que el proyecto ha llegado a ser, y prop\xF3n el cambio en vez de hacerlo.",
+      strategy: "Mira las estrategias registradas, si la elegida sigue siendo la buena, y qu\xE9 merece la pena hacer ahora. Prop\xF3n; la elecci\xF3n sigue siendo del due\xF1o.",
+      market: "Investiga el mercado otra vez: para qui\xE9n es esto, qui\xE9n m\xE1s est\xE1 ahora, y qu\xE9 ha cambiado desde el \xFAltimo informe. Escr\xEDbelo en la pantalla de Mercado."
+    },
     analysisAnswered: (answered, total) => `${answered} de ${total} contestadas`,
     analysisAllDecided: "Todas las preguntas de esta pantalla tienen respuesta.",
     choicesTitle: "Respuestas fijas",
@@ -1873,7 +2137,7 @@ var UI = {
 };
 
 // src/panel/AnalysisView.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var SUGGESTION_STATUSES = ["new", "doing", "done", "dismissed"];
 function MetricTile({ metric, lang, ui }) {
   const { latest, delta, against } = trendOf(metric);
@@ -1882,23 +2146,23 @@ function MetricTile({ metric, lang, ui }) {
   const height = 34;
   const path = points.map((point) => `${(point.x * width).toFixed(1)},${(point.y * (height - 6) + 3).toFixed(1)}`);
   const last = points[points.length - 1];
-  return /* @__PURE__ */ jsxs14("article", { className: "pt-metric", children: [
-    /* @__PURE__ */ jsx16("p", { className: "pt-metric__label", children: text(metric.label, lang) }),
-    /* @__PURE__ */ jsxs14("p", { className: "pt-metric__value", children: [
+  return /* @__PURE__ */ jsxs15("article", { className: "pt-metric", children: [
+    /* @__PURE__ */ jsx17("p", { className: "pt-metric__label", children: text(metric.label, lang) }),
+    /* @__PURE__ */ jsxs15("p", { className: "pt-metric__value", children: [
       latest ? latest.value : "\u2014",
-      /* @__PURE__ */ jsx16("span", { className: "pt-metric__unit", children: metric.unit })
+      /* @__PURE__ */ jsx17("span", { className: "pt-metric__unit", children: metric.unit })
     ] }),
-    delta !== null && /* @__PURE__ */ jsxs14("p", { className: `pt-metric__delta${against ? " is-against" : " is-with"}`, children: [
+    delta !== null && /* @__PURE__ */ jsxs15("p", { className: `pt-metric__delta${against ? " is-against" : " is-with"}`, children: [
       delta > 0 ? "\u25B2" : delta < 0 ? "\u25BC" : "\u25A0",
       " ",
       delta > 0 ? "+" : "",
       delta,
-      /* @__PURE__ */ jsxs14("span", { className: "pt-metric__since", children: [
+      /* @__PURE__ */ jsxs15("span", { className: "pt-metric__since", children: [
         " \xB7 ",
         against ? ui.metricAgainst : ui.metricWith
       ] })
     ] }),
-    points.length > 1 && /* @__PURE__ */ jsxs14(
+    points.length > 1 && /* @__PURE__ */ jsxs15(
       "svg",
       {
         className: "pt-metric__spark",
@@ -1908,12 +2172,12 @@ function MetricTile({ metric, lang, ui }) {
         role: "img",
         "aria-label": `${text(metric.label, lang)}: ${metric.readings.map((r) => `${r.date} ${r.value}`).join(", ")}`,
         children: [
-          /* @__PURE__ */ jsx16("polyline", { points: path.join(" "), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }),
-          last && /* @__PURE__ */ jsx16("circle", { cx: last.x * width, cy: last.y * (height - 6) + 3, r: "3.5", className: "pt-metric__point" })
+          /* @__PURE__ */ jsx17("polyline", { points: path.join(" "), fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round" }),
+          last && /* @__PURE__ */ jsx17("circle", { cx: last.x * width, cy: last.y * (height - 6) + 3, r: "3.5", className: "pt-metric__point" })
         ]
       }
     ),
-    latest?.note && /* @__PURE__ */ jsx16("p", { className: "pt-metric__note", children: text(latest.note, lang) })
+    latest?.note && /* @__PURE__ */ jsx17("p", { className: "pt-metric__note", children: text(latest.note, lang) })
   ] });
 }
 function ChoiceCard({
@@ -1924,11 +2188,11 @@ function ChoiceCard({
   onDecide
 }) {
   const answered = choice.options.find((option) => option.id === choice.value);
-  return /* @__PURE__ */ jsxs14("article", { className: `pt-choice${answered ? " is-decided" : ""}`, children: [
-    /* @__PURE__ */ jsx16("p", { className: "pt-choice__state", children: answered ? ui.choiceDecidedAt(choice.decidedAt ?? "") : ui.choiceOpen }),
-    /* @__PURE__ */ jsx16("p", { className: "pt-choice__question", children: text(choice.question, lang) }),
-    choice.why && /* @__PURE__ */ jsx16("p", { className: "pt-choice__why", children: text(choice.why, lang) }),
-    /* @__PURE__ */ jsx16("div", { className: "pt-panel-row pt-choice__options", children: choice.options.map((option) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15("article", { className: `pt-choice${answered ? " is-decided" : ""}`, children: [
+    /* @__PURE__ */ jsx17("p", { className: "pt-choice__state", children: answered ? ui.choiceDecidedAt(choice.decidedAt ?? "") : ui.choiceOpen }),
+    /* @__PURE__ */ jsx17("p", { className: "pt-choice__question", children: text(choice.question, lang) }),
+    choice.why && /* @__PURE__ */ jsx17("p", { className: "pt-choice__why", children: text(choice.why, lang) }),
+    /* @__PURE__ */ jsx17("div", { className: "pt-panel-row pt-choice__options", children: choice.options.map((option) => /* @__PURE__ */ jsx17(
       FilterChip,
       {
         label: text(option.label, lang),
@@ -1937,8 +2201,8 @@ function ChoiceCard({
       },
       option.id
     )) }),
-    answered?.detail && /* @__PURE__ */ jsx16("p", { className: "pt-choice__detail", children: text(answered.detail, lang) }),
-    answered && /* @__PURE__ */ jsx16(
+    answered?.detail && /* @__PURE__ */ jsx17("p", { className: "pt-choice__detail", children: text(answered.detail, lang) }),
+    answered && /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
@@ -1957,10 +2221,10 @@ function Choices({
   onDecide
 }) {
   const choices = analysis.choices?.[section] ?? [];
-  return /* @__PURE__ */ jsxs14("section", { children: [
-    /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.choicesTitle }),
-    /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.choicesIntro }),
-    choices.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "pt-analysis__empty", children: ui.choicesNone }) : /* @__PURE__ */ jsx16("div", { className: "pt-choice-grid", children: choices.map((choice) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15("section", { children: [
+    /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.choicesTitle }),
+    /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.choicesIntro }),
+    choices.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "pt-analysis__empty", children: ui.choicesNone }) : /* @__PURE__ */ jsx17("div", { className: "pt-choice-grid", children: choices.map((choice) => /* @__PURE__ */ jsx17(
       ChoiceCard,
       {
         section,
@@ -1983,26 +2247,28 @@ function AnalysisView({
   onChooseStrategy,
   onSuggestionStatus,
   onDecide,
-  onOpenCard
+  onOpenCard,
+  onRequestReport
 }) {
   const t = (value) => text(value, lang);
-  const [section, setSection] = useState6("board");
+  const [section, setSection] = useState7("board");
   const facts = useMemo3(() => boardFacts(cards, columns, today2), [cards, columns, today2]);
   const answers = useMemo3(() => decided(analysis), [analysis]);
   const open = useMemo3(() => undecided(analysis), [analysis]);
   const total = answers.length + open.length;
   const here = analysis.choices?.[section] ?? [];
   const answeredHere = here.filter((choice) => choice.options.some((option) => option.id === choice.value)).length;
-  return /* @__PURE__ */ jsxs14("div", { className: "pt-panel-page pt-panel-section pt-analysis", children: [
-    /* @__PURE__ */ jsxs14("section", { children: [
-      /* @__PURE__ */ jsx16("p", { className: "pt-eyebrow", children: ui.analysisEyebrow }),
-      /* @__PURE__ */ jsx16("h2", { className: "pt-h2", children: ui.analysisSections[section] }),
-      /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.analysisSectionHints[section] }),
-      /* @__PURE__ */ jsx16("nav", { className: "pt-analysis__nav", "aria-label": ui.analysis, children: ANALYSIS_SECTIONS.map((id) => {
+  return /* @__PURE__ */ jsxs15("div", { className: "pt-panel-page pt-panel-section pt-analysis", children: [
+    /* @__PURE__ */ jsxs15("section", { children: [
+      /* @__PURE__ */ jsx17("p", { className: "pt-eyebrow", children: ui.analysisEyebrow }),
+      /* @__PURE__ */ jsx17("h2", { className: "pt-h2", children: ui.analysisSections[section] }),
+      /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.analysisSectionHints[section] }),
+      onRequestReport && /* @__PURE__ */ jsx17("p", { className: "pt-panel-row", children: /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => onRequestReport(section), children: ui.analysisRedo }) }),
+      /* @__PURE__ */ jsx17("nav", { className: "pt-analysis__nav", "aria-label": ui.analysis, children: ANALYSIS_SECTIONS.map((id) => {
         const count = (analysis.choices?.[id] ?? []).filter(
           (choice) => !choice.options.some((option) => option.id === choice.value)
         ).length;
-        return /* @__PURE__ */ jsxs14(
+        return /* @__PURE__ */ jsxs15(
           "button",
           {
             type: "button",
@@ -2011,110 +2277,110 @@ function AnalysisView({
             onClick: () => setSection(id),
             children: [
               ui.analysisSections[id],
-              count > 0 && /* @__PURE__ */ jsx16("span", { className: "pt-analysis__open", "aria-hidden": "true", children: count })
+              count > 0 && /* @__PURE__ */ jsx17("span", { className: "pt-analysis__open", "aria-hidden": "true", children: count })
             ]
           },
           id
         );
       }) }),
-      here.length > 0 && /* @__PURE__ */ jsxs14("p", { className: "pt-analysis__stage", children: [
+      here.length > 0 && /* @__PURE__ */ jsxs15("p", { className: "pt-analysis__stage", children: [
         ui.analysisAnswered(answeredHere, here.length),
-        answeredHere === here.length && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+        answeredHere === here.length && /* @__PURE__ */ jsxs15(Fragment3, { children: [
           " \xB7 ",
           ui.analysisAllDecided
         ] })
       ] })
     ] }),
-    section === "board" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.boardFactsTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.boardFactsIntro }),
-        /* @__PURE__ */ jsx16("div", { className: "pt-fact-grid", children: [
+    section === "board" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.boardFactsTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.boardFactsIntro }),
+        /* @__PURE__ */ jsx17("div", { className: "pt-fact-grid", children: [
           [ui.factOpen, String(facts.open)],
           [ui.factWaiting, String(facts.waitingOnOwner)],
           [ui.factOrders, String(facts.orders)],
           [ui.factHighRisk, String(facts.highRisk)]
-        ].map(([label, value]) => /* @__PURE__ */ jsxs14("article", { className: "pt-fact", children: [
-          /* @__PURE__ */ jsx16("p", { className: "pt-fact__label", children: label }),
-          /* @__PURE__ */ jsx16("p", { className: "pt-fact__value", children: value })
+        ].map(([label, value]) => /* @__PURE__ */ jsxs15("article", { className: "pt-fact", children: [
+          /* @__PURE__ */ jsx17("p", { className: "pt-fact__label", children: label }),
+          /* @__PURE__ */ jsx17("p", { className: "pt-fact__value", children: value })
         ] }, label)) }),
-        /* @__PURE__ */ jsx16("h4", { className: "pt-analysis__minor", children: ui.factColumnsTitle }),
-        /* @__PURE__ */ jsx16("ul", { className: "pt-analysis__list", children: facts.byColumn.map((column) => /* @__PURE__ */ jsxs14("li", { className: "pt-analysis__goal", children: [
-          /* @__PURE__ */ jsx16("span", { children: t(column.title) }),
-          /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: column.count })
+        /* @__PURE__ */ jsx17("h4", { className: "pt-analysis__minor", children: ui.factColumnsTitle }),
+        /* @__PURE__ */ jsx17("ul", { className: "pt-analysis__list", children: facts.byColumn.map((column) => /* @__PURE__ */ jsxs15("li", { className: "pt-analysis__goal", children: [
+          /* @__PURE__ */ jsx17("span", { children: t(column.title) }),
+          /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: column.count })
         ] }, column.id)) }),
-        facts.oldestOpen && facts.oldestOpenDays !== null && /* @__PURE__ */ jsxs14("p", { className: "pt-analysis__stage", children: [
+        facts.oldestOpen && facts.oldestOpenDays !== null && /* @__PURE__ */ jsxs15("p", { className: "pt-analysis__stage", children: [
           ui.factOldest,
           ": ",
-          /* @__PURE__ */ jsx16("strong", { children: ui.factDays(facts.oldestOpenDays) }),
+          /* @__PURE__ */ jsx17("strong", { children: ui.factDays(facts.oldestOpenDays) }),
           " \xB7 ",
           t(facts.oldestOpen.title)
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.factClaimedTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.factClaimedIntro }),
-        facts.claimed.length === 0 ? /* @__PURE__ */ jsx16("p", { className: "pt-analysis__empty", children: ui.factClaimedNone }) : /* @__PURE__ */ jsx16("ul", { className: "pt-analysis__list", children: facts.claimed.map((card) => /* @__PURE__ */ jsxs14("li", { className: "pt-analysis__goal", children: [
-          /* @__PURE__ */ jsx16("button", { type: "button", className: "pt-analysis__link", onClick: () => onOpenCard?.(card.id), children: t(card.title) || ui.untitled }),
-          /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: ui.neverStarted })
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.factClaimedTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.factClaimedIntro }),
+        facts.claimed.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "pt-analysis__empty", children: ui.factClaimedNone }) : /* @__PURE__ */ jsx17("ul", { className: "pt-analysis__list", children: facts.claimed.map((card) => /* @__PURE__ */ jsxs15("li", { className: "pt-analysis__goal", children: [
+          /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-analysis__link", onClick: () => onOpenCard?.(card.id), children: t(card.title) || ui.untitled }),
+          /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: ui.neverStarted })
         ] }, card.id)) })
       ] })
     ] }),
-    section === "project" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.briefTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: t(analysis.brief) }),
-        /* @__PURE__ */ jsxs14("p", { className: "pt-analysis__stage", children: [
+    section === "project" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.briefTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: t(analysis.brief) }),
+        /* @__PURE__ */ jsxs15("p", { className: "pt-analysis__stage", children: [
           ui.stage,
           ": ",
-          /* @__PURE__ */ jsx16("strong", { children: analysis.stage })
+          /* @__PURE__ */ jsx17("strong", { children: analysis.stage })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("section", { className: "pt-analysis__split", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-          /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.goalsTitle }),
-          /* @__PURE__ */ jsx16("ul", { className: "pt-analysis__list", children: analysis.goals.map((goal) => /* @__PURE__ */ jsxs14("li", { className: `pt-analysis__goal is-${goal.weight}`, children: [
-            /* @__PURE__ */ jsx16("span", { children: t(goal.label) }),
-            /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: ui.weights[goal.weight] })
+      /* @__PURE__ */ jsxs15("section", { className: "pt-analysis__split", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+          /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.goalsTitle }),
+          /* @__PURE__ */ jsx17("ul", { className: "pt-analysis__list", children: analysis.goals.map((goal) => /* @__PURE__ */ jsxs15("li", { className: `pt-analysis__goal is-${goal.weight}`, children: [
+            /* @__PURE__ */ jsx17("span", { children: t(goal.label) }),
+            /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: ui.weights[goal.weight] })
           ] }, goal.id)) })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-          /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.constraintsTitle }),
-          /* @__PURE__ */ jsx16("ul", { className: "pt-analysis__list", children: analysis.constraints.map((constraint) => /* @__PURE__ */ jsxs14("li", { className: `pt-analysis__goal${constraint.on ? "" : " is-off"}`, children: [
-            /* @__PURE__ */ jsx16("span", { children: t(constraint.label) }),
-            /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: constraint.on ? ui.constraintOn : ui.constraintOff })
+        /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+          /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.constraintsTitle }),
+          /* @__PURE__ */ jsx17("ul", { className: "pt-analysis__list", children: analysis.constraints.map((constraint) => /* @__PURE__ */ jsxs15("li", { className: `pt-analysis__goal${constraint.on ? "" : " is-off"}`, children: [
+            /* @__PURE__ */ jsx17("span", { children: t(constraint.label) }),
+            /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: constraint.on ? ui.constraintOn : ui.constraintOff })
           ] }, constraint.id)) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.metricsTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.metricsIntro }),
-        /* @__PURE__ */ jsx16("div", { className: "pt-metric-grid", children: analysis.metrics.map((metric) => /* @__PURE__ */ jsx16(MetricTile, { metric, lang, ui }, metric.id)) })
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.metricsTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.metricsIntro }),
+        /* @__PURE__ */ jsx17("div", { className: "pt-metric-grid", children: analysis.metrics.map((metric) => /* @__PURE__ */ jsx17(MetricTile, { metric, lang, ui }, metric.id)) })
       ] })
     ] }),
-    section === "strategy" && /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.strategiesTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: analysis.chosen ? ui.strategyChosenHint : ui.strategyOpenHint }),
-        /* @__PURE__ */ jsx16("div", { className: "pt-strategy-grid", children: analysis.strategies.map((strategy) => {
+    section === "strategy" && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.strategiesTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: analysis.chosen ? ui.strategyChosenHint : ui.strategyOpenHint }),
+        /* @__PURE__ */ jsx17("div", { className: "pt-strategy-grid", children: analysis.strategies.map((strategy) => {
           const chosen = analysis.chosen === strategy.id;
-          return /* @__PURE__ */ jsxs14("article", { className: `pt-strategy pt-hud${chosen ? " is-chosen" : ""}`, children: [
-            /* @__PURE__ */ jsx16("h4", { className: "pt-strategy__title", children: t(strategy.title) }),
-            /* @__PURE__ */ jsx16("p", { className: "pt-panel-text", children: t(strategy.thesis) }),
-            /* @__PURE__ */ jsx16("dl", { className: "pt-strategy__meters", children: [
+          return /* @__PURE__ */ jsxs15("article", { className: `pt-strategy pt-hud${chosen ? " is-chosen" : ""}`, children: [
+            /* @__PURE__ */ jsx17("h4", { className: "pt-strategy__title", children: t(strategy.title) }),
+            /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: t(strategy.thesis) }),
+            /* @__PURE__ */ jsx17("dl", { className: "pt-strategy__meters", children: [
               [ui.effort, strategy.effort],
               [ui.riskShort, strategy.risk],
               [ui.upside, strategy.upside]
-            ].map(([label, value]) => /* @__PURE__ */ jsxs14("div", { children: [
-              /* @__PURE__ */ jsx16("dt", { children: label }),
-              /* @__PURE__ */ jsxs14("dd", { children: [
-                /* @__PURE__ */ jsx16("span", { className: "pt-strategy__track", children: /* @__PURE__ */ jsx16("span", { className: "pt-strategy__fill", style: { width: `${value * 10}%` } }) }),
-                /* @__PURE__ */ jsx16("b", { children: value })
+            ].map(([label, value]) => /* @__PURE__ */ jsxs15("div", { children: [
+              /* @__PURE__ */ jsx17("dt", { children: label }),
+              /* @__PURE__ */ jsxs15("dd", { children: [
+                /* @__PURE__ */ jsx17("span", { className: "pt-strategy__track", children: /* @__PURE__ */ jsx17("span", { className: "pt-strategy__fill", style: { width: `${value * 10}%` } }) }),
+                /* @__PURE__ */ jsx17("b", { children: value })
               ] })
             ] }, label)) }),
-            /* @__PURE__ */ jsx16("p", { className: "pt-strategy__horizon", children: t(strategy.horizon) }),
-            /* @__PURE__ */ jsx16("ul", { className: "pt-cap__list", children: strategy.moves.map((move) => /* @__PURE__ */ jsx16("li", { children: t(move) }, t(move))) }),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx17("p", { className: "pt-strategy__horizon", children: t(strategy.horizon) }),
+            /* @__PURE__ */ jsx17("ul", { className: "pt-cap__list", children: strategy.moves.map((move) => /* @__PURE__ */ jsx17("li", { children: t(move) }, t(move))) }),
+            /* @__PURE__ */ jsx17(
               FilterChip,
               {
                 label: chosen ? ui.strategyChosen : ui.strategyChoose,
@@ -2125,19 +2391,19 @@ function AnalysisView({
           ] }, strategy.id);
         }) })
       ] }),
-      /* @__PURE__ */ jsxs14("section", { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.suggestionsTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.suggestionsIntro }),
-        /* @__PURE__ */ jsx16("ul", { className: "pt-analysis__suggestions", children: analysis.suggestions.map((suggestion) => /* @__PURE__ */ jsxs14("li", { className: `pt-suggestion pt-hud is-${suggestion.severity}`, children: [
-          /* @__PURE__ */ jsxs14("p", { className: "pt-suggestion__meta", children: [
+      /* @__PURE__ */ jsxs15("section", { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.suggestionsTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.suggestionsIntro }),
+        /* @__PURE__ */ jsx17("ul", { className: "pt-analysis__suggestions", children: analysis.suggestions.map((suggestion) => /* @__PURE__ */ jsxs15("li", { className: `pt-suggestion pt-hud is-${suggestion.severity}`, children: [
+          /* @__PURE__ */ jsxs15("p", { className: "pt-suggestion__meta", children: [
             suggestion.area,
             " \xB7 ",
             ui.severities[suggestion.severity],
             " \xB7 ",
             suggestion.date
           ] }),
-          /* @__PURE__ */ jsx16("p", { className: "pt-panel-text", children: t(suggestion.text) }),
-          /* @__PURE__ */ jsx16("div", { className: "pt-panel-row", children: SUGGESTION_STATUSES.map((status) => /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: t(suggestion.text) }),
+          /* @__PURE__ */ jsx17("div", { className: "pt-panel-row", children: SUGGESTION_STATUSES.map((status) => /* @__PURE__ */ jsx17(
             FilterChip,
             {
               label: ui.suggestionStatuses[status],
@@ -2149,67 +2415,67 @@ function AnalysisView({
         ] }, suggestion.id)) })
       ] })
     ] }),
-    section === "market" && /* @__PURE__ */ jsx16("section", { children: analysis.market ? /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      /* @__PURE__ */ jsxs14("div", { className: "pt-analysis__split", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-          /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.audienceTitle }),
-          /* @__PURE__ */ jsx16("p", { className: "pt-panel-text", children: t(analysis.market.audience) })
+    section === "market" && /* @__PURE__ */ jsx17("section", { children: analysis.market ? /* @__PURE__ */ jsxs15(Fragment3, { children: [
+      /* @__PURE__ */ jsxs15("div", { className: "pt-analysis__split", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+          /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.audienceTitle }),
+          /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: t(analysis.market.audience) })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-          /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.positioningTitle }),
-          /* @__PURE__ */ jsx16("p", { className: "pt-panel-text", children: t(analysis.market.positioning) })
+        /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+          /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.positioningTitle }),
+          /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: t(analysis.market.positioning) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.competitorsTitle }),
-      /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.marketIntro }),
-      /* @__PURE__ */ jsx16("div", { className: "pt-rival-grid", children: analysis.market.competitors.map((rival) => /* @__PURE__ */ jsxs14("article", { className: "pt-rival pt-hud", children: [
-        /* @__PURE__ */ jsx16("h4", { className: "pt-rival__name", children: rival.name }),
-        /* @__PURE__ */ jsxs14("p", { className: "pt-rival__line", children: [
-          /* @__PURE__ */ jsx16("span", { className: "pt-rival__tag", children: ui.competitorStrength }),
+      /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.competitorsTitle }),
+      /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.marketIntro }),
+      /* @__PURE__ */ jsx17("div", { className: "pt-rival-grid", children: analysis.market.competitors.map((rival) => /* @__PURE__ */ jsxs15("article", { className: "pt-rival pt-hud", children: [
+        /* @__PURE__ */ jsx17("h4", { className: "pt-rival__name", children: rival.name }),
+        /* @__PURE__ */ jsxs15("p", { className: "pt-rival__line", children: [
+          /* @__PURE__ */ jsx17("span", { className: "pt-rival__tag", children: ui.competitorStrength }),
           t(rival.strength)
         ] }),
-        /* @__PURE__ */ jsxs14("p", { className: "pt-rival__line is-gap", children: [
-          /* @__PURE__ */ jsx16("span", { className: "pt-rival__tag", children: ui.competitorGap }),
+        /* @__PURE__ */ jsxs15("p", { className: "pt-rival__line is-gap", children: [
+          /* @__PURE__ */ jsx17("span", { className: "pt-rival__tag", children: ui.competitorGap }),
           t(rival.gap)
         ] })
       ] }, rival.id)) }),
-      analysis.market.pricing && /* @__PURE__ */ jsxs14(Fragment3, { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.pricingTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-panel-text", children: t(analysis.market.pricing) })
+      analysis.market.pricing && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.pricingTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: t(analysis.market.pricing) })
       ] }),
-      analysis.market.notes && analysis.market.notes.length > 0 && /* @__PURE__ */ jsxs14(Fragment3, { children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.marketNotesTitle }),
-        /* @__PURE__ */ jsx16("ul", { className: "pt-cap__list", children: analysis.market.notes.map((note) => /* @__PURE__ */ jsx16("li", { children: t(note) }, t(note))) })
+      analysis.market.notes && analysis.market.notes.length > 0 && /* @__PURE__ */ jsxs15(Fragment3, { children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title pt-analysis__minor", children: ui.marketNotesTitle }),
+        /* @__PURE__ */ jsx17("ul", { className: "pt-cap__list", children: analysis.market.notes.map((note) => /* @__PURE__ */ jsx17("li", { children: t(note) }, t(note))) })
       ] })
-    ] }) : /* @__PURE__ */ jsx16("p", { className: "pt-analysis__empty", children: ui.marketEmpty }) }),
-    /* @__PURE__ */ jsx16(Choices, { section, analysis, lang, ui, onDecide }),
-    total > 0 && /* @__PURE__ */ jsxs14("section", { className: "pt-analysis__split", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.claudeReadsTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.claudeReadsIntro }),
-        /* @__PURE__ */ jsxs14("ul", { className: "pt-analysis__list", children: [
-          answers.map(({ section: from, choice, option }) => /* @__PURE__ */ jsxs14("li", { className: "pt-analysis__goal is-primary", children: [
-            /* @__PURE__ */ jsxs14("span", { children: [
-              /* @__PURE__ */ jsx16("span", { className: "pt-analysis__from", children: ui.analysisSections[from] }),
+    ] }) : /* @__PURE__ */ jsx17("p", { className: "pt-analysis__empty", children: ui.marketEmpty }) }),
+    /* @__PURE__ */ jsx17(Choices, { section, analysis, lang, ui, onDecide }),
+    total > 0 && /* @__PURE__ */ jsxs15("section", { className: "pt-analysis__split", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.claudeReadsTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.claudeReadsIntro }),
+        /* @__PURE__ */ jsxs15("ul", { className: "pt-analysis__list", children: [
+          answers.map(({ section: from, choice, option }) => /* @__PURE__ */ jsxs15("li", { className: "pt-analysis__goal is-primary", children: [
+            /* @__PURE__ */ jsxs15("span", { children: [
+              /* @__PURE__ */ jsx17("span", { className: "pt-analysis__from", children: ui.analysisSections[from] }),
               t(choice.question)
             ] }),
-            /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: t(option.label) })
+            /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: t(option.label) })
           ] }, choice.id)),
-          answers.length === 0 && /* @__PURE__ */ jsx16("li", { className: "pt-analysis__goal is-off", children: ui.choicesNone })
+          answers.length === 0 && /* @__PURE__ */ jsx17("li", { className: "pt-analysis__goal is-off", children: ui.choicesNone })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "pt-cap pt-hud", children: [
-        /* @__PURE__ */ jsx16("h3", { className: "pt-cap__title", children: ui.claudeOpenTitle }),
-        /* @__PURE__ */ jsx16("p", { className: "pt-sub", children: ui.claudeOpenIntro }),
-        /* @__PURE__ */ jsxs14("ul", { className: "pt-analysis__list", children: [
-          open.map(({ section: from, choice }) => /* @__PURE__ */ jsxs14("li", { className: "pt-analysis__goal", children: [
-            /* @__PURE__ */ jsxs14("button", { type: "button", className: "pt-analysis__link", onClick: () => setSection(from), children: [
-              /* @__PURE__ */ jsx16("span", { className: "pt-analysis__from", children: ui.analysisSections[from] }),
+      /* @__PURE__ */ jsxs15("div", { className: "pt-cap pt-hud", children: [
+        /* @__PURE__ */ jsx17("h3", { className: "pt-cap__title", children: ui.claudeOpenTitle }),
+        /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.claudeOpenIntro }),
+        /* @__PURE__ */ jsxs15("ul", { className: "pt-analysis__list", children: [
+          open.map(({ section: from, choice }) => /* @__PURE__ */ jsxs15("li", { className: "pt-analysis__goal", children: [
+            /* @__PURE__ */ jsxs15("button", { type: "button", className: "pt-analysis__link", onClick: () => setSection(from), children: [
+              /* @__PURE__ */ jsx17("span", { className: "pt-analysis__from", children: ui.analysisSections[from] }),
               t(choice.question)
             ] }),
-            /* @__PURE__ */ jsx16("span", { className: "pt-analysis__weight", children: ui.choiceOpen })
+            /* @__PURE__ */ jsx17("span", { className: "pt-analysis__weight", children: ui.choiceOpen })
           ] }, choice.id)),
-          open.length === 0 && /* @__PURE__ */ jsx16("li", { className: "pt-analysis__goal is-off", children: ui.analysisAllDecided })
+          open.length === 0 && /* @__PURE__ */ jsx17("li", { className: "pt-analysis__goal is-off", children: ui.analysisAllDecided })
         ] })
       ] })
     ] })
@@ -2217,7 +2483,7 @@ function AnalysisView({
 }
 
 // src/panel/MarketplaceView.tsx
-import { useMemo as useMemo4, useState as useState7 } from "react";
+import { useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/panel/marketplace.ts
 var MARKETPLACE_NAME = "dfklabs";
@@ -2260,39 +2526,39 @@ function ageInWords(seconds, lang) {
 }
 
 // src/panel/MarketplaceView.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function ToolRow({
   tool,
   lang,
   ui,
   onInstall
 }) {
-  return /* @__PURE__ */ jsxs15("article", { className: `pt-tool${tool.state ? ` is-${tool.state}` : " is-command"}`, children: [
-    /* @__PURE__ */ jsxs15("div", { className: "pt-tool__head", children: [
-      /* @__PURE__ */ jsx17("h3", { className: "pt-tool__name", children: tool.name }),
-      /* @__PURE__ */ jsx17("span", { className: "pt-tool__state", children: tool.state ? ui.installStates[tool.state] : ui.toolCommandOnly })
+  return /* @__PURE__ */ jsxs16("article", { className: `pt-tool${tool.state ? ` is-${tool.state}` : " is-command"}`, children: [
+    /* @__PURE__ */ jsxs16("div", { className: "pt-tool__head", children: [
+      /* @__PURE__ */ jsx18("h3", { className: "pt-tool__name", children: tool.name }),
+      /* @__PURE__ */ jsx18("span", { className: "pt-tool__state", children: tool.state ? ui.installStates[tool.state] : ui.toolCommandOnly })
     ] }),
-    tool.summary && /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: tool.summary }),
-    /* @__PURE__ */ jsxs15("p", { className: "pt-tool__meta", children: [
-      /* @__PURE__ */ jsx17("span", { className: "pt-tool__id", children: tool.id }),
-      tool.claudePlugin && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+    tool.summary && /* @__PURE__ */ jsx18("p", { className: "pt-panel-text", children: tool.summary }),
+    /* @__PURE__ */ jsxs16("p", { className: "pt-tool__meta", children: [
+      /* @__PURE__ */ jsx18("span", { className: "pt-tool__id", children: tool.id }),
+      tool.claudePlugin && /* @__PURE__ */ jsxs16(Fragment4, { children: [
         " \xB7 ",
-        tool.version ? /* @__PURE__ */ jsxs15("span", { className: "pt-tool__version", children: [
+        tool.version ? /* @__PURE__ */ jsxs16("span", { className: "pt-tool__version", children: [
           "v",
           tool.version
         ] }) : (
           // Never a version we made up. A blank here is the plugin's own
           // manifest failing to answer, and it says so on hover.
-          /* @__PURE__ */ jsx17("span", { className: "pt-tool__version is-unknown", title: tool.versionError ?? void 0, children: ui.versionUnknown })
+          /* @__PURE__ */ jsx18("span", { className: "pt-tool__version is-unknown", title: tool.versionError ?? void 0, children: ui.versionUnknown })
         )
       ] }),
-      tool.repo && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+      tool.repo && /* @__PURE__ */ jsxs16(Fragment4, { children: [
         " \xB7 ",
-        /* @__PURE__ */ jsx17("a", { className: "pt-tool__repo", href: `https://github.com/${tool.repo}`, target: "_blank", rel: "noreferrer", children: tool.repo })
+        /* @__PURE__ */ jsx18("a", { className: "pt-tool__repo", href: `https://github.com/${tool.repo}`, target: "_blank", rel: "noreferrer", children: tool.repo })
       ] })
     ] }),
-    tool.tags.length > 0 && /* @__PURE__ */ jsx17("p", { className: "pt-tool__tags", children: tool.tags.map((tag) => /* @__PURE__ */ jsx17("span", { className: "pt-tool__tag", children: tag }, tag)) }),
-    !tool.claudePlugin && tool.standaloneCommand && /* @__PURE__ */ jsx17(
+    tool.tags.length > 0 && /* @__PURE__ */ jsx18("p", { className: "pt-tool__tags", children: tool.tags.map((tag) => /* @__PURE__ */ jsx18("span", { className: "pt-tool__tag", children: tag }, tag)) }),
+    !tool.claudePlugin && tool.standaloneCommand && /* @__PURE__ */ jsx18(
       CopyBlock,
       {
         text: tool.standaloneCommand,
@@ -2300,16 +2566,16 @@ function ToolRow({
         labels: { copy: ui.copy, copied: ui.copied, selected: ui.copySelected }
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "pt-panel-row pt-tool__actions", children: [
-      /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => onInstall(tool), children: tool.claudePlugin ? ui.install : ui.howToRun }),
-      tool.homepage && /* @__PURE__ */ jsx17("a", { className: "pt-btn pt-btn--sm", href: tool.homepage, target: "_blank", rel: "noreferrer", children: ui.learnMore })
+    /* @__PURE__ */ jsxs16("div", { className: "pt-panel-row pt-tool__actions", children: [
+      /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => onInstall(tool), children: tool.claudePlugin ? ui.install : ui.howToRun }),
+      tool.homepage && /* @__PURE__ */ jsx18("a", { className: "pt-btn pt-btn--sm", href: tool.homepage, target: "_blank", rel: "noreferrer", children: ui.learnMore })
     ] }),
-    tool.state === "misconfigured" && /* @__PURE__ */ jsx17("p", { className: "pt-warn", children: ui.stateMisconfiguredWhy })
+    tool.state === "misconfigured" && /* @__PURE__ */ jsx18("p", { className: "pt-warn", children: ui.stateMisconfiguredWhy })
   ] });
 }
 function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
-  const [filter, setFilter] = useState7("all");
-  const [open, setOpen] = useState7(null);
+  const [filter, setFilter] = useState8("all");
+  const [open, setOpen] = useState8(null);
   const tools = report?.tools ?? [];
   const shown = useMemo4(() => {
     if (filter === "plugins") return tools.filter((tool) => tool.claudePlugin);
@@ -2326,39 +2592,39 @@ function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
     }),
     [tools]
   );
-  return /* @__PURE__ */ jsxs15("div", { className: "pt-panel-page pt-panel-section pt-marketplace", children: [
-    /* @__PURE__ */ jsxs15("section", { children: [
-      /* @__PURE__ */ jsx17("p", { className: "pt-eyebrow", children: report?.marketplace.name ?? ui.marketplaceEyebrow }),
-      /* @__PURE__ */ jsx17("h2", { className: "pt-h2", children: ui.marketplaceTitle }),
-      /* @__PURE__ */ jsx17("p", { className: "pt-sub", children: ui.marketplaceIntro }),
-      /* @__PURE__ */ jsxs15("div", { className: "pt-panel-row pt-marketplace__status", children: [
-        onRefresh && /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: onRefresh, disabled: loading, children: loading ? ui.refreshing : ui.refresh }),
-        report && onRefresh && /* @__PURE__ */ jsx17("span", { className: "pt-marketplace__age", children: ui.readAt(ageInWords(report.ageSeconds, lang)) })
+  return /* @__PURE__ */ jsxs16("div", { className: "pt-panel-page pt-panel-section pt-marketplace", children: [
+    /* @__PURE__ */ jsxs16("section", { children: [
+      /* @__PURE__ */ jsx18("p", { className: "pt-eyebrow", children: report?.marketplace.name ?? ui.marketplaceEyebrow }),
+      /* @__PURE__ */ jsx18("h2", { className: "pt-h2", children: ui.marketplaceTitle }),
+      /* @__PURE__ */ jsx18("p", { className: "pt-sub", children: ui.marketplaceIntro }),
+      /* @__PURE__ */ jsxs16("div", { className: "pt-panel-row pt-marketplace__status", children: [
+        onRefresh && /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: onRefresh, disabled: loading, children: loading ? ui.refreshing : ui.refresh }),
+        report && onRefresh && /* @__PURE__ */ jsx18("span", { className: "pt-marketplace__age", children: ui.readAt(ageInWords(report.ageSeconds, lang)) })
       ] }),
-      report?.stale && !report.unavailable && /* @__PURE__ */ jsx17("p", { className: "pt-warn", children: ui.catalogueStale(ageInWords(report.ageSeconds, lang)) }),
-      report?.unavailable && /* @__PURE__ */ jsx17("p", { className: "pt-warn", children: ui.catalogueUnavailable }),
-      failure && /* @__PURE__ */ jsx17("p", { className: "pt-warn", children: ui.catalogueFailed })
+      report?.stale && !report.unavailable && /* @__PURE__ */ jsx18("p", { className: "pt-warn", children: ui.catalogueStale(ageInWords(report.ageSeconds, lang)) }),
+      report?.unavailable && /* @__PURE__ */ jsx18("p", { className: "pt-warn", children: ui.catalogueUnavailable }),
+      failure && /* @__PURE__ */ jsx18("p", { className: "pt-warn", children: ui.catalogueFailed })
     ] }),
-    report && /* @__PURE__ */ jsxs15("section", { children: [
-      /* @__PURE__ */ jsxs15("p", { className: "pt-marketplace__project", children: [
+    report && /* @__PURE__ */ jsxs16("section", { children: [
+      /* @__PURE__ */ jsxs16("p", { className: "pt-marketplace__project", children: [
         ui.stateFrom(report.project.repo, SETTINGS_PATH),
-        report.project.settingsStatus === "absent" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        report.project.settingsStatus === "absent" && /* @__PURE__ */ jsxs16(Fragment4, { children: [
           " \xB7 ",
           ui.settingsAbsent
         ] }),
-        report.project.settingsStatus === "unreadable" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        report.project.settingsStatus === "unreadable" && /* @__PURE__ */ jsxs16(Fragment4, { children: [
           " \xB7 ",
           ui.settingsUnreadable
         ] }),
-        report.project.settingsStatus === "unparseable" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        report.project.settingsStatus === "unparseable" && /* @__PURE__ */ jsxs16(Fragment4, { children: [
           " \xB7 ",
           ui.settingsUnparseable
         ] })
       ] }),
-      report.project.detail && /* @__PURE__ */ jsx17("p", { className: "pt-marketplace__detail", children: report.project.detail }),
-      /* @__PURE__ */ jsxs15("div", { className: "pt-panel-row pt-marketplace__filters", children: [
-        /* @__PURE__ */ jsx17(FilterChip, { label: ui.all, count: counts.all, active: filter === "all", onClick: () => setFilter("all") }),
-        /* @__PURE__ */ jsx17(
+      report.project.detail && /* @__PURE__ */ jsx18("p", { className: "pt-marketplace__detail", children: report.project.detail }),
+      /* @__PURE__ */ jsxs16("div", { className: "pt-panel-row pt-marketplace__filters", children: [
+        /* @__PURE__ */ jsx18(FilterChip, { label: ui.all, count: counts.all, active: filter === "all", onClick: () => setFilter("all") }),
+        /* @__PURE__ */ jsx18(
           FilterChip,
           {
             label: ui.filterPlugins,
@@ -2367,7 +2633,7 @@ function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
             onClick: () => setFilter("plugins")
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           FilterChip,
           {
             label: ui.filterActive,
@@ -2376,7 +2642,7 @@ function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
             onClick: () => setFilter("active")
           }
         ),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(
           FilterChip,
           {
             label: ui.filterStandalone,
@@ -2386,12 +2652,12 @@ function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
           }
         )
       ] }),
-      loading && tools.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "pt-analysis__empty", children: ui.catalogueLoading }) : shown.length === 0 ? /* @__PURE__ */ jsx17("p", { className: "pt-analysis__empty", children: ui.catalogueEmpty }) : /* @__PURE__ */ jsx17("div", { className: "pt-tool-grid", children: shown.map((tool) => /* @__PURE__ */ jsx17(ToolRow, { tool, lang, ui, onInstall: setOpen }, tool.id)) })
+      loading && tools.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "pt-analysis__empty", children: ui.catalogueLoading }) : shown.length === 0 ? /* @__PURE__ */ jsx18("p", { className: "pt-analysis__empty", children: ui.catalogueEmpty }) : /* @__PURE__ */ jsx18("div", { className: "pt-tool-grid", children: shown.map((tool) => /* @__PURE__ */ jsx18(ToolRow, { tool, lang, ui, onInstall: setOpen }, tool.id)) })
     ] }),
-    open && /* @__PURE__ */ jsxs15(DetailSheet, { open: true, onClose: () => setOpen(null), ariaLabel: `${ui.installTitle} \u2014 ${open.name}`, children: [
-      /* @__PURE__ */ jsx17("p", { className: "pt-eyebrow", children: ui.installTitle }),
-      /* @__PURE__ */ jsx17("h2", { className: "pt-h2", children: open.name }),
-      /* @__PURE__ */ jsx17(
+    open && /* @__PURE__ */ jsxs16(DetailSheet, { open: true, onClose: () => setOpen(null), ariaLabel: `${ui.installTitle} \u2014 ${open.name}`, children: [
+      /* @__PURE__ */ jsx18("p", { className: "pt-eyebrow", children: ui.installTitle }),
+      /* @__PURE__ */ jsx18("h2", { className: "pt-h2", children: open.name }),
+      /* @__PURE__ */ jsx18(
         InstallSheet,
         {
           tool: open,
@@ -2400,7 +2666,7 @@ function MarketplaceView({ report, loading, failure, lang, ui, onRefresh }) {
           registered: report?.project.marketplaceRegistered ?? false
         }
       ),
-      /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => setOpen(null), children: ui.close })
+      /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => setOpen(null), children: ui.close })
     ] })
   ] });
 }
@@ -2411,9 +2677,9 @@ function InstallSheet({
   registered
 }) {
   const copy = { copy: ui.copy, copied: ui.copied, selected: ui.copySelected };
-  return /* @__PURE__ */ jsxs15(Fragment4, { children: [
-    tool.claudePlugin ? /* @__PURE__ */ jsxs15(Fragment4, { children: [
-      /* @__PURE__ */ jsx17(DetailSection, { title: ui.installRepoTitle, subtitle: ui.installRepoHint, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
+    tool.claudePlugin ? /* @__PURE__ */ jsxs16(Fragment4, { children: [
+      /* @__PURE__ */ jsx18(DetailSection, { title: ui.installRepoTitle, subtitle: ui.installRepoHint, children: /* @__PURE__ */ jsx18(
         CopyBlock,
         {
           text: repositorySnippet(tool.id, marketplace),
@@ -2422,24 +2688,24 @@ function InstallSheet({
           labels: copy
         }
       ) }),
-      /* @__PURE__ */ jsx17(DetailSection, { title: ui.installCliTitle, subtitle: ui.installCliHint, children: /* @__PURE__ */ jsx17(CopyBlock, { text: commandSnippet(tool.id, marketplace), labels: copy }) })
-    ] }) : /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: ui.installNoPlugin }),
-    tool.standaloneCommand ? /* @__PURE__ */ jsx17(DetailSection, { title: ui.installStandaloneTitle, subtitle: ui.installStandaloneHint, children: /* @__PURE__ */ jsx17(CopyBlock, { text: tool.standaloneCommand, labels: copy }) }) : /* @__PURE__ */ jsx17(DetailSection, { title: ui.installStandaloneTitle, children: /* @__PURE__ */ jsx17("p", { className: "pt-panel-text", children: ui.installNoStandalone }) }),
-    /* @__PURE__ */ jsx17("p", { className: "pt-marketplace__source", children: ui.marketplaceSource(marketplace.url) })
+      /* @__PURE__ */ jsx18(DetailSection, { title: ui.installCliTitle, subtitle: ui.installCliHint, children: /* @__PURE__ */ jsx18(CopyBlock, { text: commandSnippet(tool.id, marketplace), labels: copy }) })
+    ] }) : /* @__PURE__ */ jsx18("p", { className: "pt-panel-text", children: ui.installNoPlugin }),
+    tool.standaloneCommand ? /* @__PURE__ */ jsx18(DetailSection, { title: ui.installStandaloneTitle, subtitle: ui.installStandaloneHint, children: /* @__PURE__ */ jsx18(CopyBlock, { text: tool.standaloneCommand, labels: copy }) }) : /* @__PURE__ */ jsx18(DetailSection, { title: ui.installStandaloneTitle, children: /* @__PURE__ */ jsx18("p", { className: "pt-panel-text", children: ui.installNoStandalone }) }),
+    /* @__PURE__ */ jsx18("p", { className: "pt-marketplace__source", children: ui.marketplaceSource(marketplace.url) })
   ] });
 }
 
 // src/panel/CardSheet.tsx
-import { useState as useState8 } from "react";
-import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var LEVEL_LABEL = (ui) => ({
   high: ui.levelHigh,
   medium: ui.levelMedium,
   low: ui.levelLow
 });
 function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
-  const [step, setStep] = useState8("");
-  const [note, setNote] = useState8("");
+  const [step, setStep] = useState9("");
+  const [note, setNote] = useState9("");
   if (!card) return null;
   const patch = (changes) => onChange({ ...card, ...changes, updatedAt: today() });
   const levelLabel = LEVEL_LABEL(ui);
@@ -2458,9 +2724,9 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
     });
     setNote("");
   }
-  return /* @__PURE__ */ jsxs16(DetailSheet, { open: true, onClose, ariaLabel: ui.cardDetail, children: [
-    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.title, children: [
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs17(DetailSheet, { open: true, onClose, ariaLabel: ui.cardDetail, children: [
+    /* @__PURE__ */ jsxs17(DetailSection, { title: ui.title, children: [
+      /* @__PURE__ */ jsx19(
         "input",
         {
           className: "pt-input",
@@ -2469,9 +2735,9 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
           onChange: (event) => patch({ title: writeText(lang, event.target.value) })
         }
       ),
-      untranslated(card.title) && /* @__PURE__ */ jsx18("span", { className: "pt-flag", children: ui.untranslatedBadge })
+      untranslated(card.title) && /* @__PURE__ */ jsx19("span", { className: "pt-flag", children: ui.untranslatedBadge })
     ] }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.detail, children: /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.detail, children: /* @__PURE__ */ jsx19(
       "textarea",
       {
         className: "pt-textarea",
@@ -2481,7 +2747,7 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
         onChange: (event) => patch({ body: writeText(lang, event.target.value) })
       }
     ) }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.areaLabel, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: state.areas.map((area) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.areaLabel, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: state.areas.map((area) => /* @__PURE__ */ jsx19(
       FilterChip,
       {
         label: text(area.label, lang),
@@ -2490,7 +2756,7 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
       },
       area.id
     )) }) }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.priority, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.priority, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx19(
       FilterChip,
       {
         label: levelLabel[level],
@@ -2499,7 +2765,7 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
       },
       level
     )) }) }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.risk, subtitle: ui.riskHint, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.risk, subtitle: ui.riskHint, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx19(
       FilterChip,
       {
         label: levelLabel[level],
@@ -2508,7 +2774,7 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
       },
       level
     )) }) }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.dependsOn, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: OWNERS.map((owner) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.dependsOn, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: OWNERS.map((owner) => /* @__PURE__ */ jsx19(
       FilterChip,
       {
         label: ownerLabel[owner],
@@ -2517,14 +2783,14 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
       },
       owner
     )) }) }),
-    /* @__PURE__ */ jsx18(DetailSection, { title: ui.orderTitle, children: /* @__PURE__ */ jsxs16("div", { className: "pt-panel-row", children: [
-      /* @__PURE__ */ jsx18(FilterChip, { label: `\u26A1 ${ui.orderOn}`, active: card.order, onClick: () => patch({ order: true }) }),
-      /* @__PURE__ */ jsx18(FilterChip, { label: ui.orderOff, active: !card.order, onClick: () => patch({ order: false }) })
+    /* @__PURE__ */ jsx19(DetailSection, { title: ui.orderTitle, children: /* @__PURE__ */ jsxs17("div", { className: "pt-panel-row", children: [
+      /* @__PURE__ */ jsx19(FilterChip, { label: `\u26A1 ${ui.orderOn}`, active: card.order, onClick: () => patch({ order: true }) }),
+      /* @__PURE__ */ jsx19(FilterChip, { label: ui.orderOff, active: !card.order, onClick: () => patch({ order: false }) })
     ] }) }),
-    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.intentTitle, subtitle: ui.intentHint, children: [
-      /* @__PURE__ */ jsxs16("div", { className: "pt-panel-row", children: [
-        /* @__PURE__ */ jsx18(FilterChip, { label: ui.intentNone, active: card.intent === null, onClick: () => patch({ intent: null }) }),
-        INTENTS.map((intent) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs17(DetailSection, { title: ui.intentTitle, subtitle: ui.intentHint, children: [
+      /* @__PURE__ */ jsxs17("div", { className: "pt-panel-row", children: [
+        /* @__PURE__ */ jsx19(FilterChip, { label: ui.intentNone, active: card.intent === null, onClick: () => patch({ intent: null }) }),
+        INTENTS.map((intent) => /* @__PURE__ */ jsx19(
           FilterChip,
           {
             label: INTENT_COPY[intent].label[lang],
@@ -2534,12 +2800,12 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
           intent
         ))
       ] }),
-      card.intent && /* @__PURE__ */ jsx18("p", { className: "pt-panel-text pt-meaning", children: INTENT_COPY[card.intent].meaning[lang] })
+      card.intent && /* @__PURE__ */ jsx19("p", { className: "pt-panel-text pt-meaning", children: INTENT_COPY[card.intent].meaning[lang] })
     ] }),
-    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.checklist, children: [
-      card.checks.length > 0 && /* @__PURE__ */ jsx18("ul", { className: "pt-checks", children: card.checks.map((check) => /* @__PURE__ */ jsxs16("li", { children: [
-        /* @__PURE__ */ jsxs16("label", { children: [
-          /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs17(DetailSection, { title: ui.checklist, children: [
+      card.checks.length > 0 && /* @__PURE__ */ jsx19("ul", { className: "pt-checks", children: card.checks.map((check) => /* @__PURE__ */ jsxs17("li", { children: [
+        /* @__PURE__ */ jsxs17("label", { children: [
+          /* @__PURE__ */ jsx19(
             "input",
             {
               type: "checkbox",
@@ -2551,9 +2817,9 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
               })
             }
           ),
-          /* @__PURE__ */ jsx18("span", { className: check.done ? "is-done" : void 0, children: text(check.text, lang) })
+          /* @__PURE__ */ jsx19("span", { className: check.done ? "is-done" : void 0, children: text(check.text, lang) })
         ] }),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
@@ -2564,8 +2830,8 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
           }
         )
       ] }, check.id)) }),
-      /* @__PURE__ */ jsxs16("div", { className: "pt-compose", children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsxs17("div", { className: "pt-compose", children: [
+        /* @__PURE__ */ jsx19(
           "input",
           {
             className: "pt-input",
@@ -2580,19 +2846,19 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
             }
           }
         ),
-        /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm pt-btn--primary", onClick: addStep, children: ui.addStep })
+        /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-btn pt-btn--sm pt-btn--primary", onClick: addStep, children: ui.addStep })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.notes, children: [
-      card.notes.map((entry) => /* @__PURE__ */ jsxs16("div", { className: "pt-note", children: [
-        /* @__PURE__ */ jsxs16("p", { className: "pt-note__meta", children: [
+    /* @__PURE__ */ jsxs17(DetailSection, { title: ui.notes, children: [
+      card.notes.map((entry) => /* @__PURE__ */ jsxs17("div", { className: "pt-note", children: [
+        /* @__PURE__ */ jsxs17("p", { className: "pt-note__meta", children: [
           entry.by === "claude" ? "Claude" : ui.ownerYou,
           " \xB7 ",
           entry.date
         ] }),
-        /* @__PURE__ */ jsx18("p", { className: "pt-panel-text", children: text(entry.text, lang) })
+        /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: text(entry.text, lang) })
       ] }, entry.id)),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "textarea",
         {
           className: "pt-textarea",
@@ -2602,10 +2868,10 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
           onChange: (event) => setNote(event.target.value)
         }
       ),
-      /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm pt-btn--primary", onClick: addNote, children: ui.leaveNote })
+      /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-btn pt-btn--sm pt-btn--primary", onClick: addNote, children: ui.leaveNote })
     ] }),
-    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.columnTitle, children: [
-      /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: state.columns.map((column) => /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsxs17(DetailSection, { title: ui.columnTitle, children: [
+      /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: state.columns.map((column) => /* @__PURE__ */ jsx19(
         FilterChip,
         {
           label: text(column.title, lang),
@@ -2616,16 +2882,16 @@ function CardSheet({ card, state, lang, ui, onChange, onDelete, onClose }) {
         },
         column.id
       )) }),
-      (card.startedAt || card.completedAt) && /* @__PURE__ */ jsxs16("p", { className: "pt-panel-text pt-stamps", children: [
+      (card.startedAt || card.completedAt) && /* @__PURE__ */ jsxs17("p", { className: "pt-panel-text pt-stamps", children: [
         card.startedAt && `${ui.started}: ${card.startedAt}`,
         card.startedAt && card.completedAt && " \xB7 ",
         card.completedAt && `${ui.completed}: ${card.completedAt}`
       ] }),
-      claimedWithoutStarting(card) && /* @__PURE__ */ jsx18("p", { className: "pt-warn", children: ui.neverStarted })
+      claimedWithoutStarting(card) && /* @__PURE__ */ jsx19("p", { className: "pt-warn", children: ui.neverStarted })
     ] }),
-    /* @__PURE__ */ jsxs16("div", { className: "pt-sheet-actions", children: [
-      /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: onClose, children: ui.close }),
-      /* @__PURE__ */ jsx18("button", { type: "button", className: "pt-btn pt-btn--sm pt-danger", onClick: () => onDelete(card.id), children: ui.deleteCard })
+    /* @__PURE__ */ jsxs17("div", { className: "pt-sheet-actions", children: [
+      /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: onClose, children: ui.close }),
+      /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-btn pt-btn--sm pt-danger", onClick: () => onDelete(card.id), children: ui.deleteCard })
     ] })
   ] });
 }
@@ -2649,10 +2915,45 @@ function applyMove(cards, move, visible) {
   const at = rest.findIndex((card) => card.id === anchor.id);
   return [...rest.slice(0, at), moved, ...rest.slice(at)];
 }
+function resolveTheme(saved, stored, themes, hasImported, fallback) {
+  for (const name of [saved, stored]) {
+    if (name === "imported" && hasImported) return "imported";
+    if (name && name in themes) return name;
+  }
+  return fallback ?? Object.keys(themes)[0];
+}
 
 // src/panel/PanelApp.tsx
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 var IMPORTED = "imported";
+var WIZARD_KEY = "paneltir:setup-done";
+var THEME_KEY = "paneltir:theme";
+function readStoredTheme() {
+  try {
+    return window.localStorage.getItem(THEME_KEY);
+  } catch {
+    return null;
+  }
+}
+function storeTheme(name) {
+  try {
+    window.localStorage.setItem(THEME_KEY, name);
+  } catch {
+  }
+}
+function wizardClosed() {
+  try {
+    return window.localStorage.getItem(WIZARD_KEY) === "closed";
+  } catch {
+    return false;
+  }
+}
+function closeWizard() {
+  try {
+    window.localStorage.setItem(WIZARD_KEY, "closed");
+  } catch {
+  }
+}
 function parseJson(body) {
   try {
     const parsed = JSON.parse(body);
@@ -2674,7 +2975,8 @@ var PRIORITY_TONE = {
 };
 function PanelApp({
   state: initialState,
-  themes = PRESET_PANEL_THEMES,
+  themes: exactThemes,
+  extraThemes,
   defaultTheme,
   brand,
   decoration,
@@ -2685,39 +2987,47 @@ function PanelApp({
   extras,
   showLanguage,
   showHistory,
+  checkForUpdates,
   saveEndpoint,
   marketplaceEndpoint,
   marketplaceReport,
   fingerprint
 }) {
-  const [themeName, setThemeName] = useState9(() => {
-    const saved = initialState.preferences?.theme;
-    if (saved === IMPORTED && initialState.importedTheme) return IMPORTED;
-    return saved && saved in themes ? saved : defaultTheme ?? Object.keys(themes)[0];
-  });
-  const [lang, setLang] = useState9(
+  const themes = useMemo5(() => offeredThemes(exactThemes, extraThemes), [exactThemes, extraThemes]);
+  const [themeName, setThemeName] = useState10(
+    () => resolveTheme(
+      initialState.preferences?.theme,
+      readStoredTheme(),
+      themes,
+      Boolean(initialState.importedTheme),
+      defaultTheme
+    )
+  );
+  const [lang, setLang] = useState10(
     () => initialState.preferences?.lang ?? (showLanguage ? readStoredLang() : "en")
   );
-  const [state, setState] = useState9(initialState);
-  const [filter, setFilter] = useState9("all");
-  const [openCardId, setOpenCardId] = useState9(null);
-  const [settingsOpen, setSettingsOpen] = useState9(false);
-  const [helpOpen, setHelpOpen] = useState9(false);
-  const [setup, setSetup] = useState9(null);
-  const [signOut, setSignOut] = useState9("idle");
-  const [view, setView] = useState9("board");
-  const [market, setMarket] = useState9(marketplaceReport ?? null);
-  const [marketLoading, setMarketLoading] = useState9(false);
-  const [marketFailure, setMarketFailure] = useState9(null);
-  const [marketAsked, setMarketAsked] = useState9(false);
-  const [noticeVisible, setNoticeVisible] = useState9(Boolean(initialState.notice));
-  const [savedSnapshot, setSavedSnapshot] = useState9(() => JSON.stringify(initialState));
-  const [save, setSave] = useState9({ status: "idle" });
+  const [state, setState] = useState10(initialState);
+  const [filter, setFilter] = useState10("all");
+  const [openCardId, setOpenCardId] = useState10(null);
+  const [settingsOpen, setSettingsOpen] = useState10(false);
+  const [update, setUpdate] = useState10(null);
+  const [releaseOpen, setReleaseOpen] = useState10(false);
+  const [helpOpen, setHelpOpen] = useState10(false);
+  const [wizardOpen, setWizardOpen] = useState10(false);
+  const [setup, setSetup] = useState10(null);
+  const [signOut, setSignOut] = useState10("idle");
+  const [view, setView] = useState10("board");
+  const [market, setMarket] = useState10(marketplaceReport ?? null);
+  const [marketLoading, setMarketLoading] = useState10(false);
+  const [marketFailure, setMarketFailure] = useState10(null);
+  const [marketAsked, setMarketAsked] = useState10(false);
+  const [noticeVisible, setNoticeVisible] = useState10(Boolean(initialState.notice));
+  const [savedSnapshot, setSavedSnapshot] = useState10(() => JSON.stringify(initialState));
+  const [save, setSave] = useState10({ status: "idle" });
   const imported = themeName === IMPORTED ? state.importedTheme : void 0;
-  const preset = themeName === IMPORTED ? "nightCity" : themeName;
-  const chosen = themes[preset] ?? Object.values(themes)[0];
+  const chosen = themes[themeName] ?? Object.values(themes)[0];
   const theme = imported?.tokens ?? chosen.tokens;
-  const form = imported?.form ?? chosen.form;
+  const form = imported?.form ?? (imported ? THEME_FORMS.panel : chosen.form);
   const ui = UI[lang];
   const t = useCallback5((value) => text(value, lang), [lang]);
   const dirty = JSON.stringify(state) !== savedSnapshot;
@@ -2741,11 +3051,11 @@ function PanelApp({
         status: state_("GH_TOKEN"),
         variable: "GH_TOKEN",
         enables: ui.needTokenEnables,
-        fix: /* @__PURE__ */ jsxs17("ol", { children: [
-          /* @__PURE__ */ jsx19("li", { children: ui.fixTokenCreate }),
-          /* @__PURE__ */ jsx19("li", { children: ui.fixTokenScope }),
-          /* @__PURE__ */ jsx19("li", { children: ui.fixTokenPaste }),
-          /* @__PURE__ */ jsx19("li", { children: ui.fixTokenRedeploy })
+        fix: /* @__PURE__ */ jsxs18("ol", { children: [
+          /* @__PURE__ */ jsx20("li", { children: ui.fixTokenCreate }),
+          /* @__PURE__ */ jsx20("li", { children: ui.fixTokenScope }),
+          /* @__PURE__ */ jsx20("li", { children: ui.fixTokenPaste }),
+          /* @__PURE__ */ jsx20("li", { children: ui.fixTokenRedeploy })
         ] })
       },
       {
@@ -2754,7 +3064,7 @@ function PanelApp({
         status: state_("PANEL_REPO"),
         variable: "PANEL_REPO",
         enables: ui.needRepoEnables,
-        fix: /* @__PURE__ */ jsx19("p", { children: ui.fixRepo })
+        fix: /* @__PURE__ */ jsx20("p", { children: ui.fixRepo })
       }
     ];
   }, [setup, ui]);
@@ -2810,6 +3120,15 @@ function PanelApp({
         onOpen: () => setOpenCardId(card.id)
       });
     }
+    if (update?.behind && !state.cards.some((card) => card.id === updateCardId(update.latest))) {
+      items.push({
+        id: `paneltir-update:${update.latest}`,
+        tone: "info",
+        title: ui.notifUpdate,
+        detail: ui.updateAvailable(update.latest),
+        onOpen: () => setSettingsOpen(true)
+      });
+    }
     if (state.importedTheme?.refreshRequested) {
       items.push({
         id: `theme-refresh:${state.importedTheme.refreshRequested}`,
@@ -2889,6 +3208,46 @@ function PanelApp({
     },
     [state.areas]
   );
+  const addUpdateCard = useCallback5(() => {
+    if (!update?.behind) return;
+    const id = updateCardId(update.latest);
+    if (state.cards.some((card2) => card2.id === id)) return;
+    const card = {
+      ...emptyCard("next", state.areas[0]?.id ?? "general"),
+      id,
+      title: { en: UI.en.updateCardTitle(update.latest), es: UI.es.updateCardTitle(update.latest) },
+      body: { en: UI.en.updateCardBody(update.latest), es: UI.es.updateCardBody(update.latest) },
+      priority: "medium",
+      risk: "low",
+      owner: "claude",
+      order: state.preferences?.updateAsOrder === true
+    };
+    setState((current) => ({ ...current, updatedAt: today(), cards: [...current.cards, card] }));
+    setOpenCardId(id);
+  }, [update, state.cards, state.areas, state.preferences?.updateAsOrder]);
+  const requestReport = useCallback5(
+    (section) => {
+      const id = `report-${section}-${today()}`;
+      if (state.cards.some((card2) => card2.id === id)) {
+        setOpenCardId(id);
+        return;
+      }
+      const card = {
+        ...emptyCard("next", state.areas[0]?.id ?? "general"),
+        id,
+        title: { en: UI.en.analysisRedoTitle[section], es: UI.es.analysisRedoTitle[section] },
+        body: { en: UI.en.analysisRedoBody[section], es: UI.es.analysisRedoBody[section] },
+        priority: "medium",
+        risk: "low",
+        owner: "claude",
+        order: true,
+        intent: "do"
+      };
+      setState((current) => ({ ...current, updatedAt: today(), cards: [...current.cards, card] }));
+      setOpenCardId(id);
+    },
+    [state.cards, state.areas]
+  );
   const moveCard = useCallback5(
     (move) => {
       setState((current) => {
@@ -2924,6 +3283,7 @@ function PanelApp({
   const chooseTheme = useCallback5(
     (name) => {
       setThemeName(name);
+      storeTheme(name);
       setPreference("theme", name);
     },
     [setPreference]
@@ -3009,17 +3369,48 @@ function PanelApp({
     loadMarketplace(false);
   }, [view, marketAsked, marketplaceEndpoint, loadMarketplace]);
   useEffect9(() => {
-    if (!helpOpen || !saveEndpoint || setup) return;
+    if (!checkForUpdates || !fingerprint?.version) return;
     let cancelled = false;
-    fetch(saveEndpoint, { headers: { accept: "application/json" } }).then((response) => response.ok ? response.json() : Promise.reject(new Error(String(response.status)))).then((body) => {
-      if (!cancelled) setSetup(body);
-    }).catch(() => {
-      if (!cancelled) setSetup({ ready: false, missing: [], repo: null, branch: "", file: "", unknown: true });
+    void checkForUpdate(fingerprint.version).then((status2) => {
+      if (cancelled) return;
+      setUpdate(status2);
+      if (!status2?.behind) return;
+      try {
+        const key = "pt_release_seen";
+        if (window.localStorage.getItem(key) !== status2.latest) {
+          window.localStorage.setItem(key, status2.latest);
+          setReleaseOpen(true);
+        }
+      } catch {
+        setReleaseOpen(true);
+      }
     });
     return () => {
       cancelled = true;
     };
-  }, [helpOpen, saveEndpoint, setup]);
+  }, [checkForUpdates, fingerprint?.version]);
+  const readSetup = useCallback5(async () => {
+    if (!saveEndpoint) return;
+    try {
+      const response = await fetch(saveEndpoint, { headers: { accept: "application/json" } });
+      if (!response.ok) throw new Error(String(response.status));
+      setSetup(await response.json());
+    } catch {
+      setSetup({ ready: false, missing: [], repo: null, branch: "", file: "", unknown: true });
+    }
+  }, [saveEndpoint]);
+  useEffect9(() => {
+    if (!helpOpen || !saveEndpoint || setup) return;
+    void readSetup();
+  }, [helpOpen, saveEndpoint, setup, readSetup]);
+  useEffect9(() => {
+    if (!saveEndpoint || setup || !isFirstRun(initialState)) return;
+    void readSetup();
+  }, [saveEndpoint, setup, initialState, readSetup]);
+  useEffect9(() => {
+    if (!setup || setup.ready || !isFirstRun(initialState) || wizardClosed()) return;
+    setWizardOpen(true);
+  }, [setup, initialState]);
   const endSession = useCallback5(async () => {
     setSignOut("working");
     try {
@@ -3047,7 +3438,8 @@ function PanelApp({
         const conflict = response.status === 409;
         throw Object.assign(new Error(saveError(response.status, data, body)), { conflict });
       }
-      setSavedSnapshot(JSON.stringify(state));
+      setSavedSnapshot(JSON.stringify(next));
+      setState(next);
       setSave({
         status: "saved",
         at: (/* @__PURE__ */ new Date()).toLocaleTimeString(lang === "es" ? "es-ES" : "en-GB", {
@@ -3082,21 +3474,21 @@ function PanelApp({
     state.updatedAt,
     save.status === "saved" ? ui.savedAt(save.at) : dirty ? ui.unsaved : ""
   ].filter(Boolean).join(" \xB7 ");
-  return /* @__PURE__ */ jsxs17(DashboardThemeProvider, { tokens: theme, form, className, children: [
-    decoration,
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs18(DashboardThemeProvider, { tokens: theme, form, className, children: [
+    typeof decoration === "function" ? decoration(themeName) : decoration,
+    /* @__PURE__ */ jsx20(
       DashboardHeader,
       {
         wordmark: (
           /* A board belongs to a project, so its name is what goes here. A
              caller with a mark of its own passes `brand`; drawing one here
              would be the kit deciding what somebody else's panel is called. */
-          brand ?? /* @__PURE__ */ jsx19("span", { className: "pt-panel-brand", children: state.project })
+          brand ?? /* @__PURE__ */ jsx20("span", { className: "pt-panel-brand", children: state.project })
         ),
         status,
-        controls: /* @__PURE__ */ jsxs17(Fragment5, { children: [
-          (initialState.analysis || hasMarketplace || showHistory) && /* @__PURE__ */ jsxs17("span", { className: "pt-views", children: [
-            /* @__PURE__ */ jsx19(
+        controls: /* @__PURE__ */ jsxs18(Fragment5, { children: [
+          (initialState.analysis || hasMarketplace || showHistory) && /* @__PURE__ */ jsxs18("span", { className: "pt-views", children: [
+            /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -3106,7 +3498,7 @@ function PanelApp({
                 children: ui.board
               }
             ),
-            initialState.analysis && /* @__PURE__ */ jsx19(
+            initialState.analysis && /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -3116,7 +3508,7 @@ function PanelApp({
                 children: ui.analysis
               }
             ),
-            hasMarketplace && /* @__PURE__ */ jsx19(
+            hasMarketplace && /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -3126,7 +3518,7 @@ function PanelApp({
                 children: ui.marketplace
               }
             ),
-            showHistory && /* @__PURE__ */ jsx19(
+            showHistory && /* @__PURE__ */ jsx20(
               "button",
               {
                 type: "button",
@@ -3137,7 +3529,7 @@ function PanelApp({
               }
             )
           ] }),
-          showLanguage && LANGS.map((code) => /* @__PURE__ */ jsx19(
+          showLanguage && LANGS.map((code) => /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
@@ -3148,7 +3540,7 @@ function PanelApp({
             },
             code
           )),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             NotificationBell,
             {
               notifications,
@@ -3162,8 +3554,8 @@ function PanelApp({
               }
             }
           ),
-          saveEndpoint && /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-lang", onClick: () => setHelpOpen(true), children: ui.help }),
-          saveEndpoint && (dirty || save.status === "saving") && /* @__PURE__ */ jsx19(
+          saveEndpoint && /* @__PURE__ */ jsx20("button", { type: "button", className: "pt-lang", onClick: () => setHelpOpen(true), children: ui.help }),
+          saveEndpoint && (dirty || save.status === "saving") && /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
@@ -3178,7 +3570,7 @@ function PanelApp({
         onLinkClick: () => setSettingsOpen(true)
       }
     ),
-    state.notice && /* @__PURE__ */ jsx19(
+    state.notice && /* @__PURE__ */ jsx20(
       AlertBanner,
       {
         visible: noticeVisible,
@@ -3187,8 +3579,17 @@ function PanelApp({
         onAction: () => setNoticeVisible(false)
       }
     ),
-    save.status === "error" && /* @__PURE__ */ jsx19(AlertBanner, { visible: true, message: `${ui.saveFailed}: ${save.message}` }),
-    view === "board" && !saveEndpoint && /* @__PURE__ */ jsx19(
+    save.status === "error" && /* @__PURE__ */ jsx20(AlertBanner, { visible: true, message: `${ui.saveFailed}: ${save.message}` }),
+    saveEndpoint && setup && !setup.ready && !setup.unknown && !wizardOpen && /* @__PURE__ */ jsx20(
+      AlertBanner,
+      {
+        visible: true,
+        message: ui.wizardBanner,
+        actionLabel: ui.wizardOpen,
+        onAction: () => setWizardOpen(true)
+      }
+    ),
+    view === "board" && !saveEndpoint && /* @__PURE__ */ jsx20(
       GuideTour,
       {
         dismissed: state.preferences?.guideDismissed,
@@ -3197,32 +3598,32 @@ function PanelApp({
           {
             id: "demo-welcome",
             title: ui.demoTourWelcomeTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourWelcomeBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.demoTourWelcomeBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "demo-board",
             title: ui.demoTourBoardTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourBoardBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.demoTourBoardBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "demo-theme",
             title: ui.demoTourThemeTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourThemeBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.demoTourThemeBody }),
             dismissLabel: ui.gotIt,
             action: { label: ui.settings, onClick: () => setSettingsOpen(true) }
           },
           {
             id: "demo-keep",
             title: ui.demoTourKeepTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourKeepBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.demoTourKeepBody }),
             dismissLabel: ui.gotIt
           }
         ]
       }
     ),
-    view === "board" && saveEndpoint && /* @__PURE__ */ jsx19(
+    view === "board" && saveEndpoint && /* @__PURE__ */ jsx20(
       GuideTour,
       {
         dismissed: state.preferences?.guideDismissed,
@@ -3231,38 +3632,38 @@ function PanelApp({
           {
             id: "welcome",
             title: ui.tourWelcomeTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.tourWelcomeBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.tourWelcomeBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "board",
             title: ui.tourBoardTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.tourBoardBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.tourBoardBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "orders",
             title: ui.tourOrdersTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.tourOrdersBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.tourOrdersBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "save",
             title: ui.tourSaveTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.tourSaveBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.tourSaveBody }),
             dismissLabel: ui.gotIt
           },
           {
             id: "theme",
             title: ui.tourThemeTitle,
-            children: /* @__PURE__ */ jsx19("p", { children: ui.tourThemeBody }),
+            children: /* @__PURE__ */ jsx20("p", { children: ui.tourThemeBody }),
             dismissLabel: ui.gotIt,
             action: { label: ui.settings, onClick: () => setSettingsOpen(true) }
           }
         ]
       }
     ),
-    view === "marketplace" && hasMarketplace && /* @__PURE__ */ jsx19(
+    view === "marketplace" && hasMarketplace && /* @__PURE__ */ jsx20(
       MarketplaceView,
       {
         report: market,
@@ -3273,9 +3674,10 @@ function PanelApp({
         onRefresh: marketplaceEndpoint ? () => loadMarketplace(true) : void 0
       }
     ),
-    view === "analysis" && state.analysis && /* @__PURE__ */ jsx19(
+    view === "analysis" && state.analysis && /* @__PURE__ */ jsx20(
       AnalysisView,
       {
+        onRequestReport: saveEndpoint ? requestReport : void 0,
         analysis: state.analysis,
         cards: state.cards,
         columns: state.columns,
@@ -3288,20 +3690,20 @@ function PanelApp({
         onOpenCard: setOpenCardId
       }
     ),
-    view === "board" && /* @__PURE__ */ jsxs17(Fragment5, { children: [
-      /* @__PURE__ */ jsxs17("div", { className: "pt-panel-page", children: [
-        /* @__PURE__ */ jsxs17(StatTileGrid, { children: [
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statOpen, value: counts.open, isZero: counts.open === 0 }),
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statOrders, value: counts.orders, tone: "warning", isZero: counts.orders === 0 }),
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statYours, value: counts.yours, tone: "danger", isZero: counts.yours === 0 }),
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statDecisions, value: counts.decisions, tone: "warning", isZero: counts.decisions === 0 }),
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statHighRisk, value: counts.highRisk, tone: "danger", isZero: counts.highRisk === 0 }),
-          /* @__PURE__ */ jsx19(StatTile, { label: ui.statDone, value: counts.done, tone: "success", isZero: counts.done === 0 })
+    view === "board" && /* @__PURE__ */ jsxs18(Fragment5, { children: [
+      /* @__PURE__ */ jsxs18("div", { className: "pt-panel-page", children: [
+        /* @__PURE__ */ jsxs18(StatTileGrid, { children: [
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statOpen, value: counts.open, isZero: counts.open === 0 }),
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statOrders, value: counts.orders, tone: "warning", isZero: counts.orders === 0 }),
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statYours, value: counts.yours, tone: "danger", isZero: counts.yours === 0 }),
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statDecisions, value: counts.decisions, tone: "warning", isZero: counts.decisions === 0 }),
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statHighRisk, value: counts.highRisk, tone: "danger", isZero: counts.highRisk === 0 }),
+          /* @__PURE__ */ jsx20(StatTile, { label: ui.statDone, value: counts.done, tone: "success", isZero: counts.done === 0 })
         ] }),
-        /* @__PURE__ */ jsx19(HealthPillRow, { children: state.health.map((pill) => /* @__PURE__ */ jsx19(HealthPill, { label: t(pill.label), value: t(pill.value), status: pill.status }, t(pill.label))) }),
-        /* @__PURE__ */ jsxs17(FilterChipRow, { children: [
-          /* @__PURE__ */ jsx19(FilterChip, { label: ui.all, count: state.cards.length, active: filter === "all", onClick: () => setFilter("all") }),
-          /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20(HealthPillRow, { children: state.health.map((pill) => /* @__PURE__ */ jsx20(HealthPill, { label: t(pill.label), value: t(pill.value), status: pill.status }, t(pill.label))) }),
+        /* @__PURE__ */ jsxs18(FilterChipRow, { children: [
+          /* @__PURE__ */ jsx20(FilterChip, { label: ui.all, count: state.cards.length, active: filter === "all", onClick: () => setFilter("all") }),
+          /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: `\u26A1 ${ui.filterForClaude}`,
@@ -3310,7 +3712,7 @@ function PanelApp({
               onClick: () => setFilter("orders")
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: ui.filterYours,
@@ -3319,7 +3721,7 @@ function PanelApp({
               onClick: () => setFilter("yours")
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: ui.filterHighRisk,
@@ -3328,7 +3730,7 @@ function PanelApp({
               onClick: () => setFilter("risk")
             }
           ),
-          state.areas.map((area) => /* @__PURE__ */ jsx19(
+          state.areas.map((area) => /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: t(area.label),
@@ -3340,13 +3742,13 @@ function PanelApp({
           ))
         ] })
       ] }),
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(
         Board,
         {
           columns: boardColumns,
           onMove: moveCard,
           onAddCard: addCard,
-          renderCard: (card, index, columnId) => /* @__PURE__ */ jsx19(
+          renderCard: (card, index, columnId) => /* @__PURE__ */ jsx20(
             Card,
             {
               cardId: card.id,
@@ -3363,39 +3765,39 @@ function PanelApp({
         }
       ),
       extras,
-      capabilities && capabilities.length > 0 && /* @__PURE__ */ jsxs17("section", { className: "pt-panel-page pt-panel-section", id: "functions", children: [
-        /* @__PURE__ */ jsxs17("div", { children: [
-          /* @__PURE__ */ jsx19("p", { className: "pt-eyebrow", children: ui.functionsEyebrow }),
-          /* @__PURE__ */ jsx19("h2", { className: "pt-h2", children: ui.functionsTitle }),
-          /* @__PURE__ */ jsx19("p", { className: "pt-sub", children: ui.functionsIntro })
+      capabilities && capabilities.length > 0 && /* @__PURE__ */ jsxs18("section", { className: "pt-panel-page pt-panel-section", id: "functions", children: [
+        /* @__PURE__ */ jsxs18("div", { children: [
+          /* @__PURE__ */ jsx20("p", { className: "pt-eyebrow", children: ui.functionsEyebrow }),
+          /* @__PURE__ */ jsx20("h2", { className: "pt-h2", children: ui.functionsTitle }),
+          /* @__PURE__ */ jsx20("p", { className: "pt-sub", children: ui.functionsIntro })
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: "pt-cap-list", children: capabilities.map((capability) => /* @__PURE__ */ jsxs17("article", { className: "pt-cap pt-hud", children: [
-          /* @__PURE__ */ jsx19("h3", { className: "pt-cap__title", children: t(capability.title) }),
-          /* @__PURE__ */ jsx19("p", { className: "pt-cap__summary", children: t(capability.summary) }),
-          /* @__PURE__ */ jsx19("ul", { className: "pt-cap__list", children: capability.points.map((point) => /* @__PURE__ */ jsx19("li", { children: t(point) }, t(point))) }),
-          capability.code && /* @__PURE__ */ jsxs17("div", { className: "pt-cap__code", children: [
-            /* @__PURE__ */ jsx19("p", { className: "pt-cap__caption", children: t(capability.code.caption) }),
-            /* @__PURE__ */ jsx19("pre", { children: /* @__PURE__ */ jsx19("code", { children: capability.code.body }) })
+        /* @__PURE__ */ jsx20("div", { className: "pt-cap-list", children: capabilities.map((capability) => /* @__PURE__ */ jsxs18("article", { className: "pt-cap pt-hud", children: [
+          /* @__PURE__ */ jsx20("h3", { className: "pt-cap__title", children: t(capability.title) }),
+          /* @__PURE__ */ jsx20("p", { className: "pt-cap__summary", children: t(capability.summary) }),
+          /* @__PURE__ */ jsx20("ul", { className: "pt-cap__list", children: capability.points.map((point) => /* @__PURE__ */ jsx20("li", { children: t(point) }, t(point))) }),
+          capability.code && /* @__PURE__ */ jsxs18("div", { className: "pt-cap__code", children: [
+            /* @__PURE__ */ jsx20("p", { className: "pt-cap__caption", children: t(capability.code.caption) }),
+            /* @__PURE__ */ jsx20("pre", { children: /* @__PURE__ */ jsx20("code", { children: capability.code.body }) })
           ] })
         ] }, capability.id)) })
       ] })
     ] }),
-    view === "history" && showHistory && /* @__PURE__ */ jsxs17("section", { className: "pt-panel-page pt-panel-section", id: "revisions", children: [
-      /* @__PURE__ */ jsxs17("div", { children: [
-        /* @__PURE__ */ jsx19("p", { className: "pt-eyebrow", children: ui.historyEyebrow }),
-        /* @__PURE__ */ jsx19("h2", { className: "pt-h2", children: ui.historyTitle }),
-        /* @__PURE__ */ jsx19("p", { className: "pt-sub", children: ui.historyIntro })
+    view === "history" && showHistory && /* @__PURE__ */ jsxs18("section", { className: "pt-panel-page pt-panel-section", id: "revisions", children: [
+      /* @__PURE__ */ jsxs18("div", { children: [
+        /* @__PURE__ */ jsx20("p", { className: "pt-eyebrow", children: ui.historyEyebrow }),
+        /* @__PURE__ */ jsx20("h2", { className: "pt-h2", children: ui.historyTitle }),
+        /* @__PURE__ */ jsx20("p", { className: "pt-sub", children: ui.historyIntro })
       ] }),
-      state.runs.length === 0 ? /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: ui.historyEmpty }) : /* @__PURE__ */ jsx19("ol", { className: "pt-runs", children: [...state.runs].reverse().map((run) => /* @__PURE__ */ jsxs17("li", { className: "pt-run pt-hud", children: [
-        /* @__PURE__ */ jsxs17("p", { className: "pt-run__meta", children: [
+      state.runs.length === 0 ? /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.historyEmpty }) : /* @__PURE__ */ jsx20("ol", { className: "pt-runs", children: [...state.runs].reverse().map((run) => /* @__PURE__ */ jsxs18("li", { className: "pt-run pt-hud", children: [
+        /* @__PURE__ */ jsxs18("p", { className: "pt-run__meta", children: [
           run.date,
           " \xB7 ",
           run.by === "claude" ? "Claude" : ui.ownerYou,
           run.fingerprint ? ` \xB7 ${run.fingerprint.replace("sha256:", "").slice(0, 12)}` : ""
         ] }),
-        /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: t(run.summary) }),
-        run.cards.length > 0 && /* @__PURE__ */ jsxs17("p", { className: "pt-run__cards", children: [
-          /* @__PURE__ */ jsxs17("span", { children: [
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: t(run.summary) }),
+        run.cards.length > 0 && /* @__PURE__ */ jsxs18("p", { className: "pt-run__cards", children: [
+          /* @__PURE__ */ jsxs18("span", { children: [
             ui.historyTouched,
             ":"
           ] }),
@@ -3407,7 +3809,7 @@ function PanelApp({
         ] })
       ] }, run.id)) })
     ] }),
-    /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
       CardSheet,
       {
         card: openCard,
@@ -3419,9 +3821,50 @@ function PanelApp({
         onClose: () => setOpenCardId(null)
       }
     ),
-    /* @__PURE__ */ jsxs17(DetailSheet, { open: helpOpen, onClose: () => setHelpOpen(false), ariaLabel: ui.helpTitle, children: [
-      /* @__PURE__ */ jsx19(DetailSection, { title: ui.helpTitle, children: !setup ? /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: ui.setupChecking }) : /* @__PURE__ */ jsxs17(Fragment5, { children: [
-        /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsx20(
+      DetailSheet,
+      {
+        open: wizardOpen,
+        onClose: () => {
+          closeWizard();
+          setWizardOpen(false);
+        },
+        ariaLabel: ui.wizardTitle,
+        children: /* @__PURE__ */ jsx20(
+          SetupWizard,
+          {
+            requirements,
+            onCheck: readSetup,
+            onClose: () => {
+              closeWizard();
+              setWizardOpen(false);
+            },
+            labels: {
+              title: ui.wizardTitle,
+              progress: ui.wizardProgress,
+              nowDo: ui.wizardNowDo,
+              check: ui.wizardCheck,
+              checking: ui.wizardChecking,
+              stillMissing: ui.wizardStillMissing,
+              cannotTell: ui.wizardCannotTell,
+              doneTitle: ui.wizardDoneTitle,
+              readyTitle: ui.wizardReadyTitle,
+              readyBody: ui.wizardReadyBody,
+              verify: ui.wizardVerify,
+              close: ui.wizardClose,
+              stuckTitle: ui.wizardStuckTitle,
+              stuckBody: ui.wizardStuckBody,
+              stuckPrompt: ui.wizardStuckPrompt,
+              copy: ui.wizardCopy,
+              copied: ui.wizardCopied
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs18(DetailSheet, { open: helpOpen, onClose: () => setHelpOpen(false), ariaLabel: ui.helpTitle, children: [
+      /* @__PURE__ */ jsx20(DetailSection, { title: ui.helpTitle, children: !setup ? /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.setupChecking }) : /* @__PURE__ */ jsxs18(Fragment5, { children: [
+        /* @__PURE__ */ jsx20(
           SetupGuide,
           {
             requirements,
@@ -3434,9 +3877,21 @@ function PanelApp({
             }
           }
         ),
-        setup.repo && /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", style: { marginTop: 12 }, children: ui.setupWriteTarget(setup.repo, setup.branch, setup.file) })
+        setup.repo && /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 12 }, children: ui.setupWriteTarget(setup.repo, setup.branch, setup.file) }),
+        !setup.ready && /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", style: { marginTop: 12 }, children: /* @__PURE__ */ jsx20(
+          "button",
+          {
+            type: "button",
+            className: "pt-btn pt-btn--sm pt-btn--primary",
+            onClick: () => {
+              setHelpOpen(false);
+              setWizardOpen(true);
+            },
+            children: ui.wizardOpen
+          }
+        ) })
       ] }) }),
-      /* @__PURE__ */ jsx19(DetailSection, { title: ui.guideSection, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx20(DetailSection, { title: ui.guideSection, children: /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx20(
         "button",
         {
           type: "button",
@@ -3454,9 +3909,43 @@ function PanelApp({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ jsxs17(DetailSheet, { open: settingsOpen, onClose: () => setSettingsOpen(false), ariaLabel: ui.panelSettings, children: [
-      saveEndpoint ? /* @__PURE__ */ jsxs17(DetailSection, { title: ui.saveSection, subtitle: ui.saveSubtitle, children: [
-        /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx19(
+    update?.behind && /* @__PURE__ */ jsxs18(
+      DetailSheet,
+      {
+        open: releaseOpen,
+        onClose: () => setReleaseOpen(false),
+        ariaLabel: ui.releaseTitle(update.latest),
+        children: [
+          /* @__PURE__ */ jsxs18("div", { children: [
+            /* @__PURE__ */ jsx20("p", { className: "pt-eyebrow", children: releaseShape(update.notes) ? ui.releaseShape[releaseShape(update.notes)] : "" }),
+            /* @__PURE__ */ jsx20("h2", { className: "pt-h2", children: ui.releaseTitle(update.latest) }),
+            update.notes?.date && /* @__PURE__ */ jsx20("p", { className: "pt-sub", children: ui.releaseDate(update.notes.date) })
+          ] }),
+          update.notes ? /* @__PURE__ */ jsx20("ul", { className: "pt-runs", children: update.notes.entries.map((item, index) => /* @__PURE__ */ jsxs18("li", { className: "pt-run pt-hud", children: [
+            /* @__PURE__ */ jsx20("p", { className: "pt-run__meta", children: ui.releaseKind[item.kind] }),
+            /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: item.text[lang] })
+          ] }, index)) }) : /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.releaseNone }),
+          /* @__PURE__ */ jsxs18("div", { className: "pt-panel-row", style: { marginTop: 16 }, children: [
+            /* @__PURE__ */ jsx20(
+              "button",
+              {
+                type: "button",
+                className: "pt-btn",
+                onClick: () => {
+                  setReleaseOpen(false);
+                  setSettingsOpen(true);
+                },
+                children: ui.updateCreateCard
+              }
+            ),
+            /* @__PURE__ */ jsx20("button", { type: "button", className: "pt-btn", onClick: () => setReleaseOpen(false), children: ui.releaseClose })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs18(DetailSheet, { open: settingsOpen, onClose: () => setSettingsOpen(false), ariaLabel: ui.panelSettings, children: [
+      saveEndpoint ? /* @__PURE__ */ jsxs18(DetailSection, { title: ui.saveSection, subtitle: ui.saveSubtitle, children: [
+        /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -3466,15 +3955,15 @@ function PanelApp({
             children: save.status === "saving" ? ui.saving : ui.save
           }
         ) }),
-        /* @__PURE__ */ jsxs17("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: [
+        /* @__PURE__ */ jsxs18("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: [
           save.status === "error" ? `${ui.saveFailed}: ${save.message}` : save.status === "saved" ? ui.savedWithCommit : dirty ? ui.saveHelp : ui.upToDate,
-          save.status === "saved" && save.url && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+          save.status === "saved" && save.url && /* @__PURE__ */ jsxs18(Fragment5, { children: [
             " ",
-            /* @__PURE__ */ jsx19("a", { href: save.url, children: "commit" })
+            /* @__PURE__ */ jsx20("a", { href: save.url, children: "commit" })
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsx19(DetailSection, { title: ui.saveSection, subtitle: ui.saveSubtitle, children: /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: ui.demoNotice }) }),
-      showLanguage && /* @__PURE__ */ jsx19(DetailSection, { title: ui.language, subtitle: ui.languageSubtitle, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: LANGS.map((code) => /* @__PURE__ */ jsx19(
+      ] }) : /* @__PURE__ */ jsx20(DetailSection, { title: ui.saveSection, subtitle: ui.saveSubtitle, children: /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.demoNotice }) }),
+      showLanguage && /* @__PURE__ */ jsx20(DetailSection, { title: ui.language, subtitle: ui.languageSubtitle, children: /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", children: LANGS.map((code) => /* @__PURE__ */ jsx20(
         FilterChip,
         {
           label: LANG_LABELS[code],
@@ -3483,9 +3972,9 @@ function PanelApp({
         },
         code
       )) }) }),
-      /* @__PURE__ */ jsxs17(DetailSection, { title: ui.theme, subtitle: ui.themeSubtitle, children: [
-        /* @__PURE__ */ jsxs17("div", { className: "pt-panel-row", children: [
-          Object.entries(themes).map(([name, entry]) => /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsxs18(DetailSection, { title: ui.theme, subtitle: ui.themeSubtitle, children: [
+        /* @__PURE__ */ jsxs18("div", { className: "pt-panel-row", children: [
+          Object.entries(themes).map(([name, entry]) => /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: entry.label,
@@ -3494,7 +3983,7 @@ function PanelApp({
             },
             name
           )),
-          state.importedTheme && /* @__PURE__ */ jsx19(
+          state.importedTheme && /* @__PURE__ */ jsx20(
             FilterChip,
             {
               label: t(state.importedTheme.label),
@@ -3503,21 +3992,38 @@ function PanelApp({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: themeName === IMPORTED ? t(imported?.from.reasoning) : [chosen.note, ui.themeNote].filter(Boolean).join(". ") }),
-        state.importedTheme && /* @__PURE__ */ jsxs17("div", { className: "pt-cap pt-hud", style: { marginTop: 14 }, children: [
-          /* @__PURE__ */ jsx19("h3", { className: "pt-cap__title", children: ui.importedTheme }),
-          /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: ui.importedFrom(state.importedTheme.importedAt, state.importedTheme.from.files.join(", ")) }),
-          state.importedTheme.from.colours.length > 0 && /* @__PURE__ */ jsx19("p", { className: "pt-tool__tags", children: state.importedTheme.from.colours.map((colour) => /* @__PURE__ */ jsx19("span", { className: "pt-tool__tag", children: colour }, colour)) }),
-          state.importedTheme.refreshRequested ? /* @__PURE__ */ jsx19("p", { className: "pt-warn", children: ui.importedRefreshAsked(state.importedTheme.refreshRequested) }) : /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", style: { marginTop: 10 }, children: /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: requestThemeRefresh, children: ui.importedRefresh }) }),
-          /* @__PURE__ */ jsx19("p", { className: "pt-marketplace__detail", children: ui.importedRefreshHow })
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: themeName === IMPORTED ? t(imported?.from.reasoning) : [chosen.note, ui.themeNote].filter(Boolean).join(". ") }),
+        state.importedTheme && /* @__PURE__ */ jsxs18("div", { className: "pt-cap pt-hud", style: { marginTop: 14 }, children: [
+          /* @__PURE__ */ jsx20("h3", { className: "pt-cap__title", children: ui.importedTheme }),
+          /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.importedFrom(state.importedTheme.importedAt, state.importedTheme.from.files.join(", ")) }),
+          state.importedTheme.from.colours.length > 0 && /* @__PURE__ */ jsx20("p", { className: "pt-tool__tags", children: state.importedTheme.from.colours.map((colour) => /* @__PURE__ */ jsx20("span", { className: "pt-tool__tag", children: colour }, colour)) }),
+          state.importedTheme.refreshRequested ? /* @__PURE__ */ jsx20("p", { className: "pt-warn", children: ui.importedRefreshAsked(state.importedTheme.refreshRequested) }) : /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", style: { marginTop: 10 }, children: /* @__PURE__ */ jsx20("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: requestThemeRefresh, children: ui.importedRefresh }) }),
+          /* @__PURE__ */ jsx20("p", { className: "pt-marketplace__detail", children: ui.importedRefreshHow })
         ] })
       ] }),
-      fingerprint && /* @__PURE__ */ jsxs17(DetailSection, { title: ui.fingerprint, subtitle: ui.fingerprintSubtitle, children: [
-        /* @__PURE__ */ jsx19("p", { className: "pt-panel-mono", children: fingerprint.hash }),
-        /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", style: { marginTop: 8 }, children: ui.trackedFiles(fingerprint.fileCount, fingerprint.version) })
+      checkForUpdates && fingerprint?.version && /* @__PURE__ */ jsxs18(DetailSection, { title: ui.updateTitle, subtitle: ui.updateSubtitle, children: [
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: ui.updateCurrent(fingerprint.version) }),
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 8 }, children: !update ? ui.updateUnknown : update.behind ? ui.updateAvailable(update.latest) : ui.updateUpToDate }),
+        update?.behind && (state.cards.some((card) => card.id === updateCardId(update.latest)) ? /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 8 }, children: ui.updateCardExists }) : /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", style: { marginTop: 12 }, children: /* @__PURE__ */ jsx20("button", { type: "button", className: "pt-btn", onClick: addUpdateCard, children: ui.updateCreateCard }) })),
+        /* @__PURE__ */ jsxs18("label", { className: "pt-panel-row", style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsx20(
+            "input",
+            {
+              type: "checkbox",
+              checked: state.preferences?.updateAsOrder === true,
+              onChange: (event) => setPreference("updateAsOrder", event.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx20("span", { className: "pt-panel-text", children: ui.updateAsOrder })
+        ] }),
+        /* @__PURE__ */ jsx20("p", { className: "pt-marketplace__detail", children: ui.updateAsOrderHow })
+      ] }),
+      fingerprint && /* @__PURE__ */ jsxs18(DetailSection, { title: ui.fingerprint, subtitle: ui.fingerprintSubtitle, children: [
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-mono", children: fingerprint.hash }),
+        /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 8 }, children: ui.trackedFiles(fingerprint.fileCount, fingerprint.version) })
       ] }),
-      saveEndpoint && /* @__PURE__ */ jsxs17(DetailSection, { title: ui.session, subtitle: ui.sessionSubtitle, children: [
-        /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx19(
+      saveEndpoint && /* @__PURE__ */ jsxs18(DetailSection, { title: ui.session, subtitle: ui.sessionSubtitle, children: [
+        /* @__PURE__ */ jsx20("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx20(
           "button",
           {
             type: "button",
@@ -3527,11 +4033,11 @@ function PanelApp({
             children: signOut === "working" ? ui.signingOut : ui.signOut
           }
         ) }),
-        signOut === "failed" && /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: ui.signOutFailed })
+        signOut === "failed" && /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", style: { marginTop: 10 }, children: ui.signOutFailed })
       ] }),
-      links && links.length > 0 && /* @__PURE__ */ jsx19(DetailSection, { title: ui.links, children: /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", children: links.map((link, index) => /* @__PURE__ */ jsxs17(React12.Fragment, { children: [
+      links && links.length > 0 && /* @__PURE__ */ jsx20(DetailSection, { title: ui.links, children: /* @__PURE__ */ jsx20("p", { className: "pt-panel-text", children: links.map((link, index) => /* @__PURE__ */ jsxs18(React13.Fragment, { children: [
         index > 0 && " \xB7 ",
-        /* @__PURE__ */ jsx19("a", { href: link.href, children: link.label })
+        /* @__PURE__ */ jsx20("a", { href: link.href, children: link.label })
       ] }, link.href)) }) })
     ] }),
     footer
@@ -3734,6 +4240,7 @@ export {
   PRESET_PANEL_THEMES,
   PanelApp,
   SetupGuide,
+  SetupWizard,
   StatTile,
   StatTileGrid,
   THEME_FORMS,
@@ -3751,10 +4258,12 @@ export {
   emptyCard,
   explainBoard,
   isCard,
+  isFirstRun,
   ledgerForm,
   midnightTheme,
   moveCardInColumns,
   newId,
+  offeredThemes,
   oldMoneyTheme,
   panelForm,
   paneltirBuild,
@@ -3777,5 +4286,6 @@ export {
   useGuideNote,
   useMediaQuery,
   validateBoard,
+  wizardStep,
   writeText
 };