@lotics/cli 0.245.0 → 0.247.0

package/AGENTS.md

@@ -8,14 +8,13 @@ conventions are, and where the traps are.
 | `lotics --help` | The verb inventory (§ COMMANDS) and global flags. The verb LIST is generated and never stale; the prose beside each verb is hand-written, so where it disagrees with `docs/cli_reference.md`, the reference wins. |
 | `lotics tools` · `lotics tools <name>` | The agent tool registry and one tool's full JSON Schema. |
 | `lotics docs` · `lotics docs <area>[/<section>]` | Every reference the packages installed beside the project actually ship — `@lotics/app-runtime`, `@lotics/ui` and the document engines each carry their own, and this index only covers THIS package. Discovered by looking, not by a list, so it reports the installed VERSION of each: a doc always describes the code that is really there. Capped at a page: a doc that does not fit hands back its opening and the addresses into it, so the next call is smaller than the last. |
-| `lotics docs model` · `lotics docs model/<section>` | How to write a `model.json` — the file a workspace is built from, and the apps planned over it. Carried inside this CLI at its own version, since it describes this CLI's plan checker, and paged like every doc: the first page is the working order and the section addresses. Two forms: `{"from": "<preset-slug>", "variants", "rename", "entities", "rows", "apply"}`, which names a preset by slug and carries only what this business differs by, and the full one, spelled out, for when no preset is the trade: every top-level key, every field type with the config it needs, the row format, the rules, and a worked example. Offline. It also covers the `apply` list — published packages copied in after the model's own tables, each with an optional `bind` onto them — and the `preset` block a published model carries. `lotics scaffold check` then proves the file — offline, except for the one read a `from` file's preset needs — including every branch of a preset merged onto its base; `lotics setup` applies it and refuses a table name the workspace already has, `lotics scaffold apply` adopts that table and adds what is missing, and the WORKSPACE remembers what each alias became, so every later run binds by id and a relabel on either side is a rename it reports rather than a second table it adds. `lotics scaffold export` goes the other way — a workspace printed as one of these files, to edit into another business's model; a starting point, never a source of truth. |
+| `lotics docs model` · `lotics docs model/<section>` | How to write a `model.json` — the file a workspace is built from: its tables, how a row of each is recognised (`records`), and the apps stated over them. Carried inside this CLI at its own version, since it describes this CLI's model checker, and paged like every doc: the first page is the working order and the section addresses. Two forms: `{"from": "<preset-slug>", "variants", "rename", "entities", "rows", "apply"}`, which names a preset by slug and carries only what this business differs by, and the full one, spelled out, for when no preset is the trade: every top-level key, every field type with the config it needs, the row format, the rules, and a worked example. Offline. It also covers the `apply` list — published packages copied in after the model's own tables, each with an optional `bind` onto them — and the `preset` block a published model carries. `lotics scaffold check` then proves the file — offline, except for the one read a `from` file's preset needs — including every branch of a preset merged onto its base; `lotics setup` applies it and refuses a table name the workspace already has, `lotics scaffold apply` adopts that table and adds what is missing, and the WORKSPACE remembers what each alias became, so every later run binds by id and a relabel on either side is a rename it reports rather than a second table it adds. `lotics scaffold export` goes the other way — a workspace printed as one of these files, to edit into another business's model; a starting point, never a source of truth. |
 | [docs/building_an_app.md](./docs/building_an_app.md) | The SEQUENCE — scaffold, model, types, queries, workflows, screens, ship — and the deploy-free inner loop. The other references describe contracts; this one is the order they go in and why. Read it once before starting an app. |
-| [docs/clauses.md](./docs/clauses.md) | Every clause a plan's app or screen can state, what it draws, and a plan fragment stating it — generated from the schema, so it lists no clause the schema lacks and misses none it has. |
 | [docs/cli_reference.md](./docs/cli_reference.md) | Per-command contracts, flags, exit codes, and gotchas — the detail `--help` compresses. Read it before hand-building a `set_app_*` payload: several tools REPLACE rather than patch, and a CLI verb already owns the safe assembly. |
 | [docs/data_model.md](./docs/data_model.md) | How tables RELATE — one entity per table and the NAME-OVERLAP probe that says when a split has broken, one vocabulary wherever values are copied between tables, a copy boundary that accounts for every source field, provenance as a link rather than a flag, a declared natural key so find-or-create never compares rendered text, and why derived DEPTH costs more than row count. Separate from building_an_app because every workspace starts with tables and many never get an app. The within-table half (one fact, one column) is stated at `create_table` / `update_table`, where you meet it while deciding. |
 | [docs/document_templates.md](./docs/document_templates.md) | Generating PDF/Excel/Word/email from reusable templates. |
 | [docs/knowledge_docs.md](./docs/knowledge_docs.md) | Authoring the workspace facts an agent can't guess; who can read a doc; catalog-then-stage retrieval. |
-| [docs/migration.md](./docs/migration.md) | What to DO when a release changes the shape of a project this CLI owns. Read once, when something already on disk no longer matches what the CLI writes — for one, an app built from a plan is `app.json` rendered by `@lotics/app-runtime`, not a tree of TSX. |
+| [docs/migration.md](./docs/migration.md) | What to DO when a release changes the shape of a project this CLI owns. Read once, when something already on disk no longer matches what the CLI writes — for one, an app built from a model is `app.json` version 2, rendered by `@lotics/app-runtime`. |
 | [README.md](./README.md) | Install, auth, and worked examples. |
 
 ## Two surfaces, and the trap between them

package/README.md

@@ -31,8 +31,6 @@ package (reachable at `node_modules/@lotics/cli/docs/*.md` once installed):
 - [`docs/building_an_app.md`](docs/building_an_app.md) — building a custom-code app end to end:
   the sequence the steps go in (clarify → model → types → queries → workflows → screens → ship)
   and the deploy-free inner loop. Read it once before starting an app.
-- [`docs/clauses.md`](docs/clauses.md) — every clause a plan's app or screen can state, what it
-  draws, and a plan fragment stating it, generated from the schema.
 - [`docs/document_templates.md`](docs/document_templates.md) — generate finished documents
   (PDF, Excel, Word, email) by filling reusable templates: the five template types, the
   create → generate → chain lifecycle, and the marker capabilities.
@@ -70,8 +68,8 @@ selects each.
 
 ## Or describe your own workspace
 
-A `model.json` names the tables, fields, options, links, views, roles and first rows, and
-`lotics setup` builds them. **Start from a preset when one is your trade** — name it instead of
+A `model.json` names the tables, fields, options, links, views, roles and first rows, how a row
+of each table is recognised, and the apps over them; `lotics setup` builds the tables. **Start from a preset when one is your trade** — name it instead of
 restating it:
 
 ```json
@@ -347,20 +345,21 @@ lotics knowledge rm kdc_...                                   # archive
 ## Custom-code apps
 
 ```bash
-# SEE THE APP BEFORE IT EXISTS. The plan is bound against the workspace the model
-# WOULD become and every read is answered from the model's own `rows`, so there is
-# no app row, no table and no credential in the run — then the same headless walk
-# `app check --screens` takes, at the same two widths, measured by the same probes.
-# Exits 1 on any finding and prints what each phase cost. A model with no `rows` is
-# refused: a register over nothing measures clean. It renders in the cached project
-# of its dependency set (`~/.lotics/render/`, shared with `app check --screens`),
-# installed once from the registry — the kit and the runtime are published packages
-# — and rewritten from the plan on every run.
+# SEE THE APP BEFORE IT EXISTS. The model's app is compiled against the workspace the
+# model WOULD become and every read is answered from the model's own `rows` (a few
+# synthesized for an entity that states none), so there is no app row, no table and
+# no credential in the run — then the same headless walk `app check --screens` takes,
+# at the same two widths, measured by the same probes: the register, the record in
+# its door, the add. Exits 1 on any finding and prints what each phase cost. It
+# renders in the cached project of its dependency set (`~/.lotics/render/`, shared
+# with `app check --screens`), installed once from the registry — the kit and the
+# runtime are published packages — and rewritten from the model on every run.
 lotics app preview model.json#sales_desk
 lotics app preview model.json#sales_desk --shots ./shots --width 375
 
 # Scaffold / pull / deploy a Vite+React+TS app project
 lotics app create "Sales Desk"            # scaffold + deploy v1
+lotics app create "Sales Desk" --from model.json#sales_desk   # the model's app, as app.json
 lotics app create "Orders API" --api       # no screens: its declarations are the whole surface,
                                            # so nothing is built and nothing is deployed
 lotics app pull app_...                    # bootstrap an existing app locally (incl. .lotics/*)

package/dist/probe_page.js

@@ -421,6 +421,15 @@ var __loticsProbe = (() => {
     };
   }
   var SINGLE_LINE_FIELDS = /* @__PURE__ */ new Set(["text", "search", "tel", "url", "email", "number"]);
+  function clippingAncestor(el, stop) {
+    for (let at = el.parentElement; at !== null; at = at.parentElement) {
+      const style = getComputedStyle(at);
+      const x = style.overflowX || style.overflow;
+      if (x === "hidden" || x === "clip") return at;
+      if (at === stop) return null;
+    }
+    return null;
+  }
   function truncatedLeaves(root = document.body) {
     const skipTag = /^(SCRIPT|STYLE|TITLE|META|LINK|NOSCRIPT|TEMPLATE)$/;
     const clippedAway2 = /^inset\(\s*50%/;
@@ -438,7 +447,16 @@ var __loticsProbe = (() => {
       if (box.width <= 1 && box.height <= 1) continue;
       if (clippedAway2.test(style.getPropertyValue("clip-path"))) continue;
       total += 1;
-      if (style.overflow === "visible") continue;
+      if (style.overflow === "visible") {
+        const within2 = el.closest('.lotics-fact-groups, [role="listbox"]');
+        const clip = within2 === null ? null : clippingAncestor(el, within2);
+        if (clip !== null) {
+          const edge = clip.getBoundingClientRect();
+          const shown = Math.min(box.right, edge.right) - Math.max(box.left, edge.left);
+          if (box.right > edge.right + 1 || box.left < edge.left - 1) cut.push({ text: text.slice(0, 40), axis: "width", has: Math.max(0, Math.round(shown)), needs: Math.round(box.width) });
+        }
+        continue;
+      }
       const states = (property) => {
         const value = style.getPropertyValue(property);
         return value !== "" && value !== "none";
@@ -459,7 +477,7 @@ var __loticsProbe = (() => {
     const walk = (node) => {
       if (node.nodeType === Node.TEXT_NODE) {
         const parent = node.parentElement;
-        if (!parent || skipTag.test(parent.tagName) || parent.closest("[data-content]") !== null) return;
+        if (!parent || skipTag.test(parent.tagName) || parent.tagName === "TEXTAREA" || parent.closest('[data-content], [contenteditable="true"]') !== null) return;
         const text = node.textContent || "";
         if (!text.trim()) return;
         total += 1;
@@ -694,8 +712,9 @@ var __loticsProbe = (() => {
   }
 
   // src/probe_collectors/anatomy.ts
-  var BODY = ".lotics-record-page__body";
-  var BRIEF = ".lotics-record-page__brief";
+  var FRAME = ".lotics-record-frame";
+  var HEADER = ".lotics-record-header";
+  var BLOCK = ".lotics-record-frame__block";
   var PRIMARY = '.lotics-button[data-variant="primary"]';
   var FIRST_VIEWPORTS = [
     { width: 1280, height: 800 },
@@ -705,11 +724,10 @@ var __loticsProbe = (() => {
     return FIRST_VIEWPORTS.reduce((near, one) => Math.abs(one.width - width) < Math.abs(near.width - width) ? one : near);
   }
   function surfaces(root) {
-    return within(root, BODY).filter(onScreen).flatMap((body) => {
-      const head = body.closest(".lotics-drawer__popup, .lotics-record-page");
-      if (head === null) return [];
-      const title = within(head, "h1, h2").find((one) => !body.contains(one) && onScreen(one));
-      return [{ body, root: head, name: words2(title) || nameOf(head) || "(unnamed record)" }];
+    return within(root, FRAME).filter(onScreen).map((frame) => {
+      const head = frame.closest(".lotics-drawer__popup") ?? frame;
+      const title = within(head, `${HEADER}__title`).find(onScreen);
+      return { frame, root: head, name: words2(title) || nameOf(head) || "(unnamed record)" };
     });
   }
   function words2(el) {
@@ -720,44 +738,51 @@ var __loticsProbe = (() => {
   function headingPrimaries(root = document.body) {
     const drawn = surfaces(root);
     const loud = drawn.flatMap(
-      (surface) => within(surface.body, PRIMARY).filter((act) => onScreen(act) && act.closest(".lotics-section-heading") !== null).map((act) => ({ record: surface.name, act: nameOf(act) || words2(act) }))
+      (surface) => within(surface.frame, PRIMARY).filter(
+        (act) => onScreen(act) && act.closest(BLOCK) !== null && (act.closest(`${FRAME}__action`) !== null || act.closest(".lotics-section-heading") !== null)
+      ).map((act) => ({ record: surface.name, act: nameOf(act) || words2(act) }))
     );
     return { total: drawn.length, loud };
   }
-  function briefsBelowFold(root = document.body, width = window.innerWidth) {
+  function actsBelowFold(root = document.body, width = window.innerWidth) {
     const fold = firstViewport(width).height;
-    const briefs = surfaces(root).flatMap((surface) => {
-      const brief = within(surface.body, BRIEF).find(onScreen);
-      return brief === void 0 ? [] : [{ record: surface.name, bottom: Math.round(brief.getBoundingClientRect().bottom) }];
+    const acts = surfaces(root).flatMap((surface) => {
+      const seat = within(surface.frame, `${FRAME}__act`).find(onScreen);
+      const button = seat === void 0 ? void 0 : within(seat, ".lotics-button").find(onScreen);
+      return button === void 0 ? [] : [{ record: surface.name, act: nameOf(button) || words2(button), bottom: Math.round(button.getBoundingClientRect().bottom) }];
     });
-    return { total: briefs.length, fold, below: briefs.filter((one) => one.bottom > fold) };
+    return { total: acts.length, fold, below: acts.filter((one) => one.bottom > fold) };
   }
-  function briefRepeats(root = document.body) {
+  function factRepeats(root = document.body) {
     let total = 0;
     const repeated = surfaces(root).flatMap((surface) => {
-      const brief = within(surface.body, BRIEF).find(onScreen);
-      if (brief === void 0) return [];
+      const header = within(surface.root, HEADER).find(onScreen);
+      if (header === void 0) return [];
       const head = new Set(
-        within(surface.root, "*").filter((el) => el.childElementCount === 0 && !surface.body.contains(el) && el.closest('button, [role="button"], [role="tab"]') === null && onScreen(el)).map((el) => said(words2(el))).filter((text) => text.length > 1)
+        within(header, "*").filter((el) => el.childElementCount === 0 && el.closest('button, [role="button"], [role="menu"]') === null && onScreen(el)).map((el) => said(words2(el))).filter((text) => text.length > 1)
       );
-      const values = within(brief, ".lotics-record-facts__value").filter(onScreen);
-      total += values.length;
-      return values.flatMap((value) => {
-        const text = said(words2(value));
-        return text !== "" && head.has(text) ? [{ record: surface.name, value: words2(value), where: "head" }] : [];
+      const fields = within(surface.frame, ".lotics-fact-groups__field").filter(onScreen);
+      total += fields.length;
+      return fields.flatMap((field) => {
+        const label = within(field, ".lotics-form-field__label")[0];
+        const value = within(field, "*").filter((el) => el.childElementCount === 0 && (label === void 0 || !label.contains(el)) && onScreen(el)).map((el) => words2(el)).join(" ").trim();
+        return value !== "" && head.has(said(value)) ? [{ record: surface.name, field: words2(label), value }] : [];
       });
     });
     return { total, repeated };
   }
-  function emptyTabs(root = document.body) {
+  function emptyBlocks(root = document.body) {
     let total = 0;
     const empty = surfaces(root).flatMap((surface) => {
-      const tabs = within(surface.body, '[role="tab"]').filter(onScreen);
-      total += tabs.length;
-      const open = tabs.find((tab) => tab.getAttribute("aria-selected") === "true");
-      const panel = within(surface.body, '[role="tabpanel"]').find(onScreen);
-      const bare = open !== void 0 && panel !== void 0 && within(panel, ".lotics-section").filter(onScreen).length === 0;
-      return bare ? [{ record: surface.name, tab: words2(open).replace(/\d+$/, "").trim() }] : [];
+      const blocks = within(surface.frame, BLOCK).filter(onScreen);
+      total += blocks.length;
+      return blocks.flatMap((block) => {
+        const body = Array.from(block.children).filter(
+          (child) => !child.matches(`.lotics-section-heading, ${FRAME}__strip`) && onScreen(child)
+        );
+        const drawn = body.some((child) => words2(child) !== "" || child.querySelector("img, svg, input, textarea, button") !== null);
+        return drawn ? [] : [{ record: surface.name, block: block.getAttribute("aria-label") ?? "" }];
+      });
     });
     return { total, empty };
   }
@@ -768,7 +793,7 @@ var __loticsProbe = (() => {
   function clutterCensus(root = document.body) {
     const skipTag = /^(SCRIPT|STYLE|TITLE|META|LINK|NOSCRIPT|TEMPLATE)$/;
     const chrome = 'nav, [role="banner"]';
-    const recordSurface = '.lotics-record-page, [role="dialog"]';
+    const recordSurface = '.lotics-record-frame, [role="dialog"]:not([data-side])';
     const headings = 'h1, h2, h3, h4, h5, h6, [role="heading"]';
     const noteFloor = 3;
     const formFloor = 3;
@@ -778,7 +803,7 @@ var __loticsProbe = (() => {
     const sameEdge = 8;
     const words5 = (el) => el === null ? "" : (el.textContent || "").trim().slice(0, 40);
     const surfaces2 = within(root, recordSurface).filter(onScreen);
-    const called2 = (el) => el.matches(headings) ? words5(el) || "the section" : el.matches(recordSurface) ? words5(el.querySelector(".lotics-record-page__heading, h1, h2")) || "the record" : "the screen";
+    const called2 = (el) => el.matches(headings) ? words5(el) || "the section" : el.matches(recordSurface) ? words5(el.querySelector(".lotics-record-header__title, h1, h2")) || "the record" : "the screen";
     const rules = [];
     const primary = '[data-variant="primary"]';
     const acts = within(root, primary).filter(
@@ -884,34 +909,6 @@ var __loticsProbe = (() => {
       count: twice,
       offenders: repeated
     });
-    const absent = /^[—–-]$/;
-    let facts = 0;
-    let standing = 0;
-    const open = [];
-    for (const surface of surfaces2) {
-      for (const block of within(surface, ".lotics-record-facts")) {
-        const fold = block.querySelector(".lotics-record-facts__more");
-        if (fold === null) continue;
-        for (const band of Array.from(block.querySelectorAll(".lotics-record-facts__group"))) {
-          if ((fold.compareDocumentPosition(band) & Node.DOCUMENT_POSITION_FOLLOWING) === 0) continue;
-          for (const cell of Array.from(band.querySelectorAll(".lotics-record-facts__fact"))) {
-            const value = cell.querySelector(".lotics-record-facts__value");
-            if (value === null || !onScreen(cell)) continue;
-            facts += 1;
-            if (!absent.test((value.textContent || "").trim())) continue;
-            standing += 1;
-            if (open.length < 3) open.push(`"${words5(cell.querySelector(".lotics-record-facts__label")) || words5(cell)}" is unstated and drawn`);
-          }
-        }
-      }
-    }
-    rules.push({
-      law: "hierarchy.md",
-      rule: "How a record derives them",
-      total: facts,
-      count: standing,
-      offenders: open
-    });
     let boxes = 0;
     let overReserved = 0;
     const reserved = [];
@@ -1497,9 +1494,15 @@ var __loticsProbe = (() => {
     );
     return Math.max(0, width - drawn);
   }
-  function slotGap(register) {
-    const boxes = register.slots.map((slot) => slot.cells[0]).filter((cell) => cell !== void 0).map((cell) => cell.getBoundingClientRect()).sort((a, b) => a.left - b.left);
-    return boxes.length < 2 ? 0 : Math.max(0, Math.round(boxes[1].left - boxes[0].right));
+  function slotGaps(register) {
+    const first = register.slots.map((slot) => slot.cells[0]).filter((cell) => cell !== void 0);
+    const boxes = first.map((cell) => cell.getBoundingClientRect()).sort((a, b) => a.left - b.left);
+    if (boxes.length < 2) return { gap: 0, beyond: 0 };
+    const drawn = boxes.slice(1).map((box, index) => Math.max(0, box.left - boxes[index].right));
+    const parent = first[0].parentElement;
+    const declared = parent === null ? Number.NaN : Number.parseFloat(getComputedStyle(parent).columnGap);
+    const gap = Number.isFinite(declared) ? declared : Math.min(...drawn);
+    return { gap: Math.round(gap), beyond: drawn.reduce((sum, one) => sum + Math.max(0, one - gap), 0) };
   }
   function shedWithRoom(root = document.body) {
     let total = 0;
@@ -1508,8 +1511,8 @@ var __loticsProbe = (() => {
       const shed = shedOf(register.root);
       if (shed.length === 0 || register.rows.length === 0) continue;
       total += shed.length;
-      const unused = Math.round(register.slots.reduce((sum, slot) => sum + spare(slot), 0));
-      const gap = slotGap(register);
+      const { gap, beyond } = slotGaps(register);
+      const unused = Math.round(register.slots.reduce((sum, slot) => sum + spare(slot), 0) + beyond);
       for (const column of shed) if (column.width + gap <= unused) found.push({ ...column, gap, unused });
     }
     return { total, shed: found };
@@ -1573,39 +1576,10 @@ var __loticsProbe = (() => {
 
   // src/probe_collectors/right_form.ts
   var DAY_RUN_PART = ".lotics-timeline__dayhead";
-  var SIDE = 'aside, [role="complementary"], nav, [role="navigation"]';
-  var IN_PAGE = 'button, summary, [role="button"], [role="link"], [role="tab"], [role="menuitem"], a[href^="#"]';
-  var HEADING3 = 'h1, h2, h3, h4, h5, h6, [role="heading"]';
-  var RECORD_ROWS = 'table, [role="table"], [role="grid"], [role="treegrid"], [role="row"], [role="list"], ul, ol';
-  var PARKED = [
-    {
-      is: 'input, textarea, select, [contenteditable=""], [contenteditable="true"], [role="textbox"], [role="searchbox"], [role="combobox"], [role="spinbutton"], [role="slider"], [role="checkbox"], [role="radio"], [role="switch"], form, [role="form"]',
-      called: "a field"
-    },
-    { is: 'table, [role="table"], [role="grid"], [role="treegrid"], [role="row"], [role="listbox"]', called: "a list of rows" },
-    { is: 'article, [role="article"], [role="feed"], [role="log"]', called: "a conversation" },
-    { is: 'img, svg, picture, canvas, [role="img"], [role="figure"]', called: "a picture" },
-    { is: "a[href]", called: "a link out of the page" }
-  ];
   function rightFormCensus(root = document.body) {
     const skipTag = /^(SCRIPT|STYLE|TITLE|META|LINK|NOSCRIPT|TEMPLATE)$/;
-    const recordSurface = '.lotics-record-page, [role="dialog"]';
     const columnFloor = 3;
-    const twoTrackWidth = 1016;
-    const trackHeight = 240;
     const words5 = (el) => el === null ? "" : (el.textContent || "").trim().slice(0, 40);
-    const surfaces2 = within(root, recordSurface).filter(onScreen);
-    const called2 = (el) => words5(el.querySelector(".lotics-record-page__heading, h1, h2")) || "the record";
-    const readingInside = (side) => {
-      for (const kind of PARKED) {
-        for (const el of Array.from(side.querySelectorAll(kind.is))) {
-          if (!onScreen(el) || el.closest(IN_PAGE) !== null) continue;
-          const named = nameOf(el).slice(0, 40) || words5(el);
-          return named === "" ? kind.called : `${kind.called} ("${named}")`;
-        }
-      }
-      return null;
-    };
     const rules = [];
     const choosers = within(root, 'select, [role="listbox"]').filter(onScreen);
     let twoOption = 0;
@@ -1624,7 +1598,7 @@ var __loticsProbe = (() => {
     }
     rules.push({
       law: "data_entry.md",
-      rule: "Choosing a CHOICE control \u2014 `choiceControl`, never taste",
+      rule: "Choosing a CHOICE control \u2014 by the set, never taste",
       total: choosers.length,
       count: twoOption,
       offenders: pairs
@@ -1701,105 +1675,12 @@ var __loticsProbe = (() => {
       }
     }
     rules.push({
-      law: "templates.md",
+      law: "screen.md",
       rule: "Which device answers the question \u2192 Read what happened, or what is planned, in time",
       total: columns.length,
       count: grouped,
       offenders: runs
     });
-    const namesItself = (region) => {
-      const heading = Array.from(region.querySelectorAll(HEADING3)).find((el) => el.closest("summary") === null);
-      return heading !== void 0 || region.querySelector(RECORD_ROWS) !== null;
-    };
-    let folds = 0;
-    let sections = 0;
-    const hidden = [];
-    for (const surface of surfaces2) {
-      for (const fold of Array.from(surface.querySelectorAll(".lotics-accordion__trigger, details, [aria-expanded]"))) {
-        if (!onScreen(fold) || fold.closest('[role="complementary"]') !== null) continue;
-        if (fold.hasAttribute("aria-haspopup") || fold.matches(HOLDS_A_VALUE)) continue;
-        folds += 1;
-        const opened = fold.tagName === "DETAILS" ? [fold] : pointedAt(fold, "aria-controls");
-        if (!fold.matches(".lotics-accordion__trigger") && !opened.some(namesItself)) continue;
-        sections += 1;
-        if (hidden.length < 3) {
-          const named = nameOf(fold).slice(0, 40);
-          hidden.push(`${called2(surface)}: "${named === "" ? "(unnamed)" : named}" is a section behind a fold`);
-        }
-      }
-    }
-    rules.push({
-      law: "templates.md",
-      rule: "Which device answers the question \u2192 See what NAMES this record",
-      total: folds,
-      count: sections,
-      offenders: hidden
-    });
-    let read = 0;
-    let split = 0;
-    const tracks = [];
-    if (window.innerWidth >= twoTrackWidth) {
-      for (const surface of surfaces2) {
-        read += 1;
-        const box = surface.getBoundingClientRect();
-        const owners = [surface, ...Array.from(surface.querySelectorAll("*"))];
-        let found = null;
-        for (const owner of owners) {
-          const columnsHere = Array.from(owner.children).filter((child) => {
-            if (!onScreen(child)) return false;
-            if (child.matches(SIDE) || child.querySelector(SIDE) !== null) return false;
-            const rect = child.getBoundingClientRect();
-            return rect.height >= trackHeight && rect.height >= box.height * 0.5 && rect.width >= box.width * 0.2;
-          });
-          for (let a = 0; a < columnsHere.length && found === null; a++) {
-            for (let b = a + 1; b < columnsHere.length && found === null; b++) {
-              const left = columnsHere[a].getBoundingClientRect();
-              const right = columnsHere[b].getBoundingClientRect();
-              const apart = left.right <= right.left + 8 || right.right <= left.left + 8;
-              const overlap = Math.min(left.bottom, right.bottom) - Math.max(left.top, right.top);
-              const together = Math.max(left.right, right.right) - Math.min(left.left, right.left);
-              if (apart && overlap >= Math.min(left.height, right.height) * 0.5 && together >= box.width * 0.7) {
-                found = [columnsHere[a], columnsHere[b]];
-              }
-            }
-          }
-          if (found !== null) break;
-        }
-        if (found !== null) {
-          split += 1;
-          if (tracks.length < 3) {
-            const left = Math.round(found[0].getBoundingClientRect().width);
-            const right = Math.round(found[1].getBoundingClientRect().width);
-            tracks.push(`${called2(surface)}: two columns side by side, ${left}px and ${right}px`);
-          }
-          continue;
-        }
-        for (const side of Array.from(surface.querySelectorAll(SIDE))) {
-          if (!onScreen(side)) continue;
-          const rect = side.getBoundingClientRect();
-          if (rect.width > box.width * 0.6) continue;
-          const column = Array.from(surface.querySelectorAll("*")).some((other) => {
-            if (other === side || side.contains(other) || other.contains(side) || !onScreen(other)) return false;
-            const beside = other.getBoundingClientRect();
-            const apart = beside.left >= rect.right - 8 || beside.right <= rect.left + 8;
-            const overlap = Math.min(beside.bottom, rect.bottom) - Math.max(beside.top, rect.top);
-            return apart && beside.width >= box.width * 0.4 && overlap >= rect.height * 0.5;
-          });
-          if (!column) continue;
-          const parked = readingInside(side);
-          if (parked === null) continue;
-          split += 1;
-          if (tracks.length < 3) tracks.push(`${called2(surface)}: ${parked} beside the reading column`);
-        }
-      }
-    }
-    rules.push({
-      law: "hierarchy.md",
-      rule: "Depth \u2014 four surfaces, four jobs",
-      total: read,
-      count: split,
-      offenders: tracks
-    });
     return rules;
   }
 
@@ -1977,22 +1858,22 @@ var __loticsProbe = (() => {
     record_primary: {
       law: "hierarchy.md",
       section: "One primary act per surface",
-      fix: "Draw a section's add secondary (`SectionHeadingAdd`): the record's one primary act is its head's \u2014 the next queued act, else the step its stage leads with."
+      fix: "Draw a block's add secondary: the record's one primary act is the act open now, in its `ActPanel`."
     },
-    brief_fold: {
+    act_fold: {
       law: "hierarchy.md",
-      section: "Depth \u2014 four surfaces, four jobs",
-      fix: "Keep in the brief only what the head's act needs \u2014 the newest entry, the words to say, the one band placed first \u2014 and move the rest to a tab, until its foot is in the first viewport unscrolled."
+      section: "Budgets a reviewer can count",
+      fix: "Seat the open act where the frame pins it \u2014 `RecordFrame`'s `act`, never a button of the page's own \u2014 so it stays in view while the facts run on."
     },
-    brief_repeats: {
+    fact_repeats: {
       law: "hierarchy.md",
       section: "One fact, one place",
-      fix: "Take the value out of the brief's band: the head already states it, so the band read under it is the same fact twice."
+      fix: "Take the field out of the facts: the header already states it \u2014 its title, its status, the line under it or its figure."
     },
-    empty_tab: {
+    empty_block: {
       law: "hierarchy.md",
-      section: "Depth \u2014 four surfaces, four jobs",
-      fix: "Draw no tab over nothing: a tab is drawn only over a part with a body, so a part with no rows passes none."
+      section: "Whitespace is structure",
+      fix: "Draw the block's body, or its empty line: a block under a heading that draws nothing is a press that leads nowhere."
     },
     render: {
       law: "reviewing.md",
@@ -2018,7 +1899,7 @@ var __loticsProbe = (() => {
       fix: "Move a fact down a tier, fold it, or take it off the screen \u2014 a budget failing is a tiering question, never a permission to shrink something."
     },
     right_form: {
-      law: "templates.md",
+      law: "screen.md",
       section: "Which device answers the question",
       fix: "Draw what the JOB names: the device index gives the entry and the wrong device beside it, and a shape is picked by what the reader must do rather than by what the data is."
     },
@@ -2224,37 +2105,37 @@ var __loticsProbe = (() => {
         ...signature("record_primary"),
         total: primaries.total,
         count: primaries.loud.length,
-        detail: primaries.loud.slice(0, 5).map((one) => `"${one.record}": "${one.act}" is primary in a section's heading row, beside the head's act`)
+        detail: primaries.loud.slice(0, 5).map((one) => `"${one.record}": "${one.act}" is primary in a block's heading row, beside the record's open act`)
       });
     }
-    const folded = briefsBelowFold(surface);
+    const folded = actsBelowFold(surface);
     if (folded.below.length > 0) {
       findings.push({
-        probe: "brief_fold",
-        ...signature("brief_fold"),
+        probe: "act_fold",
+        ...signature("act_fold"),
         total: folded.total,
         count: folded.below.length,
-        detail: folded.below.slice(0, 5).map((one) => `"${one.record}": the brief ends at ${one.bottom}px, past the ${folded.fold}px first viewport`)
+        detail: folded.below.slice(0, 5).map((one) => `"${one.record}": "${one.act}" ends at ${one.bottom}px, past the ${folded.fold}px first viewport`)
       });
     }
-    const repeats = briefRepeats(surface);
+    const repeats = factRepeats(surface);
     if (repeats.repeated.length > 0) {
       findings.push({
-        probe: "brief_repeats",
-        ...signature("brief_repeats"),
+        probe: "fact_repeats",
+        ...signature("fact_repeats"),
         total: repeats.total,
         count: repeats.repeated.length,
-        detail: repeats.repeated.slice(0, 5).map((one) => `"${one.record}": the brief states "${one.value}", which the head already says`)
+        detail: repeats.repeated.slice(0, 5).map((one) => `"${one.record}": the fact "${one.field}" reads "${one.value}", which the header already says`)
       });
     }
-    const tabs = emptyTabs(surface);
-    if (tabs.empty.length > 0) {
+    const blocks = emptyBlocks(surface);
+    if (blocks.empty.length > 0) {
       findings.push({
-        probe: "empty_tab",
-        ...signature("empty_tab"),
-        total: tabs.total,
-        count: tabs.empty.length,
-        detail: tabs.empty.slice(0, 5).map((one) => `"${one.record}": the tab "${one.tab}" holds nothing`)
+        probe: "empty_block",
+        ...signature("empty_block"),
+        total: blocks.total,
+        count: blocks.empty.length,
+        detail: blocks.empty.slice(0, 5).map((one) => `"${one.record}": the block "${one.block}" draws nothing`)
       });
     }
     findings.push(...censusFindings("clutter", clutterCensus(surface)));
@@ -2339,8 +2220,8 @@ var __loticsProbe = (() => {
   function recordLinks() {
     const here = location.pathname + location.search;
     const doors2 = Array.from(
-      document.querySelectorAll('a[href], [data-opens="page"], button, [role="button"], [role="link"]')
-    ).filter((door) => door.matches('a[href], [data-opens="page"]') || isEmptyDoor(door));
+      document.querySelectorAll('a[href], [data-opens="page"], [data-opens="event"], button, [role="button"], [role="link"]')
+    ).filter((door) => door.matches('a[href], [data-opens="page"], [data-opens="event"]') || isEmptyDoor(door));
     return doors2.filter((door) => {
       if (door.closest('nav, [role="banner"], [role="tablist"]') !== null) return false;
       if (doors2.some((other) => other !== door && other.contains(door))) return false;
@@ -2440,6 +2321,9 @@ var __loticsProbe = (() => {
     const folds = Array.from(document.querySelectorAll('[aria-expanded="false"]')).filter(
       (el) => reachable(el) && el.getAttribute("aria-haspopup") === null
     );
+    const tabs = Array.from(document.querySelectorAll('[role="tab"][aria-selected="false"]')).filter(
+      (el) => onScreen(el) && el.closest('nav, [role="banner"]') === null && !open.some((overlay) => overlay.contains(el))
+    );
     const acts = Array.from(
       document.querySelectorAll('[data-variant="primary"], [data-variant="secondary"]')
     ).filter((el) => {
@@ -2462,7 +2346,8 @@ var __loticsProbe = (() => {
       ...menus.slice(0, 1).map((el) => ({ kind: "menu", el })),
       ...folds.slice(0, 1).map((el) => ({ kind: "fold", el })),
       ...acts.map((el) => ({ kind: "dialog", el })),
-      ...parties.map((el) => ({ kind: "party", el }))
+      ...parties.map((el) => ({ kind: "party", el })),
+      ...tabs.map((el) => ({ kind: "tab", el }))
     ];
   }
   function doors() {