@fasl-work/caos-app-shell 0.11.1 → 0.12.0

package/dist/index.js

@@ -123,21 +123,21 @@ function validateArchitectureConfig(config) {
   const out = [];
   if (config.tabs.length < 5) out.push(`the architecture modal has ${config.tabs.length} tabs; ADR-0058 requires at least 5`);
   const known = new Set(SHELL_TOKENS);
-  for (const t of config.tabs) {
-    if (!t.en?.trim() || !t.es?.trim() || !t.body_en?.trim() || !t.body_es?.trim()) {
-      out.push(`architecture tab "${t.id}" lacks a label or a body in one language`);
+  for (const t2 of config.tabs) {
+    if (!t2.en?.trim() || !t2.es?.trim() || !t2.body_en?.trim() || !t2.body_es?.trim()) {
+      out.push(`architecture tab "${t2.id}" lacks a label or a body in one language`);
     }
-    const svg = t.svg.trim();
+    const svg = t2.svg.trim();
     if (!svg.startsWith("<svg")) {
-      out.push(`architecture tab "${t.id}": the diagram must be an inline SVG string (import it with ?raw), not a URL`);
+      out.push(`architecture tab "${t2.id}": the diagram must be an inline SVG string (import it with ?raw), not a URL`);
       continue;
     }
     for (const name of new Set([...svg.matchAll(/var\((--[a-z0-9-]+)/gi)].map((x) => x[1]))) {
-      if (!known.has(name)) out.push(`architecture tab "${t.id}" uses ${name}, which the shell does not define`);
+      if (!known.has(name)) out.push(`architecture tab "${t2.id}" uses ${name}, which the shell does not define`);
     }
     const hex = svg.replace(/url\(\s*#[^)]*\)/gi, "").replace(/href\s*=\s*["']#[^"']*["']/gi, "").match(/#[0-9a-f]{3,8}\b/gi);
     if (hex) {
-      out.push(`architecture tab "${t.id}" uses hex colours (${[...new Set(hex)].slice(0, 3).join(", ")}); use shell tokens so it follows the theme`);
+      out.push(`architecture tab "${t2.id}" uses hex colours (${[...new Set(hex)].slice(0, 3).join(", ")}); use shell tokens so it follows the theme`);
     }
   }
   return out;
@@ -191,7 +191,7 @@ function ArchitectureModal({ config, onClose }) {
       if (opener?.isConnected) opener.focus();
     };
   }, []);
-  const tab = tabs.find((t) => t.id === active) ?? tabs[0];
+  const tab = tabs.find((t2) => t2.id === active) ?? tabs[0];
   useEffect(() => {
     if (!tab) return;
     setErr(null);
@@ -245,19 +245,19 @@ function ArchitectureModal({ config, onClose }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": title, style: { display: "flex", flexWrap: "wrap", gap: 4, padding: "8px 14px 0", borderBottom: "1px solid var(--color-border)" }, children: tabs.map((t) => {
-              const sel = t.id === active;
+            /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": title, style: { display: "flex", flexWrap: "wrap", gap: 4, padding: "8px 14px 0", borderBottom: "1px solid var(--color-border)" }, children: tabs.map((t2) => {
+              const sel = t2.id === active;
               return /* @__PURE__ */ jsx(
                 "button",
                 {
-                  id: `${id}-${t.id}`,
+                  id: `${id}-${t2.id}`,
                   role: "tab",
                   "aria-selected": sel,
                   "aria-controls": `${id}-panel`,
                   tabIndex: sel ? 0 : -1,
-                  onClick: () => setActive(t.id),
+                  onClick: () => setActive(t2.id),
                   onKeyDown: (event) => {
-                    const index = tabs.indexOf(t);
+                    const index = tabs.indexOf(t2);
                     const next = event.key === "Home" ? 0 : event.key === "End" ? tabs.length - 1 : event.key === "ArrowRight" ? (index + 1) % tabs.length : event.key === "ArrowLeft" ? (index - 1 + tabs.length) % tabs.length : -1;
                     if (next < 0) return;
                     event.preventDefault();
@@ -275,9 +275,9 @@ function ArchitectureModal({ config, onClose }) {
                     color: sel ? "var(--color-accent-fg, #fff)" : "var(--color-fg-subtle)",
                     fontWeight: sel ? 600 : 400
                   },
-                  children: es ? t.es : t.en
+                  children: es ? t2.es : t2.en
                 },
-                t.id
+                t2.id
               );
             }) }),
             /* @__PURE__ */ jsxs("div", { id: `${id}-panel`, role: "tabpanel", "aria-labelledby": `${id}-${tab.id}`, "data-arch-lang": es ? "es" : "en", "data-tab": tab.id, "data-state": err ? "missing" : svg === null ? "loading" : "ready", style: { overflowY: "auto", minHeight: 0, padding: "14px 16px 18px" }, children: [
@@ -522,14 +522,14 @@ function createVizLoop(frame, options, deps) {
       handle = null;
     }
   };
-  function tick(t) {
+  function tick(t2) {
     handle = null;
     if (baseline) {
-      last = t;
+      last = t2;
       baseline = false;
     }
-    const dt = t - last;
-    last = t;
+    const dt = t2 - last;
+    last = t2;
     elapsed += dt;
     let e = elapsed;
     const capped = durationMs != null && e >= durationMs;
@@ -712,7 +712,7 @@ function CaseSelector(props) {
     className,
     layout = "chips"
   } = props;
-  const t = { ...TEXT[lang], ...text };
+  const t2 = { ...TEXT[lang], ...text };
   const baseId = useId();
   const param = typeof deepLink === "string" ? deepLink : "case";
   const linkPending = useRef(Boolean(deepLink));
@@ -735,8 +735,8 @@ function CaseSelector(props) {
   const modified = cases.find((c) => c.id === modifiedFromId) ?? null;
   return /* @__PURE__ */ jsxs("div", { className: `cs${className ? ` ${className}` : ""}`, role: "group", "aria-label": ariaLabel ?? "Case selector", children: [
     source && lanes.length > 1 && /* @__PURE__ */ jsxs("div", { className: "cs-source", children: [
-      /* @__PURE__ */ jsx("span", { className: "cs-source-label", children: t.source }),
-      /* @__PURE__ */ jsx("div", { className: "cs-source-tabs", role: "tablist", "aria-label": t.source, children: lanes.map((k) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("span", { className: "cs-source-label", children: t2.source }),
+      /* @__PURE__ */ jsx("div", { className: "cs-source-tabs", role: "tablist", "aria-label": t2.source, children: lanes.map((k) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -744,12 +744,12 @@ function CaseSelector(props) {
           "aria-selected": source === k,
           className: source === k ? "subtab active" : "subtab",
           onClick: () => onSourceChange?.(k),
-          children: k === "synthetic" ? t.synthetic : k === "real" ? t.real : t.uploaded
+          children: k === "synthetic" ? t2.synthetic : k === "real" ? t2.real : t2.uploaded
         },
         k
       )) })
     ] }),
-    source && source !== "synthetic" && /* @__PURE__ */ jsx("p", { className: "cs-locked banner", children: lockedNote ?? t.lockedNote }),
+    source && source !== "synthetic" && /* @__PURE__ */ jsx("p", { className: "cs-locked banner", children: lockedNote ?? t2.lockedNote }),
     layout === "select" && /* @__PURE__ */ jsx(
       "select",
       {
@@ -788,11 +788,11 @@ function CaseSelector(props) {
     ] }, g.category || "_")),
     modified && /* @__PURE__ */ jsxs("div", { className: "cs-modified", children: [
       /* @__PURE__ */ jsxs("span", { className: "badge accent", children: [
-        t.modifiedPrefix,
+        t2.modifiedPrefix,
         " ",
         /* @__PURE__ */ jsx("strong", { children: modified.name })
       ] }),
-      onResetToCanonical && /* @__PURE__ */ jsx("button", { type: "button", className: "cs-reset", onClick: onResetToCanonical, children: t.reset })
+      onResetToCanonical && /* @__PURE__ */ jsx("button", { type: "button", className: "cs-reset", onClick: onResetToCanonical, children: t2.reset })
     ] })
   ] });
 }
@@ -957,7 +957,7 @@ function Tabs({ tabs, initial, value, onChange, ariaLabel }) {
       document.getElementById(`${baseId}-tab-${target.id}`)?.focus();
     }
   }
-  const current = tabs.find((t) => t.id === active) ?? tabs[0];
+  const current = tabs.find((t2) => t2.id === active) ?? tabs[0];
   return /* @__PURE__ */ jsxs("div", { className: "tabs", children: [
     /* @__PURE__ */ jsx("div", { className: "tablist", role: "tablist", "aria-label": ariaLabel, ref: rowRef, children: tabs.map((tab, idx) => {
       const selected = tab.id === current?.id;
@@ -1025,7 +1025,7 @@ function SubTabs({ tabs, initial, value, onChange, ariaLabel, orientation = "hor
       document.getElementById(`${baseId}-subtab-${target.id}`)?.focus();
     }
   }
-  const current = tabs.find((t) => t.id === active) ?? tabs[0];
+  const current = tabs.find((t2) => t2.id === active) ?? tabs[0];
   return /* @__PURE__ */ jsxs("div", { className: vertical ? "subtabs subtabs-vertical" : "subtabs", children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -1076,7 +1076,7 @@ function TabGroups({ groups, value, onChange, ariaLabel }) {
   const [own, setOwn] = useState({ group: groups[0]?.id ?? "" });
   const sel = value ?? own;
   const group = groups.find((g) => g.id === sel.group) ?? groups[0];
-  const tabOf = (g, wanted) => g.tabs.find((t) => t.id === wanted)?.id ?? g.tabs[0]?.id ?? "";
+  const tabOf = (g, wanted) => g.tabs.find((t2) => t2.id === wanted)?.id ?? g.tabs[0]?.id ?? "";
   function set(next) {
     if (value === void 0) setOwn(next);
     onChange?.(next);
@@ -1137,7 +1137,7 @@ function Figure({ caption, children }) {
   ] });
 }
 var DOC_AREAS = {
-  "/introduction": ["initiative", "outcomes", "positioning", "credibility", "problem", "principles", "math", "pipeline", "honesty"],
+  "/introduction": ["problem", "principles", "math", "pipeline", "honesty"],
   "/methodology": ["method"],
   "/implementation": ["architecture", "reproducibility", "engine", "lanes", "contract", "deployment"],
   "/experiments": ["question", "metrics", "protocol", "datasets"],
@@ -1206,12 +1206,498 @@ function Stat({ value, unit, source }) {
     ] })
   ] });
 }
+
+// src/content/executive.schema.json
+var executive_schema_default = {
+  $schema: "https://json-schema.org/draft/2020-12/schema",
+  $id: "https://github.com/fsantibanezleal/CAOS_APP_SHELL/blob/main/src/content/executive.schema.json",
+  title: "CAOS executive view data, version 1.0.0",
+  description: "The one data file a CAOS product fills for the executive view of its Introduction (content/executive.json). Every text is { en, es }; nothing outside these fields is allowed. The writing limits (30 words per sentence, an answer of at most 2 sentences, one sentence for initiative, vision, statement, exec_problem and caption, no equation, no inline citation), the four_cs rule (absent until FOUR_CS names the 4 C's) and the sources-by-field rule are checked by validateExecutive in executive.ts, on top of this structure.",
+  type: "object",
+  additionalProperties: false,
+  required: ["executive", "organisation", "initiative", "why_now", "vision", "outcomes", "dialogue", "illustrations", "sources"],
+  properties: {
+    executive: { $ref: "#/$defs/text", description: "One C-suite role, never a list." },
+    organisation: { $ref: "#/$defs/text", description: "One industry and one context, never several regions." },
+    initiative: { $ref: "#/$defs/text", description: "One sentence: what that executive owns and must achieve." },
+    why_now: {
+      type: "object",
+      additionalProperties: false,
+      required: ["figure", "deadline"],
+      properties: {
+        figure: { $ref: "#/$defs/figure" },
+        deadline: { $ref: "#/$defs/text", description: "One date or deadline, for example 'by 1 December 2026'." }
+      }
+    },
+    vision: { $ref: "#/$defs/text", description: "One sentence: what changes for the executive's business. Comes first in section 2." },
+    outcomes: {
+      type: "array",
+      minItems: 3,
+      maxItems: 5,
+      items: {
+        type: "object",
+        additionalProperties: false,
+        required: ["capability", "outcome", "proof"],
+        properties: {
+          capability: { $ref: "#/$defs/text", description: "What the product does, in plain words." },
+          outcome: { $ref: "#/$defs/text", description: "The business result, non-technical." },
+          proof: {
+            type: "object",
+            additionalProperties: false,
+            required: ["value", "unit", "statement"],
+            properties: {
+              value: { $ref: "#/$defs/text" },
+              unit: { $ref: "#/$defs/text" },
+              statement: { $ref: "#/$defs/text", description: "A one-line statement of the proof point." }
+            }
+          }
+        }
+      }
+    },
+    four_cs: {
+      type: "array",
+      minItems: 4,
+      maxItems: 4,
+      description: "Exactly 4 rows in the owner's order. Absent while FOUR_CS is empty; required, with c equal to the name, once it holds 4 names.",
+      items: {
+        type: "object",
+        additionalProperties: false,
+        required: ["c", "exec_problem"],
+        properties: {
+          c: { $ref: "#/$defs/text" },
+          exec_problem: { $ref: "#/$defs/text", description: "One sentence tying the C to this executive's problem." }
+        }
+      }
+    },
+    dialogue: {
+      type: "array",
+      minItems: 3,
+      maxItems: 5,
+      items: {
+        type: "object",
+        additionalProperties: false,
+        required: ["question", "answer"],
+        properties: {
+          question: { $ref: "#/$defs/text", description: "A business question that executive asks." },
+          answer: { $ref: "#/$defs/text", description: "At most 2 sentences." }
+        }
+      }
+    },
+    illustrations: {
+      type: "object",
+      additionalProperties: false,
+      required: ["initiative", "problem", "solution"],
+      properties: {
+        initiative: { $ref: "#/$defs/illustration" },
+        problem: { $ref: "#/$defs/illustration" },
+        solution: { $ref: "#/$defs/illustration" }
+      }
+    },
+    sources: {
+      type: "array",
+      minItems: 1,
+      description: "The source of every figure (why_now.figure and each outcomes[i].proof), by field path; shown as numbered notes, never inline.",
+      items: {
+        type: "object",
+        additionalProperties: false,
+        required: ["field", "source"],
+        properties: {
+          field: { type: "string", minLength: 1 },
+          source: { $ref: "#/$defs/text" }
+        }
+      }
+    }
+  },
+  $defs: {
+    text: {
+      type: "object",
+      additionalProperties: false,
+      required: ["en", "es"],
+      properties: {
+        en: { type: "string", minLength: 1 },
+        es: { type: "string", minLength: 1 }
+      }
+    },
+    figure: {
+      type: "object",
+      additionalProperties: false,
+      required: ["value", "unit"],
+      properties: {
+        value: { $ref: "#/$defs/text" },
+        unit: { $ref: "#/$defs/text" }
+      }
+    },
+    illustration: {
+      type: "object",
+      additionalProperties: false,
+      required: ["file", "caption"],
+      properties: {
+        file: {
+          description: "The inline SVG: one path, or one path per language.",
+          anyOf: [
+            { type: "string", minLength: 1 },
+            {
+              type: "object",
+              additionalProperties: false,
+              required: ["en", "es"],
+              properties: { en: { type: "string", minLength: 1 }, es: { type: "string", minLength: 1 } }
+            }
+          ]
+        },
+        caption: { $ref: "#/$defs/text", description: "One sentence saying what the reader should take from the illustration." }
+      }
+    }
+  }
+};
+
+// src/content/executive.ts
+var EXECUTIVE_SCHEMA_VERSION = "1.0.0";
+var FOUR_CS = [];
+var EXEC_LIMITS = {
+  maxWords: 30,
+  maxAnswerSentences: 2,
+  /** An equation or a TeX marker: a dollar sign, `\(`, `\[` or a backslash command. */
+  equation: /\$|\\\(|\\\[|\\[a-zA-Z]+/,
+  /** An inline citation: `(Source`, `[1]`, `(ECB`, or a parenthesised author-year such as `(Smith et al., 2019)`. */
+  citations: [/\(\s*Source/i, /\[\d+\]/, /\(\s*ECB/, /\(\w[^()]*\d{4}\)/]};
+function sentencesOf(text) {
+  return text.split(/(?<=[.?!])\s+/).map((s) => s.trim()).filter(Boolean);
+}
+function wordsIn(text) {
+  return text.split(/\s+/).filter((w) => /[\p{L}\p{N}]/u.test(w)).length;
+}
+var ROOT = executive_schema_default;
+var typeOf = (v) => v === null ? "null" : Array.isArray(v) ? "array" : typeof v;
+var join = (base, key) => base ? `${base}.${key}` : key;
+function resolve(node) {
+  if (typeof node.$ref !== "string") return node;
+  const name = node.$ref.replace("#/$defs/", "");
+  return { ...ROOT.$defs[name], ...node.description ? { description: node.description } : {} };
+}
+function check(value, rawNode, path, out) {
+  const node = resolve(rawNode);
+  if (node.anyOf) {
+    const ok = node.anyOf.some((alt) => {
+      const sub = [];
+      check(value, alt, path, sub);
+      return sub.length === 0;
+    });
+    if (!ok) out.push({ path, message: `matches none of the allowed forms (${node.anyOf.map((a) => resolve(a).type).join(" or ")})` });
+    return;
+  }
+  const t2 = typeOf(value);
+  if (node.type && t2 !== node.type) {
+    out.push({ path, message: `must be ${node.type === "object" ? "an object" : node.type === "array" ? "an array" : `a ${node.type}`}, not ${t2 === "undefined" ? "missing" : t2 === "array" ? "an array" : t2 === "object" ? "an object" : `a ${t2}`}` });
+    return;
+  }
+  if (node.type === "string" && typeof value === "string" && node.minLength && value.trim().length < node.minLength) {
+    out.push({ path, message: "must not be empty" });
+  }
+  if (node.type === "array") {
+    const list = value;
+    if (node.minItems !== void 0 && list.length < node.minItems) out.push({ path, message: `needs at least ${node.minItems} item(s), has ${list.length}` });
+    if (node.maxItems !== void 0 && list.length > node.maxItems) out.push({ path, message: `allows at most ${node.maxItems} item(s), has ${list.length}` });
+    if (node.items) list.forEach((item, i) => check(item, node.items, `${path}[${i}]`, out));
+  }
+  if (node.type === "object") {
+    const obj = value;
+    for (const key of node.required ?? []) {
+      if (!(key in obj) || obj[key] === void 0) out.push({ path: join(path, key), message: "is required and missing" });
+    }
+    const props = node.properties ?? {};
+    for (const key of Object.keys(obj)) {
+      if (props[key]) check(obj[key], props[key], join(path, key), out);
+      else if (node.additionalProperties === false) out.push({ path: join(path, key), message: "is not a field of the executive view (nothing else is allowed)" });
+    }
+  }
+}
+function textFields(d) {
+  const out = [
+    { path: "executive", text: d.executive },
+    { path: "organisation", text: d.organisation },
+    { path: "initiative", text: d.initiative, sentences: 1 },
+    { path: "why_now.figure.value", text: d.why_now.figure.value },
+    { path: "why_now.figure.unit", text: d.why_now.figure.unit },
+    { path: "why_now.deadline", text: d.why_now.deadline },
+    { path: "vision", text: d.vision, sentences: 1 }
+  ];
+  d.outcomes.forEach((o, i) => {
+    out.push({ path: `outcomes[${i}].capability`, text: o.capability }, { path: `outcomes[${i}].outcome`, text: o.outcome });
+    out.push({ path: `outcomes[${i}].proof.value`, text: o.proof.value }, { path: `outcomes[${i}].proof.unit`, text: o.proof.unit }, { path: `outcomes[${i}].proof.statement`, text: o.proof.statement, sentences: 1 });
+  });
+  (d.four_cs ?? []).forEach((r, i) => out.push({ path: `four_cs[${i}].c`, text: r.c }, { path: `four_cs[${i}].exec_problem`, text: r.exec_problem, sentences: 1 }));
+  d.dialogue.forEach((q, i) => out.push({ path: `dialogue[${i}].question`, text: q.question }, { path: `dialogue[${i}].answer`, text: q.answer, sentences: EXEC_LIMITS.maxAnswerSentences }));
+  for (const name of ["initiative", "problem", "solution"]) out.push({ path: `illustrations.${name}.caption`, text: d.illustrations[name].caption, sentences: 1 });
+  return out;
+}
+function figureFields(d) {
+  return ["why_now.figure", ...d.outcomes.map((_, i) => `outcomes[${i}].proof`)];
+}
+function writingProblems(text, maxSentences) {
+  const out = [];
+  const sentences = sentencesOf(text);
+  for (const s of sentences) {
+    const n = wordsIn(s);
+    if (n > EXEC_LIMITS.maxWords) out.push(`a sentence of ${n} words; the limit is ${EXEC_LIMITS.maxWords}`);
+  }
+  if (maxSentences !== void 0 && sentences.length > maxSentences) {
+    out.push(maxSentences === 1 ? `must be one sentence, has ${sentences.length}` : `has ${sentences.length} sentences; the limit is ${maxSentences}`);
+  }
+  if (EXEC_LIMITS.equation.test(text)) out.push("holds an equation or a TeX marker; the executive view holds none");
+  if (EXEC_LIMITS.citations.some((re) => re.test(text))) out.push('holds an inline citation; give the source in "sources"');
+  return out;
+}
+function validateExecutive(data, opts = {}) {
+  const fourCs = opts.fourCs ?? FOUR_CS;
+  const out = [];
+  const root = { ...ROOT, required: ROOT.required.filter((k) => k !== "four_cs") };
+  check(data, root, "", out);
+  const structural = out.length;
+  const d = data;
+  if (d && typeof d === "object" && !Array.isArray(d)) {
+    if (fourCs.length === 0) {
+      if ("four_cs" in d) out.push({ path: "four_cs", message: "is not allowed yet: the 4 C's are not named (FOUR_CS is empty), so the view shows section 3 as pending" });
+    } else if (!("four_cs" in d)) {
+      out.push({ path: "four_cs", message: `is required: the 4 C's are named (${fourCs.join(", ")})` });
+    } else {
+      const rows = Array.isArray(d.four_cs) ? d.four_cs : [];
+      if (rows.length === 4) {
+        rows.forEach((r, i) => {
+          if (r?.c && r.c.en !== fourCs[i]) out.push({ path: `four_cs[${i}].c`, message: `must be "${fourCs[i]}" (the ${i + 1}${["st", "nd", "rd", "th"][i]} C, in the owner's order), not "${r.c.en}"` });
+        });
+      }
+    }
+  }
+  if (structural > 0) return out;
+  if (!d || typeof d !== "object") return out;
+  const full = d;
+  for (const f of textFields(full)) {
+    for (const lang of ["en", "es"]) {
+      const text = f.text?.[lang];
+      if (typeof text !== "string") continue;
+      for (const m of writingProblems(text, f.sentences)) out.push({ path: `${f.path}.${lang}`, message: m });
+    }
+  }
+  const wanted = figureFields(full);
+  const seen = /* @__PURE__ */ new Set();
+  full.sources.forEach((s, i) => {
+    if (!wanted.includes(s.field)) out.push({ path: `sources[${i}].field`, message: `"${s.field}" is not a figure of this view (the figures are ${wanted.join(", ")})` });
+    else if (seen.has(s.field)) out.push({ path: `sources[${i}].field`, message: `"${s.field}" already has a source` });
+    seen.add(s.field);
+  });
+  const missing = wanted.filter((f) => !seen.has(f));
+  if (missing.length > 0) out.push({ path: "sources", message: `no source for ${missing.join(", ")}` });
+  return out;
+}
+var SECTION_TITLES = [
+  { en: "Industry & Exec Tailoring", es: "Industria y foco ejecutivo" },
+  { en: "AI Transformation Story", es: "Historia de transformaci\xF3n con IA" },
+  { en: "4Cs Positioning", es: "Posicionamiento 4C" },
+  { en: "Delivery & Credibility", es: "Entrega y credibilidad" }
+];
+var SECTION_QUESTIONS = [
+  { en: "Built for a C-suite exec?", es: "\xBFPensado para un ejecutivo de primer nivel?" },
+  { en: "Outcomes, not a feature tour", es: "Resultados, no un recorrido de funciones" },
+  { en: "Value story, not features dump", es: "Historia de valor, no lista de funciones" },
+  { en: "Trust them in front of a CxO?", es: "\xBFConfiar\xEDa en ellos frente a un ejecutivo?" }
+];
+var PENDING_FOUR_CS = {
+  en: "Pending: the 4 C's are defined by the product owner",
+  es: "Pendiente: las 4 C las define el responsable del producto"
+};
 function Question({ question, answer }) {
   return /* @__PURE__ */ jsxs("div", { className: "caos-qa", "data-qa": "", children: [
     /* @__PURE__ */ jsx("p", { className: "caos-qa-question", "data-question": "", children: question }),
     /* @__PURE__ */ jsx("div", { className: "caos-qa-answer", "data-answer": "", children: answer })
   ] });
 }
+var UI = {
+  executive: { en: "Executive", es: "Ejecutivo" },
+  organisation: { en: "Organisation", es: "Organizaci\xF3n" },
+  whyNow: { en: "Why now", es: "Por qu\xE9 ahora" },
+  does: { en: "What it does", es: "Qu\xE9 hace" },
+  result: { en: "Business result", es: "Resultado de negocio" },
+  proof: { en: "Proof", es: "Prueba" },
+  sources: { en: "Sources", es: "Fuentes" },
+  source: { en: "Source", es: "Fuente" },
+  errorTitle: { en: "The executive view data is not valid", es: "Los datos de la vista ejecutiva no son v\xE1lidos" },
+  errorLead: {
+    en: "Fix content/executive.json against executive.schema.json; the view shows nothing until it is valid.",
+    es: "Corrija content/executive.json seg\xFAn executive.schema.json; la vista no muestra nada hasta que sea v\xE1lido."
+  },
+  loading: { en: "Loading the illustration", es: "Cargando la ilustraci\xF3n" },
+  missing: { en: "The illustration file did not load", es: "No carg\xF3 el archivo de la ilustraci\xF3n" }
+};
+var t = (text, lang) => text[lang];
+function cleanSvg(text) {
+  const doc = new DOMParser().parseFromString(text, "image/svg+xml");
+  const root = doc.documentElement;
+  if (!root || root.localName !== "svg" || doc.querySelector("parsererror")) return null;
+  for (const bad of Array.from(doc.querySelectorAll("script, foreignObject"))) bad.remove();
+  for (const el of Array.from(doc.querySelectorAll("*"))) {
+    for (const attr of Array.from(el.attributes)) {
+      if (/^on/i.test(attr.name) || /^(xlink:)?href$/i.test(attr.name) && /^\s*javascript:/i.test(attr.value)) el.removeAttribute(attr.name);
+    }
+  }
+  root.removeAttribute("width");
+  root.removeAttribute("height");
+  if (!root.getAttribute("viewBox")) return null;
+  if (!root.getAttribute("role")) root.setAttribute("role", "img");
+  return new XMLSerializer().serializeToString(root);
+}
+function Illustration({ name, spec, base, lang }) {
+  const file = typeof spec.file === "string" ? spec.file : spec.file[lang];
+  const url = /^([a-z]+:)?\/\//i.test(file) || file.startsWith("/") ? file : `${base}${file}`;
+  const [loaded, setLoaded] = useState({ status: "loading" });
+  useEffect(() => {
+    let live = true;
+    setLoaded({ status: "loading" });
+    fetch(url).then((r) => {
+      if (!r.ok) throw new Error(`HTTP ${r.status}`);
+      return r.text();
+    }).then((text) => {
+      const svg = cleanSvg(text);
+      if (!svg) throw new Error("not an SVG document with a viewBox");
+      if (live) setLoaded({ status: "ready", svg });
+    }).catch((e) => {
+      if (live) setLoaded({ status: "error", why: e.message });
+    });
+    return () => {
+      live = false;
+    };
+  }, [url]);
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      className: "figure caos-exec-fig",
+      "data-exec-illustration": name,
+      "data-lang": lang,
+      "data-exec-file": file,
+      "data-state": loaded.status === "ready" ? void 0 : loaded.status,
+      children: [
+        loaded.status === "ready" ? /* @__PURE__ */ jsx("div", { className: "caos-exec-art", dangerouslySetInnerHTML: { __html: loaded.svg } }) : loaded.status === "error" ? /* @__PURE__ */ jsxs("p", { className: "caos-exec-fig-error", role: "alert", children: [
+          t(UI.missing, lang),
+          ": ",
+          /* @__PURE__ */ jsx("code", { children: file }),
+          " (",
+          loaded.why,
+          ")"
+        ] }) : /* @__PURE__ */ jsx("div", { className: "caos-exec-art caos-exec-art-wait", "aria-busy": "true", "aria-label": t(UI.loading, lang) }),
+        /* @__PURE__ */ jsx("figcaption", { className: "figure-caption", "data-exec-field": `illustrations.${name}.caption`, children: t(spec.caption, lang) })
+      ]
+    }
+  );
+}
+var Label = ({ children }) => /* @__PURE__ */ jsx("span", { className: "caos-exec-label", children });
+function Section({ n, lang, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "caos-exec-section", "data-exec-section": n, "aria-label": t(SECTION_TITLES[n - 1], lang), children: [
+    /* @__PURE__ */ jsx("h2", { children: t(SECTION_TITLES[n - 1], lang) }),
+    /* @__PURE__ */ jsx("p", { className: "caos-exec-question", "data-exec-question": "", children: t(SECTION_QUESTIONS[n - 1], lang) }),
+    children
+  ] });
+}
+function ExecutiveView({ data, base }) {
+  return /* @__PURE__ */ jsx(ExecutiveViewBody, { data, base, fourCs: FOUR_CS });
+}
+function ExecutiveViewBody({ data, base = "/", fourCs, lang: forced }) {
+  const stored = useShellLang();
+  const lang = forced ?? stored;
+  const problems = validateExecutive(data, { fourCs });
+  if (problems.length > 0) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "caos-exec caos-exec-error",
+        "data-executive-view": "",
+        "data-executive-schema": EXECUTIVE_SCHEMA_VERSION,
+        "data-executive-valid": "false",
+        "data-executive-errors": problems.map((p) => `${p.path || "(file)"}: ${p.message}`).join(" | "),
+        "data-state": "error",
+        role: "alert",
+        children: [
+          /* @__PURE__ */ jsx("h2", { children: t(UI.errorTitle, lang) }),
+          /* @__PURE__ */ jsx("p", { children: t(UI.errorLead, lang) }),
+          /* @__PURE__ */ jsx("ul", { children: problems.map((p, i) => /* @__PURE__ */ jsxs("li", { children: [
+            /* @__PURE__ */ jsx("code", { children: p.path || "(file)" }),
+            ": ",
+            p.message
+          ] }, i)) })
+        ]
+      }
+    );
+  }
+  const d = data;
+  const figures = figureFields(d);
+  const note = (field2) => figures.indexOf(field2) + 1;
+  const sourceOf = (field2) => d.sources.find((s) => s.field === field2);
+  const Cite2 = ({ field: field2 }) => /* @__PURE__ */ jsx("sup", { className: "caos-exec-cite", children: /* @__PURE__ */ jsx("a", { href: `#exec-note-${note(field2)}`, "aria-label": `${t(UI.source, lang)} ${note(field2)}`, children: note(field2) }) });
+  const field = (path, text) => /* @__PURE__ */ jsx("span", { "data-exec-field": path, children: t(text, lang) });
+  return /* @__PURE__ */ jsxs("div", { className: "caos-exec", "data-executive-view": "", "data-executive-schema": EXECUTIVE_SCHEMA_VERSION, "data-executive-valid": "true", children: [
+    /* @__PURE__ */ jsxs(Section, { n: 1, lang, children: [
+      /* @__PURE__ */ jsxs("dl", { className: "caos-exec-facts", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { children: t(UI.executive, lang) }),
+          /* @__PURE__ */ jsx("dd", { "data-exec-field": "executive", children: t(d.executive, lang) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("dt", { children: t(UI.organisation, lang) }),
+          /* @__PURE__ */ jsx("dd", { "data-exec-field": "organisation", children: t(d.organisation, lang) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "caos-exec-initiative", "data-exec-field": "initiative", children: t(d.initiative, lang) }),
+      /* @__PURE__ */ jsx(Illustration, { name: "initiative", spec: d.illustrations.initiative, base, lang }),
+      /* @__PURE__ */ jsxs("p", { className: "caos-exec-whynow", "data-exec-line": "why_now", children: [
+        /* @__PURE__ */ jsx(Label, { children: t(UI.whyNow, lang) }),
+        " ",
+        /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": "why_now.figure.value", children: t(d.why_now.figure.value, lang) }),
+        " ",
+        field("why_now.figure.unit", d.why_now.figure.unit),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-sep", children: "\xB7" }),
+        " ",
+        field("why_now.deadline", d.why_now.deadline),
+        /* @__PURE__ */ jsx(Cite2, { field: "why_now.figure" })
+      ] }),
+      /* @__PURE__ */ jsx(Illustration, { name: "problem", spec: d.illustrations.problem, base, lang })
+    ] }),
+    /* @__PURE__ */ jsxs(Section, { n: 2, lang, children: [
+      /* @__PURE__ */ jsx("p", { className: "caos-exec-vision", "data-exec-field": "vision", children: t(d.vision, lang) }),
+      /* @__PURE__ */ jsx(Illustration, { name: "solution", spec: d.illustrations.solution, base, lang }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-outcomes", children: d.outcomes.map((o, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-outcome", "data-exec-outcome": i, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.does, lang) }),
+          " ",
+          field(`outcomes[${i}].capability`, o.capability)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.result, lang) }),
+          " ",
+          field(`outcomes[${i}].outcome`, o.outcome)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "caos-exec-proof", children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.proof, lang) }),
+          " ",
+          /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": `outcomes[${i}].proof.value`, children: t(o.proof.value, lang) }),
+          " ",
+          field(`outcomes[${i}].proof.unit`, o.proof.unit),
+          ". ",
+          field(`outcomes[${i}].proof.statement`, o.proof.statement),
+          /* @__PURE__ */ jsx(Cite2, { field: `outcomes[${i}].proof` })
+        ] })
+      ] }, i)) })
+    ] }),
+    /* @__PURE__ */ jsx(Section, { n: 3, lang, children: fourCs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "caos-exec-pending", "data-state": "unavailable", "data-exec-pending": "", children: t(PENDING_FOUR_CS, lang) }) : /* @__PURE__ */ jsx("ul", { className: "caos-exec-cs", children: d.four_cs.map((r, i) => /* @__PURE__ */ jsxs("li", { "data-exec-c": i, children: [
+      /* @__PURE__ */ jsx("strong", { "data-exec-field": `four_cs[${i}].c`, children: t(r.c, lang) }),
+      " ",
+      field(`four_cs[${i}].exec_problem`, r.exec_problem)
+    ] }, i)) }) }),
+    /* @__PURE__ */ jsx(Section, { n: 4, lang, children: d.dialogue.map((q, i) => /* @__PURE__ */ jsx(Question, { question: field(`dialogue[${i}].question`, q.question), answer: /* @__PURE__ */ jsx("p", { children: field(`dialogue[${i}].answer`, q.answer) }) }, i)) }),
+    /* @__PURE__ */ jsxs("aside", { className: "caos-exec-notes-wrap", "aria-label": t(UI.sources, lang), children: [
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-notes-title", children: t(UI.sources, lang) }),
+      /* @__PURE__ */ jsx("ol", { className: "caos-exec-notes", "data-exec-notes": "", children: figures.map((f, i) => /* @__PURE__ */ jsx("li", { id: `exec-note-${i + 1}`, children: t(sourceOf(f).source, lang) }, f)) })
+    ] })
+  ] });
+}
 function replaceQueryParam(param, value) {
   if (typeof window === "undefined") return;
   const next = withCaseParam(window.location.search, value, param);
@@ -1236,7 +1722,7 @@ function viewParamOf(option) {
 }
 function SurfacePage({ title, lede, actions, tabs, value, onChange, deepLinkView = true, ariaLabel, instrument, children }) {
   const lang = useShellLang();
-  const [open, select] = useUrlView((tabs ?? []).map((t) => t.id), tabs ? viewParamOf(deepLinkView) : null, value, onChange);
+  const [open, select] = useUrlView((tabs ?? []).map((t2) => t2.id), tabs ? viewParamOf(deepLinkView) : null, value, onChange);
   const head = title !== void 0 || lede !== void 0 || actions !== void 0;
   return /* @__PURE__ */ jsxs("div", { className: "page-body wide caos-surface", "data-surface": "", children: [
     head && /* @__PURE__ */ jsxs("div", { className: "caos-surface-head", children: [
@@ -1388,9 +1874,9 @@ function BarChart({ title, data, axis, orientation = "horizontal", values = true
       const barH = Math.min(rowH * 0.5, 40);
       drawing = /* @__PURE__ */ jsxs("svg", { width, height: drawnHeight, role: "img", "aria-label": name, "data-chart": "", "data-chart-kind": "bars", children: [
         /* @__PURE__ */ jsx("title", { children: name }),
-        ticks.map((t, i) => /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("line", { x1: sx(t), x2: sx(t), y1: top, y2: plotBottom, stroke: "var(--color-border)", strokeWidth: t === 0 ? 1.4 : 1 }),
-          /* @__PURE__ */ jsx("text", { x: sx(t), y: plotBottom + 6 + LINE - 2, textAnchor: i === 0 && sx(t) - textWidth(tickLabels[i], PX) / 2 < 0 ? "start" : i === ticks.length - 1 && sx(t) + textWidth(tickLabels[i], PX) / 2 > width ? "end" : "middle", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: tickLabels[i] })
+        ticks.map((t2, i) => /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx("line", { x1: sx(t2), x2: sx(t2), y1: top, y2: plotBottom, stroke: "var(--color-border)", strokeWidth: t2 === 0 ? 1.4 : 1 }),
+          /* @__PURE__ */ jsx("text", { x: sx(t2), y: plotBottom + 6 + LINE - 2, textAnchor: i === 0 && sx(t2) - textWidth(tickLabels[i], PX) / 2 < 0 ? "start" : i === ticks.length - 1 && sx(t2) + textWidth(tickLabels[i], PX) / 2 > width ? "end" : "middle", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: tickLabels[i] })
         ] }, `t${i}`)),
         /* @__PURE__ */ jsx("text", { x: x0 + (x1 - x0) / 2, y: plotBottom + 6 + LINE + 4 + LINE - 2, textAnchor: "middle", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: axisTitle }),
         data.map((d, i) => {
@@ -1444,9 +1930,9 @@ function BarChart({ title, data, axis, orientation = "horizontal", values = true
       drawing = /* @__PURE__ */ jsxs("svg", { width, height: h, role: "img", "aria-label": name, "data-chart": "", "data-chart-kind": "bars", children: [
         /* @__PURE__ */ jsx("title", { children: name }),
         /* @__PURE__ */ jsx("text", { x: 0, y: LINE - 2, textAnchor: "start", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: axisTitle }),
-        ticks.map((t, i) => /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("line", { x1: left, x2: width - right, y1: sy(t), y2: sy(t), stroke: "var(--color-border)", strokeWidth: t === 0 ? 1.4 : 1 }),
-          /* @__PURE__ */ jsx("text", { x: left - 6, y: sy(t) + 4, textAnchor: "end", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: tickLabels[i] })
+        ticks.map((t2, i) => /* @__PURE__ */ jsxs("g", { children: [
+          /* @__PURE__ */ jsx("line", { x1: left, x2: width - right, y1: sy(t2), y2: sy(t2), stroke: "var(--color-border)", strokeWidth: t2 === 0 ? 1.4 : 1 }),
+          /* @__PURE__ */ jsx("text", { x: left - 6, y: sy(t2) + 4, textAnchor: "end", fontSize: PX, fill: "var(--color-fg-subtle)", style: { fontFamily: "var(--font-sans)" }, children: tickLabels[i] })
         ] }, `t${i}`)),
         data.map((d, i) => {
           const cx = left + band * i + band / 2;
@@ -1637,7 +2123,7 @@ function CaseWorkbench(props) {
       `CaseWorkbench: ${tabs.length} groups; at most ${MAX_WORKBENCH_GROUPS} peers, then group by question (ADR-0071 rule 5)`
     );
   }
-  const [openGroup, selectGroup] = useUrlView(tabs.map((t) => t.id), viewParamOf(deepLinkView), group, onGroupChange);
+  const [openGroup, selectGroup] = useUrlView(tabs.map((t2) => t2.id), viewParamOf(deepLinkView), group, onGroupChange);
   const railHead = cases || variants ? /* @__PURE__ */ jsxs(Fragment, { children: [
     cases && /* @__PURE__ */ jsx(CaseSelector, { lang, ...cases }),
     variants && /* @__PURE__ */ jsx(VariantBar, { ...variants })
@@ -1865,4 +2351,4 @@ function ViewsRow({ children, shares }) {
   }) });
 }
 
-export { AppShell, ArchitectureModal, BREAKPOINTS, BarChart, Callout, CaseSelector, CaseWorkbench, ChipGroup, CitationsProvider, Cite, DOC_AREAS, DocPage, DocReferences, DocRefsScope, DocSection, Equation, Figure, FocusShell, Gauge, Glossary, InlineMath, Knob, LaneBadge, LanguageToggle, MAX_PEER_TABS, MAX_WORKBENCH_GROUPS, PanelBoundary, PlotCard, Question, Readout, ReferenceList, Refs, Stat, SubTabs, SurfacePage, TabGroups, Tabs, ThemeToggle, VariantBar, Verdict, ViewsRow, WorkbenchLayout, WorkbenchShell, WorkbenchStateContext, caseKind, caseTooltip, casesInSource, createVizLoop, firstAppearance, fitLabel, fontFamily, groupByCategory, isStale, makeStateKey, niceStep, niceTicks, readCaseParam, replaceQueryParam, sourcesPresent, textWidth, usePausedViz, useUrlView, useWorkbenchState, validateArchitectureConfig, viewParamOf, widestLabel, withCaseParam };
+export { AppShell, ArchitectureModal, BREAKPOINTS, BarChart, Callout, CaseSelector, CaseWorkbench, ChipGroup, CitationsProvider, Cite, DOC_AREAS, DocPage, DocReferences, DocRefsScope, DocSection, EXECUTIVE_SCHEMA_VERSION, Equation, ExecutiveView, FOUR_CS, Figure, FocusShell, Gauge, Glossary, InlineMath, Knob, LaneBadge, LanguageToggle, MAX_PEER_TABS, MAX_WORKBENCH_GROUPS, PanelBoundary, PlotCard, Question, Readout, ReferenceList, Refs, Stat, SubTabs, SurfacePage, TabGroups, Tabs, ThemeToggle, VariantBar, Verdict, ViewsRow, WorkbenchLayout, WorkbenchShell, WorkbenchStateContext, caseKind, caseTooltip, casesInSource, createVizLoop, firstAppearance, fitLabel, fontFamily, groupByCategory, isStale, makeStateKey, niceStep, niceTicks, readCaseParam, replaceQueryParam, sourcesPresent, textWidth, usePausedViz, useUrlView, useWorkbenchState, validateArchitectureConfig, validateExecutive, viewParamOf, widestLabel, withCaseParam };