paneltir 0.6.0

package/dist/index.js

@@ -0,0 +1,3754 @@
+// src/version.ts
+var PANELTIR_VERSION = "0.6.0";
+var PANELTIR_FINGERPRINT = "sha256:cb1a1df3cac0d3cc775fbaa7b9f385d6d35e22cecbe86cc0a1da4338cf43de37";
+var PANELTIR_FILE_COUNT = 151;
+var paneltirBuild = {
+  version: PANELTIR_VERSION,
+  fingerprint: PANELTIR_FINGERPRINT,
+  fileCount: PANELTIR_FILE_COUNT,
+  /** The tag this build came from, ready to compare or to link. */
+  tag: `v${PANELTIR_VERSION}`,
+  /** Short form, for a footer that has one line to spare. */
+  short: `v${PANELTIR_VERSION} \xB7 ${PANELTIR_FINGERPRINT.replace("sha256:", "").slice(0, 12)}`
+};
+
+// src/theme/ThemeProvider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeContext = createContext(null);
+var FormContext = createContext(null);
+function put(vars, name, value) {
+  if (value !== void 0) vars[name] = value;
+}
+function DashboardThemeProvider({ tokens, form, children, className, style }) {
+  const cssVars = useMemo(() => {
+    const vars = {
+      "--pt-color-ground": tokens.ground,
+      "--pt-color-ground-raised": tokens.groundRaised,
+      "--pt-color-panel": tokens.panel,
+      "--pt-color-raised": tokens.raised,
+      "--pt-color-line": tokens.line,
+      "--pt-color-line-faint": tokens.lineFaint,
+      "--pt-color-ink": tokens.ink,
+      "--pt-color-ink-dim": tokens.inkDim,
+      "--pt-color-ink-faint": tokens.inkFaint,
+      "--pt-color-accent": tokens.accent,
+      "--pt-color-accent-start": tokens.accentStart ?? tokens.accent,
+      "--pt-color-accent-end": tokens.accentEnd ?? tokens.accent,
+      "--pt-color-accent-ink": tokens.accentInk ?? tokens.ground,
+      "--pt-color-danger": tokens.danger,
+      "--pt-color-warning": tokens.warning,
+      "--pt-color-success": tokens.success,
+      "--pt-color-neutral": tokens.neutral
+    };
+    put(vars, "--pt-radius-panel", form?.radiusPanel);
+    put(vars, "--pt-radius-card", form?.radiusCard);
+    put(vars, "--pt-radius-control", form?.radiusControl);
+    put(vars, "--pt-radius-square", form?.radiusSquare);
+    put(vars, "--pt-radius-pill", form?.radiusPill);
+    put(vars, "--pt-border-width", form?.borderWidth);
+    put(vars, "--pt-font-family", form?.fontFamily);
+    put(vars, "--pt-font-family-display", form?.fontFamilyDisplay);
+    put(vars, "--pt-font-size-base", form?.fontSize);
+    put(vars, "--pt-label-tracking", form?.labelTracking);
+    put(vars, "--pt-density", form?.density === void 0 ? void 0 : String(form.density));
+    return vars;
+  }, [tokens, form]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: tokens, children: /* @__PURE__ */ jsx(FormContext.Provider, { value: form ?? null, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: ["pt-theme-root", className].filter(Boolean).join(" "),
+      "data-pt-form": form?.shape ?? "panel",
+      style: { ...cssVars, ...style },
+      children
+    }
+  ) }) });
+}
+function useDashboardForm() {
+  return useContext(FormContext);
+}
+function useDashboardTheme() {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) {
+    throw new Error("useDashboardTheme must be used inside a <DashboardThemeProvider>.");
+  }
+  return ctx;
+}
+
+// src/themes/presets.ts
+var midnightTheme = {
+  ground: "#0b0c10",
+  groundRaised: "#14161c",
+  panel: "#181a21",
+  raised: "#20232b",
+  line: "rgba(255,255,255,0.13)",
+  lineFaint: "rgba(255,255,255,0.07)",
+  ink: "rgba(255,255,255,0.92)",
+  inkDim: "rgba(255,255,255,0.62)",
+  inkFaint: "rgba(255,255,255,0.34)",
+  accent: "#5b8cff",
+  accentStart: "#6f9bff",
+  accentEnd: "#4a72e0",
+  danger: "#ff5c5c",
+  warning: "#f5b74c",
+  success: "#3ecf8e",
+  neutral: "#8a8f98"
+};
+var oldMoneyTheme = {
+  ground: "#12140f",
+  groundRaised: "#1b1d14",
+  panel: "#1f2117",
+  raised: "#262819",
+  line: "rgba(232,224,196,0.14)",
+  lineFaint: "rgba(232,224,196,0.07)",
+  ink: "rgba(240,235,220,0.94)",
+  inkDim: "rgba(240,235,220,0.62)",
+  inkFaint: "rgba(240,235,220,0.34)",
+  accent: "#c9a227",
+  accentStart: "#d9b545",
+  accentEnd: "#8b6f3e",
+  danger: "#8c3b34",
+  warning: "#c17f3a",
+  success: "#5b7a52",
+  neutral: "#8a8574"
+};
+var cyberpunkTheme = {
+  ground: "#0b0409",
+  groundRaised: "#1a0711",
+  panel: "#210a15",
+  raised: "#2c0e1c",
+  line: "rgba(255,90,110,0.17)",
+  lineFaint: "rgba(255,90,110,0.08)",
+  ink: "rgba(255,241,236,0.95)",
+  inkDim: "rgba(255,226,220,0.62)",
+  inkFaint: "rgba(255,214,208,0.36)",
+  accent: "#fcee0a",
+  accentStart: "#fff64f",
+  accentEnd: "#d1c200",
+  accentInk: "#0b0409",
+  danger: "#ff003c",
+  warning: "#ff7a18",
+  success: "#00f0ff",
+  neutral: "#a06174"
+};
+var claudeTheme = {
+  ground: "#faf9f5",
+  groundRaised: "#f2efe7",
+  panel: "#ffffff",
+  raised: "#f6f3ec",
+  line: "rgba(61,48,38,0.16)",
+  lineFaint: "rgba(61,48,38,0.08)",
+  ink: "rgba(38,32,26,0.94)",
+  inkDim: "rgba(38,32,26,0.66)",
+  inkFaint: "rgba(38,32,26,0.42)",
+  accent: "#c15f3c",
+  accentStart: "#d4724f",
+  accentEnd: "#a54c2d",
+  accentInk: "#fffaf5",
+  danger: "#b3261e",
+  warning: "#a86a12",
+  success: "#3f7d52",
+  neutral: "#8a7f73"
+};
+var panelForm = {
+  shape: "panel"
+};
+var ledgerForm = {
+  shape: "ledger",
+  radiusPanel: "0px",
+  radiusCard: "0px",
+  radiusControl: "2px",
+  radiusSquare: "0px",
+  radiusPill: "2px",
+  borderWidth: "1px",
+  fontFamily: 'ui-serif, Georgia, "Times New Roman", serif',
+  fontFamilyDisplay: 'ui-serif, Georgia, "Times New Roman", serif',
+  fontSize: "15px",
+  labelTracking: "2.4px",
+  density: 1.25
+};
+var paperForm = {
+  shape: "panel",
+  radiusPanel: "16px",
+  radiusCard: "12px",
+  radiusControl: "8px",
+  radiusPill: "999px",
+  borderWidth: "1px",
+  fontFamily: 'ui-sans-serif, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif',
+  fontFamilyDisplay: 'ui-serif, "Iowan Old Style", Georgia, "Times New Roman", serif',
+  labelTracking: "1.2px",
+  density: 1.1
+};
+var THEME_FORMS = {
+  panel: panelForm,
+  ledger: ledgerForm,
+  paper: paperForm
+};
+var THEME_PRESETS = {
+  midnight: midnightTheme,
+  oldMoney: oldMoneyTheme,
+  cyberpunk: cyberpunkTheme,
+  claude: claudeTheme
+};
+
+// src/components/Header/Header.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function DashboardHeader({ wordmark, status, controls, linkLabel, linkHref, onLinkClick }) {
+  return /* @__PURE__ */ jsxs("header", { className: "pt-header", children: [
+    /* @__PURE__ */ jsx2("div", { className: "pt-header__wordmark", children: wordmark }),
+    /* @__PURE__ */ jsx2("div", { className: "pt-header__spacer" }),
+    status && /* @__PURE__ */ jsx2("div", { className: "pt-header__status", children: status }),
+    controls && /* @__PURE__ */ jsx2("div", { className: "pt-header__controls", children: controls }),
+    linkLabel && (linkHref ? /* @__PURE__ */ jsx2("a", { className: "pt-header__link", href: linkHref, children: linkLabel }) : /* @__PURE__ */ jsx2("button", { type: "button", className: "pt-header__link", onClick: onLinkClick, children: linkLabel }))
+  ] });
+}
+
+// src/components/AlertBanner/AlertBanner.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function AlertBanner({ visible, message, actionLabel, onAction }) {
+  if (!visible) return null;
+  return /* @__PURE__ */ jsx3("div", { className: "pt-alert", role: "alert", children: /* @__PURE__ */ jsxs2("p", { className: "pt-alert__message", children: [
+    message,
+    actionLabel && /* @__PURE__ */ jsxs2(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx3("button", { type: "button", className: "pt-alert__action", onClick: onAction, children: actionLabel })
+    ] })
+  ] }) });
+}
+
+// src/components/StatTiles/StatTile.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function StatTile({ label, value, tone = "neutral", isZero }) {
+  const toneClass = isZero ? "is-calm" : `is-${tone}`;
+  return /* @__PURE__ */ jsxs3("div", { className: "pt-stat-tile", children: [
+    /* @__PURE__ */ jsx4("div", { className: `pt-stat-tile__value ${toneClass}`, children: value }),
+    /* @__PURE__ */ jsx4("div", { className: "pt-stat-tile__label", children: label })
+  ] });
+}
+function StatTileGrid({ children }) {
+  return /* @__PURE__ */ jsx4("div", { className: "pt-stat-grid", children });
+}
+
+// src/components/HealthPills/HealthPill.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function HealthPill({ label, value, status }) {
+  return /* @__PURE__ */ jsxs4("div", { className: `pt-health-pill pt-health-pill--${status}`, children: [
+    /* @__PURE__ */ jsx5("span", { className: "pt-health-pill__label", children: label }),
+    /* @__PURE__ */ jsx5("span", { className: "pt-health-pill__value", children: value })
+  ] });
+}
+function HealthPillRow({ children }) {
+  return /* @__PURE__ */ jsx5("div", { className: "pt-health-row", children });
+}
+
+// src/components/FilterChips/FilterChip.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function FilterChip({ label, count, active, onClick }) {
+  return /* @__PURE__ */ jsxs5("button", { type: "button", className: `pt-filter-chip${active ? " is-active" : ""}`, "aria-pressed": active, onClick, children: [
+    label,
+    typeof count === "number" && /* @__PURE__ */ jsx6("span", { className: "pt-filter-chip__count", children: count })
+  ] });
+}
+function FilterChipRow({ children }) {
+  return /* @__PURE__ */ jsx6("div", { className: "pt-filter-row", children });
+}
+
+// src/components/Board/Board.tsx
+import { useRef as useRef3 } from "react";
+
+// src/components/Board/Column.tsx
+import { Fragment as Fragment2 } from "react";
+
+// src/components/Board/BoardDndContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var BoardDndContext = createContext2(null);
+function BoardDndProvider({ value, children }) {
+  return /* @__PURE__ */ jsx7(BoardDndContext.Provider, { value, children });
+}
+function useBoardDnDContext() {
+  const ctx = useContext2(BoardDndContext);
+  if (!ctx) {
+    throw new Error("<Card> and <Column> must be rendered inside <Board>.");
+  }
+  return ctx;
+}
+
+// src/components/Board/Column.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+function Column({ column, renderCard, onAddCard }) {
+  const dnd = useBoardDnDContext();
+  return /* @__PURE__ */ jsxs6("div", { className: "pt-column", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "pt-column__header", children: [
+      /* @__PURE__ */ jsx8("span", { className: "pt-column__title", title: column.hint, children: column.title }),
+      /* @__PURE__ */ jsx8("span", { className: "pt-column__count", children: column.cards.length }),
+      column.hint && /* @__PURE__ */ jsx8("span", { className: "pt-sr-only", children: column.hint }),
+      /* @__PURE__ */ jsx8("span", { className: "pt-column__spacer" }),
+      onAddCard && /* @__PURE__ */ jsx8(
+        "button",
+        {
+          type: "button",
+          className: "pt-column__add",
+          onClick: () => onAddCard(column.id),
+          "aria-label": `Add to ${column.title}`,
+          children: "+"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "pt-column__list", "data-pt-column-list": column.id, children: [
+      column.cards.map((card, index) => {
+        const showBefore = dnd.isDragging && dnd.dropTarget?.columnId === column.id && dnd.dropTarget.index === index;
+        return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          showBefore && /* @__PURE__ */ jsx8("div", { className: "pt-card-placeholder" }),
+          renderCard(card, index, column.id)
+        ] }, card.id);
+      }),
+      dnd.isDragging && dnd.dropTarget?.columnId === column.id && dnd.dropTarget.index === column.cards.length && /* @__PURE__ */ jsx8("div", { className: "pt-card-placeholder" })
+    ] })
+  ] });
+}
+
+// src/components/Board/useBoardDnD.ts
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState } from "react";
+
+// src/components/Board/useAutoscroll.ts
+import { useEffect, useRef } from "react";
+function useAutoscroll({ active, pointerRef, scrollContainerRef, edgeSize = 56, maxSpeed = 18 }) {
+  const rafRef = useRef(null);
+  useEffect(() => {
+    if (!active) return;
+    function tick() {
+      const pointer = pointerRef.current;
+      const container = scrollContainerRef.current;
+      if (pointer && container) {
+        const rect = container.getBoundingClientRect();
+        let dx = 0;
+        const fromLeft = pointer.x - rect.left;
+        const fromRight = rect.right - pointer.x;
+        if (fromLeft >= 0 && fromLeft < edgeSize) {
+          dx = -maxSpeed * (1 - fromLeft / edgeSize);
+        } else if (fromRight >= 0 && fromRight < edgeSize) {
+          dx = maxSpeed * (1 - fromRight / edgeSize);
+        }
+        if (dx !== 0) container.scrollLeft += dx;
+        const el = document.elementFromPoint(pointer.x, pointer.y);
+        const columnList = el?.closest("[data-pt-column-list]");
+        if (columnList) {
+          const colRect = columnList.getBoundingClientRect();
+          let dy = 0;
+          const fromTop = pointer.y - colRect.top;
+          const fromBottom = colRect.bottom - pointer.y;
+          if (fromTop >= 0 && fromTop < edgeSize) {
+            dy = -maxSpeed * (1 - fromTop / edgeSize);
+          } else if (fromBottom >= 0 && fromBottom < edgeSize) {
+            dy = maxSpeed * (1 - fromBottom / edgeSize);
+          }
+          if (dy !== 0) columnList.scrollTop += dy;
+        }
+      }
+      rafRef.current = requestAnimationFrame(tick);
+    }
+    rafRef.current = requestAnimationFrame(tick);
+    return () => {
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+    };
+  }, [active, pointerRef, scrollContainerRef, edgeSize, maxSpeed]);
+}
+
+// src/components/Board/useBoardDnD.ts
+function useBoardDnD({ columns, onMove, scrollContainerRef }) {
+  const [drag, setDrag] = useState(null);
+  const [pointer, setPointer] = useState(null);
+  const [dropTarget, setDropTarget] = useState(null);
+  const pointerRef = useRef2(null);
+  const dropTargetRef = useRef2(null);
+  const dragRef = useRef2(null);
+  const cloneElRef = useRef2(null);
+  const cloneLayerRef = useRef2(null);
+  useEffect2(() => {
+    dropTargetRef.current = dropTarget;
+  }, [dropTarget]);
+  useAutoscroll({ active: !!drag, pointerRef, scrollContainerRef });
+  const startDrag = useCallback((e, cardId, columnId, index) => {
+    if (e.pointerType === "mouse" && e.button !== 0) return;
+    const cardEl = e.currentTarget.closest("[data-pt-card]");
+    if (!cardEl) return;
+    const rect = cardEl.getBoundingClientRect();
+    const state = {
+      cardId,
+      columnId,
+      index,
+      pointerId: e.pointerId,
+      offsetX: e.clientX - rect.left,
+      offsetY: e.clientY - rect.top
+    };
+    dragRef.current = state;
+    setDrag(state);
+    const initialTarget = { columnId, index };
+    dropTargetRef.current = initialTarget;
+    setDropTarget(initialTarget);
+    pointerRef.current = { x: e.clientX, y: e.clientY };
+    setPointer(pointerRef.current);
+    const clone = cardEl.cloneNode(true);
+    clone.classList.add("pt-card--clone");
+    clone.style.width = `${rect.width}px`;
+    clone.style.transform = `translate3d(${rect.left}px, ${rect.top}px, 0)`;
+    cloneElRef.current = clone;
+    cloneLayerRef.current?.appendChild(clone);
+    document.body.style.cursor = "grabbing";
+    e.target.setPointerCapture?.(e.pointerId);
+  }, []);
+  useEffect2(() => {
+    if (!drag) return;
+    const activeDrag = drag;
+    function moveClone(x, y) {
+      const clone = cloneElRef.current;
+      if (!clone || !dragRef.current) return;
+      clone.style.transform = `translate3d(${x - dragRef.current.offsetX}px, ${y - dragRef.current.offsetY}px, 0)`;
+    }
+    function handleMove(e) {
+      if (e.pointerId !== activeDrag.pointerId) return;
+      pointerRef.current = { x: e.clientX, y: e.clientY };
+      setPointer(pointerRef.current);
+      moveClone(e.clientX, e.clientY);
+      const el = document.elementFromPoint(e.clientX, e.clientY);
+      const listEl = el?.closest("[data-pt-column-list]");
+      if (!listEl) return;
+      const columnId = listEl.getAttribute("data-pt-column-list");
+      const cardEl = el?.closest("[data-pt-card]");
+      let index;
+      if (cardEl && listEl.contains(cardEl)) {
+        const cardRect = cardEl.getBoundingClientRect();
+        const after = e.clientY > cardRect.top + cardRect.height / 2;
+        index = Number(cardEl.getAttribute("data-pt-card-index")) + (after ? 1 : 0);
+      } else {
+        const column = columns.find((c) => c.id === columnId);
+        index = column ? column.cards.length : 0;
+      }
+      const next = { columnId, index };
+      dropTargetRef.current = next;
+      setDropTarget(next);
+    }
+    function swallowNextClick() {
+      const swallow = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+      };
+      window.addEventListener("click", swallow, { capture: true, once: true });
+      window.setTimeout(() => window.removeEventListener("click", swallow, true), 0);
+    }
+    function endDrag() {
+      swallowNextClick();
+      const finalTarget = dropTargetRef.current;
+      const source = dragRef.current;
+      if (finalTarget && source) {
+        const sameSpot = finalTarget.columnId === source.columnId && (finalTarget.index === source.index || finalTarget.index === source.index + 1);
+        if (!sameSpot) {
+          onMove({
+            cardId: source.cardId,
+            fromColumnId: source.columnId,
+            toColumnId: finalTarget.columnId,
+            toIndex: finalTarget.index
+          });
+        }
+      }
+      cloneElRef.current?.remove();
+      cloneElRef.current = null;
+      dragRef.current = null;
+      dropTargetRef.current = null;
+      document.body.style.cursor = "";
+      setDrag(null);
+      setDropTarget(null);
+      setPointer(null);
+      pointerRef.current = null;
+    }
+    function handleUp(e) {
+      if (e.pointerId !== activeDrag.pointerId) return;
+      endDrag();
+    }
+    window.addEventListener("pointermove", handleMove);
+    window.addEventListener("pointerup", handleUp);
+    window.addEventListener("pointercancel", handleUp);
+    return () => {
+      window.removeEventListener("pointermove", handleMove);
+      window.removeEventListener("pointerup", handleUp);
+      window.removeEventListener("pointercancel", handleUp);
+    };
+  }, [drag, columns, onMove]);
+  return {
+    isDragging: !!drag,
+    drag,
+    pointer,
+    dropTarget,
+    startDrag,
+    cloneLayerRef
+  };
+}
+
+// src/components/Board/Board.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function Board({ columns, renderCard, onMove, onAddCard }) {
+  const scrollRef = useRef3(null);
+  const dnd = useBoardDnD({ columns, onMove, scrollContainerRef: scrollRef });
+  return /* @__PURE__ */ jsxs7(BoardDndProvider, { value: dnd, children: [
+    /* @__PURE__ */ jsx9("div", { ref: scrollRef, className: `pt-board${dnd.isDragging ? " pt-board--dragging" : ""}`, children: columns.map((column) => /* @__PURE__ */ jsx9(Column, { column, renderCard, onAddCard }, column.id)) }),
+    /* @__PURE__ */ jsx9("div", { className: "pt-board__clone-layer", ref: dnd.cloneLayerRef })
+  ] });
+}
+
+// src/components/Board/Card.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+function Card({ cardId, columnId, index, title, priorityColor, tags, progress, children, onClick }) {
+  const dnd = useBoardDnDContext();
+  const isDraggedSource = dnd.drag?.cardId === cardId;
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      className: `pt-card${isDraggedSource ? " pt-card--dragging-source" : ""}`,
+      "data-pt-card": true,
+      "data-pt-card-index": index,
+      style: priorityColor ? { "--pt-card-stripe": priorityColor } : void 0,
+      onClick,
+      children: [
+        /* @__PURE__ */ jsxs8("div", { className: "pt-card__row", children: [
+          /* @__PURE__ */ jsx10(
+            "button",
+            {
+              type: "button",
+              className: "pt-card__grip",
+              "aria-label": "Reorder card",
+              onPointerDown: (e) => dnd.startDrag(e, cardId, columnId, index),
+              children: "\u283F"
+            }
+          ),
+          /* @__PURE__ */ jsx10("div", { className: "pt-card__title", children: title })
+        ] }),
+        tags && tags.length > 0 && /* @__PURE__ */ jsx10("div", { className: "pt-card__tags", children: tags.map((tag, i) => /* @__PURE__ */ jsx10("span", { className: `pt-tag pt-tag--${tag.tone ?? "neutral"}${tag.emphasize ? " pt-tag--emphasize" : ""}`, children: tag.label }, i)) }),
+        progress && /* @__PURE__ */ jsxs8("div", { className: `pt-card__progress${progress.done >= progress.total ? " is-complete" : ""}`, children: [
+          progress.done,
+          "/",
+          progress.total
+        ] }),
+        children
+      ]
+    }
+  );
+}
+
+// src/components/Board/moveCard.ts
+function moveCardInColumns(columns, move) {
+  const fromColumn = columns.find((c) => c.id === move.fromColumnId);
+  const card = fromColumn?.cards.find((c) => c.id === move.cardId);
+  if (!fromColumn || !card) return columns;
+  return columns.map((column) => {
+    if (column.id === move.fromColumnId && column.id === move.toColumnId) {
+      const withoutCard = column.cards.filter((c) => c.id !== move.cardId);
+      const insertAt = Math.min(move.toIndex, withoutCard.length);
+      return { ...column, cards: [...withoutCard.slice(0, insertAt), card, ...withoutCard.slice(insertAt)] };
+    }
+    if (column.id === move.fromColumnId) {
+      return { ...column, cards: column.cards.filter((c) => c.id !== move.cardId) };
+    }
+    if (column.id === move.toColumnId) {
+      const insertAt = Math.min(move.toIndex, column.cards.length);
+      return { ...column, cards: [...column.cards.slice(0, insertAt), card, ...column.cards.slice(insertAt)] };
+    }
+    return column;
+  });
+}
+
+// src/components/DetailSheet/DetailSheet.tsx
+import { useEffect as useEffect3 } from "react";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+function DetailSheet({ open, onClose, children, ariaLabel }) {
+  useEffect3(() => {
+    if (!open) return;
+    function handleKey(e) {
+      if (e.key === "Escape") onClose();
+    }
+    window.addEventListener("keydown", handleKey);
+    return () => window.removeEventListener("keydown", handleKey);
+  }, [open, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx11("div", { className: "pt-sheet-backdrop", onClick: onClose, children: /* @__PURE__ */ jsxs9("div", { className: "pt-sheet", role: "dialog", "aria-modal": "true", "aria-label": ariaLabel, onClick: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsx11("div", { className: "pt-sheet__handle" }),
+    children
+  ] }) });
+}
+function DetailSection({ title, subtitle, children }) {
+  return /* @__PURE__ */ jsxs9("section", { className: "pt-detail-section", children: [
+    /* @__PURE__ */ jsxs9("h3", { className: "pt-detail-section__title", children: [
+      title,
+      subtitle && /* @__PURE__ */ jsxs9("span", { className: "pt-detail-section__subtitle", children: [
+        " \u2014 ",
+        subtitle
+      ] })
+    ] }),
+    children
+  ] });
+}
+
+// src/components/Guide/Guide.tsx
+import { useCallback as useCallback2, useEffect as useEffect4, useState as useState2 } from "react";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { createElement } from "react";
+var STORE_PREFIX = "pt-guide:";
+function readDismissed(key) {
+  try {
+    return window.localStorage.getItem(STORE_PREFIX + key) === "done";
+  } catch {
+    return false;
+  }
+}
+function writeDismissed(key) {
+  try {
+    window.localStorage.setItem(STORE_PREFIX + key, "done");
+  } catch {
+  }
+}
+function useGuideNote(id, remember = true) {
+  const [dismissed, setDismissed] = useState2(null);
+  useEffect4(() => {
+    setDismissed(remember ? readDismissed(id) : false);
+  }, [id, remember]);
+  const dismiss = useCallback2(() => {
+    if (remember) writeDismissed(id);
+    setDismissed(true);
+  }, [id, remember]);
+  return { visible: dismissed === false, dismiss };
+}
+function resetGuide() {
+  try {
+    const keys = [];
+    for (let i = 0; i < window.localStorage.length; i += 1) {
+      const key = window.localStorage.key(i);
+      if (key && key.startsWith(STORE_PREFIX)) keys.push(key);
+    }
+    for (const key of keys) window.localStorage.removeItem(key);
+  } catch {
+  }
+}
+function GuideNote({
+  id,
+  title,
+  children,
+  dismissLabel = "Got it",
+  action,
+  step,
+  onDismissed,
+  remember = true
+}) {
+  const { visible, dismiss } = useGuideNote(id, remember);
+  if (!visible) return null;
+  const close = () => {
+    dismiss();
+    onDismissed?.();
+  };
+  return /* @__PURE__ */ jsxs10("aside", { className: "pt-guide", role: "note", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "pt-guide__head", children: [
+      /* @__PURE__ */ jsx12("p", { className: "pt-guide__title", children: title }),
+      step && /* @__PURE__ */ jsxs10("span", { className: "pt-guide__step", "aria-label": `Step ${step.index} of ${step.total}`, children: [
+        step.index,
+        "/",
+        step.total
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "pt-guide__body", children }),
+    /* @__PURE__ */ jsxs10("div", { className: "pt-guide__actions", children: [
+      action && /* @__PURE__ */ jsx12("button", { type: "button", className: "pt-guide__do", onClick: action.onClick, children: action.label }),
+      /* @__PURE__ */ jsx12("button", { type: "button", className: "pt-guide__dismiss", onClick: close, children: dismissLabel })
+    ] })
+  ] });
+}
+function GuideTour({ notes, dismissed, onDismiss }) {
+  const controlled = dismissed !== void 0;
+  const [version, setVersion] = useState2(0);
+  const [ready, setReady] = useState2(false);
+  useEffect4(() => {
+    setReady(true);
+  }, []);
+  if (!ready && !controlled) return null;
+  void version;
+  const isDone = controlled ? (id) => dismissed.includes(id) : (id) => readDismissed(id);
+  const remaining = notes.filter((note) => !isDone(note.id));
+  const current = remaining[0];
+  if (!current) return null;
+  return /* @__PURE__ */ createElement(
+    GuideNote,
+    {
+      ...current,
+      key: current.id,
+      step: { index: notes.length - remaining.length + 1, total: notes.length },
+      remember: !controlled,
+      onDismissed: () => {
+        onDismiss?.(current.id);
+        setVersion((v) => v + 1);
+      }
+    }
+  );
+}
+
+// src/components/Notifications/Notifications.tsx
+import { useCallback as useCallback3, useEffect as useEffect5, useMemo as useMemo2, useRef as useRef4, useState as useState3 } from "react";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+var STORE_KEY = "pt-seen";
+function readSeen() {
+  try {
+    const raw = window.localStorage.getItem(STORE_KEY);
+    return new Set(raw ? JSON.parse(raw) : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function writeSeen(seen) {
+  try {
+    const kept = [...seen].slice(-400);
+    window.localStorage.setItem(STORE_KEY, JSON.stringify(kept));
+  } catch {
+  }
+}
+var DEFAULT_LABELS = {
+  title: "What changed",
+  empty: "Nothing new since you last looked.",
+  markAll: "Mark all as seen",
+  unread: (n) => `${n} unread`
+};
+function NotificationBell({ notifications, labels, seen: given, onSeen }) {
+  const text2 = { ...DEFAULT_LABELS, ...labels };
+  const controlled = given !== void 0;
+  const [stored, setStored] = useState3(null);
+  const [open, setOpen] = useState3(false);
+  const root = useRef4(null);
+  useEffect5(() => {
+    if (!controlled) setStored(readSeen());
+  }, [controlled]);
+  const seen = controlled ? new Set(given) : stored;
+  useEffect5(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (root.current && !root.current.contains(e.target)) setOpen(false);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onDown);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+  const markSeen = useCallback3(
+    (ids) => {
+      if (controlled) {
+        onSeen?.(ids);
+        return;
+      }
+      setStored((current) => {
+        const next = new Set(current ?? []);
+        for (const id of ids) next.add(id);
+        writeSeen(next);
+        return next;
+      });
+    },
+    [controlled, onSeen]
+  );
+  const unread = useMemo2(
+    () => seen ? notifications.filter((n) => !seen.has(n.id)) : [],
+    [notifications, seen]
+  );
+  if (!seen) return null;
+  const count = unread.length;
+  return /* @__PURE__ */ jsxs11("div", { className: "pt-bell", ref: root, children: [
+    /* @__PURE__ */ jsxs11(
+      "button",
+      {
+        type: "button",
+        className: `pt-bell__button${count ? " has-unread" : ""}`,
+        "aria-expanded": open,
+        "aria-haspopup": "true",
+        title: count ? `${text2.title} \u2014 ${text2.unread(count)}` : text2.title,
+        onClick: () => setOpen((v) => !v),
+        children: [
+          /* @__PURE__ */ jsx13("span", { className: "pt-bell__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs11("svg", { viewBox: "0 0 16 16", width: "15", height: "15", children: [
+            /* @__PURE__ */ jsx13(
+              "path",
+              {
+                d: "M8 1.6a3.6 3.6 0 0 0-3.6 3.6v2.3L3.1 10.2h9.8l-1.3-2.7V5.2A3.6 3.6 0 0 0 8 1.6Z",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.3",
+                strokeLinejoin: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx13("path", { d: "M6.5 12a1.5 1.5 0 0 0 3 0", fill: "none", stroke: "currentColor", strokeWidth: "1.3" })
+          ] }) }),
+          /* @__PURE__ */ jsx13("span", { className: "pt-sr-only", children: count ? text2.unread(count) : text2.title }),
+          count > 0 && /* @__PURE__ */ jsx13("span", { className: "pt-bell__count", "aria-hidden": "true", children: count > 99 ? "99+" : count })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs11("div", { className: "pt-bell__panel", role: "dialog", "aria-label": text2.title, children: [
+      /* @__PURE__ */ jsxs11("div", { className: "pt-bell__head", children: [
+        /* @__PURE__ */ jsx13("p", { className: "pt-bell__title", children: text2.title }),
+        count > 0 && /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            className: "pt-bell__all",
+            onClick: () => markSeen(notifications.map((n) => n.id)),
+            children: text2.markAll
+          }
+        )
+      ] }),
+      count === 0 ? /* @__PURE__ */ jsx13("p", { className: "pt-bell__empty", children: text2.empty }) : /* @__PURE__ */ jsx13("ul", { className: "pt-bell__list", children: unread.map((item) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs11(
+        "button",
+        {
+          type: "button",
+          className: `pt-bell__item is-${item.tone ?? "info"}`,
+          onClick: () => {
+            item.onOpen?.();
+            markSeen([item.id]);
+            if (item.onOpen) setOpen(false);
+          },
+          children: [
+            /* @__PURE__ */ jsx13("span", { className: "pt-bell__mark", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsxs11("span", { className: "pt-bell__body", children: [
+              /* @__PURE__ */ jsx13("span", { className: "pt-bell__item-title", children: item.title }),
+              item.detail && /* @__PURE__ */ jsx13("span", { className: "pt-bell__detail", children: item.detail }),
+              item.at && /* @__PURE__ */ jsx13("span", { className: "pt-bell__at", children: item.at })
+            ] })
+          ]
+        }
+      ) }, item.id)) })
+    ] })
+  ] });
+}
+
+// src/components/CopyBlock/CopyBlock.tsx
+import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+var DEFAULT_LABELS2 = {
+  copy: "Copy",
+  copied: "Copied",
+  selected: "Selected \u2014 press \u2318C"
+};
+function CopyBlock({ text: text2, label, note, labels }) {
+  const words = { ...DEFAULT_LABELS2, ...labels };
+  const [result, setResult] = useState4("idle");
+  const pre = useRef5(null);
+  const timer = useRef5(void 0);
+  useEffect6(() => () => window.clearTimeout(timer.current), []);
+  const announce = useCallback4((next) => {
+    setResult(next);
+    window.clearTimeout(timer.current);
+    timer.current = window.setTimeout(() => setResult("idle"), 2400);
+  }, []);
+  const select = useCallback4(() => {
+    const node = pre.current;
+    if (!node) return false;
+    try {
+      const range = document.createRange();
+      range.selectNodeContents(node);
+      const selection = window.getSelection();
+      if (!selection) return false;
+      selection.removeAllRanges();
+      selection.addRange(range);
+      return true;
+    } catch {
+      return false;
+    }
+  }, []);
+  const copy = useCallback4(async () => {
+    try {
+      await navigator.clipboard.writeText(text2);
+      announce("copied");
+      return;
+    } catch {
+    }
+    if (select()) announce("selected");
+  }, [announce, select, text2]);
+  return /* @__PURE__ */ jsxs12("div", { className: "pt-copy", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "pt-copy__head", children: [
+      /* @__PURE__ */ jsxs12("div", { className: "pt-copy__meta", children: [
+        label && /* @__PURE__ */ jsx14("p", { className: "pt-copy__label", children: label }),
+        note && /* @__PURE__ */ jsx14("p", { className: "pt-copy__note", children: note })
+      ] }),
+      /* @__PURE__ */ jsx14("button", { type: "button", className: "pt-copy__button", onClick: copy, children: result === "copied" ? words.copied : result === "selected" ? words.selected : words.copy })
+    ] }),
+    /* @__PURE__ */ jsx14("div", { className: "pt-copy__body", children: /* @__PURE__ */ jsx14("pre", { className: "pt-copy__text", ref: pre, children: text2 }) }),
+    /* @__PURE__ */ jsx14("p", { className: "pt-sr-only", role: "status", children: result === "copied" ? words.copied : result === "selected" ? words.selected : "" })
+  ] });
+}
+
+// src/components/Setup/SetupGuide.tsx
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+var DEFAULT_LABELS3 = {
+  ok: "in place",
+  missing: "not set",
+  unknown: "cannot tell",
+  whatToDo: "What to do"
+};
+function SetupGuide({ requirements, readyMessage, labels }) {
+  const text2 = { ...DEFAULT_LABELS3, ...labels };
+  const missing = requirements.filter((r) => r.status === "missing");
+  const allOk = requirements.length > 0 && missing.length === 0;
+  return /* @__PURE__ */ jsxs13("div", { className: "pt-setup", children: [
+    /* @__PURE__ */ jsx15("ul", { className: "pt-setup__list", children: requirements.map((requirement) => /* @__PURE__ */ jsxs13("li", { className: `pt-setup__item is-${requirement.status}`, children: [
+      /* @__PURE__ */ jsx15("span", { className: "pt-setup__mark", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxs13("div", { className: "pt-setup__main", children: [
+        /* @__PURE__ */ jsxs13("p", { className: "pt-setup__label", children: [
+          requirement.label,
+          /* @__PURE__ */ jsx15("span", { className: "pt-setup__state", children: text2[requirement.status] })
+        ] }),
+        requirement.variable && /* @__PURE__ */ jsx15("p", { className: "pt-setup__var", children: requirement.variable }),
+        requirement.enables && /* @__PURE__ */ jsx15("p", { className: "pt-setup__enables", children: requirement.enables }),
+        requirement.status !== "ok" && requirement.fix && /* @__PURE__ */ jsxs13("div", { className: "pt-setup__fix", children: [
+          /* @__PURE__ */ jsx15("p", { className: "pt-setup__fix-title", children: text2.whatToDo }),
+          requirement.fix
+        ] })
+      ] })
+    ] }, requirement.id)) }),
+    allOk && readyMessage && /* @__PURE__ */ jsx15("p", { className: "pt-setup__ready", children: readyMessage })
+  ] });
+}
+
+// src/hooks/useDelegatedClick.ts
+import { useEffect as useEffect7 } from "react";
+function useDelegatedClick(attribute, handler) {
+  useEffect7(() => {
+    function onClick(e) {
+      const target = e.target.closest(`[${attribute}]`);
+      if (!target) return;
+      const payload = {};
+      for (const { name, value } of Array.from(target.attributes)) {
+        if (name.startsWith("data-")) payload[name.replace(/^data-/, "")] = value;
+      }
+      handler(payload, e);
+    }
+    document.addEventListener("click", onClick);
+    return () => document.removeEventListener("click", onClick);
+  }, [attribute, handler]);
+}
+
+// src/hooks/useMediaQuery.ts
+import { useEffect as useEffect8, useState as useState5 } from "react";
+function useMediaQuery(query) {
+  const [matches, setMatches] = useState5(() => typeof window !== "undefined" ? window.matchMedia(query).matches : false);
+  useEffect8(() => {
+    const mql = window.matchMedia(query);
+    const handler = () => setMatches(mql.matches);
+    handler();
+    mql.addEventListener("change", handler);
+    return () => mql.removeEventListener("change", handler);
+  }, [query]);
+  return matches;
+}
+
+// src/board/text.ts
+var LANGS = ["en", "es"];
+var LANG_LABELS = {
+  en: "English",
+  es: "Espa\xF1ol"
+};
+function text(value, lang) {
+  if (value === void 0) return "";
+  if (typeof value === "string") return value;
+  const own = value[lang];
+  if (own !== void 0 && own !== "") return own;
+  const other = LANGS.find((code) => code !== lang && value[code]);
+  return other ? value[other] : "";
+}
+function untranslated(value) {
+  if (value === void 0 || typeof value === "string") return false;
+  const written = LANGS.filter((code) => value[code]);
+  return written.length === 1;
+}
+function writeText(lang, value) {
+  return { [lang]: value };
+}
+
+// src/board/model.ts
+var INTENTS = ["decide", "explain", "solve", "do", "cheap", "safe", "fast", "askme", "hold"];
+var INTENT_COPY = {
+  decide: {
+    label: { en: "You decide", es: "Dec\xEDdelo t\xFA" },
+    meaning: {
+      en: "Pick between the options and act. Say what you picked and why, in one line.",
+      es: "Elige entre las opciones y act\xFAa. Di qu\xE9 elegiste y por qu\xE9, en una l\xEDnea."
+    }
+  },
+  explain: {
+    label: { en: "Explain it first", es: "Expl\xEDcamelo antes" },
+    meaning: {
+      en: "Change nothing. Come back with the trade-off and wait.",
+      es: "No cambies nada. Vuelve con el compromiso que hay y espera."
+    }
+  },
+  solve: {
+    label: { en: "Solve it if it is small", es: "Resu\xE9lvelo si es peque\xF1o" },
+    meaning: {
+      en: "Fix it if it is small and reversible. If it is neither, stop and say so.",
+      es: "Arr\xE9glalo si es peque\xF1o y reversible. Si no es ninguna de las dos, para y dilo."
+    }
+  },
+  do: {
+    label: { en: "Do it, decide the details", es: "Hazlo y decide los detalles" },
+    meaning: {
+      en: "Build it. Every detail not written down is yours to choose.",
+      es: "Constr\xFAyelo. Todo detalle que no est\xE9 escrito lo eliges t\xFA."
+    }
+  },
+  cheap: {
+    label: { en: "Cheapest to maintain", es: "Lo m\xE1s barato de mantener" },
+    meaning: {
+      en: "Choose whatever needs the least looking after later, even if it is duller.",
+      es: "Elige lo que menos haya que cuidar despu\xE9s, aunque sea m\xE1s aburrido."
+    }
+  },
+  safe: {
+    label: { en: "Safest option", es: "La opci\xF3n m\xE1s segura" },
+    meaning: {
+      en: "Take the conservative option. No new dependency, no new failure mode.",
+      es: "Coge la opci\xF3n conservadora. Sin dependencias nuevas ni modos de fallo nuevos."
+    }
+  },
+  fast: {
+    label: { en: "Fastest that works", es: "Lo m\xE1s r\xE1pido que funcione" },
+    meaning: {
+      en: "Ship the smallest thing that works. Note the debt you took on.",
+      es: "Entrega lo m\xEDnimo que funcione. Anota la deuda que asumes."
+    }
+  },
+  askme: {
+    label: { en: "Ask me first", es: "Preg\xFAntame antes" },
+    meaning: {
+      en: "Read, plan, propose. Change nothing until I answer.",
+      es: "Lee, planea, prop\xF3n. No cambies nada hasta que conteste."
+    }
+  },
+  hold: {
+    label: { en: "Do not touch it yet", es: "No lo toques todav\xEDa" },
+    meaning: {
+      en: "Leave it alone. It is here so it is not forgotten, not so it is done.",
+      es: "D\xE9jalo en paz. Est\xE1 aqu\xED para no olvidarse, no para hacerse."
+    }
+  }
+};
+var LEVELS = ["high", "medium", "low"];
+var OWNERS = ["claude", "you"];
+function newId() {
+  return Math.random().toString(36).slice(2, 10);
+}
+function today() {
+  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+function emptyCard(column, area) {
+  const stamp = today();
+  return {
+    id: newId(),
+    column,
+    title: "",
+    body: "",
+    area,
+    priority: "medium",
+    risk: "medium",
+    owner: "claude",
+    order: false,
+    intent: null,
+    checks: [],
+    notes: [],
+    createdAt: stamp,
+    updatedAt: stamp,
+    startedAt: null,
+    completedAt: null
+  };
+}
+function stampForColumn(card, columns) {
+  const column = columns.find((candidate) => candidate.id === card.column);
+  if (!column) return card;
+  if (column.done) {
+    return { ...card, completedAt: card.completedAt ?? today() };
+  }
+  const next = { ...card, completedAt: null };
+  if (column.active && !next.startedAt) next.startedAt = today();
+  return next;
+}
+function claimedWithoutStarting(card) {
+  return Boolean(card.completedAt) && !card.startedAt;
+}
+function countCards(state) {
+  const doneColumns = new Set(state.columns.filter((column) => column.done).map((column) => column.id));
+  const counts = { open: 0, orders: 0, yours: 0, decisions: 0, highRisk: 0, done: 0 };
+  for (const card of state.cards) {
+    if (doneColumns.has(card.column)) {
+      counts.done += 1;
+      continue;
+    }
+    counts.open += 1;
+    if (card.order) counts.orders += 1;
+    if (card.owner === "you") counts.yours += 1;
+    if (card.intent === "decide") counts.decisions += 1;
+    if (card.risk === "high") counts.highRisk += 1;
+  }
+  return counts;
+}
+function checkProgress(card) {
+  if (card.checks.length === 0) return void 0;
+  return { done: card.checks.filter((check) => check.done).length, total: card.checks.length };
+}
+
+// src/board/analysis.ts
+var ANALYSIS_SECTIONS = ["board", "project", "strategy", "market"];
+function decided(analysis) {
+  const out = [];
+  for (const section of ANALYSIS_SECTIONS) {
+    for (const choice of analysis.choices?.[section] ?? []) {
+      const option = choice.options.find((o) => o.id === choice.value);
+      if (option) out.push({ section, choice, option });
+    }
+  }
+  return out.sort((a, b) => (b.choice.decidedAt ?? "").localeCompare(a.choice.decidedAt ?? ""));
+}
+function undecided(analysis) {
+  const out = [];
+  for (const section of ANALYSIS_SECTIONS) {
+    for (const choice of analysis.choices?.[section] ?? []) {
+      if (!choice.options.some((o) => o.id === choice.value)) out.push({ section, choice });
+    }
+  }
+  return out;
+}
+function boardFacts(cards, columns, today2) {
+  const doneColumns = new Set(columns.filter((column) => column.done).map((column) => column.id));
+  const facts = {
+    total: cards.length,
+    open: 0,
+    byColumn: columns.map((column) => ({
+      id: column.id,
+      title: column.title,
+      count: cards.filter((card) => card.column === column.id).length
+    })),
+    waitingOnOwner: 0,
+    orders: 0,
+    highRisk: 0,
+    claimed: [],
+    oldestOpenDays: null,
+    oldestOpen: null
+  };
+  let oldest;
+  for (const card of cards) {
+    if (claimedWithoutStarting(card)) facts.claimed.push({ id: card.id, title: card.title });
+    if (doneColumns.has(card.column)) continue;
+    facts.open += 1;
+    if (card.owner === "you") facts.waitingOnOwner += 1;
+    if (card.order) facts.orders += 1;
+    if (card.risk === "high") facts.highRisk += 1;
+    if (!oldest || card.createdAt < oldest.createdAt) oldest = card;
+  }
+  if (oldest) {
+    facts.oldestOpen = { id: oldest.id, title: oldest.title };
+    const days = Math.round((Date.parse(today2) - Date.parse(oldest.createdAt)) / 864e5);
+    facts.oldestOpenDays = Number.isFinite(days) ? Math.max(0, days) : null;
+  }
+  return facts;
+}
+function trendOf(metric) {
+  const readings = metric.readings;
+  const latest = readings[readings.length - 1];
+  const previous = readings[readings.length - 2];
+  if (!latest || !previous) return { latest, previous, delta: null, against: false };
+  const delta = latest.value - previous.value;
+  const against = delta === 0 ? false : metric.goal === "up" ? delta < 0 : delta > 0;
+  return { latest, previous, delta, against };
+}
+function sparkPoints(readings) {
+  if (readings.length === 0) return [];
+  const values = readings.map((reading) => reading.value);
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const span = max - min;
+  return readings.map((reading, index) => ({
+    x: readings.length === 1 ? 0.5 : index / (readings.length - 1),
+    y: span === 0 ? 0.5 : 1 - (reading.value - min) / span
+  }));
+}
+
+// src/board/validate.ts
+var BOARD_VERSION = 2;
+var LEVELS2 = /* @__PURE__ */ new Set(["high", "medium", "low"]);
+var OWNERS2 = /* @__PURE__ */ new Set(["claude", "you"]);
+var INTENT_SET = new Set(INTENTS);
+function isObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isText(value) {
+  if (typeof value === "string") return true;
+  if (!isObject(value)) return false;
+  return Object.values(value).every((entry) => typeof entry === "string");
+}
+function validateBoard(value) {
+  const problems = [];
+  const say = (at, says) => problems.push({ at, says });
+  if (!isObject(value)) {
+    return { ok: false, reason: "shape", problems: [{ at: "", says: "the board is not a JSON object" }] };
+  }
+  if (value.v !== BOARD_VERSION) {
+    return {
+      ok: false,
+      reason: "version",
+      found: value.v,
+      expected: BOARD_VERSION,
+      problems: [
+        {
+          at: "v",
+          says: value.v === void 0 ? `no version. This kit reads v ${BOARD_VERSION}` : `written for v ${JSON.stringify(value.v)}, and this kit reads v ${BOARD_VERSION}`
+        }
+      ]
+    };
+  }
+  for (const key of ["project", "updatedAt"]) {
+    if (typeof value[key] !== "string") say(key, "must be a string");
+  }
+  const columnIds = /* @__PURE__ */ new Set();
+  if (!Array.isArray(value.columns) || value.columns.length === 0) {
+    say("columns", "must be a non-empty array \u2014 a board with no columns has nowhere to put a card");
+  } else {
+    value.columns.forEach((column, index) => {
+      const at = `columns[${index}]`;
+      if (!isObject(column)) return say(at, "must be an object");
+      if (typeof column.id !== "string" || column.id === "") return say(`${at}.id`, "must be a non-empty string");
+      if (columnIds.has(column.id)) say(`${at}.id`, `"${column.id}" is used by more than one column`);
+      columnIds.add(column.id);
+      if (!isText(column.title)) say(`${at}.title`, "must be a string, or an object of language strings");
+    });
+  }
+  const areaIds = /* @__PURE__ */ new Set();
+  if (!Array.isArray(value.areas)) {
+    say("areas", "must be an array");
+  } else {
+    value.areas.forEach((area, index) => {
+      const at = `areas[${index}]`;
+      if (!isObject(area) || typeof area.id !== "string") return say(`${at}.id`, "must be a non-empty string");
+      areaIds.add(area.id);
+    });
+  }
+  const cardIds = /* @__PURE__ */ new Set();
+  if (!Array.isArray(value.cards)) {
+    say("cards", "must be an array");
+  } else {
+    value.cards.forEach((card, index) => checkCard(card, `cards[${index}]`, { columnIds, areaIds, cardIds, say }));
+  }
+  if (!Array.isArray(value.runs)) say("runs", "must be an array");
+  if (problems.length) return { ok: false, reason: "shape", problems };
+  return { ok: true, board: value, problems: [] };
+}
+function checkCard(card, at, ctx) {
+  const { say } = ctx;
+  if (!isObject(card)) return say(at, "must be an object");
+  if (typeof card.id !== "string" || card.id === "") {
+    say(`${at}.id`, "must be a non-empty string");
+  } else if (ctx.cardIds.has(card.id)) {
+    say(`${at}.id`, `"${card.id}" is used by more than one card`);
+  } else {
+    ctx.cardIds.add(card.id);
+  }
+  if (typeof card.column !== "string") {
+    say(`${at}.column`, "must be a string");
+  } else if (ctx.columnIds.size && !ctx.columnIds.has(card.column)) {
+    say(`${at}.column`, `"${card.column}" is not one of the board's columns, so this card is drawn nowhere`);
+  }
+  if (typeof card.area !== "string") {
+    say(`${at}.area`, "must be a string");
+  } else if (ctx.areaIds.size && !ctx.areaIds.has(card.area)) {
+    say(`${at}.area`, `"${card.area}" is not one of the board's areas`);
+  }
+  if (!isText(card.title)) say(`${at}.title`, "must be a string, or an object of language strings");
+  for (const key of ["priority", "risk"]) {
+    if (card[key] !== void 0 && !LEVELS2.has(card[key])) {
+      say(`${at}.${key}`, `must be high, medium or low \u2014 found ${JSON.stringify(card[key])}`);
+    }
+  }
+  if (card.owner !== void 0 && !OWNERS2.has(card.owner)) {
+    say(`${at}.owner`, `must be claude or you \u2014 found ${JSON.stringify(card.owner)}`);
+  }
+  if (card.intent !== void 0 && card.intent !== null && !INTENT_SET.has(card.intent)) {
+    say(`${at}.intent`, `${JSON.stringify(card.intent)} is not one of: ${INTENTS.join(", ")}`);
+  }
+  if (card.checks !== void 0 && !Array.isArray(card.checks)) say(`${at}.checks`, "must be an array");
+  if (card.notes !== void 0 && !Array.isArray(card.notes)) say(`${at}.notes`, "must be an array");
+}
+function readBoard(text2) {
+  let parsed;
+  try {
+    parsed = JSON.parse(text2);
+  } catch (error) {
+    return {
+      ok: false,
+      reason: "shape",
+      problems: [{ at: "", says: `not valid JSON \u2014 ${error.message}` }]
+    };
+  }
+  return validateBoard(parsed);
+}
+function explainBoard(check) {
+  if (check.ok) return "the board is readable";
+  return check.problems.map((problem) => problem.at ? `${problem.at}: ${problem.says}` : problem.says).join("\n");
+}
+function isCard(value) {
+  return isObject(value) && typeof value.id === "string" && typeof value.column === "string";
+}
+
+// src/panel/PanelApp.tsx
+import React12, { useCallback as useCallback5, useEffect as useEffect9, useMemo as useMemo5, useState as useState9 } from "react";
+
+// src/panel/themes.ts
+var PRESET_FORM = {
+  midnight: THEME_FORMS.panel,
+  oldMoney: THEME_FORMS.ledger,
+  cyberpunk: THEME_FORMS.panel,
+  claude: THEME_FORMS.paper
+};
+var PRESET_NOTE = {
+  midnight: "the neutral preset, and the one everything else is measured against",
+  oldMoney: "bottle green and muted gold, drawn as a ledger rather than as cards",
+  cyberpunk: "crimson and a hot yellow, with the contrast turned up",
+  claude: "warm paper and clay, and the only light one"
+};
+var PRESET_LABEL = {
+  midnight: "Midnight",
+  oldMoney: "Old Money",
+  cyberpunk: "Cyberpunk",
+  claude: "Claude"
+};
+var PRESET_PANEL_THEMES = Object.fromEntries(
+  Object.keys(THEME_PRESETS).map((name) => [
+    name,
+    { label: PRESET_LABEL[name], tokens: THEME_PRESETS[name], form: PRESET_FORM[name], note: PRESET_NOTE[name] }
+  ])
+);
+
+// src/panel/AnalysisView.tsx
+import { useMemo as useMemo3, useState as useState6 } from "react";
+
+// src/panel/i18n.ts
+var STORAGE_KEY = "paneltir:lang";
+function readStoredLang(fallback = "en") {
+  try {
+    const stored = window.localStorage.getItem(STORAGE_KEY);
+    return stored === "en" || stored === "es" ? stored : fallback;
+  } catch {
+    return fallback;
+  }
+}
+function storeLang(lang) {
+  try {
+    window.localStorage.setItem(STORAGE_KEY, lang);
+  } catch {
+  }
+}
+var UI = {
+  en: {
+    settings: "Settings",
+    dismiss: "Dismiss",
+    close: "Close",
+    all: "All",
+    board: "Board",
+    analysis: "Analysis",
+    cardDetail: "Card",
+    panelSettings: "Panel settings",
+    title: "Title",
+    titlePlaceholder: "Name the card\u2026",
+    untitled: "Untitled",
+    detail: "Detail",
+    detailPlaceholder: "What this is, and anything needed to act on it\u2026",
+    areaLabel: "Area",
+    priority: "Priority",
+    risk: "Risk",
+    riskHint: "what it costs if it goes wrong, not how soon it is wanted",
+    levelHigh: "high",
+    levelMedium: "medium",
+    levelLow: "low",
+    dependsOn: "Waiting on",
+    ownerClaude: "Claude",
+    ownerYou: "You",
+    orderTitle: "Order for Claude",
+    orderOn: "Do it",
+    orderOff: "Noted only",
+    intentTitle: "How to do it",
+    intentHint: "one tap, and it beats anything Claude would otherwise decide",
+    intentNone: "No instruction",
+    checklist: "Checklist",
+    addStep: "Add",
+    addStepPlaceholder: "Add a step\u2026",
+    notes: "Notes",
+    notePlaceholder: "Write to Claude\u2026",
+    leaveNote: "Leave a note",
+    columnTitle: "Column",
+    started: "Started",
+    completed: "Completed",
+    neverStarted: "Marked finished without ever being started.",
+    deleteCard: "Delete card",
+    addCard: "Add a card",
+    untranslatedBadge: "ES only",
+    filterForClaude: "For Claude",
+    filterYours: "Waiting on you",
+    filterHighRisk: "High risk",
+    statOpen: "Open",
+    statOrders: "Orders",
+    statYours: "For you",
+    statDecisions: "Decisions",
+    statHighRisk: "High risk",
+    statDone: "Done",
+    theme: "Theme",
+    themeSubtitle: "the only thing that changes between projects",
+    themeNote: "The structure does not move: only the palette handed to the theme provider changes.",
+    language: "Language",
+    languageSubtitle: "the public pages stay in English",
+    fingerprint: "Kit fingerprint",
+    fingerprintSubtitle: "so nothing has to be re-read to know it changed",
+    trackedFiles: (count, version) => `${count} tracked files in v${version}.`,
+    notifications: "What changed",
+    nothingNew: "Nothing new since you last looked.",
+    markAllSeen: "Mark all as seen",
+    unreadCount: (n) => `${n} unread`,
+    notifRun: (by) => `${by} worked the board`,
+    notifWaiting: "Waiting on you",
+    notifSuggestion: (area) => `Open suggestion \xB7 ${area}`,
+    help: "Help",
+    helpTitle: "What this panel needs",
+    setupReady: "Everything is in place. Edits made here commit to the repository.",
+    setupOk: "in place",
+    setupMissing: "not set",
+    setupUnknown: "cannot tell",
+    setupWhatToDo: "What to do",
+    setupChecking: "Asking the server what is configured\u2026",
+    setupWriteTarget: (repo, branch, file) => `Saves commit ${file} on ${branch} in ${repo}.`,
+    needPassword: "A password on the panel",
+    needPasswordEnables: "Without it the panel answers 503 rather than becoming public \u2014 so this one is already set, or you would not be reading it.",
+    needToken: "A GitHub token",
+    needTokenEnables: "Lets Save commit the board back to the repository. Without it everything else works and Save fails.",
+    needRepo: "The repository to write to",
+    needRepoEnables: "Which repository the board is committed to. There is no default on purpose: writing to the wrong one is worse than not writing.",
+    fixTokenCreate: "On GitHub, make a fine-grained personal access token.",
+    fixTokenScope: "Give it Contents: read and write, on this repository only \u2014 nothing else, and no other repository.",
+    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.",
+    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",
+    demoTourBoardBody: "The grip on the left of a card moves it between columns; it works with a finger as well as a pointer. Clicking anywhere else opens the card, where its priority, risk and checklist live.",
+    demoTourThemeTitle: "Try a different identity",
+    demoTourThemeBody: "Settings carries the themes. They are not repaints: one is drawn as a ledger \u2014 squared, ruled, set in a serif \u2014 where another floats cards in rounded columns. A project brings its own colour and its own shape.",
+    demoTourKeepTitle: "Nothing here is kept",
+    demoTourKeepBody: "Nothing is saved here, so reloading brings it all back. Wired to a repository, the panel commits every edit, which is what gives each change a diff and a history.",
+    tourWelcomeTitle: "This board is the project, not a demo",
+    tourWelcomeBody: "Every card here is real work on this repository. Nothing is filler, and nothing is lost when you close the tab.",
+    tourBoardTitle: "Drag a card to move it",
+    tourBoardBody: "Use the grip on the left of a card. A card moves to In progress when the work starts and to Done only once it is finished and checked \u2014 moving it is a claim, so only move it when it is true.",
+    tourOrdersTitle: "Tell Claude what to do, and how",
+    tourOrdersBody: "Open a card and set Order for Claude to ask for it. How to do it is stronger: it beats anything Claude would otherwise decide, and three of its values are refusals \u2014 explain it first, ask me first, do not touch it yet.",
+    tourSaveTitle: "Nothing is saved until you press Save",
+    tourSaveBody: "Edits stay in this browser until then. Save commits the board to the repository, so every change has a diff and a history. Leaving with unsaved work warns you first.",
+    tourThemeTitle: "Make it yours",
+    tourThemeBody: "Settings carries the theme \u2014 which is colour and shape, not just colour \u2014 and the language. Whatever you pick is what this panel looks like from now on.",
+    gotIt: "Got it",
+    showGuideAgain: "Show the guide again",
+    guideSection: "The guide",
+    session: "Session",
+    sessionSubtitle: "This browser stays signed in for eight hours.",
+    signOut: "Sign out",
+    signingOut: "Signing out\u2026",
+    signOutFailed: "Could not sign out. Check the connection and try again.",
+    links: "Links",
+    home: "Home",
+    demo: "Demo",
+    repository: "Repository",
+    terms: "Terms",
+    save: "Save to GitHub",
+    saving: "Saving\u2026",
+    savedAt: (time) => `saved ${time}`,
+    savedWithCommit: "Saved. The site rebuilds on its own.",
+    saveFailed: "Could not save",
+    saveConflict: "The board changed in the repository since this page loaded. Reload before saving again.",
+    unsaved: "unsaved changes",
+    saveSection: "Board",
+    saveSubtitle: "the panel writes its own state to the repository",
+    saveHelp: "Saving commits the board file on main through the GitHub API, so the change has a diff, an author and a history.",
+    upToDate: "No changes to save.",
+    demoNotice: "Edits here stay in this browser: the demo has nowhere to save.",
+    analysisEyebrow: "Analysis",
+    briefTitle: "What this is for",
+    stage: "Stage",
+    goalsTitle: "Goals",
+    constraintsTitle: "Non-negotiable",
+    constraintOn: "holds",
+    constraintOff: "lifted",
+    weights: { primary: "primary", secondary: "secondary", off: "not a goal" },
+    metricsTitle: "Metrics",
+    metricsIntro: "Each one names the direction that counts as better, so a reading against it is visible rather than a matter of opinion.",
+    metricWith: "with the goal",
+    metricAgainst: "against the goal",
+    strategiesTitle: "Strategies",
+    strategyOpenHint: "No path chosen yet \u2014 that decision is yours, and the board follows it.",
+    strategyChosenHint: "The chosen path is an instruction: cards that serve it are work now.",
+    strategyChoose: "Choose this path",
+    strategyChosen: "Chosen",
+    effort: "Effort",
+    riskShort: "Risk",
+    upside: "Upside",
+    suggestionsTitle: "Standing suggestions",
+    suggestionsIntro: "Things worth doing that are not cards yet. Marking one done or dismissed is how it stops coming back.",
+    severities: { high: "high", medium: "medium", low: "low" },
+    suggestionStatuses: { new: "new", doing: "in progress", done: "done", dismissed: "dismissed" },
+    analysisSections: { board: "Board", project: "Project", strategy: "Strategy", market: "Market" },
+    analysisSectionHints: {
+      board: "What the cards add up to, counted rather than declared.",
+      project: "What this is for, what it must not become, and how it is measured.",
+      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."
+    },
+    analysisAnswered: (answered, total) => `${answered} of ${total} answered`,
+    analysisAllDecided: "Every question on this screen has an answer.",
+    choicesTitle: "Standing answers",
+    choicesIntro: "Answer once here instead of on every card. Claude reads these before deciding anything, so an answer given here outlives the conversation it would otherwise have been given in.",
+    choiceOpen: "not decided",
+    choiceDecidedAt: (at) => `decided ${at}`,
+    choiceReopen: "Reopen",
+    choicesNone: "No standing questions on this screen yet.",
+    claudeReadsTitle: "What Claude reads from this",
+    claudeReadsIntro: "Every answer in one place, so a session can be handed the decisions without being handed the whole panel.",
+    claudeOpenTitle: "Still open",
+    claudeOpenIntro: "Nobody has answered these. An unanswered question is information: Claude asks rather than guessing, and leaves the ground untouched until you say.",
+    boardFactsTitle: "What the board says",
+    boardFactsIntro: "Counted from the cards every time this is drawn. Nothing here is stored, so nothing here can disagree with the board.",
+    factOpen: "Open",
+    factWaiting: "Waiting on you",
+    factOrders: "Asked for",
+    factHighRisk: "High risk",
+    factOldest: "Oldest open card",
+    factDays: (n) => n === 1 ? "1 day" : `${n} days`,
+    factColumnsTitle: "Where they sit",
+    factClaimedTitle: "Finished without ever being started",
+    factClaimedIntro: "A card carrying a completion with no start. Either the work happened and the start went unrecorded, or it never happened \u2014 both are worth knowing before the card is believed.",
+    factClaimedNone: "None \u2014 every finished card was started first.",
+    marketIntro: "Written honestly or worth nothing: a competitor with no strength is a competitor nobody looked at.",
+    marketEmpty: "Nothing written down yet. Not every board is a product \u2014 leave this empty rather than inventing an audience.",
+    audienceTitle: "Audience",
+    positioningTitle: "Position",
+    competitorsTitle: "Who else is there",
+    competitorStrength: "Does better",
+    competitorGap: "Leaves room",
+    pricingTitle: "What it costs",
+    marketNotesTitle: "Notes",
+    importedTheme: "Derived from this project",
+    importedFrom: (at, files) => `Claude read ${files} on ${at} and mapped what it found onto the theme tokens.`,
+    importedRefresh: "Derive it again",
+    importedRefreshAsked: (at) => `Asked on ${at}. The panel cannot run Claude, so this is a note for the next session rather than something happening now \u2014 it is in the bell until it is done.`,
+    importedRefreshHow: "Save first: the request is part of the board, and Claude reads the board.",
+    notifThemeRefresh: "Derive the project theme again",
+    marketplace: "Tools",
+    marketplaceEyebrow: "dfklabs",
+    marketplaceTitle: "Tools",
+    marketplaceIntro: "Everything dfklabs publishes, whether or not it is a Claude Code plugin. The catalogue and every version come from their own sources; what this project has turned on comes from its repository. Nothing here is stored, so nothing here can be out of date without saying so.",
+    marketplaceSource: (url) => `Marketplace: ${url}`,
+    refresh: "Refresh",
+    refreshing: "Reading\u2026",
+    readAt: (age) => `Read ${age}.`,
+    catalogueStale: (age) => `The catalogue could not be reached just now, so this is the last copy that worked \u2014 read ${age}. Versions and install states may have moved since.`,
+    catalogueUnavailable: "The catalogue could not be reached and there is no cached copy to fall back on. This is not an empty catalogue: it is a page with nothing to show yet. Try again in a moment.",
+    catalogueFailed: "The panel could not ask its own server for the catalogue. Check the connection and try again.",
+    catalogueLoading: "Reading the catalogue\u2026",
+    catalogueEmpty: "Nothing matches this filter.",
+    stateFrom: (repo, file) => `Install state read from ${file} in ${repo}.`,
+    settingsAbsent: "that file does not exist yet",
+    settingsUnreadable: "it could not be read, so nothing below is claimed",
+    settingsUnparseable: "it exists but is not valid JSON",
+    filterPlugins: "Plugins",
+    filterActive: "Active here",
+    filterStandalone: "Command only",
+    installStates: {
+      active: "Active",
+      disabled: "Disabled",
+      absent: "Not installed",
+      misconfigured: "Configuration error",
+      unknown: "Cannot tell"
+    },
+    stateMisconfiguredWhy: "The settings file names this plugin but does not register the marketplace it comes from, so there is nowhere to install it from. Copy the block under Install \u2014 it carries both halves.",
+    toolCommandOnly: "Command",
+    versionUnknown: "version unknown",
+    runIt: "Run it",
+    install: "Install",
+    howToRun: "How to run it",
+    learnMore: "More",
+    copy: "Copy",
+    copied: "Copied",
+    copySelected: "Selected \u2014 press \u2318C",
+    installTitle: "Install",
+    installRepoTitle: "In a repository",
+    installRepoHint: "works everywhere, and for everyone on the repository",
+    installRepoMerge: "Merge these two keys into the file \u2014 do not replace it. It installs when the next session starts, for anyone working in this repository.",
+    installRepoMergeRegistered: "The marketplace is already registered here, so only the plugin line is new. Merge these two keys into the file rather than replacing it.",
+    installCliTitle: "Claude Code in a terminal or the desktop app",
+    installCliHint: "this machine only",
+    installStandaloneTitle: "Without Claude",
+    installStandaloneHint: "the tool on its own",
+    installNoStandalone: "This tool does not publish a standalone command.",
+    installNoPlugin: "The catalogue does not offer this one as a plugin, so there is nothing to enable \u2014 it is a command you run.",
+    historyEyebrow: "Revisions",
+    historyTitle: "What each pass actually did",
+    historyIntro: "One entry per session, newest first, naming the cards it touched. A card only reaches Done once its work is on main, and the board stamps when it started and when it finished \u2014 so a claim can be checked instead of believed.",
+    historyEmpty: "No revisions recorded yet.",
+    historyTouched: "Cards touched",
+    brandEyebrow: "Brand \xB7 open decision",
+    logosTitle: "Logo concepts",
+    logosIntro: "Four marks drawn from the same geometry, all flat: no glow, no gradient that a favicon would flatten anyway.",
+    functionsEyebrow: "Functions",
+    functionsTitle: "What this gives a project, and how Claude uses it",
+    functionsIntro: "Everything a consumer project gets on install, and the protocol that keeps an agent from re-reading the kit \u2014 and paying for it \u2014 on every session."
+  },
+  es: {
+    settings: "Ajustes",
+    dismiss: "Entendido",
+    close: "Cerrar",
+    all: "Todo",
+    board: "Tablero",
+    analysis: "An\xE1lisis",
+    cardDetail: "Tarjeta",
+    panelSettings: "Ajustes del panel",
+    title: "T\xEDtulo",
+    titlePlaceholder: "Ponle nombre a la tarjeta\u2026",
+    untitled: "Sin t\xEDtulo",
+    detail: "Detalle",
+    detailPlaceholder: "Qu\xE9 es esto, y lo que haga falta para actuar\u2026",
+    areaLabel: "\xC1rea",
+    priority: "Prioridad",
+    risk: "Riesgo",
+    riskHint: "lo que cuesta si sale mal, no lo pronto que se quiere",
+    levelHigh: "alto",
+    levelMedium: "medio",
+    levelLow: "bajo",
+    dependsOn: "Depende de",
+    ownerClaude: "Claude",
+    ownerYou: "T\xFA",
+    orderTitle: "Orden para Claude",
+    orderOn: "Hazlo",
+    orderOff: "Solo anotado",
+    intentTitle: "C\xF3mo hacerlo",
+    intentHint: "un toque, y manda sobre cualquier cosa que Claude decidiera",
+    intentNone: "Sin instrucci\xF3n",
+    checklist: "Checklist",
+    addStep: "A\xF1adir",
+    addStepPlaceholder: "A\xF1adir paso\u2026",
+    notes: "Notas",
+    notePlaceholder: "Escr\xEDbele a Claude\u2026",
+    leaveNote: "Dejar nota",
+    columnTitle: "Columna",
+    started: "Empezada",
+    completed: "Terminada",
+    neverStarted: "Marcada como terminada sin haberse empezado nunca.",
+    deleteCard: "Borrar tarjeta",
+    addCard: "A\xF1adir tarjeta",
+    untranslatedBadge: "solo EN",
+    filterForClaude: "Para Claude",
+    filterYours: "Depende de ti",
+    filterHighRisk: "Riesgo alto",
+    statOpen: "Abiertas",
+    statOrders: "\xD3rdenes",
+    statYours: "Para ti",
+    statDecisions: "Decisiones",
+    statHighRisk: "Riesgo alto",
+    statDone: "Hecho",
+    theme: "Tema",
+    themeSubtitle: "lo \xFAnico que cambia entre proyectos",
+    themeNote: "La estructura no se mueve: cambia solo la paleta que recibe el proveedor de tema.",
+    language: "Idioma",
+    languageSubtitle: "las p\xE1ginas p\xFAblicas siguen en ingl\xE9s",
+    fingerprint: "Huella del kit",
+    fingerprintSubtitle: "para saber si algo cambi\xF3 sin releer nada",
+    trackedFiles: (count, version) => `${count} archivos versionados en la v${version}.`,
+    notifications: "Qu\xE9 ha cambiado",
+    nothingNew: "Nada nuevo desde la \xFAltima vez que miraste.",
+    markAllSeen: "Marcar todo como visto",
+    unreadCount: (n) => `${n} sin leer`,
+    notifRun: (by) => `${by} ha trabajado el tablero`,
+    notifWaiting: "Esperando por ti",
+    notifSuggestion: (area) => `Sugerencia abierta \xB7 ${area}`,
+    help: "Ayuda",
+    helpTitle: "Lo que este panel necesita",
+    setupReady: "Todo est\xE1 en su sitio. Lo que edites aqu\xED se confirma en el repositorio.",
+    setupOk: "puesto",
+    setupMissing: "sin poner",
+    setupUnknown: "no se sabe",
+    setupWhatToDo: "Qu\xE9 hacer",
+    setupChecking: "Preguntando al servidor qu\xE9 hay configurado\u2026",
+    setupWriteTarget: (repo, branch, file) => `Al guardar se confirma ${file} en ${branch}, en ${repo}.`,
+    needPassword: "Una contrase\xF1a en el panel",
+    needPasswordEnables: "Sin ella el panel responde 503 en vez de quedar p\xFAblico \u2014 as\xED que esta ya est\xE1 puesta, o no estar\xEDas leyendo esto.",
+    needToken: "Un token de GitHub",
+    needTokenEnables: "Permite que Guardar confirme el tablero en el repositorio. Sin \xE9l todo lo dem\xE1s funciona y Guardar falla.",
+    needRepo: "El repositorio donde escribir",
+    needRepoEnables: "En qu\xE9 repositorio se confirma el tablero. No hay valor por defecto a prop\xF3sito: escribir en el equivocado es peor que no escribir.",
+    fixTokenCreate: "En GitHub, crea un token de acceso personal de tipo fine-grained.",
+    fixTokenScope: "Dale Contents: read and write, solo sobre este repositorio \u2014 nada m\xE1s, y ning\xFAn otro repositorio.",
+    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.",
+    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",
+    demoTourBoardBody: "El asa de la izquierda la mueve entre columnas, y funciona con el dedo igual que con el rat\xF3n. Al pulsar en cualquier otro sitio se abre la tarjeta, donde est\xE1n su prioridad, su riesgo y su lista de pasos.",
+    demoTourThemeTitle: "Prueba otra identidad",
+    demoTourThemeBody: "En Ajustes est\xE1n los temas. No son repintados: uno se dibuja como un libro de cuentas \u2014 cuadrado, con filetes, en serif \u2014 mientras otro flota tarjetas en columnas redondeadas. Cada proyecto trae su color y su forma.",
+    demoTourKeepTitle: "Aqu\xED no se guarda nada",
+    demoTourKeepBody: "Aqu\xED no se guarda nada, as\xED que al recargar vuelve todo. Conectado a un repositorio, el panel confirma cada edici\xF3n, y eso es lo que da a cada cambio su diff y su historia.",
+    tourWelcomeTitle: "Este tablero es el proyecto, no una demo",
+    tourWelcomeBody: "Cada tarjeta es trabajo real sobre este repositorio. Nada es relleno, y nada se pierde al cerrar la pesta\xF1a.",
+    tourBoardTitle: "Arrastra una tarjeta para moverla",
+    tourBoardBody: "Usa el asa de la izquierda. Una tarjeta pasa a En curso cuando empieza el trabajo y a Hecho solo cuando est\xE1 acabado y comprobado \u2014 moverla es una afirmaci\xF3n, as\xED que mu\xE9vela solo cuando sea verdad.",
+    tourOrdersTitle: "Dile a Claude qu\xE9 hacer, y c\xF3mo",
+    tourOrdersBody: "Abre una tarjeta y marca Orden para Claude para pedirlo. C\xF3mo hacerlo pesa m\xE1s: gana a cualquier cosa que Claude decidir\xEDa por su cuenta, y tres de sus valores son negativas \u2014 expl\xEDcalo antes, preg\xFAntame antes, no lo toques todav\xEDa.",
+    tourSaveTitle: "No se guarda nada hasta que pulsas Guardar",
+    tourSaveBody: "Hasta entonces los cambios se quedan en este navegador. Guardar confirma el tablero en el repositorio, as\xED cada cambio tiene su diff y su historia. Si te vas sin guardar, se te avisa.",
+    tourThemeTitle: "Ponlo a tu gusto",
+    tourThemeBody: "En Ajustes est\xE1 el tema \u2014 que es color y forma, no solo color \u2014 y el idioma. Lo que elijas es como se ver\xE1 este panel a partir de ahora.",
+    gotIt: "Entendido",
+    showGuideAgain: "Volver a ver la gu\xEDa",
+    guideSection: "La gu\xEDa",
+    session: "Sesi\xF3n",
+    sessionSubtitle: "Este navegador sigue con la sesi\xF3n abierta ocho horas.",
+    signOut: "Cerrar sesi\xF3n",
+    signingOut: "Cerrando sesi\xF3n\u2026",
+    signOutFailed: "No se pudo cerrar la sesi\xF3n. Revisa la conexi\xF3n e int\xE9ntalo otra vez.",
+    links: "Enlaces",
+    home: "Inicio",
+    demo: "Demo",
+    repository: "Repositorio",
+    terms: "T\xE9rminos",
+    save: "Guardar en GitHub",
+    saving: "Guardando\u2026",
+    savedAt: (time) => `guardado ${time}`,
+    savedWithCommit: "Guardado. El sitio se reconstruye solo.",
+    saveFailed: "No se pudo guardar",
+    saveConflict: "El tablero cambi\xF3 en el repositorio desde que se abri\xF3 esta p\xE1gina. Recarga antes de volver a guardar.",
+    unsaved: "cambios sin guardar",
+    saveSection: "Tablero",
+    saveSubtitle: "el panel escribe su propio estado en el repositorio",
+    saveHelp: "Al guardar se commitea el archivo del tablero en main a trav\xE9s de la API de GitHub, as\xED el cambio tiene diff, autor e historial.",
+    upToDate: "No hay cambios que guardar.",
+    demoNotice: "Lo que edites aqu\xED se queda en este navegador: la demo no tiene d\xF3nde guardar.",
+    analysisEyebrow: "An\xE1lisis",
+    briefTitle: "Para qu\xE9 es esto",
+    stage: "Momento",
+    goalsTitle: "Objetivos",
+    constraintsTitle: "Innegociable",
+    constraintOn: "se mantiene",
+    constraintOff: "levantada",
+    weights: { primary: "principal", secondary: "secundario", off: "no es objetivo" },
+    metricsTitle: "M\xE9tricas",
+    metricsIntro: "Cada una dice qu\xE9 direcci\xF3n cuenta como mejor, as\xED una lectura en contra se ve en vez de opinarse.",
+    metricWith: "a favor del objetivo",
+    metricAgainst: "en contra del objetivo",
+    strategiesTitle: "Estrategias",
+    strategyOpenHint: "Todav\xEDa no hay camino elegido \u2014 esa decisi\xF3n es tuya, y el tablero la sigue.",
+    strategyChosenHint: "El camino elegido es una instrucci\xF3n: las tarjetas que lo sirven son trabajo de ahora.",
+    strategyChoose: "Elegir este camino",
+    strategyChosen: "Elegido",
+    effort: "Esfuerzo",
+    riskShort: "Riesgo",
+    upside: "Recorrido",
+    suggestionsTitle: "Sugerencias abiertas",
+    suggestionsIntro: "Cosas que conviene hacer y todav\xEDa no son tarjeta. Marcarlas hechas o descartadas es lo que hace que dejen de volver.",
+    severities: { high: "alta", medium: "media", low: "baja" },
+    suggestionStatuses: { new: "nueva", doing: "en curso", done: "hecha", dismissed: "descartada" },
+    analysisSections: { board: "Tablero", project: "Proyecto", strategy: "Estrategia", market: "Mercado" },
+    analysisSectionHints: {
+      board: "Lo que suman las tarjetas, contado en vez de declarado.",
+      project: "Para qu\xE9 es esto, en qu\xE9 no debe convertirse, y c\xF3mo se mide.",
+      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."
+    },
+    analysisAnswered: (answered, total) => `${answered} de ${total} contestadas`,
+    analysisAllDecided: "Todas las preguntas de esta pantalla tienen respuesta.",
+    choicesTitle: "Respuestas fijas",
+    choicesIntro: "Contesta aqu\xED una vez en lugar de en cada tarjeta. Claude las lee antes de decidir nada, as\xED que una respuesta dada aqu\xED sobrevive a la conversaci\xF3n en la que si no se habr\xEDa dado.",
+    choiceOpen: "sin decidir",
+    choiceDecidedAt: (at) => `decidido ${at}`,
+    choiceReopen: "Reabrir",
+    choicesNone: "Todav\xEDa no hay preguntas fijas en esta pantalla.",
+    claudeReadsTitle: "Lo que Claude lee de aqu\xED",
+    claudeReadsIntro: "Todas las respuestas en un sitio, para poder darle a una sesi\xF3n las decisiones sin darle el panel entero.",
+    claudeOpenTitle: "Sigue abierto",
+    claudeOpenIntro: "Nadie ha contestado esto. Una pregunta sin contestar es informaci\xF3n: Claude pregunta en vez de adivinar, y no toca el terreno hasta que lo digas t\xFA.",
+    boardFactsTitle: "Lo que dice el tablero",
+    boardFactsIntro: "Contado desde las tarjetas cada vez que se dibuja esto. Aqu\xED no se guarda nada, as\xED que nada de aqu\xED puede contradecir al tablero.",
+    factOpen: "Abiertas",
+    factWaiting: "Esperando por ti",
+    factOrders: "Pedidas",
+    factHighRisk: "Riesgo alto",
+    factOldest: "Tarjeta abierta m\xE1s vieja",
+    factDays: (n) => n === 1 ? "1 d\xEDa" : `${n} d\xEDas`,
+    factColumnsTitle: "D\xF3nde est\xE1n",
+    factClaimedTitle: "Terminadas sin haberse empezado nunca",
+    factClaimedIntro: "Una tarjeta con fecha de fin y sin fecha de inicio. O el trabajo se hizo y el inicio no se apunt\xF3, o no se hizo \u2014 las dos cosas conviene saberlas antes de creerse la tarjeta.",
+    factClaimedNone: "Ninguna \u2014 todas las terminadas se empezaron antes.",
+    marketIntro: "Escrito con honestidad o no vale nada: un competidor sin ninguna virtud es un competidor que nadie ha mirado.",
+    marketEmpty: "Todav\xEDa no hay nada escrito. No todo tablero es un producto \u2014 mejor dejarlo vac\xEDo que inventarse un p\xFAblico.",
+    audienceTitle: "P\xFAblico",
+    positioningTitle: "Posici\xF3n",
+    competitorsTitle: "Qui\xE9n m\xE1s est\xE1 ah\xED",
+    competitorStrength: "Hace mejor",
+    competitorGap: "Deja hueco",
+    pricingTitle: "Lo que cuesta",
+    marketNotesTitle: "Notas",
+    importedTheme: "Derivado de este proyecto",
+    importedFrom: (at, files) => `Claude ley\xF3 ${files} el ${at} y mape\xF3 lo que encontr\xF3 a los tokens del tema.`,
+    importedRefresh: "Volver a derivarlo",
+    importedRefreshAsked: (at) => `Pedido el ${at}. El panel no puede ejecutar a Claude, as\xED que esto es un recado para la siguiente sesi\xF3n y no algo que est\xE9 pasando ahora \u2014 se queda en la campana hasta que se haga.`,
+    importedRefreshHow: "Guarda primero: la petici\xF3n es parte del tablero, y Claude lee el tablero.",
+    notifThemeRefresh: "Volver a derivar el tema del proyecto",
+    marketplace: "Herramientas",
+    marketplaceEyebrow: "dfklabs",
+    marketplaceTitle: "Herramientas",
+    marketplaceIntro: "Todo lo que publica dfklabs, sea o no un plugin de Claude Code. El cat\xE1logo y cada versi\xF3n salen de sus propias fuentes; lo que este proyecto tiene activado sale de su repositorio. Aqu\xED no se guarda nada, as\xED que nada de aqu\xED puede estar desactualizado sin decirlo.",
+    marketplaceSource: (url) => `Marketplace: ${url}`,
+    refresh: "Actualizar",
+    refreshing: "Leyendo\u2026",
+    readAt: (age) => `Le\xEDdo ${age}.`,
+    catalogueStale: (age) => `Ahora mismo no se pudo llegar al cat\xE1logo, as\xED que esta es la \xFAltima copia que funcion\xF3 \u2014 le\xEDda ${age}. Las versiones y los estados pueden haber cambiado desde entonces.`,
+    catalogueUnavailable: "No se pudo llegar al cat\xE1logo y no hay copia en cach\xE9 a la que recurrir. Esto no es un cat\xE1logo vac\xEDo: es una p\xE1gina que todav\xEDa no tiene nada que ense\xF1ar. Int\xE9ntalo dentro de un momento.",
+    catalogueFailed: "El panel no pudo preguntarle el cat\xE1logo a su propio servidor. Revisa la conexi\xF3n e int\xE9ntalo otra vez.",
+    catalogueLoading: "Leyendo el cat\xE1logo\u2026",
+    catalogueEmpty: "Nada coincide con este filtro.",
+    stateFrom: (repo, file) => `Estado de instalaci\xF3n le\xEDdo de ${file} en ${repo}.`,
+    settingsAbsent: "ese archivo todav\xEDa no existe",
+    settingsUnreadable: "no se pudo leer, as\xED que aqu\xED abajo no se afirma nada",
+    settingsUnparseable: "existe pero no es JSON v\xE1lido",
+    filterPlugins: "Plugins",
+    filterActive: "Activos aqu\xED",
+    filterStandalone: "Solo comando",
+    installStates: {
+      active: "Activo",
+      disabled: "Desactivado",
+      absent: "No instalado",
+      misconfigured: "Error de configuraci\xF3n",
+      unknown: "No se sabe"
+    },
+    stateMisconfiguredWhy: "El archivo de ajustes nombra este plugin pero no registra el marketplace del que viene, as\xED que no hay de d\xF3nde instalarlo. Copia el bloque de Instalar: lleva las dos mitades.",
+    toolCommandOnly: "Comando",
+    versionUnknown: "versi\xF3n desconocida",
+    runIt: "Ejecutarlo",
+    install: "Instalar",
+    howToRun: "C\xF3mo ejecutarlo",
+    learnMore: "M\xE1s",
+    copy: "Copiar",
+    copied: "Copiado",
+    copySelected: "Seleccionado \u2014 pulsa \u2318C",
+    installTitle: "Instalar",
+    installRepoTitle: "En un repositorio",
+    installRepoHint: "funciona en todas partes, y para todo el que trabaje en el repositorio",
+    installRepoMerge: "Fusiona estas dos claves en el archivo \u2014 no lo reemplaces. Se instala al arrancar la siguiente sesi\xF3n, para cualquiera que trabaje en este repositorio.",
+    installRepoMergeRegistered: "El marketplace ya est\xE1 registrado aqu\xED, as\xED que lo \xFAnico nuevo es la l\xEDnea del plugin. Fusiona estas dos claves en el archivo en vez de reemplazarlo.",
+    installCliTitle: "Claude Code en terminal o en la app de escritorio",
+    installCliHint: "solo en esta m\xE1quina",
+    installStandaloneTitle: "Sin Claude",
+    installStandaloneHint: "la herramienta por su cuenta",
+    installNoStandalone: "Esta herramienta no publica un comando standalone.",
+    installNoPlugin: "El cat\xE1logo no ofrece esta como plugin, as\xED que no hay nada que activar \u2014 es un comando que se ejecuta.",
+    historyEyebrow: "Revisiones",
+    historyTitle: "Qu\xE9 hizo de verdad cada pasada",
+    historyIntro: "Una entrada por sesi\xF3n, la m\xE1s reciente primero, nombrando las tarjetas que toc\xF3. Una tarjeta solo llega a Hecho cuando su trabajo est\xE1 en main, y el tablero sella cu\xE1ndo empez\xF3 y cu\xE1ndo termin\xF3 \u2014 as\xED una afirmaci\xF3n se comprueba en vez de creerse.",
+    historyEmpty: "Todav\xEDa no hay revisiones registradas.",
+    historyTouched: "Tarjetas tocadas",
+    brandEyebrow: "Marca \xB7 decisi\xF3n abierta",
+    logosTitle: "Conceptos de logo",
+    logosIntro: "Cuatro marcas dibujadas desde la misma geometr\xEDa, todas planas: sin brillo y sin degradados que un favicon aplanar\xEDa igual.",
+    functionsEyebrow: "Funciones",
+    functionsTitle: "Qu\xE9 le da esto a un proyecto, y c\xF3mo lo usa Claude",
+    functionsIntro: "Todo lo que recibe un proyecto al instalarlo, y el protocolo que evita que un agente relea el kit \u2014y lo pague\u2014 en cada sesi\xF3n."
+  }
+};
+
+// src/panel/AnalysisView.tsx
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var SUGGESTION_STATUSES = ["new", "doing", "done", "dismissed"];
+function MetricTile({ metric, lang, ui }) {
+  const { latest, delta, against } = trendOf(metric);
+  const points = sparkPoints(metric.readings);
+  const width = 168;
+  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: [
+      latest ? latest.value : "\u2014",
+      /* @__PURE__ */ jsx16("span", { className: "pt-metric__unit", children: metric.unit })
+    ] }),
+    delta !== null && /* @__PURE__ */ jsxs14("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: [
+        " \xB7 ",
+        against ? ui.metricAgainst : ui.metricWith
+      ] })
+    ] }),
+    points.length > 1 && /* @__PURE__ */ jsxs14(
+      "svg",
+      {
+        className: "pt-metric__spark",
+        viewBox: `0 0 ${width} ${height}`,
+        width: "100%",
+        height,
+        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" })
+        ]
+      }
+    ),
+    latest?.note && /* @__PURE__ */ jsx16("p", { className: "pt-metric__note", children: text(latest.note, lang) })
+  ] });
+}
+function ChoiceCard({
+  section,
+  choice,
+  lang,
+  ui,
+  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(
+      FilterChip,
+      {
+        label: text(option.label, lang),
+        active: choice.value === option.id,
+        onClick: () => onDecide(section, choice.id, choice.value === option.id ? null : option.id)
+      },
+      option.id
+    )) }),
+    answered?.detail && /* @__PURE__ */ jsx16("p", { className: "pt-choice__detail", children: text(answered.detail, lang) }),
+    answered && /* @__PURE__ */ jsx16(
+      "button",
+      {
+        type: "button",
+        className: "pt-choice__reopen",
+        onClick: () => onDecide(section, choice.id, null),
+        children: ui.choiceReopen
+      }
+    )
+  ] });
+}
+function Choices({
+  section,
+  analysis,
+  lang,
+  ui,
+  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(
+      ChoiceCard,
+      {
+        section,
+        choice,
+        lang,
+        ui,
+        onDecide
+      },
+      choice.id
+    )) })
+  ] });
+}
+function AnalysisView({
+  analysis,
+  cards,
+  columns,
+  today: today2,
+  lang,
+  ui,
+  onChooseStrategy,
+  onSuggestionStatus,
+  onDecide,
+  onOpenCard
+}) {
+  const t = (value) => text(value, lang);
+  const [section, setSection] = useState6("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) => {
+        const count = (analysis.choices?.[id] ?? []).filter(
+          (choice) => !choice.options.some((option) => option.id === choice.value)
+        ).length;
+        return /* @__PURE__ */ jsxs14(
+          "button",
+          {
+            type: "button",
+            className: `pt-analysis__tab${section === id ? " is-on" : ""}`,
+            "aria-current": section === id ? "page" : void 0,
+            onClick: () => setSection(id),
+            children: [
+              ui.analysisSections[id],
+              count > 0 && /* @__PURE__ */ jsx16("span", { className: "pt-analysis__open", "aria-hidden": "true", children: count })
+            ]
+          },
+          id
+        );
+      }) }),
+      here.length > 0 && /* @__PURE__ */ jsxs14("p", { className: "pt-analysis__stage", children: [
+        ui.analysisAnswered(answeredHere, here.length),
+        answeredHere === here.length && /* @__PURE__ */ jsxs14(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: [
+          [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 })
+        ] }, 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 })
+        ] }, column.id)) }),
+        facts.oldestOpen && facts.oldestOpenDays !== null && /* @__PURE__ */ jsxs14("p", { className: "pt-analysis__stage", children: [
+          ui.factOldest,
+          ": ",
+          /* @__PURE__ */ jsx16("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 })
+        ] }, 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: [
+          ui.stage,
+          ": ",
+          /* @__PURE__ */ jsx16("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] })
+          ] }, 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 })
+          ] }, 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)) })
+      ] })
+    ] }),
+    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) => {
+          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: [
+              [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 })
+              ] })
+            ] }, 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(
+              FilterChip,
+              {
+                label: chosen ? ui.strategyChosen : ui.strategyChoose,
+                active: chosen,
+                onClick: () => onChooseStrategy(strategy.id)
+              }
+            )
+          ] }, 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: [
+            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(
+            FilterChip,
+            {
+              label: ui.suggestionStatuses[status],
+              active: suggestion.status === status,
+              onClick: () => onSuggestionStatus(suggestion.id, status)
+            },
+            status
+          )) })
+        ] }, 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) })
+        ] }),
+        /* @__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__ */ 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 }),
+          t(rival.strength)
+        ] }),
+        /* @__PURE__ */ jsxs14("p", { className: "pt-rival__line is-gap", children: [
+          /* @__PURE__ */ jsx16("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.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))) })
+      ] })
+    ] }) : /* @__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] }),
+              t(choice.question)
+            ] }),
+            /* @__PURE__ */ jsx16("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 })
+        ] })
+      ] }),
+      /* @__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] }),
+              t(choice.question)
+            ] }),
+            /* @__PURE__ */ jsx16("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 })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/panel/MarketplaceView.tsx
+import { useMemo as useMemo4, useState as useState7 } from "react";
+
+// src/panel/marketplace.ts
+var MARKETPLACE_NAME = "dfklabs";
+var MARKETPLACE_URL = "https://studio.dfklabs.com/marketplace.json";
+var SETTINGS_PATH = ".claude/settings.json";
+var DFKLABS = { name: MARKETPLACE_NAME, url: MARKETPLACE_URL };
+function repositorySnippet(toolId, marketplace = DFKLABS) {
+  return `${JSON.stringify(
+    {
+      extraKnownMarketplaces: {
+        [marketplace.name]: { source: { source: "url", url: marketplace.url } }
+      },
+      enabledPlugins: { [`${toolId}@${marketplace.name}`]: true }
+    },
+    null,
+    2
+  )}
+`;
+}
+function commandSnippet(toolId, marketplace = DFKLABS) {
+  return [
+    `/plugin marketplace add ${marketplace.url}`,
+    `/plugin install ${toolId}@${marketplace.name}`
+  ].join("\n");
+}
+function ageInWords(seconds, lang) {
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  if (lang === "es") {
+    if (days >= 1) return days === 1 ? "hace 1 d\xEDa" : `hace ${days} d\xEDas`;
+    if (hours >= 1) return hours === 1 ? "hace 1 hora" : `hace ${hours} horas`;
+    if (minutes >= 1) return minutes === 1 ? "hace 1 minuto" : `hace ${minutes} minutos`;
+    return "hace unos segundos";
+  }
+  if (days >= 1) return days === 1 ? "1 day ago" : `${days} days ago`;
+  if (hours >= 1) return hours === 1 ? "1 hour ago" : `${hours} hours ago`;
+  if (minutes >= 1) return minutes === 1 ? "1 minute ago" : `${minutes} minutes ago`;
+  return "seconds ago";
+}
+
+// src/panel/MarketplaceView.tsx
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs15 } 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 })
+    ] }),
+    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: [
+        " \xB7 ",
+        tool.version ? /* @__PURE__ */ jsxs15("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 })
+        )
+      ] }),
+      tool.repo && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        " \xB7 ",
+        /* @__PURE__ */ jsx17("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(
+      CopyBlock,
+      {
+        text: tool.standaloneCommand,
+        label: ui.runIt,
+        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 })
+    ] }),
+    tool.state === "misconfigured" && /* @__PURE__ */ jsx17("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 tools = report?.tools ?? [];
+  const shown = useMemo4(() => {
+    if (filter === "plugins") return tools.filter((tool) => tool.claudePlugin);
+    if (filter === "active") return tools.filter((tool) => tool.state === "active");
+    if (filter === "standalone") return tools.filter((tool) => !tool.claudePlugin);
+    return tools;
+  }, [tools, filter]);
+  const counts = useMemo4(
+    () => ({
+      all: tools.length,
+      plugins: tools.filter((tool) => tool.claudePlugin).length,
+      active: tools.filter((tool) => tool.state === "active").length,
+      standalone: tools.filter((tool) => !tool.claudePlugin).length
+    }),
+    [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)) })
+      ] }),
+      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 && /* @__PURE__ */ jsxs15("section", { children: [
+      /* @__PURE__ */ jsxs15("p", { className: "pt-marketplace__project", children: [
+        ui.stateFrom(report.project.repo, SETTINGS_PATH),
+        report.project.settingsStatus === "absent" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+          " \xB7 ",
+          ui.settingsAbsent
+        ] }),
+        report.project.settingsStatus === "unreadable" && /* @__PURE__ */ jsxs15(Fragment4, { children: [
+          " \xB7 ",
+          ui.settingsUnreadable
+        ] }),
+        report.project.settingsStatus === "unparseable" && /* @__PURE__ */ jsxs15(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(
+          FilterChip,
+          {
+            label: ui.filterPlugins,
+            count: counts.plugins,
+            active: filter === "plugins",
+            onClick: () => setFilter("plugins")
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          FilterChip,
+          {
+            label: ui.filterActive,
+            count: counts.active,
+            active: filter === "active",
+            onClick: () => setFilter("active")
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          FilterChip,
+          {
+            label: ui.filterStandalone,
+            count: counts.standalone,
+            active: filter === "standalone",
+            onClick: () => setFilter("standalone")
+          }
+        )
+      ] }),
+      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)) })
+    ] }),
+    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(
+        InstallSheet,
+        {
+          tool: open,
+          ui,
+          marketplace: report?.marketplace ?? { name: MARKETPLACE_NAME, url: MARKETPLACE_URL },
+          registered: report?.project.marketplaceRegistered ?? false
+        }
+      ),
+      /* @__PURE__ */ jsx17("button", { type: "button", className: "pt-btn pt-btn--sm", onClick: () => setOpen(null), children: ui.close })
+    ] })
+  ] });
+}
+function InstallSheet({
+  tool,
+  ui,
+  marketplace,
+  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(
+        CopyBlock,
+        {
+          text: repositorySnippet(tool.id, marketplace),
+          label: SETTINGS_PATH,
+          note: registered ? ui.installRepoMergeRegistered : ui.installRepoMerge,
+          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) })
+  ] });
+}
+
+// src/panel/CardSheet.tsx
+import { useState as useState8 } from "react";
+import { jsx as jsx18, jsxs as jsxs16 } 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("");
+  if (!card) return null;
+  const patch = (changes) => onChange({ ...card, ...changes, updatedAt: today() });
+  const levelLabel = LEVEL_LABEL(ui);
+  const ownerLabel = { claude: ui.ownerClaude, you: ui.ownerYou };
+  function addStep() {
+    const value = step.trim();
+    if (!value) return;
+    patch({ checks: [...card.checks, { id: newId(), text: writeText(lang, value), done: false }] });
+    setStep("");
+  }
+  function addNote() {
+    const value = note.trim();
+    if (!value) return;
+    patch({
+      notes: [...card.notes, { id: newId(), by: "you", date: today(), text: writeText(lang, value) }]
+    });
+    setNote("");
+  }
+  return /* @__PURE__ */ jsxs16(DetailSheet, { open: true, onClose, ariaLabel: ui.cardDetail, children: [
+    /* @__PURE__ */ jsxs16(DetailSection, { title: ui.title, children: [
+      /* @__PURE__ */ jsx18(
+        "input",
+        {
+          className: "pt-input",
+          value: text(card.title, lang),
+          placeholder: ui.titlePlaceholder,
+          onChange: (event) => patch({ title: writeText(lang, event.target.value) })
+        }
+      ),
+      untranslated(card.title) && /* @__PURE__ */ jsx18("span", { className: "pt-flag", children: ui.untranslatedBadge })
+    ] }),
+    /* @__PURE__ */ jsx18(DetailSection, { title: ui.detail, children: /* @__PURE__ */ jsx18(
+      "textarea",
+      {
+        className: "pt-textarea",
+        rows: 4,
+        value: text(card.body, lang),
+        placeholder: ui.detailPlaceholder,
+        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(
+      FilterChip,
+      {
+        label: text(area.label, lang),
+        active: card.area === area.id,
+        onClick: () => patch({ area: area.id })
+      },
+      area.id
+    )) }) }),
+    /* @__PURE__ */ jsx18(DetailSection, { title: ui.priority, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx18(
+      FilterChip,
+      {
+        label: levelLabel[level],
+        active: card.priority === level,
+        onClick: () => patch({ priority: level })
+      },
+      level
+    )) }) }),
+    /* @__PURE__ */ jsx18(DetailSection, { title: ui.risk, subtitle: ui.riskHint, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: LEVELS.map((level) => /* @__PURE__ */ jsx18(
+      FilterChip,
+      {
+        label: levelLabel[level],
+        active: card.risk === level,
+        onClick: () => patch({ risk: level })
+      },
+      level
+    )) }) }),
+    /* @__PURE__ */ jsx18(DetailSection, { title: ui.dependsOn, children: /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: OWNERS.map((owner) => /* @__PURE__ */ jsx18(
+      FilterChip,
+      {
+        label: ownerLabel[owner],
+        active: card.owner === owner,
+        onClick: () => patch({ owner })
+      },
+      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__ */ 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(
+          FilterChip,
+          {
+            label: INTENT_COPY[intent].label[lang],
+            active: card.intent === intent,
+            onClick: () => patch({ intent })
+          },
+          intent
+        ))
+      ] }),
+      card.intent && /* @__PURE__ */ jsx18("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(
+            "input",
+            {
+              type: "checkbox",
+              checked: check.done,
+              onChange: (event) => patch({
+                checks: card.checks.map(
+                  (item) => item.id === check.id ? { ...item, done: event.target.checked } : item
+                )
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx18("span", { className: check.done ? "is-done" : void 0, children: text(check.text, lang) })
+        ] }),
+        /* @__PURE__ */ jsx18(
+          "button",
+          {
+            type: "button",
+            className: "pt-remove",
+            "aria-label": `${ui.deleteCard}: ${text(check.text, lang)}`,
+            onClick: () => patch({ checks: card.checks.filter((item) => item.id !== check.id) }),
+            children: "\xD7"
+          }
+        )
+      ] }, check.id)) }),
+      /* @__PURE__ */ jsxs16("div", { className: "pt-compose", children: [
+        /* @__PURE__ */ jsx18(
+          "input",
+          {
+            className: "pt-input",
+            value: step,
+            placeholder: ui.addStepPlaceholder,
+            onChange: (event) => setStep(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                addStep();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx18("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: [
+          entry.by === "claude" ? "Claude" : ui.ownerYou,
+          " \xB7 ",
+          entry.date
+        ] }),
+        /* @__PURE__ */ jsx18("p", { className: "pt-panel-text", children: text(entry.text, lang) })
+      ] }, entry.id)),
+      /* @__PURE__ */ jsx18(
+        "textarea",
+        {
+          className: "pt-textarea",
+          rows: 3,
+          value: note,
+          placeholder: ui.notePlaceholder,
+          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__ */ jsxs16(DetailSection, { title: ui.columnTitle, children: [
+      /* @__PURE__ */ jsx18("div", { className: "pt-panel-row", children: state.columns.map((column) => /* @__PURE__ */ jsx18(
+        FilterChip,
+        {
+          label: text(column.title, lang),
+          active: card.column === column.id,
+          onClick: () => onChange(
+            stampForColumn({ ...card, column: column.id, updatedAt: today() }, state.columns)
+          )
+        },
+        column.id
+      )) }),
+      (card.startedAt || card.completedAt) && /* @__PURE__ */ jsxs16("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 })
+    ] }),
+    /* @__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 })
+    ] })
+  ] });
+}
+
+// src/panel/board.ts
+function applyMove(cards, move, visible) {
+  const moving = cards.find((card) => card.id === move.cardId);
+  if (!moving) return cards;
+  const rest = cards.filter((card) => card.id !== move.cardId);
+  const visibleTarget = visible.filter((card) => card.column === move.toColumnId && card.id !== move.cardId);
+  const anchor = visibleTarget[move.toIndex];
+  const moved = moving.column === move.toColumnId ? moving : { ...moving, column: move.toColumnId, updatedAt: today() };
+  if (!anchor) {
+    const lastIndex = rest.reduce(
+      (found, card, index) => card.column === move.toColumnId ? index : found,
+      -1
+    );
+    const at2 = lastIndex === -1 ? rest.length : lastIndex + 1;
+    return [...rest.slice(0, at2), moved, ...rest.slice(at2)];
+  }
+  const at = rest.findIndex((card) => card.id === anchor.id);
+  return [...rest.slice(0, at), moved, ...rest.slice(at)];
+}
+
+// src/panel/PanelApp.tsx
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+var IMPORTED = "imported";
+var PRIORITY_TONE = {
+  high: "danger",
+  medium: "warning",
+  low: "neutral"
+};
+function PanelApp({
+  state: initialState,
+  themes = PRESET_PANEL_THEMES,
+  defaultTheme,
+  brand,
+  decoration,
+  className,
+  footer,
+  links,
+  capabilities,
+  extras,
+  showLanguage,
+  showHistory,
+  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(
+    () => 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 imported = themeName === IMPORTED ? state.importedTheme : void 0;
+  const preset = themeName === IMPORTED ? "nightCity" : themeName;
+  const chosen = themes[preset] ?? Object.values(themes)[0];
+  const theme = imported?.tokens ?? chosen.tokens;
+  const form = imported?.form ?? chosen.form;
+  const ui = UI[lang];
+  const t = useCallback5((value) => text(value, lang), [lang]);
+  const dirty = JSON.stringify(state) !== savedSnapshot;
+  const hasMarketplace = Boolean(marketplaceEndpoint || marketplaceReport);
+  const requirements = useMemo5(() => {
+    const state_ = (name) => {
+      if (!setup || setup.unknown) return "unknown";
+      return setup.missing.includes(name) ? "missing" : "ok";
+    };
+    return [
+      {
+        id: "password",
+        label: ui.needPassword,
+        status: "ok",
+        variable: "ADMIN_PASSWORD",
+        enables: ui.needPasswordEnables
+      },
+      {
+        id: "token",
+        label: ui.needToken,
+        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 })
+        ] })
+      },
+      {
+        id: "repo",
+        label: ui.needRepo,
+        status: state_("PANEL_REPO"),
+        variable: "PANEL_REPO",
+        enables: ui.needRepoEnables,
+        fix: /* @__PURE__ */ jsx19("p", { children: ui.fixRepo })
+      }
+    ];
+  }, [setup, ui]);
+  useEffect9(() => {
+    document.documentElement.lang = lang;
+    if (showLanguage) storeLang(lang);
+  }, [lang, showLanguage]);
+  useEffect9(() => {
+    if (!saveEndpoint || !dirty) return;
+    function warn(event) {
+      event.preventDefault();
+      event.returnValue = "";
+    }
+    window.addEventListener("beforeunload", warn);
+    return () => window.removeEventListener("beforeunload", warn);
+  }, [dirty, saveEndpoint]);
+  const counts = useMemo5(() => countCards(state), [state]);
+  const doneColumns = useMemo5(
+    () => new Set(state.columns.filter((column) => column.done).map((column) => column.id)),
+    [state.columns]
+  );
+  const matches = useCallback5(
+    (card) => {
+      if (filter === "all") return true;
+      if (filter === "orders") return card.order;
+      if (filter === "yours") return card.owner === "you";
+      if (filter === "risk") return card.risk === "high";
+      return card.area === filter.slice("area:".length);
+    },
+    [filter]
+  );
+  const visibleCards = useMemo5(() => state.cards.filter(matches), [state.cards, matches]);
+  const boardColumns = useMemo5(
+    () => state.columns.map((column) => ({
+      id: column.id,
+      title: t(column.title),
+      hint: column.hint ? t(column.hint) : void 0,
+      cards: visibleCards.filter((card) => card.column === column.id)
+    })),
+    [state.columns, visibleCards, t]
+  );
+  const notifications = useMemo5(() => {
+    const items = [];
+    const waitingColumn = state.columns.find((column) => column.id === "yours");
+    for (const card of state.cards) {
+      if (card.column !== "yours") continue;
+      items.push({
+        id: `card:${card.id}:yours`,
+        tone: "attention",
+        title: t(card.title),
+        detail: waitingColumn ? t(waitingColumn.title) : ui.notifWaiting,
+        at: card.updatedAt,
+        onOpen: () => setOpenCardId(card.id)
+      });
+    }
+    if (state.importedTheme?.refreshRequested) {
+      items.push({
+        id: `theme-refresh:${state.importedTheme.refreshRequested}`,
+        tone: "attention",
+        title: ui.notifThemeRefresh,
+        detail: t(state.importedTheme.label),
+        at: state.importedTheme.refreshRequested,
+        onOpen: () => setSettingsOpen(true)
+      });
+    }
+    if (state.analysis) {
+      for (const { section, choice } of undecided(state.analysis)) {
+        items.push({
+          id: `choice:${choice.id}`,
+          tone: "attention",
+          title: t(choice.question),
+          detail: `${ui.analysisSections[section]} \xB7 ${ui.choiceOpen}`,
+          onOpen: () => setView("analysis")
+        });
+      }
+    }
+    for (const suggestion of state.analysis?.suggestions ?? []) {
+      if (suggestion.status !== "new") continue;
+      items.push({
+        id: `suggestion:${suggestion.id}`,
+        tone: "info",
+        title: t(suggestion.text),
+        detail: ui.notifSuggestion(suggestion.area),
+        at: suggestion.date,
+        onOpen: () => setView("analysis")
+      });
+    }
+    for (const run of [...state.runs ?? []].reverse().slice(0, 8)) {
+      items.push({
+        id: `run:${run.id}`,
+        tone: "info",
+        title: ui.notifRun(run.by === "claude" ? "Claude" : run.by),
+        detail: t(run.summary),
+        at: run.date
+      });
+    }
+    return items;
+  }, [state.cards, state.columns, state.analysis, state.runs, state.importedTheme, t, ui]);
+  const areaCounts = useMemo5(() => {
+    const totals = {};
+    for (const area of state.areas) totals[area.id] = 0;
+    for (const card of state.cards) {
+      if (doneColumns.has(card.column)) continue;
+      totals[card.area] = (totals[card.area] ?? 0) + 1;
+    }
+    return totals;
+  }, [state.cards, state.areas, doneColumns]);
+  const openCard = useMemo5(
+    () => state.cards.find((card) => card.id === openCardId) ?? null,
+    [state.cards, openCardId]
+  );
+  const updateCard = useCallback5((next) => {
+    setState((current) => {
+      const previous = current.cards.find((card) => card.id === next.id);
+      const stamped = previous && previous.column !== next.column ? stampForColumn(next, current.columns) : next;
+      return {
+        ...current,
+        updatedAt: today(),
+        cards: current.cards.map((card) => card.id === next.id ? stamped : card)
+      };
+    });
+  }, []);
+  const deleteCard = useCallback5((id) => {
+    setState((current) => ({ ...current, updatedAt: today(), cards: current.cards.filter((card) => card.id !== id) }));
+    setOpenCardId(null);
+  }, []);
+  const addCard = useCallback5(
+    (columnId) => {
+      const card = emptyCard(columnId, state.areas[0]?.id ?? "general");
+      setState((current) => ({ ...current, updatedAt: today(), cards: [...current.cards, card] }));
+      setOpenCardId(card.id);
+    },
+    [state.areas]
+  );
+  const moveCard = useCallback5(
+    (move) => {
+      setState((current) => {
+        const moved = applyMove(current.cards, move, current.cards.filter(matches));
+        return {
+          ...current,
+          updatedAt: today(),
+          cards: moved.map(
+            (card) => card.id === move.cardId && card.column !== move.fromColumnId ? stampForColumn(card, current.columns) : card
+          )
+        };
+      });
+    },
+    [matches]
+  );
+  const chooseStrategy = useCallback5((id) => {
+    setState(
+      (current) => current.analysis ? {
+        ...current,
+        updatedAt: today(),
+        // Tapping the chosen path again clears it: a decision can be reopened.
+        analysis: { ...current.analysis, chosen: current.analysis.chosen === id ? null : id }
+      } : current
+    );
+  }, []);
+  const setPreference = useCallback5((key, value) => {
+    setState((current) => ({
+      ...current,
+      updatedAt: today(),
+      preferences: { ...current.preferences, [key]: value }
+    }));
+  }, []);
+  const chooseTheme = useCallback5(
+    (name) => {
+      setThemeName(name);
+      setPreference("theme", name);
+    },
+    [setPreference]
+  );
+  const chooseLang = useCallback5(
+    (code) => {
+      setLang(code);
+      storeLang(code);
+      setPreference("lang", code);
+    },
+    [setPreference]
+  );
+  const markSeen = useCallback5(
+    (ids) => {
+      setState((current) => {
+        const next = [.../* @__PURE__ */ new Set([...current.preferences?.seen ?? [], ...ids])].slice(-400);
+        return { ...current, updatedAt: today(), preferences: { ...current.preferences, seen: next } };
+      });
+    },
+    []
+  );
+  const dismissGuide = useCallback5((id) => {
+    setState((current) => {
+      const next = [.../* @__PURE__ */ new Set([...current.preferences?.guideDismissed ?? [], id])];
+      return { ...current, updatedAt: today(), preferences: { ...current.preferences, guideDismissed: next } };
+    });
+  }, []);
+  const requestThemeRefresh = useCallback5(() => {
+    setState(
+      (current) => current.importedTheme ? {
+        ...current,
+        updatedAt: today(),
+        importedTheme: { ...current.importedTheme, refreshRequested: today() }
+      } : current
+    );
+  }, []);
+  const decideChoice = useCallback5((section, choiceId, optionId) => {
+    setState((current) => {
+      const analysis = current.analysis;
+      const choices = analysis?.choices?.[section];
+      if (!analysis || !choices) return current;
+      return {
+        ...current,
+        updatedAt: today(),
+        analysis: {
+          ...analysis,
+          choices: {
+            ...analysis.choices,
+            [section]: choices.map(
+              (choice) => choice.id === choiceId ? optionId === null ? { ...choice, value: null, decidedAt: void 0, decidedBy: void 0 } : { ...choice, value: optionId, decidedAt: today(), decidedBy: "you" } : choice
+            )
+          }
+        }
+      };
+    });
+  }, []);
+  const setSuggestionStatus = useCallback5((id, status2) => {
+    setState(
+      (current) => current.analysis ? {
+        ...current,
+        updatedAt: today(),
+        analysis: {
+          ...current.analysis,
+          suggestions: current.analysis.suggestions.map(
+            (suggestion) => suggestion.id === id ? { ...suggestion, status: status2 } : suggestion
+          )
+        }
+      } : current
+    );
+  }, []);
+  const loadMarketplace = useCallback5(
+    (fresh) => {
+      if (!marketplaceEndpoint) return;
+      setMarketLoading(true);
+      setMarketFailure(null);
+      fetch(`${marketplaceEndpoint}${fresh ? "?fresh=1" : ""}`, { headers: { accept: "application/json" } }).then((response) => response.ok ? response.json() : Promise.reject(new Error(String(response.status)))).then((body) => setMarket(body)).catch((error) => setMarketFailure(String(error))).finally(() => setMarketLoading(false));
+    },
+    [marketplaceEndpoint]
+  );
+  useEffect9(() => {
+    if (view !== "marketplace" || marketAsked || !marketplaceEndpoint) return;
+    setMarketAsked(true);
+    loadMarketplace(false);
+  }, [view, marketAsked, marketplaceEndpoint, loadMarketplace]);
+  useEffect9(() => {
+    if (!helpOpen || !saveEndpoint || setup) 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 });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [helpOpen, saveEndpoint, setup]);
+  const endSession = useCallback5(async () => {
+    setSignOut("working");
+    try {
+      const response = await fetch("/api/logout", { method: "POST" });
+      if (!response.ok) throw new Error(String(response.status));
+      window.location.href = "/login";
+    } catch {
+      setSignOut("failed");
+    }
+  }, []);
+  const saveBoard = useCallback5(async () => {
+    if (!saveEndpoint) return;
+    setSave({ status: "saving" });
+    const next = { ...state, updatedAt: today() };
+    try {
+      const response = await fetch(saveEndpoint, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        credentials: "same-origin",
+        body: JSON.stringify({ state: next, message: "chore(panel): update the board from the panel" })
+      });
+      const data = await response.json().catch(() => ({}));
+      if (!response.ok) {
+        const conflict = response.status === 409;
+        throw Object.assign(new Error(data.error || `HTTP ${response.status}`), { conflict });
+      }
+      setSavedSnapshot(JSON.stringify(state));
+      setSave({
+        status: "saved",
+        at: (/* @__PURE__ */ new Date()).toLocaleTimeString(lang === "es" ? "es-ES" : "en-GB", {
+          hour: "2-digit",
+          minute: "2-digit"
+        }),
+        url: data.url
+      });
+    } catch (error) {
+      const conflict = Boolean(error.conflict);
+      setSave({
+        status: "error",
+        conflict,
+        message: conflict ? ui.saveConflict : error instanceof Error ? error.message : String(error)
+      });
+    }
+  }, [lang, saveEndpoint, state, ui.saveConflict]);
+  function cardTags(card) {
+    const tags = [];
+    if (card.order) tags.push({ label: `\u26A1 ${ui.orderOn}`, tone: "warning", emphasize: true });
+    if (card.intent) tags.push({ label: INTENT_COPY[card.intent].label[lang], tone: "neutral" });
+    if (card.risk === "high") tags.push({ label: ui.statHighRisk, tone: "danger" });
+    if (card.owner === "you") tags.push({ label: ui.filterYours, tone: "warning" });
+    const area = state.areas.find((candidate) => candidate.id === card.area);
+    if (area) tags.push({ label: t(area.label), tone: "neutral" });
+    if (card.notes.length > 0) tags.push({ label: `${card.notes.length} \u270E`, tone: "neutral" });
+    if (claimedWithoutStarting(card)) tags.push({ label: "?", tone: "danger", emphasize: true });
+    return tags;
+  }
+  const status = [
+    t(state.environment),
+    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(
+      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 })
+        ),
+        status,
+        controls: /* @__PURE__ */ jsxs17(Fragment5, { children: [
+          (initialState.analysis || hasMarketplace) && /* @__PURE__ */ jsxs17("span", { className: "pt-views", children: [
+            /* @__PURE__ */ jsx19(
+              "button",
+              {
+                type: "button",
+                className: `pt-lang${view === "board" ? " is-on" : ""}`,
+                "aria-pressed": view === "board",
+                onClick: () => setView("board"),
+                children: ui.board
+              }
+            ),
+            initialState.analysis && /* @__PURE__ */ jsx19(
+              "button",
+              {
+                type: "button",
+                className: `pt-lang${view === "analysis" ? " is-on" : ""}`,
+                "aria-pressed": view === "analysis",
+                onClick: () => setView("analysis"),
+                children: ui.analysis
+              }
+            ),
+            hasMarketplace && /* @__PURE__ */ jsx19(
+              "button",
+              {
+                type: "button",
+                className: `pt-lang${view === "marketplace" ? " is-on" : ""}`,
+                "aria-pressed": view === "marketplace",
+                onClick: () => setView("marketplace"),
+                children: ui.marketplace
+              }
+            )
+          ] }),
+          showLanguage && LANGS.map((code) => /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              className: `pt-lang${lang === code ? " is-on" : ""}`,
+              "aria-pressed": lang === code,
+              onClick: () => chooseLang(code),
+              children: code.toUpperCase()
+            },
+            code
+          )),
+          /* @__PURE__ */ jsx19(
+            NotificationBell,
+            {
+              notifications,
+              seen: state.preferences?.seen ?? [],
+              onSeen: markSeen,
+              labels: {
+                title: ui.notifications,
+                empty: ui.nothingNew,
+                markAll: ui.markAllSeen,
+                unread: ui.unreadCount
+              }
+            }
+          ),
+          saveEndpoint && /* @__PURE__ */ jsx19("button", { type: "button", className: "pt-lang", onClick: () => setHelpOpen(true), children: ui.help }),
+          saveEndpoint && (dirty || save.status === "saving") && /* @__PURE__ */ jsx19(
+            "button",
+            {
+              type: "button",
+              className: "pt-btn pt-btn--sm pt-btn--primary",
+              onClick: saveBoard,
+              disabled: save.status === "saving",
+              children: save.status === "saving" ? ui.saving : ui.save
+            }
+          )
+        ] }),
+        linkLabel: ui.settings,
+        onLinkClick: () => setSettingsOpen(true)
+      }
+    ),
+    state.notice && /* @__PURE__ */ jsx19(
+      AlertBanner,
+      {
+        visible: noticeVisible,
+        message: t(state.notice),
+        actionLabel: ui.dismiss,
+        onAction: () => setNoticeVisible(false)
+      }
+    ),
+    save.status === "error" && /* @__PURE__ */ jsx19(AlertBanner, { visible: true, message: `${ui.saveFailed}: ${save.message}` }),
+    view === "board" && !saveEndpoint && /* @__PURE__ */ jsx19(
+      GuideTour,
+      {
+        dismissed: state.preferences?.guideDismissed,
+        onDismiss: dismissGuide,
+        notes: [
+          {
+            id: "demo-welcome",
+            title: ui.demoTourWelcomeTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourWelcomeBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "demo-board",
+            title: ui.demoTourBoardTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.demoTourBoardBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "demo-theme",
+            title: ui.demoTourThemeTitle,
+            children: /* @__PURE__ */ jsx19("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 }),
+            dismissLabel: ui.gotIt
+          }
+        ]
+      }
+    ),
+    view === "board" && saveEndpoint && /* @__PURE__ */ jsx19(
+      GuideTour,
+      {
+        dismissed: state.preferences?.guideDismissed,
+        onDismiss: dismissGuide,
+        notes: [
+          {
+            id: "welcome",
+            title: ui.tourWelcomeTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.tourWelcomeBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "board",
+            title: ui.tourBoardTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.tourBoardBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "orders",
+            title: ui.tourOrdersTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.tourOrdersBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "save",
+            title: ui.tourSaveTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.tourSaveBody }),
+            dismissLabel: ui.gotIt
+          },
+          {
+            id: "theme",
+            title: ui.tourThemeTitle,
+            children: /* @__PURE__ */ jsx19("p", { children: ui.tourThemeBody }),
+            dismissLabel: ui.gotIt,
+            action: { label: ui.settings, onClick: () => setSettingsOpen(true) }
+          }
+        ]
+      }
+    ),
+    view === "marketplace" && hasMarketplace && /* @__PURE__ */ jsx19(
+      MarketplaceView,
+      {
+        report: market,
+        loading: marketLoading,
+        failure: marketFailure,
+        lang,
+        ui,
+        onRefresh: marketplaceEndpoint ? () => loadMarketplace(true) : void 0
+      }
+    ),
+    view === "analysis" && state.analysis && /* @__PURE__ */ jsx19(
+      AnalysisView,
+      {
+        analysis: state.analysis,
+        cards: state.cards,
+        columns: state.columns,
+        today: today(),
+        lang,
+        ui,
+        onChooseStrategy: chooseStrategy,
+        onSuggestionStatus: setSuggestionStatus,
+        onDecide: decideChoice,
+        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 })
+        ] }),
+        /* @__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(
+            FilterChip,
+            {
+              label: `\u26A1 ${ui.filterForClaude}`,
+              count: counts.orders,
+              active: filter === "orders",
+              onClick: () => setFilter("orders")
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            FilterChip,
+            {
+              label: ui.filterYours,
+              count: counts.yours,
+              active: filter === "yours",
+              onClick: () => setFilter("yours")
+            }
+          ),
+          /* @__PURE__ */ jsx19(
+            FilterChip,
+            {
+              label: ui.filterHighRisk,
+              count: counts.highRisk,
+              active: filter === "risk",
+              onClick: () => setFilter("risk")
+            }
+          ),
+          state.areas.map((area) => /* @__PURE__ */ jsx19(
+            FilterChip,
+            {
+              label: t(area.label),
+              count: areaCounts[area.id] ?? 0,
+              active: filter === `area:${area.id}`,
+              onClick: () => setFilter(`area:${area.id}`)
+            },
+            area.id
+          ))
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx19(
+        Board,
+        {
+          columns: boardColumns,
+          onMove: moveCard,
+          onAddCard: addCard,
+          renderCard: (card, index, columnId) => /* @__PURE__ */ jsx19(
+            Card,
+            {
+              cardId: card.id,
+              columnId,
+              index,
+              title: t(card.title) || ui.untitled,
+              priorityColor: theme[PRIORITY_TONE[card.priority]],
+              tags: cardTags(card),
+              progress: checkProgress(card),
+              onClick: () => setOpenCardId(card.id)
+            },
+            card.id
+          )
+        }
+      ),
+      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 })
+        ] }),
+        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: [
+            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: [
+              ui.historyTouched,
+              ":"
+            ] }),
+            " ",
+            run.cards.map((id) => {
+              const card = state.cards.find((candidate) => candidate.id === id);
+              return card ? t(card.title) || ui.untitled : id;
+            }).join(" \xB7 ")
+          ] })
+        ] }, run.id)) })
+      ] }),
+      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 })
+        ] }),
+        /* @__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 }) })
+          ] })
+        ] }, capability.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx19(
+      CardSheet,
+      {
+        card: openCard,
+        state,
+        lang,
+        ui,
+        onChange: updateCard,
+        onDelete: deleteCard,
+        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(
+          SetupGuide,
+          {
+            requirements,
+            readyMessage: ui.setupReady,
+            labels: {
+              ok: ui.setupOk,
+              missing: ui.setupMissing,
+              unknown: ui.setupUnknown,
+              whatToDo: ui.setupWhatToDo
+            }
+          }
+        ),
+        setup.repo && /* @__PURE__ */ jsx19("p", { className: "pt-panel-text", style: { marginTop: 12 }, children: ui.setupWriteTarget(setup.repo, setup.branch, setup.file) })
+      ] }) }),
+      /* @__PURE__ */ jsx19(DetailSection, { title: ui.guideSection, children: /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx19(
+        "button",
+        {
+          type: "button",
+          className: "pt-btn pt-btn--sm",
+          onClick: () => {
+            resetGuide();
+            setState((current) => ({
+              ...current,
+              updatedAt: today(),
+              preferences: { ...current.preferences, guideDismissed: [] }
+            }));
+            setHelpOpen(false);
+          },
+          children: ui.showGuideAgain
+        }
+      ) }) })
+    ] }),
+    /* @__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(
+          "button",
+          {
+            type: "button",
+            className: "pt-btn pt-btn--sm pt-btn--primary",
+            onClick: saveBoard,
+            disabled: !dirty || save.status === "saving",
+            children: save.status === "saving" ? ui.saving : ui.save
+          }
+        ) }),
+        /* @__PURE__ */ jsxs17("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: [
+            " ",
+            /* @__PURE__ */ jsx19("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(
+        FilterChip,
+        {
+          label: LANG_LABELS[code],
+          active: lang === code,
+          onClick: () => chooseLang(code)
+        },
+        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(
+            FilterChip,
+            {
+              label: entry.label,
+              active: themeName === name,
+              onClick: () => chooseTheme(name)
+            },
+            name
+          )),
+          state.importedTheme && /* @__PURE__ */ jsx19(
+            FilterChip,
+            {
+              label: t(state.importedTheme.label),
+              active: themeName === IMPORTED,
+              onClick: () => chooseTheme(IMPORTED)
+            }
+          )
+        ] }),
+        /* @__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 })
+        ] })
+      ] }),
+      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) })
+      ] }),
+      saveEndpoint && /* @__PURE__ */ jsxs17(DetailSection, { title: ui.session, subtitle: ui.sessionSubtitle, children: [
+        /* @__PURE__ */ jsx19("div", { className: "pt-panel-row", children: /* @__PURE__ */ jsx19(
+          "button",
+          {
+            type: "button",
+            className: "pt-btn pt-btn--sm",
+            onClick: endSession,
+            disabled: signOut === "working",
+            children: signOut === "working" ? ui.signingOut : ui.signOut
+          }
+        ) }),
+        signOut === "failed" && /* @__PURE__ */ jsx19("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: [
+        index > 0 && " \xB7 ",
+        /* @__PURE__ */ jsx19("a", { href: link.href, children: link.label })
+      ] }, link.href)) }) })
+    ] }),
+    footer
+  ] });
+}
+
+// src/panel/capabilities.ts
+var CAPABILITIES = [
+  {
+    id: "ships-today",
+    title: { en: "What the panel does today", es: "Qu\xE9 hace el panel hoy" },
+    summary: {
+      en: "Everything below is in the package. A project supplies data and colour; nothing else has to be built.",
+      es: "Todo lo de abajo viene en el paquete. Un proyecto pone datos y color; no hay que construir nada m\xE1s."
+    },
+    points: [
+      {
+        en: "Page frame: header with wordmark and status, full-width alert banner, responsive content column.",
+        es: "Marco de p\xE1gina: cabecera con wordmark y estado, banner de aviso a ancho completo y columna de contenido responsive."
+      },
+      {
+        en: "Board: columns with horizontal scroll-snap, cards dragged from a grip with pointer events, so it works on touch. Edge autoscroll runs on requestAnimationFrame and keeps moving while the finger is still.",
+        es: "Tablero: columnas con scroll-snap horizontal y tarjetas que se arrastran desde el grip con Pointer Events, as\xED funciona en t\xE1ctil. El autoscroll de bordes corre en requestAnimationFrame y sigue avanzando con el dedo quieto."
+      },
+      {
+        en: "Cards: priority stripe, tags with semantic tone, progress counter and free children for anything project-specific.",
+        es: "Tarjetas: franja de prioridad, etiquetas con tono sem\xE1ntico, contador de progreso y children libres para lo propio de cada proyecto."
+      },
+      {
+        en: "Detail sheet: a bottom sheet under 760px and a centred dialog above it, from the same markup. Closes on Escape and on backdrop click.",
+        es: "Sheet de detalle: sube desde abajo por debajo de 760px y es un di\xE1logo centrado por encima, con el mismo markup. Se cierra con Escape y al tocar el fondo."
+      },
+      {
+        en: "Metrics: stat tiles with a calm state for zero, health pills with four statuses, filter chips with counters.",
+        es: "M\xE9tricas: tiles con estado calmo cuando el valor es cero, pills de salud con cuatro estados y chips de filtro con contador."
+      },
+      {
+        en: "Theming: every colour arrives as DashboardThemeTokens and leaves as --pt-color-* variables. The kit ships no default colour on purpose, so a forgotten token is visible immediately.",
+        es: "Theming: todo el color entra como DashboardThemeTokens y sale como variables --pt-color-*. El kit no trae colores por defecto a prop\xF3sito, as\xED un token olvidado se nota enseguida."
+      },
+      {
+        en: "moveCardInColumns: the single place where a card changes column or index.",
+        es: "moveCardInColumns: el \xFAnico lugar donde una tarjeta cambia de columna o de \xEDndice."
+      }
+    ]
+  },
+  {
+    id: "install",
+    title: { en: "Add it to a project with Claude", es: "Sumarlo a un proyecto con Claude" },
+    summary: {
+      en: "One instruction. INSTALL.md is written for the agent, not for a human reader.",
+      es: "Una sola instrucci\xF3n. INSTALL.md est\xE1 escrito para el agente, no para que lo lea una persona."
+    },
+    points: [
+      {
+        en: "Claude reads the project palette before writing anything, and maps it to the token roles \u2014 it never invents a new palette when the project already has one.",
+        es: "Claude busca la paleta del proyecto antes de escribir nada y la mapea a los roles de token: nunca inventa una paleta nueva si ya existe una."
+      },
+      {
+        en: "If the project has no identity yet, it picks one of the four base themes and says which one it chose.",
+        es: "Si el proyecto todav\xEDa no tiene identidad, elige uno de los cuatro temas de base y dice cu\xE1l eligi\xF3."
+      },
+      {
+        en: "Pin a tag, never a branch: a branch can move under a project mid-sprint.",
+        es: "Fijar un tag, nunca una rama: una rama puede moverse bajo el proyecto a mitad de sprint."
+      }
+    ],
+    code: {
+      caption: { en: "Paste this into the consumer project", es: "Peg\xE1 esto en el proyecto consumidor" },
+      body: "Install paneltir following the instructions in\nnode_modules/paneltir/INSTALL.md, pinned to the tag we agreed on."
+    }
+  },
+  {
+    id: "fingerprint",
+    title: { en: "Keep it cheap: the fingerprint protocol", es: "Que salga barato: el protocolo de la huella" },
+    summary: {
+      en: "fingerprint.json carries one SHA-256 for the whole repository plus one per file. Comparing a single string replaces re-reading the kit.",
+      es: "fingerprint.json lleva un SHA-256 de todo el repositorio m\xE1s uno por archivo. Comparar una cadena reemplaza releer el kit entero."
+    },
+    points: [
+      {
+        en: "Read only the hash field of node_modules/paneltir/fingerprint.json at the start of a session.",
+        es: "Al empezar la sesi\xF3n, leer solo el campo hash de node_modules/paneltir/fingerprint.json."
+      },
+      {
+        en: "If it matches the hash recorded in the project, the kit did not change: do not open src/, README.md or INSTALL.md again.",
+        es: "Si coincide con el hash anotado en el proyecto, el kit no cambi\xF3: no volver a abrir src/, README.md ni INSTALL.md."
+      },
+      {
+        en: "If it differs, the files map names exactly which files moved \u2014 read those, and nothing else.",
+        es: "Si difiere, el mapa files dice exactamente qu\xE9 archivos cambiaron: leer esos y nada m\xE1s."
+      },
+      {
+        en: "Record the new hash in the project CLAUDE.md so the next session starts from a comparison instead of a full read.",
+        es: "Anotar el hash nuevo en el CLAUDE.md del proyecto, para que la pr\xF3xima sesi\xF3n arranque comparando en vez de leyendo todo."
+      },
+      {
+        en: "In this repository the whole protocol is a skill: .claude/skills/todo/SKILL.md turns the board into a work list and says what each intent obliges.",
+        es: "En este repositorio el protocolo entero es una skill: .claude/skills/todo/SKILL.md convierte el tablero en una lista de trabajo y dice a qu\xE9 obliga cada intenci\xF3n."
+      }
+    ],
+    code: {
+      caption: {
+        en: "Block for the consumer project CLAUDE.md",
+        es: "Bloque para el CLAUDE.md del proyecto consumidor"
+      },
+      body: 'Kit fingerprint last integrated: <hash from node_modules/paneltir/fingerprint.json>.\nBefore re-reading anything under node_modules/paneltir, compare that value with\nthe current hash field. Equal means nothing changed \u2014 skip the read. Different\nmeans read only the files listed under "files" that differ, then update this hash.'
+    }
+  },
+  {
+    id: "state",
+    title: { en: "The board is data, and the panel edits it", es: "El tablero es datos, y el panel lo edita" },
+    summary: {
+      en: "The board file holds a flat list of cards. Add, move, edit and delete them from the panel, press Save, and the change is a commit with a diff and an author.",
+      es: "El archivo del tablero guarda una lista plana de tarjetas. A\xF1adilas, movelas, editalas y borralas desde el panel, puls\xE1 Guardar, y el cambio es un commit con diff y autor."
+    },
+    points: [
+      {
+        en: "Each card carries a column, a priority, a risk, who it waits on, an order flag and one of nine intents \u2014 the fields that turn a note into an instruction.",
+        es: "Cada tarjeta lleva columna, prioridad, riesgo, de qui\xE9n depende, la marca de orden y una de nueve intenciones: los campos que convierten una nota en una instrucci\xF3n."
+      },
+      {
+        en: 'order: true is the one flag that means "I am asking you to do this". It outranks position in the column.',
+        es: "order: true es la \xFAnica marca que significa \xABte estoy pidiendo esto\xBB. Manda sobre la posici\xF3n en la columna."
+      },
+      {
+        en: "intent says how to do it, and beats anything the agent would otherwise decide. Three of the nine \u2014 explain, askme, hold \u2014 are refusals to act, and honouring them exactly is the point.",
+        es: "intent dice c\xF3mo hacerlo, y manda sobre cualquier cosa que el agente decidiera. Tres de las nueve \u2014explain, askme, hold\u2014 son negativas a actuar, y respetarlas al pie de la letra es justo el punto."
+      },
+      {
+        en: "Checks are the definition of done, written in advance. Notes are the conversation, dated and attributed.",
+        es: "Los checks son la definici\xF3n de terminado, escrita de antemano. Las notas son la conversaci\xF3n, con fecha y autor."
+      },
+      {
+        en: "Any visible string can be a plain string or an { en, es } pair; typing in one language drops the other copy on purpose, because a translation of a sentence just rewritten is a lie about what the card says.",
+        es: "Cualquier texto visible puede ser una cadena o un par { en, es }; escribir en un idioma borra la otra copia a prop\xF3sito, porque traducir una frase reci\xE9n reescrita miente sobre lo que dice la tarjeta."
+      }
+    ],
+    code: {
+      caption: { en: "A card", es: "Una tarjeta" },
+      body: '{\n  "id": "move-card-tests",\n  "column": "next",\n  "title": { "en": "Tests for moveCardInColumns", "es": "Tests de moveCardInColumns" },\n  "area": "kit",\n  "priority": "high",\n  "risk": "medium",\n  "owner": "claude",\n  "order": true,\n  "intent": "do",\n  "checks": [{ "id": "k0", "text": "Edge cases covered", "done": false }],\n  "notes": []\n}'
+    }
+  },
+  {
+    id: "rules",
+    title: { en: "House rules for the agent", es: "Reglas de la casa para el agente" },
+    summary: {
+      en: "Three rules keep four projects from drifting apart invisibly.",
+      es: "Tres reglas evitan que cuatro proyectos se separen sin que nadie lo vea."
+    },
+    points: [
+      {
+        en: "Never edit files inside node_modules/paneltir. An install overwrites them and the divergence becomes invisible.",
+        es: "Nunca editar archivos dentro de node_modules/paneltir. Un install los pisa y la divergencia queda invisible."
+      },
+      {
+        en: "Colour only through tokens. A hard-coded colour in a consumer project is a bug, not a shortcut.",
+        es: "Color solo por tokens. Un color a mano en un proyecto consumidor es un bug, no un atajo."
+      },
+      {
+        en: "Something structural missing? Compose first with children and renderCard; if that is not enough, the change belongs upstream in the kit, followed by a new version tag.",
+        es: "\xBFFalta algo estructural? Primero componer con children y renderCard; si no alcanza, el cambio va al kit y sale con un tag de versi\xF3n nuevo."
+      }
+    ]
+  }
+];
+export {
+  ANALYSIS_SECTIONS,
+  AlertBanner,
+  AnalysisView,
+  BOARD_VERSION,
+  Board,
+  CAPABILITIES,
+  Card,
+  CardSheet,
+  CopyBlock,
+  DashboardHeader,
+  DashboardThemeProvider,
+  DetailSection,
+  DetailSheet,
+  FilterChip,
+  FilterChipRow,
+  GuideNote,
+  GuideTour,
+  HealthPill,
+  HealthPillRow,
+  INTENTS,
+  INTENT_COPY,
+  LANGS,
+  LANG_LABELS,
+  LEVELS,
+  MARKETPLACE_NAME,
+  MARKETPLACE_URL,
+  MarketplaceView,
+  NotificationBell,
+  OWNERS,
+  PANELTIR_FILE_COUNT,
+  PANELTIR_FINGERPRINT,
+  PANELTIR_VERSION,
+  PRESET_PANEL_THEMES,
+  PanelApp,
+  SetupGuide,
+  StatTile,
+  StatTileGrid,
+  THEME_FORMS,
+  THEME_PRESETS,
+  UI,
+  applyMove,
+  boardFacts,
+  checkProgress,
+  claimedWithoutStarting,
+  claudeTheme,
+  commandSnippet,
+  countCards,
+  cyberpunkTheme,
+  decided,
+  emptyCard,
+  explainBoard,
+  isCard,
+  ledgerForm,
+  midnightTheme,
+  moveCardInColumns,
+  newId,
+  oldMoneyTheme,
+  panelForm,
+  paneltirBuild,
+  paperForm,
+  readBoard,
+  readStoredLang,
+  repositorySnippet,
+  resetGuide,
+  sparkPoints,
+  stampForColumn,
+  storeLang,
+  text,
+  today,
+  trendOf,
+  undecided,
+  untranslated,
+  useDashboardForm,
+  useDashboardTheme,
+  useDelegatedClick,
+  useGuideNote,
+  useMediaQuery,
+  validateBoard,
+  writeText
+};