@lotics/cli 0.246.0 → 0.247.0

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,77 +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) }];
-    });
-    return { total: briefs.length, fold, below: briefs.filter((one) => one.bottom > fold) };
-  }
-  function openPanel(body) {
-    return within(body, '[role="tabpanel"]').find(onScreen);
-  }
-  function headings(el) {
-    return within(el, ".lotics-section-heading").filter(onScreen).flatMap((heading) => {
-      const title = within(heading, "h1, h2, h3, h4, h5, h6")[0];
-      return title === void 0 ? [] : [words2(title)];
+    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: 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);
-      const parts = headings(brief);
-      total += values.length + parts.length;
-      const panel = openPanel(surface.body);
-      const open = new Set(panel === void 0 ? [] : headings(panel).map(said));
-      return [
-        ...values.flatMap((value) => {
-          const text = said(words2(value));
-          return text !== "" && head.has(text) ? [{ record: surface.name, value: words2(value), where: "head" }] : [];
-        }),
-        ...parts.flatMap((part) => open.has(said(part)) ? [{ record: surface.name, value: part, where: "tab" }] : [])
-      ];
-    });
-    return { total, repeated };
-  }
-  function actRepeats(root = document.body) {
-    let total = 0;
-    const repeated = surfaces(root).flatMap((surface) => {
-      const panel = openPanel(surface.body);
-      if (panel === void 0) return [];
-      const verbs = new Set(
-        within(surface.root, PRIMARY).filter((act) => !surface.body.contains(act) && onScreen(act)).map((act) => said(words2(act))).filter((text) => text !== "")
-      );
-      const waiting = within(panel, ".lotics-act-card").filter((card) => card.querySelector(".lotics-act-card__fold") === null && onScreen(card));
-      const firsts = waiting.filter((card, at) => waiting.findIndex((other) => other.parentElement === card.parentElement) === at);
-      total += firsts.length;
-      return firsts.flatMap((card) => {
-        const title = words2(card.querySelector(".lotics-act-card__title"));
-        return title !== "" && verbs.has(said(title)) ? [{ record: surface.name, act: title }] : [];
+      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 = openPanel(surface.body);
-      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 };
   }
@@ -801,8 +793,8 @@ 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 headings2 = 'h1, h2, h3, h4, h5, h6, [role="heading"]';
+    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;
     const hueStep = 30;
@@ -811,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(headings2) ? 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(
@@ -824,7 +816,7 @@ var __loticsProbe = (() => {
       const surface = act.closest(recordSurface) ?? page;
       let titles = titled.get(surface);
       if (titles === void 0) {
-        titles = within(surface, headings2).filter(onScreen);
+        titles = within(surface, headings).filter(onScreen);
         titled.set(surface, titles);
       }
       let owner = surface;
@@ -917,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 = [];
@@ -1177,11 +1141,11 @@ var __loticsProbe = (() => {
       const tag = /^H([1-6])$/.exec(el.tagName);
       return tag === null ? 2 : Number(tag[1]);
     };
-    const headings2 = within(root, HEADING2).filter(
+    const headings = within(root, HEADING2).filter(
       (el) => onScreen(el) && el.closest(NAVIGATION) === null && words3(el) !== ""
     );
-    const shallowest = headings2.reduce((top, el) => Math.min(top, rank(el)), Infinity);
-    const pageTitle = headings2.find((el) => rank(el) === shallowest);
+    const shallowest = headings.reduce((top, el) => Math.min(top, rank(el)), Infinity);
+    const pageTitle = headings.find((el) => rank(el) === shallowest);
     const headerRow = (heading) => {
       const own = words3(heading);
       let row = heading;
@@ -1195,7 +1159,7 @@ var __loticsProbe = (() => {
     let sections = 0;
     let badged = 0;
     const badges = [];
-    for (const heading of headings2) {
+    for (const heading of headings) {
       if (heading === pageTitle) continue;
       sections += 1;
       const mark = graphicIn(headerRow(heading));
@@ -1399,18 +1363,18 @@ var __loticsProbe = (() => {
     const row = ".lotics-table__row";
     return within(root, table).filter((register) => onScreen(register) && !register.hasAttribute("data-stacked")).map((register) => {
       const rows = Array.from(register.querySelectorAll(row)).filter((one) => inside(one, register, table) && onScreen(one) && stored(one));
-      const headings2 = Array.from(register.querySelectorAll(".lotics-table__column")).filter((heading) => inside(heading, register, table));
+      const headings = Array.from(register.querySelectorAll(".lotics-table__column")).filter((heading) => inside(heading, register, table));
       const cellsOf = (one) => {
         const box = Array.from(one.querySelectorAll(".lotics-table__cells")).find((cells) => inside(cells, one, row));
         return box === void 0 ? [] : Array.from(box.children).filter((cell) => cell.classList.contains("lotics-table__cell"));
       };
       const gutterOf = (one) => Array.from(one.querySelectorAll(".lotics-table__trailing")).find((gutter) => inside(gutter, one, row));
       const grid = rows.map(cellsOf);
-      const columns = Math.max(headings2.length, ...grid.map((cells) => cells.length), 0);
+      const columns = Math.max(headings.length, ...grid.map((cells) => cells.length), 0);
       const slots = Array.from({ length: columns }, (_, index) => ({
-        name: words4(headings2[index]) || `column ${index + 1}`,
+        name: words4(headings[index]) || `column ${index + 1}`,
         kind: "column",
-        heading: headings2[index],
+        heading: headings[index],
         cells: grid.map((cells) => cells[index])
       }));
       const gutters = rows.map(gutterOf);
@@ -1421,19 +1385,19 @@ var __loticsProbe = (() => {
   function ariaRegisters(root) {
     const table = '[role="table"], [role="grid"]';
     return within(root, table).filter(onScreen).map((register) => {
-      const headings2 = Array.from(register.querySelectorAll('[role="columnheader"]')).filter((heading) => inside(heading, register, table)).map(words4);
+      const headings = Array.from(register.querySelectorAll('[role="columnheader"]')).filter((heading) => inside(heading, register, table)).map(words4);
       const grid = Array.from(register.querySelectorAll('[role="row"]')).filter((one) => inside(one, register, table) && onScreen(one) && stored(one)).map((one) => ({
         row: one,
         cells: Array.from(one.querySelectorAll('[role="cell"], [role="gridcell"]')).filter(
           (cell) => inside(cell, one, '[role="row"]')
         )
       })).filter((one) => one.cells.length > 0);
-      const columns = Math.max(headings2.length, ...grid.map((one) => one.cells.length), 0);
+      const columns = Math.max(headings.length, ...grid.map((one) => one.cells.length), 0);
       return {
         root: register,
         rows: grid.map((one) => one.row),
         slots: Array.from({ length: columns }, (_, index) => ({
-          name: headings2[index] || `column ${index + 1}`,
+          name: headings[index] || `column ${index + 1}`,
           kind: "column",
           cells: grid.map((one) => one.cells[index])
         }))
@@ -1612,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;
@@ -1663,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
@@ -1707,7 +1642,7 @@ var __loticsProbe = (() => {
       walk(root);
     }
     const dates = leaves.filter((leaf) => leaf.date);
-    const headings2 = leaves.filter((leaf) => !leaf.date);
+    const headings = leaves.filter((leaf) => !leaf.date);
     const leads = (leaf) => !leaves.some(
       (other) => other.left < leaf.left && other.top < leaf.bottom && other.bottom > leaf.top
     );
@@ -1733,112 +1668,19 @@ var __loticsProbe = (() => {
       grouped += 1;
       if (runs.length < 3) {
         const top = Math.min(...column.items.map((leaf) => leaf.top));
-        const over = headings2.filter((label) => label.top < top && top - label.top <= 360 && label.left < column.right && label.right > column.left).sort((a, b) => b.top - a.top)[0];
+        const over = headings.filter((label) => label.top < top && top - label.top <= 360 && label.left < column.right && label.right > column.left).sort((a, b) => b.top - a.top)[0];
         runs.push(
           `${over === void 0 ? "(unnamed)" : over.text}: ${column.items.length} rows over ${days.size} days, the date repeated per row`
         );
       }
     }
     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;
   }
 
@@ -1850,12 +1692,12 @@ var __loticsProbe = (() => {
     const navFirst = nav === null ? void 0 : Array.from(nav.querySelectorAll('a[href], [role="link"]')).filter(
       (item) => onScreen(item) && (item.textContent || "").trim() !== ""
     )[0];
-    const headings2 = within(root, "h1, h2, h3, h4, h5, h6").filter(
+    const headings = within(root, "h1, h2, h3, h4, h5, h6").filter(
       (el) => onScreen(el) && el.closest('nav, [role="banner"]') === null && (el.textContent || "").trim() !== ""
     );
-    const title = headings2[0];
+    const title = headings[0];
     const rank = (el) => Number(el.tagName.slice(1));
-    const heading = title === void 0 ? void 0 : headings2.slice(1).find((el) => rank(el) > rank(title));
+    const heading = title === void 0 ? void 0 : headings.slice(1).find((el) => rank(el) > rank(title));
     const primaries = within(root, '[data-variant="primary"]').filter(
       (el) => onScreen(el) && el.closest('nav, [role="banner"]') === null
     );
@@ -2016,27 +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."
-    },
-    brief_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."
+      fix: "Draw a block's add secondary: the record's one primary act is the act open now, in its `ActPanel`."
     },
-    brief_repeats: {
+    act_fold: {
       law: "hierarchy.md",
-      section: "One fact, one place",
-      fix: "Take it out of the brief: the head already states the value, or the tab open at rest already draws the part, so the brief says it a second time."
+      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."
     },
-    act_repeats: {
+    fact_repeats: {
       law: "hierarchy.md",
       section: "One fact, one place",
-      fix: "Draw the head's act in its queue's card by its words and outcomes alone (`ActCard` `carried`): its verb, due day and refusal are the head's."
+      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",
@@ -2062,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."
     },
@@ -2268,49 +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.where === "head" ? `"${one.record}": the brief states "${one.value}", which the head already says` : `"${one.record}": the brief stands "${one.value}", which the tab open at rest draws too`
-        )
+        detail: repeats.repeated.slice(0, 5).map((one) => `"${one.record}": the fact "${one.field}" reads "${one.value}", which the header already says`)
       });
     }
-    const acts = actRepeats(surface);
-    if (acts.repeated.length > 0) {
+    const blocks = emptyBlocks(surface);
+    if (blocks.empty.length > 0) {
       findings.push({
-        probe: "act_repeats",
-        ...signature("act_repeats"),
-        total: acts.total,
-        count: acts.repeated.length,
-        detail: acts.repeated.slice(0, 5).map((one) => `"${one.record}": the head's act "${one.act}" heads a card in the tab open at rest too`)
-      });
-    }
-    const tabs = emptyTabs(surface);
-    if (tabs.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)));
@@ -2395,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;
@@ -2496,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) => {
@@ -2518,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() {