@fasl-work/caos-app-shell 0.12.0 → 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';
@@ -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,
@@ -1211,99 +1217,557 @@ function Stat({ value, unit, source }) {
 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.",
+  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: ["executive", "organisation", "initiative", "why_now", "vision", "outcomes", "dialogue", "illustrations", "sources"],
+  required: [
+    "title",
+    "key_statement",
+    "headline_figures",
+    "pain",
+    "context",
+    "situation",
+    "trends",
+    "proposal",
+    "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: {
+    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: ["figure", "deadline"],
+      required: [
+        "key_message",
+        "paragraphs",
+        "bearers",
+        "figures",
+        "causes"
+      ],
       properties: {
-        figure: { $ref: "#/$defs/figure" },
-        deadline: { $ref: "#/$defs/text", description: "One date or deadline, for example 'by 1 December 2026'." }
+        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."
+              }
+            }
+          }
+        }
       }
     },
-    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: {
+    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: ["value", "unit", "statement"],
+            required: [
+              "force",
+              "direction"
+            ],
             properties: {
-              value: { $ref: "#/$defs/text" },
-              unit: { $ref: "#/$defs/text" },
-              statement: { $ref: "#/$defs/text", description: "A one-line statement of the proof point." }
+              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"
+              }
             }
           }
         }
       }
     },
-    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." }
+    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."
         }
       }
     },
-    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." }
+    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: ["initiative", "problem", "solution"],
+      required: [
+        "pain",
+        "situation",
+        "proposal"
+      ],
       properties: {
-        initiative: { $ref: "#/$defs/illustration" },
-        problem: { $ref: "#/$defs/illustration" },
-        solution: { $ref: "#/$defs/illustration" }
+        pain: {
+          $ref: "#/$defs/illustration"
+        },
+        situation: {
+          $ref: "#/$defs/illustration"
+        },
+        proposal: {
+          $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.",
+      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: ["field", "source"],
+        required: [
+          "id",
+          "title",
+          "url"
+        ],
         properties: {
-          field: { type: "string", minLength: 1 },
-          source: { $ref: "#/$defs/text" }
+          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."
+          }
         }
       }
     }
@@ -1312,54 +1776,125 @@ var executive_schema_default = {
     text: {
       type: "object",
       additionalProperties: false,
-      required: ["en", "es"],
+      required: [
+        "en",
+        "es"
+      ],
       properties: {
-        en: { type: "string", minLength: 1 },
-        es: { type: "string", minLength: 1 }
+        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: ["value", "unit"],
+      required: [
+        "heading",
+        "value",
+        "unit",
+        "source"
+      ],
       properties: {
-        value: { $ref: "#/$defs/text" },
-        unit: { $ref: "#/$defs/text" }
+        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"],
+      required: [
+        "file",
+        "caption"
+      ],
       properties: {
         file: {
           description: "The inline SVG: one path, or one path per language.",
           anyOf: [
-            { type: "string", minLength: 1 },
+            {
+              type: "string",
+              minLength: 1
+            },
             {
               type: "object",
               additionalProperties: false,
-              required: ["en", "es"],
-              properties: { en: { type: "string", minLength: 1 }, es: { type: "string", minLength: 1 } }
+              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." }
+        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 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,
-  maxAnswerSentences: 2,
+  /** 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}\)/]};
+  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);
 }
@@ -1386,12 +1921,21 @@ function check(value, rawNode, path, out) {
     return;
   }
   const t2 = typeOf(value);
-  if (node.type && t2 !== node.type) {
+  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;
@@ -1411,29 +1955,84 @@ function check(value, rawNode, path, out) {
     }
   }
 }
-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 });
+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);
   });
-  (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 });
+  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 figureFields(d) {
-  return ["why_now.figure", ...d.outcomes.map((_, i) => `outcomes[${i}].proof`)];
+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 writingProblems(text, maxSentences) {
+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) {
@@ -1443,82 +2042,116 @@ function writingProblems(text, maxSentences) {
   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 validateExecutive(data, opts = {}) {
-  const fourCs = opts.fourCs ?? FOUR_CS;
+function sourceTextProblems(text, maxSentences) {
   const out = [];
-  const root = { ...ROOT, required: ROOT.required.filter((k) => k !== "four_cs") };
-  check(data, root, "", out);
-  const structural = out.length;
+  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;
-  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}"` });
-        });
-      }
+  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 });
     }
   }
-  if (structural > 0) return out;
-  if (!d || typeof d !== "object") return out;
-  const full = d;
-  for (const f of textFields(full)) {
+  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"]) {
-      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 });
+      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);
   }
-  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);
+  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` });
   });
-  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 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 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"
+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" }
 };
-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" },
+  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: {
@@ -1528,6 +2161,27 @@ var UI = {
   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");
@@ -1589,20 +2243,28 @@ function Illustration({ name, spec, base, lang }) {
   );
 }
 var Label = ({ children }) => /* @__PURE__ */ jsx("span", { className: "caos-exec-label", children });
-function Section({ n, lang, 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("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) }),
+    /* @__PURE__ */ jsx("p", { className: "caos-exec-key", "data-exec-key-message": "", "data-exec-field": keyPath, children: t(keyMessage, lang) }),
     children
   ] });
 }
-function ExecutiveView({ data, base }) {
-  return /* @__PURE__ */ jsx(ExecutiveViewBody, { data, base, fourCs: FOUR_CS });
+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 = "/", fourCs, lang: forced }) {
+function ExecutiveViewBody({ data, base = "/", lang: forced, open = 1, onOpenTechnical }) {
   const stored = useShellLang();
   const lang = forced ?? stored;
-  const problems = validateExecutive(data, { fourCs });
+  const routed = useInRouterContext();
+  const problems = validateExecutive(data);
   if (problems.length > 0) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -1627,77 +2289,235 @@ function ExecutiveViewBody({ data, base = "/", fourCs, lang: forced }) {
     );
   }
   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 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) });
-  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: [
+  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("dt", { children: t(UI.executive, lang) }),
-          /* @__PURE__ */ jsx("dd", { "data-exec-field": "executive", children: t(d.executive, lang) })
+          /* @__PURE__ */ jsx(Label, { children: t(UI.cost, lang) }),
+          " ",
+          field(`pain.bearers[${i}].cost`, b.cost)
         ] }),
         /* @__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(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("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("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": "why_now.figure.value", children: t(d.why_now.figure.value, lang) }),
+        /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": "situation.status.value", children: t(d.situation.status.value, lang) }),
         " ",
-        field("why_now.figure.unit", d.why_now.figure.unit),
+        field("situation.status.unit", d.situation.status.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" })
+        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__ */ 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.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.does, lang) }),
+          /* @__PURE__ */ jsx(Label, { children: t(UI.owner, lang) }),
           " ",
-          field(`outcomes[${i}].capability`, o.capability)
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Label, { children: t(UI.result, lang) }),
+          field(`proposal.actions[${i}].owner`, a.owner),
           " ",
-          field(`outcomes[${i}].outcome`, o.outcome)
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "caos-exec-proof", children: [
-          /* @__PURE__ */ jsx(Label, { children: t(UI.proof, lang) }),
+          /* @__PURE__ */ jsx("span", { className: "caos-exec-sep", children: "\xB7" }),
           " ",
-          /* @__PURE__ */ jsx("strong", { className: "caos-exec-value", "data-exec-field": `outcomes[${i}].proof.value`, children: t(o.proof.value, lang) }),
+          /* @__PURE__ */ jsx(Label, { children: t(UI.horizon, lang) }),
           " ",
-          field(`outcomes[${i}].proof.unit`, o.proof.unit),
-          ". ",
-          field(`outcomes[${i}].proof.statement`, o.proof.statement),
-          /* @__PURE__ */ jsx(Cite2, { field: `outcomes[${i}].proof` })
+          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)) })
+      ] }, 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(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__ */ 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: figures.map((f, i) => /* @__PURE__ */ jsx("li", { id: `exec-note-${i + 1}`, children: t(sourceOf(f).source, lang) }, f)) })
+      /* @__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 }),
+    /* @__PURE__ */ jsx("div", { className: "caos-qa-answer", "data-answer": "", children: answer })
+  ] });
+}
 function replaceQueryParam(param, value) {
   if (typeof window === "undefined") return;
   const next = withCaseParam(window.location.search, value, param);
@@ -2351,4 +3171,4 @@ function ViewsRow({ children, shares }) {
   }) });
 }
 
-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 };
+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 };