@fasl-work/caos-app-shell 0.11.2 → 0.13.0

package/dist/index.js

@@ -1,8 +1,9 @@
-import { useThemeStore, useShellLang, useLangStore, SHELL_TOKENS, pick, useStageSize, NOT_AVAILABLE, formatTicks, formatNumber, NBSP } from './chunk-DX36XRD5.js';
-export { NBSP, NOT_AVAILABLE, SCIENTIFIC_BELOW, SHELL_TOKENS, Stage, applyTheme, formatNumber, formatTicks, pick, readTheme, resolveToken, useFormat, useLangStore, useShellLang, useStageSize, useThemeStore, useThemeTokens } from './chunk-DX36XRD5.js';
-export { LANG_STORAGE_KEY, STANDARD_ROUTES, THEME_BOOT_SCRIPT, THEME_STORAGE_KEY } from './chunk-X6Y5CDUD.js';
+import { useThemeStore, useShellLang, useLangStore, SHELL_TOKENS, pick, useStageSize, NOT_AVAILABLE, formatTicks, formatNumber, NBSP } from './chunk-3QYQCWSZ.js';
+export { NBSP, NOT_AVAILABLE, SCIENTIFIC_BELOW, SHELL_TOKENS, Stage, applyTheme, formatNumber, formatTicks, pick, readTheme, resolveToken, useFormat, useLangStore, useShellLang, useStageSize, useThemeStore, useThemeTokens } from './chunk-3QYQCWSZ.js';
+import { APP_ROUTE, LANDING_ROUTE } from './chunk-YVVDBSAC.js';
+export { APP_ROUTE, LANDING_ROUTE, LANG_STORAGE_KEY, STANDARD_ROUTES, THEME_BOOT_SCRIPT, THEME_STORAGE_KEY } from './chunk-YVVDBSAC.js';
 import { createContext, Component, useState, useRef, useId, useEffect, useCallback, useContext, useMemo, useLayoutEffect, Children } from 'react';
-import { useInRouterContext, NavLink, useLocation } from 'react-router';
+import { useInRouterContext, NavLink, useLocation, Navigate, Link } from 'react-router';
 import { Sun, Moon, Languages, Boxes, CodeXml, Globe, Briefcase, Info } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import katex from 'katex';
@@ -123,21 +124,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 +192,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 +246,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 +276,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: [
@@ -428,6 +429,11 @@ function Frame({ config, pathname, routed, children }) {
     ] }) }) })
   ] });
 }
+function Landing() {
+  const { pathname, search, hash } = useLocation();
+  const oldAppLink = pathname === "/" && (search !== "" || hash !== "");
+  return /* @__PURE__ */ jsx(Navigate, { to: `${oldAppLink ? APP_ROUTE : LANDING_ROUTE}${search}${hash}`, replace: true });
+}
 function WorkbenchShell({
   brand,
   routes,
@@ -522,14 +528,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 +718,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 +741,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 +750,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 +794,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 +963,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 +1031,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 +1082,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 +1143,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,6 +1212,1306 @@ 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 2.0.0",
+  description: "The one data file a CAOS product fills for the executive view of its Introduction (content/executive.json): the industry's problem framed for a decision maker, general and never tied to a client or written as a pitch. Every text is { en, es }; nothing outside these fields is allowed. The floors are minimum and maximum counts of rows (minItems, maxItems). The writing limits (30 words per sentence, one sentence for key messages, captions, actions and the like, two for the key statement, at least 25 words in a paragraph, no equation, no inline citation, no promotional or client-bound wording), the 4 C's rule (exactly the 4 C's of FOUR_CS, in order, each c equal to its name), the owners that are roles of the current situation, the weights of the causes and the sources-by-id rules (every citation names a source, every source is cited, a source is an https link whose title and note cite no file) are checked by validateExecutive in executive.ts, on top of this structure.",
+  type: "object",
+  additionalProperties: false,
+  required: [
+    "title",
+    "key_statement",
+    "headline_figures",
+    "pain",
+    "context",
+    "situation",
+    "trends",
+    "proposal",
+    "illustrations",
+    "sources"
+  ],
+  properties: {
+    title: {
+      $ref: "#/$defs/text",
+      description: "The problem's title: the industry's problem, not a product name."
+    },
+    key_statement: {
+      $ref: "#/$defs/text",
+      description: "One or two sentences naming the pain and the direction proposed."
+    },
+    headline_figures: {
+      type: "array",
+      minItems: 2,
+      maxItems: 3,
+      description: "Two or three headline figures, each a short heading, one figure and its linked source.",
+      items: {
+        $ref: "#/$defs/figure"
+      }
+    },
+    pain: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "key_message",
+        "paragraphs",
+        "bearers",
+        "figures",
+        "causes"
+      ],
+      properties: {
+        key_message: {
+          $ref: "#/$defs/text",
+          description: "One line: what a reader who stops here takes away."
+        },
+        paragraphs: {
+          type: "array",
+          minItems: 2,
+          maxItems: 3,
+          description: "Two paragraphs (at least 25 words each): what goes wrong, for whom, how big.",
+          items: {
+            $ref: "#/$defs/text"
+          }
+        },
+        bearers: {
+          type: "array",
+          minItems: 3,
+          maxItems: 5,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "who",
+              "cost",
+              "measure"
+            ],
+            properties: {
+              who: {
+                $ref: "#/$defs/text",
+                description: "Who bears it."
+              },
+              cost: {
+                $ref: "#/$defs/text",
+                description: "The cost in money, time, risk or harm."
+              },
+              measure: {
+                $ref: "#/$defs/text",
+                description: "How it is measured."
+              }
+            }
+          }
+        },
+        figures: {
+          type: "array",
+          minItems: 2,
+          maxItems: 4,
+          description: "At least two sourced industry figures.",
+          items: {
+            $ref: "#/$defs/figure"
+          }
+        },
+        causes: {
+          type: "array",
+          minItems: 3,
+          maxItems: 5,
+          description: "Three to five non-overlapping branches, weighted by size.",
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "cause",
+              "weight"
+            ],
+            properties: {
+              cause: {
+                $ref: "#/$defs/text",
+                description: "One branch of the problem; branches do not overlap."
+              },
+              weight: {
+                type: "integer",
+                minimum: 1,
+                maximum: 100,
+                description: "The size of the branch as a percent of the whole; the weights add to at most 100."
+              }
+            }
+          }
+        }
+      }
+    },
+    context: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "key_message",
+        "paragraphs",
+        "setting",
+        "forces",
+        "evidence"
+      ],
+      properties: {
+        key_message: {
+          $ref: "#/$defs/text",
+          description: "One line: what a reader who stops here takes away."
+        },
+        paragraphs: {
+          type: "array",
+          minItems: 1,
+          maxItems: 2,
+          description: "One or two paragraphs (at least 25 words each).",
+          items: {
+            $ref: "#/$defs/text"
+          }
+        },
+        setting: {
+          $ref: "#/$defs/text",
+          description: "The class of organisations, rules, data and technology the problem lives in."
+        },
+        forces: {
+          type: "array",
+          minItems: 3,
+          maxItems: 4,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "force",
+              "direction"
+            ],
+            properties: {
+              force: {
+                $ref: "#/$defs/text",
+                description: "A force that keeps the pain going."
+              },
+              direction: {
+                $ref: "#/$defs/direction"
+              }
+            }
+          }
+        },
+        evidence: {
+          type: "array",
+          minItems: 1,
+          maxItems: 4,
+          description: "At least one sourced rule or figure.",
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "statement",
+              "source"
+            ],
+            properties: {
+              statement: {
+                $ref: "#/$defs/text",
+                description: "One sourced rule or figure."
+              },
+              source: {
+                $ref: "#/$defs/sourceId"
+              }
+            }
+          }
+        }
+      }
+    },
+    situation: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "key_message",
+        "roles",
+        "interaction",
+        "state_of_the_art",
+        "status"
+      ],
+      properties: {
+        key_message: {
+          $ref: "#/$defs/text",
+          description: "One line: what a reader who stops here takes away."
+        },
+        roles: {
+          type: "array",
+          minItems: 3,
+          maxItems: 5,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "role",
+              "decides",
+              "needs"
+            ],
+            properties: {
+              role: {
+                $ref: "#/$defs/text",
+                description: "A role involved; a family of roles, never a person or an organisation."
+              },
+              decides: {
+                $ref: "#/$defs/text",
+                description: "What it decides."
+              },
+              needs: {
+                $ref: "#/$defs/text",
+                description: "What it needs."
+              }
+            }
+          }
+        },
+        interaction: {
+          $ref: "#/$defs/text",
+          description: "One sentence on how the roles interact."
+        },
+        state_of_the_art: {
+          type: "array",
+          minItems: 3,
+          maxItems: 5,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "approach",
+              "achieves",
+              "falls_short",
+              "source"
+            ],
+            properties: {
+              approach: {
+                $ref: "#/$defs/text",
+                description: "An approach in use, described fairly."
+              },
+              achieves: {
+                $ref: "#/$defs/text",
+                description: "What it achieves."
+              },
+              falls_short: {
+                $ref: "#/$defs/text",
+                description: "Where it falls short."
+              },
+              source: {
+                $ref: "#/$defs/sourceId"
+              }
+            }
+          }
+        },
+        status: {
+          type: "object",
+          additionalProperties: false,
+          required: [
+            "heading",
+            "value",
+            "unit",
+            "date",
+            "source"
+          ],
+          properties: {
+            heading: {
+              $ref: "#/$defs/text"
+            },
+            value: {
+              $ref: "#/$defs/text"
+            },
+            unit: {
+              $ref: "#/$defs/text"
+            },
+            date: {
+              $ref: "#/$defs/text",
+              description: "The date of the figure."
+            },
+            source: {
+              $ref: "#/$defs/sourceId"
+            }
+          },
+          description: "One sourced status figure with its date."
+        }
+      }
+    },
+    trends: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "key_message",
+        "items"
+      ],
+      properties: {
+        key_message: {
+          $ref: "#/$defs/text",
+          description: "One line: what a reader who stops here takes away."
+        },
+        items: {
+          type: "array",
+          minItems: 3,
+          maxItems: 5,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "trend",
+              "kind",
+              "direction",
+              "horizon",
+              "signal",
+              "effect",
+              "confidence"
+            ],
+            properties: {
+              trend: {
+                $ref: "#/$defs/text"
+              },
+              kind: {
+                type: "string",
+                enum: [
+                  "regulatory",
+                  "technological",
+                  "market",
+                  "practice"
+                ]
+              },
+              direction: {
+                $ref: "#/$defs/direction"
+              },
+              horizon: {
+                type: "string",
+                enum: [
+                  "now",
+                  "two_years",
+                  "ten_years"
+                ]
+              },
+              signal: {
+                type: "object",
+                additionalProperties: false,
+                required: [
+                  "statement",
+                  "source"
+                ],
+                properties: {
+                  statement: {
+                    $ref: "#/$defs/text",
+                    description: "The sourced signal."
+                  },
+                  source: {
+                    $ref: "#/$defs/sourceId"
+                  }
+                }
+              },
+              effect: {
+                $ref: "#/$defs/text",
+                description: "Its effect on the roles of the current situation."
+              },
+              confidence: {
+                type: "string",
+                enum: [
+                  "low",
+                  "medium",
+                  "high"
+                ]
+              }
+            }
+          }
+        }
+      }
+    },
+    proposal: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "key_message",
+        "paragraphs",
+        "four_cs",
+        "actions",
+        "risks",
+        "unknowns"
+      ],
+      properties: {
+        key_message: {
+          $ref: "#/$defs/text",
+          description: "One line: what a reader who stops here takes away."
+        },
+        paragraphs: {
+          type: "array",
+          minItems: 1,
+          maxItems: 2,
+          description: "The approach at the level of the problem, tied to its causes (at least 25 words each).",
+          items: {
+            $ref: "#/$defs/text"
+          }
+        },
+        four_cs: {
+          type: "array",
+          minItems: 4,
+          maxItems: 4,
+          description: "Required: exactly 4 rows, the 4 C's of FOUR_CS in order (Choice, Context, Cost, Control), each c equal to the name in both languages.",
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "c",
+              "applies"
+            ],
+            properties: {
+              c: {
+                $ref: "#/$defs/text",
+                description: "The C's name."
+              },
+              applies: {
+                $ref: "#/$defs/text",
+                description: "One sentence: what this C means for the proposal."
+              }
+            }
+          }
+        },
+        actions: {
+          type: "array",
+          minItems: 3,
+          maxItems: 6,
+          items: {
+            type: "object",
+            additionalProperties: false,
+            required: [
+              "action",
+              "owner",
+              "horizon",
+              "check"
+            ],
+            properties: {
+              action: {
+                $ref: "#/$defs/text"
+              },
+              owner: {
+                $ref: "#/$defs/text",
+                description: "A role of the current situation, written as there."
+              },
+              horizon: {
+                $ref: "#/$defs/text"
+              },
+              check: {
+                $ref: "#/$defs/text",
+                description: "How success is checked."
+              }
+            }
+          }
+        },
+        risks: {
+          type: "array",
+          minItems: 1,
+          maxItems: 4,
+          items: {
+            $ref: "#/$defs/text"
+          }
+        },
+        unknowns: {
+          type: "array",
+          minItems: 1,
+          maxItems: 4,
+          items: {
+            $ref: "#/$defs/text"
+          }
+        },
+        handoff: {
+          $ref: "#/$defs/text",
+          description: "Optional: one closing line on the part of the problem the work explores."
+        }
+      }
+    },
+    illustrations: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "pain",
+        "situation",
+        "proposal"
+      ],
+      properties: {
+        pain: {
+          $ref: "#/$defs/illustration"
+        },
+        situation: {
+          $ref: "#/$defs/illustration"
+        },
+        proposal: {
+          $ref: "#/$defs/illustration"
+        }
+      }
+    },
+    sources: {
+      type: "array",
+      minItems: 1,
+      description: "The sources, each a link; the notes are numbered in the order of first use. Every figure and every state-of-the-art or trend claim names one by id.",
+      items: {
+        type: "object",
+        additionalProperties: false,
+        required: [
+          "id",
+          "title",
+          "url"
+        ],
+        properties: {
+          id: {
+            type: "string",
+            pattern: "^[a-z0-9][a-z0-9-]*$",
+            "x-pattern-message": "must be lower case letters, digits and hyphens",
+            description: "The id the figures and claims cite."
+          },
+          title: {
+            $ref: "#/$defs/text",
+            description: "The publication, in plain words."
+          },
+          url: {
+            type: "string",
+            minLength: 1,
+            pattern: "^https://[^\\s]+$",
+            "x-pattern-message": "must be an https:// link (the page or document itself, no other scheme, no spaces)",
+            description: "The https link to the page or document."
+          },
+          note: {
+            $ref: "#/$defs/text",
+            description: "Optional, at most one sentence, for example a page number. Never a file name or number."
+          }
+        }
+      }
+    }
+  },
+  $defs: {
+    text: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "en",
+        "es"
+      ],
+      properties: {
+        en: {
+          type: "string",
+          minLength: 1
+        },
+        es: {
+          type: "string",
+          minLength: 1
+        }
+      }
+    },
+    sourceId: {
+      type: "string",
+      minLength: 1,
+      description: "The id of an entry of sources."
+    },
+    direction: {
+      type: "string",
+      enum: [
+        "rising",
+        "easing",
+        "steady"
+      ],
+      description: "Where the force or the trend is heading."
+    },
+    figure: {
+      type: "object",
+      additionalProperties: false,
+      required: [
+        "heading",
+        "value",
+        "unit",
+        "source"
+      ],
+      properties: {
+        heading: {
+          $ref: "#/$defs/text",
+          description: "A short heading."
+        },
+        value: {
+          $ref: "#/$defs/text"
+        },
+        unit: {
+          $ref: "#/$defs/text"
+        },
+        source: {
+          $ref: "#/$defs/sourceId"
+        }
+      }
+    },
+    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 = "2.0.0";
+var FOUR_CS = [
+  { name: { en: "Choice", es: "Elecci\xF3n" }, definition: { en: "flexibility across proprietary and open models.", es: "flexibilidad entre modelos propietarios y abiertos." } },
+  { name: { en: "Context", es: "Contexto" }, definition: { en: "AI grounded in business meaning, so decisions are accurate.", es: "IA anclada en el significado del negocio, para que las decisiones sean exactas." } },
+  { name: { en: "Cost", es: "Costo" }, definition: { en: "visibility of what the AI spends.", es: "visibilidad de lo que gasta la IA." } },
+  { name: { en: "Control", es: "Control" }, definition: { en: "one governance over data, models and agents.", es: "una sola gobernanza sobre datos, modelos y agentes." } }
+];
+var EXEC_LIMITS = {
+  maxWords: 30,
+  /** The fewest words of a paragraph: no one-line sections, no restating the title. */
+  minParagraphWords: 25,
+  /** 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}\)/],
+  /** A source that cites a file name or number in place of its link (a `.pdf` is allowed only beside a written-out https link). */
+  fileCitations: [/\bfile\s*\d/i, /\barchivo\s*\d/i, /\.pdf\b/i, /\bPublished on\b/i],
+  /** Promotional or client-bound wording (the view is general: never a client, never a pitch; Felipe 2026-10-13). Whole words, either case. */
+  promotional: [/\bour\s+clients?\b/i, /\bnuestros?\s+clientes?\b/i, /\bcontact\s+us\b/i, /\bcontáctenos\b/i, /\bbuy\b/i, /\bcomprar\b/i, /\bprices?\b/i, /\bprecios?\b/i, /\boffers?\b/i, /\bofertas?\b/i]
+};
+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);
+  const wanted = node.type === "integer" ? "number" : node.type;
+  if (node.type && t2 !== wanted) {
+    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 === "integer" && !Number.isInteger(value)) out.push({ path, message: "must be a whole number" });
+  if (typeof value === "number") {
+    if (node.minimum !== void 0 && value < node.minimum) out.push({ path, message: `must be at least ${node.minimum}` });
+    if (node.maximum !== void 0 && value > node.maximum) out.push({ path, message: `must be at most ${node.maximum}` });
+  }
+  if (node.enum && !node.enum.includes(value)) out.push({ path, message: `must be one of ${node.enum.join(", ")}` });
+  if (node.type === "string" && typeof value === "string" && node.minLength && value.trim().length < node.minLength) {
+    out.push({ path, message: "must not be empty" });
+  } else if (node.type === "string" && typeof value === "string" && node.pattern && !new RegExp(node.pattern).test(value)) {
+    out.push({ path, message: node["x-pattern-message"] ?? `must match ${node.pattern}` });
+  }
+  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 executiveTextFields(d) {
+  const out = [];
+  const add = (path, text, sentences, minWords) => out.push({ path, text, sentences, minWords });
+  const figure = (base, f) => {
+    add(`${base}.heading`, f.heading);
+    add(`${base}.value`, f.value);
+    add(`${base}.unit`, f.unit);
+  };
+  add("title", d.title, 1);
+  add("key_statement", d.key_statement, 2);
+  d.headline_figures.forEach((f, i) => figure(`headline_figures[${i}]`, f));
+  const { pain, context: context2, situation, trends, proposal } = d;
+  add("pain.key_message", pain.key_message, 1);
+  pain.paragraphs.forEach((p, i) => add(`pain.paragraphs[${i}]`, p, void 0, EXEC_LIMITS.minParagraphWords));
+  pain.bearers.forEach((b, i) => {
+    add(`pain.bearers[${i}].who`, b.who);
+    add(`pain.bearers[${i}].cost`, b.cost);
+    add(`pain.bearers[${i}].measure`, b.measure);
+  });
+  pain.figures.forEach((f, i) => figure(`pain.figures[${i}]`, f));
+  pain.causes.forEach((c, i) => add(`pain.causes[${i}].cause`, c.cause));
+  add("context.key_message", context2.key_message, 1);
+  context2.paragraphs.forEach((p, i) => add(`context.paragraphs[${i}]`, p, void 0, EXEC_LIMITS.minParagraphWords));
+  add("context.setting", context2.setting);
+  context2.forces.forEach((f, i) => add(`context.forces[${i}].force`, f.force));
+  context2.evidence.forEach((e, i) => add(`context.evidence[${i}].statement`, e.statement, 1));
+  add("situation.key_message", situation.key_message, 1);
+  situation.roles.forEach((r, i) => {
+    add(`situation.roles[${i}].role`, r.role);
+    add(`situation.roles[${i}].decides`, r.decides);
+    add(`situation.roles[${i}].needs`, r.needs);
+  });
+  add("situation.interaction", situation.interaction, 1);
+  situation.state_of_the_art.forEach((a, i) => {
+    add(`situation.state_of_the_art[${i}].approach`, a.approach);
+    add(`situation.state_of_the_art[${i}].achieves`, a.achieves);
+    add(`situation.state_of_the_art[${i}].falls_short`, a.falls_short);
+  });
+  figure("situation.status", situation.status);
+  add("situation.status.date", situation.status.date);
+  add("trends.key_message", trends.key_message, 1);
+  trends.items.forEach((t2, i) => {
+    add(`trends.items[${i}].trend`, t2.trend);
+    add(`trends.items[${i}].signal.statement`, t2.signal.statement, 1);
+    add(`trends.items[${i}].effect`, t2.effect);
+  });
+  add("proposal.key_message", proposal.key_message, 1);
+  proposal.paragraphs.forEach((p, i) => add(`proposal.paragraphs[${i}]`, p, void 0, EXEC_LIMITS.minParagraphWords));
+  proposal.four_cs.forEach((c, i) => {
+    add(`proposal.four_cs[${i}].c`, c.c);
+    add(`proposal.four_cs[${i}].applies`, c.applies, 1);
+  });
+  proposal.actions.forEach((a, i) => {
+    add(`proposal.actions[${i}].action`, a.action, 1);
+    add(`proposal.actions[${i}].owner`, a.owner);
+    add(`proposal.actions[${i}].horizon`, a.horizon);
+    add(`proposal.actions[${i}].check`, a.check, 1);
+  });
+  proposal.risks.forEach((r, i) => add(`proposal.risks[${i}]`, r, 1));
+  proposal.unknowns.forEach((u, i) => add(`proposal.unknowns[${i}]`, u, 1));
+  if (proposal.handoff) add("proposal.handoff", proposal.handoff, 1);
+  for (const name of ["pain", "situation", "proposal"]) add(`illustrations.${name}.caption`, d.illustrations[name].caption, 1);
+  return out;
+}
+function executiveCitations(d) {
+  const out = [];
+  d.headline_figures.forEach((f, i) => out.push({ path: `headline_figures[${i}].source`, source: f.source, tab: 0 }));
+  d.pain.figures.forEach((f, i) => out.push({ path: `pain.figures[${i}].source`, source: f.source, tab: 1 }));
+  d.context.evidence.forEach((e, i) => out.push({ path: `context.evidence[${i}].source`, source: e.source, tab: 2 }));
+  d.situation.state_of_the_art.forEach((a, i) => out.push({ path: `situation.state_of_the_art[${i}].source`, source: a.source, tab: 3 }));
+  out.push({ path: "situation.status.source", source: d.situation.status.source, tab: 3 });
+  d.trends.items.forEach((t2, i) => out.push({ path: `trends.items[${i}].signal.source`, source: t2.signal.source, tab: 4 }));
+  return out;
+}
+function sourceOrder(d) {
+  return [...new Set(executiveCitations(d).map((c) => c.source))];
+}
+function writingProblems(text, maxSentences, minWords) {
+  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 (minWords !== void 0 && wordsIn(text) < minWords) out.push(`has ${wordsIn(text)} words; a paragraph needs at least ${minWords} (no one-line sections)`);
+  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"');
+  for (const re of EXEC_LIMITS.promotional) {
+    const m = re.exec(text);
+    if (m) out.push(`holds promotional or client-bound wording ("${m[0]}"); the executive view is general, never a client, never a pitch`);
+  }
+  return out;
+}
+function sourceTextProblems(text, maxSentences) {
+  const out = [];
+  const sentences = sentencesOf(text);
+  for (const sentence of sentences) {
+    const n = wordsIn(sentence);
+    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}`);
+  const written = /https?:\/\//i.test(text);
+  for (const re of EXEC_LIMITS.fileCitations) {
+    if (re.source.includes("pdf") && written) continue;
+    const m = re.exec(text);
+    if (m) out.push(`cites a file name or number in place of the link ("${m[0]}"); give the publication as the title and its https link as the url`);
+  }
+  return out;
+}
+var sameText = (a, b) => Boolean(a && b && a.en === b.en && a.es === b.es);
+function validateExecutive(data) {
+  const out = [];
+  check(data, ROOT, "", out);
+  if (out.length > 0) return out;
+  const d = data;
+  d.proposal.four_cs.forEach((r, i) => {
+    const want = FOUR_CS[i].name;
+    if (!sameText(r.c, want)) {
+      out.push({ path: `proposal.four_cs[${i}].c`, message: `must be "${want.en}" in English and "${want.es}" in Spanish (the ${i + 1}${["st", "nd", "rd", "th"][i]} of the 4 C's, in Felipe's order); found "${r.c.en}" and "${r.c.es}"` });
+    }
+  });
+  const total = d.pain.causes.reduce((sum, c) => sum + c.weight, 0);
+  if (total > 100) out.push({ path: "pain.causes", message: `the weights add to ${total} percent; non-overlapping causes add to at most 100` });
+  d.proposal.actions.forEach((a, i) => {
+    if (!d.situation.roles.some((r) => sameText(r.role, a.owner))) {
+      out.push({ path: `proposal.actions[${i}].owner`, message: `must be one of the roles of the current situation (${d.situation.roles.map((r) => `"${r.role.en}"`).join(", ")}), written the same in both languages` });
+    }
+  });
+  for (const f of executiveTextFields(d)) {
+    for (const lang of ["en", "es"]) {
+      for (const m of writingProblems(f.text[lang], f.sentences, f.minWords)) out.push({ path: `${f.path}.${lang}`, message: m });
+    }
+  }
+  const ids = /* @__PURE__ */ new Map();
+  d.sources.forEach((s, i) => {
+    if (ids.has(s.id)) out.push({ path: `sources[${i}].id`, message: `"${s.id}" is already the id of sources[${ids.get(s.id)}]` });
+    else ids.set(s.id, i);
+    for (const lang of ["en", "es"]) {
+      for (const m of sourceTextProblems(s.title[lang])) out.push({ path: `sources[${i}].title.${lang}`, message: m });
+      if (s.note) for (const m of sourceTextProblems(s.note[lang], 1)) out.push({ path: `sources[${i}].note.${lang}`, message: m });
+    }
+  });
+  const cited = /* @__PURE__ */ new Set();
+  for (const c of executiveCitations(d)) {
+    if (!ids.has(c.source)) {
+      out.push({ path: c.path, message: `"${c.source}" is not the id of any source (the ids are ${[...ids.keys()].join(", ")})` });
+      continue;
+    }
+    cited.add(c.source);
+  }
+  d.sources.forEach((s, i) => {
+    if (!cited.has(s.id)) out.push({ path: `sources[${i}].id`, message: `"${s.id}" is cited by no figure or claim; every source backs a figure or a claim` });
+  });
+  return out;
+}
+var EXEC_SECTION_DEFS = [
+  { id: "pain", key: "pain", title: { en: "The pain", es: "El problema" } },
+  { id: "context", key: "context", title: { en: "The context", es: "El contexto" } },
+  { id: "situation", key: "situation", title: { en: "The current situation", es: "La situaci\xF3n actual" } },
+  { id: "trends", key: "trends", title: { en: "The trends", es: "Las tendencias" } },
+  { id: "proposal", key: "proposal", title: { en: "The proposal", es: "La propuesta" } }
+];
+var SECTION_TITLES = EXEC_SECTION_DEFS.map((d) => d.title);
+var ONWARD_LINKS = {
+  technical: { en: "How the work explores this problem", es: "C\xF3mo explora el trabajo este problema" },
+  app: { en: "Open the App", es: "Abrir la App" }
+};
+var UI = {
+  bearers: { en: "Who bears it", es: "Qui\xE9n lo soporta" },
+  cost: { en: "Cost", es: "Costo" },
+  measure: { en: "Measured by", es: "Se mide por" },
+  causes: { en: "Where it comes from", es: "De d\xF3nde viene" },
+  setting: { en: "Setting", es: "Entorno" },
+  forces: { en: "What keeps it going", es: "Qu\xE9 lo mantiene" },
+  evidence: { en: "Rules and figures", es: "Reglas y cifras" },
+  roles: { en: "The roles involved", es: "Los roles involucrados" },
+  decides: { en: "Decides", es: "Decide" },
+  needs: { en: "Needs", es: "Necesita" },
+  sota: { en: "How it is handled today", es: "C\xF3mo se maneja hoy" },
+  achieves: { en: "Achieves", es: "Logra" },
+  fallsShort: { en: "Falls short", es: "Se queda corto" },
+  signal: { en: "Signal", es: "Se\xF1al" },
+  effect: { en: "Effect on the roles", es: "Efecto en los roles" },
+  confidence: { en: "Confidence", es: "Confianza" },
+  fourCs: { en: "The 4 C's applied", es: "Las 4 C aplicadas" },
+  actions: { en: "Actions", es: "Acciones" },
+  owner: { en: "Owner", es: "Responsable" },
+  horizon: { en: "When", es: "Cu\xE1ndo" },
+  check: { en: "How we would know", es: "C\xF3mo lo sabremos" },
+  risks: { en: "Risks", es: "Riesgos" },
+  unknowns: { en: "What is still unknown", es: "Lo que a\xFAn se desconoce" },
+  sources: { en: "Sources", es: "Fuentes" },
+  onward: { en: "Onward", es: "Continuar" },
+  sections: { en: "The sections of the executive view", es: "Las secciones de la vista ejecutiva" },
+  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 DIRECTION = {
+  rising: { en: "Rising", es: "En aumento" },
+  easing: { en: "Easing", es: "Cediendo" },
+  steady: { en: "Steady", es: "Estable" }
+};
+var KIND = {
+  regulatory: { en: "Regulatory", es: "Regulatoria" },
+  technological: { en: "Technological", es: "Tecnol\xF3gica" },
+  market: { en: "Market", es: "De mercado" },
+  practice: { en: "Practice", es: "De pr\xE1ctica" }
+};
+var HORIZON = {
+  now: { en: "Now", es: "Ahora" },
+  two_years: { en: "In two years", es: "En dos a\xF1os" },
+  ten_years: { en: "In ten years", es: "En diez a\xF1os" }
+};
+var CONFIDENCE = {
+  low: { en: "Low", es: "Baja" },
+  medium: { en: "Medium", es: "Media" },
+  high: { en: "High", es: "Alta" }
+};
+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, keyMessage, keyPath, children }) {
+  return /* @__PURE__ */ jsxs("section", { className: "caos-exec-section", "data-exec-section": n, "aria-label": t(SECTION_TITLES[n - 1], lang), children: [
+    /* @__PURE__ */ jsx("p", { className: "caos-exec-key", "data-exec-key-message": "", "data-exec-field": keyPath, children: t(keyMessage, lang) }),
+    children
+  ] });
+}
+function openSiblingTechnical(from) {
+  const panel2 = from.closest('[role="tabpanel"]');
+  const own = panel2?.getAttribute("aria-labelledby");
+  const tab = own ? document.getElementById(own) : null;
+  const target = tab?.closest('[role="tablist"]')?.querySelector('[role="tab"][data-tab="technical"]');
+  target?.click();
+  target?.focus();
+}
+function ExecutiveView({ data, base, onOpenTechnical }) {
+  return /* @__PURE__ */ jsx(ExecutiveViewBody, { data, base, onOpenTechnical });
+}
+function ExecutiveViewBody({ data, base = "/", lang: forced, open = 1, onOpenTechnical }) {
+  const stored = useShellLang();
+  const lang = forced ?? stored;
+  const routed = useInRouterContext();
+  const problems = validateExecutive(data);
+  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 order = sourceOrder(d);
+  const sourceOf = (id) => d.sources.find((s) => s.id === id);
+  const note = (id) => order.indexOf(id) + 1;
+  const Cite2 = ({ id }) => /* @__PURE__ */ jsx("sup", { className: "caos-exec-cite", children: /* @__PURE__ */ jsx("a", { href: `#exec-note-${note(id)}`, "aria-label": `${t(UI.source, lang)} ${note(id)}`, children: note(id) }) });
+  const field = (path, text) => /* @__PURE__ */ jsx("span", { "data-exec-field": path, children: t(text, lang) });
+  const Figure2 = ({ f, path, kind }) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-figure", "data-exec-item": kind, children: [
+    /* @__PURE__ */ jsx(Label, { children: field(`${path}.heading`, f.heading) }),
+    /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": `${path}.value`, children: t(f.value, lang) }),
+    " ",
+    field(`${path}.unit`, f.unit),
+    /* @__PURE__ */ jsx(Cite2, { id: f.source })
+  ] });
+  const Paragraphs = ({ list, path }) => /* @__PURE__ */ jsx(Fragment, { children: list.map((p, i) => /* @__PURE__ */ jsx("p", { className: "caos-exec-paragraph", "data-exec-item": path, children: field(`${path}[${i}]`, p) }, i)) });
+  const art = (name) => /* @__PURE__ */ jsx(Illustration, { name, spec: d.illustrations[name], base, lang });
+  const enumLabel = (map, key) => t(map[key], lang);
+  const bodies = [
+    // 1. the pain
+    /* @__PURE__ */ jsxs(Section, { n: 1, lang, keyMessage: d.pain.key_message, keyPath: "pain.key_message", children: [
+      /* @__PURE__ */ jsx(Paragraphs, { list: d.pain.paragraphs, path: "pain.paragraphs" }),
+      art("pain"),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-figures", children: d.pain.figures.map((f, i) => /* @__PURE__ */ jsx(Figure2, { f, path: `pain.figures[${i}]`, kind: "pain.figures" }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.bearers, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-cards", children: d.pain.bearers.map((b, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "pain.bearers", children: [
+        /* @__PURE__ */ jsx("strong", { children: field(`pain.bearers[${i}].who`, b.who) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.cost, lang) }),
+          " ",
+          field(`pain.bearers[${i}].cost`, b.cost)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.measure, lang) }),
+          " ",
+          field(`pain.bearers[${i}].measure`, b.measure)
+        ] })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.causes, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-causes", children: d.pain.causes.map((c, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-cause", "data-exec-item": "pain.causes", "data-exec-weight": c.weight, children: [
+        /* @__PURE__ */ jsxs("div", { className: "caos-exec-cause-head", children: [
+          field(`pain.causes[${i}].cause`, c.cause),
+          " ",
+          /* @__PURE__ */ jsxs("strong", { className: "caos-exec-value", children: [
+            c.weight,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "caos-exec-bar", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { style: { width: `${c.weight}%` } }) })
+      ] }, i)) })
+    ] }, "pain"),
+    // 2. the context
+    /* @__PURE__ */ jsxs(Section, { n: 2, lang, keyMessage: d.context.key_message, keyPath: "context.key_message", children: [
+      /* @__PURE__ */ jsx(Paragraphs, { list: d.context.paragraphs, path: "context.paragraphs" }),
+      /* @__PURE__ */ jsxs("p", { className: "caos-exec-setting", children: [
+        /* @__PURE__ */ jsx(Label, { children: t(UI.setting, lang) }),
+        " ",
+        field("context.setting", d.context.setting)
+      ] }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.forces, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-cards", children: d.context.forces.map((f, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "context.forces", "data-exec-direction": f.direction, children: [
+        field(`context.forces[${i}].force`, f.force),
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-badge", children: enumLabel(DIRECTION, f.direction) })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.evidence, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-evidence", children: d.context.evidence.map((e, i) => /* @__PURE__ */ jsxs("li", { "data-exec-item": "context.evidence", children: [
+        field(`context.evidence[${i}].statement`, e.statement),
+        /* @__PURE__ */ jsx(Cite2, { id: e.source })
+      ] }, i)) })
+    ] }, "context"),
+    // 3. the current situation
+    /* @__PURE__ */ jsxs(Section, { n: 3, lang, keyMessage: d.situation.key_message, keyPath: "situation.key_message", children: [
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.roles, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-cards", children: d.situation.roles.map((r, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "situation.roles", children: [
+        /* @__PURE__ */ jsx("strong", { children: field(`situation.roles[${i}].role`, r.role) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.decides, lang) }),
+          " ",
+          field(`situation.roles[${i}].decides`, r.decides)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.needs, lang) }),
+          " ",
+          field(`situation.roles[${i}].needs`, r.needs)
+        ] })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("p", { className: "caos-exec-interaction", children: field("situation.interaction", d.situation.interaction) }),
+      art("situation"),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.sota, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-cards", children: d.situation.state_of_the_art.map((a, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "situation.state_of_the_art", children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          field(`situation.state_of_the_art[${i}].approach`, a.approach),
+          /* @__PURE__ */ jsx(Cite2, { id: a.source })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.achieves, lang) }),
+          " ",
+          field(`situation.state_of_the_art[${i}].achieves`, a.achieves)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.fallsShort, lang) }),
+          " ",
+          field(`situation.state_of_the_art[${i}].falls_short`, a.falls_short)
+        ] })
+      ] }, i)) }),
+      /* @__PURE__ */ jsxs("p", { className: "caos-exec-status", "data-exec-item": "situation.status", children: [
+        /* @__PURE__ */ jsx(Label, { children: field("situation.status.heading", d.situation.status.heading) }),
+        " ",
+        /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": "situation.status.value", children: t(d.situation.status.value, lang) }),
+        " ",
+        field("situation.status.unit", d.situation.status.unit),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-sep", children: "\xB7" }),
+        " ",
+        field("situation.status.date", d.situation.status.date),
+        /* @__PURE__ */ jsx(Cite2, { id: d.situation.status.source })
+      ] })
+    ] }, "situation"),
+    // 4. the trends
+    /* @__PURE__ */ jsx(Section, { n: 4, lang, keyMessage: d.trends.key_message, keyPath: "trends.key_message", children: /* @__PURE__ */ jsx("ul", { className: "caos-exec-cards", children: d.trends.items.map((it, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "trends.items", "data-exec-horizon": it.horizon, children: [
+      /* @__PURE__ */ jsx("strong", { children: field(`trends.items[${i}].trend`, it.trend) }),
+      /* @__PURE__ */ jsxs("div", { className: "caos-exec-badges", children: [
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-badge", children: enumLabel(KIND, it.kind) }),
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-badge", children: enumLabel(DIRECTION, it.direction) }),
+        /* @__PURE__ */ jsx("span", { className: "caos-exec-badge", children: enumLabel(HORIZON, it.horizon) }),
+        /* @__PURE__ */ jsxs("span", { className: "caos-exec-badge", children: [
+          t(UI.confidence, lang),
+          ": ",
+          enumLabel(CONFIDENCE, it.confidence)
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { children: t(UI.signal, lang) }),
+        " ",
+        field(`trends.items[${i}].signal.statement`, it.signal.statement),
+        /* @__PURE__ */ jsx(Cite2, { id: it.signal.source })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx(Label, { children: t(UI.effect, lang) }),
+        " ",
+        field(`trends.items[${i}].effect`, it.effect)
+      ] })
+    ] }, i)) }) }, "trends"),
+    // 5. the proposal
+    /* @__PURE__ */ jsxs(Section, { n: 5, lang, keyMessage: d.proposal.key_message, keyPath: "proposal.key_message", children: [
+      /* @__PURE__ */ jsx(Paragraphs, { list: d.proposal.paragraphs, path: "proposal.paragraphs" }),
+      art("proposal"),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.fourCs, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-cs", children: d.proposal.four_cs.map((r, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-c": i, "data-exec-item": "proposal.four_cs", children: [
+        /* @__PURE__ */ jsx("strong", { "data-exec-field": `proposal.four_cs[${i}].c`, "data-exec-cname": "", children: t(FOUR_CS[i].name, lang) }),
+        /* @__PURE__ */ jsx("small", { className: "caos-exec-cdef", "data-exec-cdef": "", children: t(FOUR_CS[i].definition, lang) }),
+        /* @__PURE__ */ jsx("span", { children: field(`proposal.four_cs[${i}].applies`, r.applies) })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.actions, lang) }),
+      /* @__PURE__ */ jsx("ol", { className: "caos-exec-actions", children: d.proposal.actions.map((a, i) => /* @__PURE__ */ jsxs("li", { className: "caos-exec-card", "data-exec-item": "proposal.actions", children: [
+        /* @__PURE__ */ jsx("strong", { children: field(`proposal.actions[${i}].action`, a.action) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.owner, lang) }),
+          " ",
+          field(`proposal.actions[${i}].owner`, a.owner),
+          " ",
+          /* @__PURE__ */ jsx("span", { className: "caos-exec-sep", children: "\xB7" }),
+          " ",
+          /* @__PURE__ */ jsx(Label, { children: t(UI.horizon, lang) }),
+          " ",
+          field(`proposal.actions[${i}].horizon`, a.horizon)
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Label, { children: t(UI.check, lang) }),
+          " ",
+          field(`proposal.actions[${i}].check`, a.check)
+        ] })
+      ] }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.risks, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-list", children: d.proposal.risks.map((r, i) => /* @__PURE__ */ jsx("li", { "data-exec-item": "proposal.risks", children: field(`proposal.risks[${i}]`, r) }, i)) }),
+      /* @__PURE__ */ jsx("h3", { className: "caos-exec-sub", children: t(UI.unknowns, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-list", children: d.proposal.unknowns.map((u, i) => /* @__PURE__ */ jsx("li", { "data-exec-item": "proposal.unknowns", children: field(`proposal.unknowns[${i}]`, u) }, i)) }),
+      d.proposal.handoff && /* @__PURE__ */ jsx("p", { className: "caos-exec-handoff", children: field("proposal.handoff", d.proposal.handoff) })
+    ] }, "proposal")
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "caos-exec", "data-executive-view": "", "data-executive-schema": EXECUTIVE_SCHEMA_VERSION, "data-executive-valid": "true", children: [
+    /* @__PURE__ */ jsxs("header", { className: "caos-exec-landing", "data-exec-landing": "", children: [
+      /* @__PURE__ */ jsx("h2", { className: "caos-exec-title", "data-exec-field": "title", children: t(d.title, lang) }),
+      /* @__PURE__ */ jsx("p", { className: "caos-exec-statement", "data-exec-field": "key_statement", children: t(d.key_statement, lang) }),
+      /* @__PURE__ */ jsx("ul", { className: "caos-exec-headline", children: d.headline_figures.map((f, i) => /* @__PURE__ */ jsx(Figure2, { f, path: `headline_figures[${i}]`, kind: "headline_figures" }, i)) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "caos-exec-tabs", "data-exec-tabs": "", children: /* @__PURE__ */ jsx(
+      SubTabs,
+      {
+        ariaLabel: t(UI.sections, lang),
+        initial: EXEC_SECTION_DEFS[open - 1]?.id,
+        tabs: EXEC_SECTION_DEFS.map((def, i) => ({ id: def.id, label: t(def.title, lang), content: bodies[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: order.map((id, i) => {
+        const src = sourceOf(id);
+        return /* @__PURE__ */ jsxs("li", { id: `exec-note-${i + 1}`, "data-exec-source": id, children: [
+          /* @__PURE__ */ jsx("a", { href: src.url, target: "_blank", rel: "noopener noreferrer", "data-exec-source-title": "", children: t(src.title, lang) }),
+          src.note && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "caos-exec-note-text", "data-exec-source-note": "", children: t(src.note, lang) })
+          ] })
+        ] }, id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs("nav", { className: "caos-exec-links", "data-exec-links": "", "aria-label": t(UI.onward, lang), children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "#technical",
+          className: "caos-exec-link",
+          "data-exec-link": "technical",
+          onClick: (e) => {
+            e.preventDefault();
+            if (onOpenTechnical) onOpenTechnical();
+            else openSiblingTechnical(e.currentTarget);
+          },
+          children: t(ONWARD_LINKS.technical, lang)
+        }
+      ),
+      routed ? /* @__PURE__ */ jsx(Link, { to: APP_ROUTE, className: "caos-exec-link", "data-exec-link": "app", children: t(ONWARD_LINKS.app, lang) }) : /* @__PURE__ */ jsx("a", { href: `${base}${APP_ROUTE.slice(1)}`, className: "caos-exec-link", "data-exec-link": "app", children: t(ONWARD_LINKS.app, lang) })
+    ] })
+  ] });
+}
 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 }),
@@ -1236,7 +2542,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 +2694,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 +2750,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 +2943,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 +3171,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, Landing, 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 };