@graview/primitives 0.1.28 → 0.1.30

package/dist/several-bar.js

@@ -0,0 +1,158 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { counted, layer } from "@graview/core";
+import { inTopLayer } from "@graview/react/provider";
+import { actOnSeveral, actsForSeveral } from "@graview/tools/several";
+import { useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { FOOT_MOVED, placeAtTheFoot } from "./notice-place.js";
+import { AnswerArgs } from "./workbench/answer-args.js";
+import "./frame.js"; // A door: tied to what the page drew first (TIED DOORS, packages/primitives/src/frame.ts).
+/** The outcome as the bar says it: what was done, what was already so, and what was not, each by name. */
+function outcomeWords(outcome) {
+    const parts = [];
+    if (outcome.applied.length > 0 && outcome.intent)
+        parts.push(`${outcome.intent}.`);
+    if (outcome.unchanged.length > 0)
+        parts.push(`${outcome.unchanged.length} already so.`);
+    if (outcome.allOrNothing)
+        parts.push("None of it was kept.");
+    return parts.join(" ");
+}
+export function SeveralBar({ store, chosen, principal, context, via, anchor, of, onChooseAll, onClear, onActed }) {
+    const [tick, setTick] = useState(0);
+    useEffect(() => store.subscribe(() => setTick((now) => now + 1)), [store]);
+    const key = chosen.join("\n");
+    const { acts, withheld } = useMemo(() => actsForSeveral(store, chosen, { ...(principal ? { principal } : {}), ...(context ? { context } : {}) }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [store, key, principal, context, tick]);
+    const [moreOpen, setMoreOpen] = useState(false);
+    const [asking, setAsking] = useState(null);
+    const [outcome, setOutcome] = useState(null);
+    const bar = useRef(null);
+    const moreId = useId();
+    const kinds = useMemo(() => [...new Set(chosen.map((id) => store.graph.getNode(id)?.kind))], [store, key]); // eslint-disable-line react-hooks/exhaustive-deps
+    const count = kinds.length === 1 && kinds[0] ? `${counted(store.schema, kinds[0], chosen.length)} chosen` : `${chosen.length} chosen`;
+    /*
+     * THE FIRST FEW, AND THE REST BEHIND MORE: the derivation's leading acts
+     * in the bar (three on a desk, two under a finger, where each is a row of
+     * its own), then everything else, and what sets them aside or removes them
+     * last. Seven acts in the bar stood over the very list they act on.
+     */
+    const room = typeof matchMedia === "function" && matchMedia("(pointer: coarse), (max-width: 599px)").matches ? 2 : 3;
+    const everyday = acts.filter((act) => !act.more);
+    const shown = everyday.slice(0, room);
+    const more = [...everyday.slice(room), ...acts.filter((act) => act.more)];
+    // A new choice is a new question: what was asked of the last one is put away.
+    useEffect(() => {
+        setAsking(null);
+        setMoreOpen(false);
+    }, [key]);
+    /* IN THE TOP LAYER, at the foot of what it is about, placed again as the window moves. */
+    useLayoutEffect(() => {
+        const element = bar.current;
+        if (!element)
+            return;
+        if (typeof element.showPopover === "function" && !inTopLayer(element)) {
+            try {
+                element.showPopover();
+            }
+            catch {
+                // The toast rung holds it over every rail where the top layer is not there.
+            }
+        }
+        const place = () => {
+            placeAtTheFoot(element, anchor?.() ?? null);
+            dispatchEvent(new Event(FOOT_MOVED));
+        };
+        place();
+        addEventListener("resize", place);
+        addEventListener("scroll", place, true);
+        const grows = typeof ResizeObserver === "function" ? new ResizeObserver(place) : null;
+        grows?.observe(element);
+        return () => {
+            grows?.disconnect();
+            removeEventListener("resize", place);
+            removeEventListener("scroll", place, true);
+            if (element.isConnected && inTopLayer(element)) {
+                try {
+                    element.hidePopover();
+                }
+                catch {
+                    // Gone already.
+                }
+            }
+            dispatchEvent(new Event(FOOT_MOVED));
+        };
+    }, [anchor]);
+    /* ESCAPE PUTS THE CHOICE DOWN — or, while an act is asking, the asking first. */
+    const latest = useRef({ asking, onClear });
+    latest.current = { asking, onClear };
+    useEffect(() => {
+        const onKey = (event) => {
+            if (event.key !== "Escape" || event.defaultPrevented)
+                return;
+            const active = document.activeElement;
+            const inBar = bar.current?.contains(active) ?? false;
+            if (!inBar && (active instanceof HTMLTextAreaElement || (active instanceof HTMLInputElement && active.type !== "checkbox") || active instanceof HTMLSelectElement))
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            if (latest.current.asking) {
+                setAsking(null);
+                return;
+            }
+            latest.current.onClear();
+        };
+        document.addEventListener("keydown", onKey);
+        return () => document.removeEventListener("keydown", onKey);
+    }, []);
+    const run = (act, extra = {}) => {
+        const done = actOnSeveral(store, { mutation: act.mutation, subject: act.subject, args: { ...act.args, ...extra }, label: act.label }, chosen, {
+            ...(principal ? { author: principal } : {}),
+            ...(via ? { via } : {}),
+            ...(context ? { context } : {}),
+        });
+        setAsking(null);
+        setMoreOpen(false);
+        setOutcome(done.refused.length > 0 || done.applied.length === 0 ? done : null);
+        onActed(done.refused.map((one) => one.id));
+    };
+    const press = (act) => {
+        setOutcome(null);
+        setMoreOpen(false);
+        if (act.open.length > 0)
+            setAsking(act);
+        else
+            run(act);
+    };
+    const button = (act) => (_jsxs("button", { type: "button", className: "graview-several-act", "data-testid": "several-act", "data-act": act.id, "data-mutation": act.mutation, ...(act.destructive ? { "data-tone": "warn" } : {}), "aria-pressed": asking?.id === act.id ? true : undefined, onClick: () => press(act), children: [act.label, act.open.length > 0 ? "…" : ""] }, act.id));
+    return (_jsxs("div", { ref: bar, ...{ popover: "manual" }, role: "region", "aria-label": "The chosen records", className: "graview-several-bar", "data-testid": "several-bar", "data-graview-foot": "", "data-graview-overlay": "", "data-graview-popover": "", "data-graview-offstage": "", style: BAR, children: [_jsx("style", { children: SEVERAL_CSS }), _jsxs("div", { className: "graview-several-line", children: [_jsx("span", { role: "status", "aria-live": "polite", className: "graview-several-count", "data-testid": "several-count", children: count }), _jsxs("div", { role: "group", "aria-label": `What to do with the ${chosen.length} chosen`, className: "graview-several-acts", children: [shown.map(button), more.length > 0 ? (_jsx("button", { type: "button", className: "graview-several-act", "data-testid": "several-more", "aria-expanded": moreOpen, "aria-controls": moreId, onClick: () => setMoreOpen((now) => !now), children: "More" })) : null, onChooseAll && of !== undefined && of > chosen.length ? (_jsxs("button", { type: "button", className: "graview-several-quiet", "data-testid": "several-all", onClick: onChooseAll, children: ["Choose all ", of] })) : null, _jsx("button", { type: "button", className: "graview-several-quiet", "data-testid": "several-clear", "aria-keyshortcuts": "Escape", title: "Put the choice down \u2014 Escape", onClick: onClear, children: "Clear" })] })] }), moreOpen ? (_jsx("div", { id: moreId, role: "group", "aria-label": "More", className: "graview-several-acts", "data-testid": "several-more-acts", children: more.map(button) })) : null, acts.length === 0 ? (_jsx("p", { className: "graview-several-said", "data-testid": "several-none", children: withheld.length > 0 ? `Nothing here can be done to all of them by you: ${withheld[0].message}` : "Nothing can be done to all of these at once." })) : null, asking ? (_jsx("div", { className: "graview-several-ask", role: "group", "aria-label": `${asking.label}, for all ${chosen.length}`, "data-testid": "several-ask", children: _jsx(AnswerArgs, { store: store, affordance: asking.affordance, onApply: (args) => run(asking, args), onCancel: () => setAsking(null) }) })) : null, outcome ? (_jsxs("div", { role: "alert", className: "graview-several-said", "data-testid": "several-outcome", children: [outcomeWords(outcome), outcome.refused.length > 0 ? (_jsxs(_Fragment, { children: [" ", outcome.refused.length === 1 ? "One was not changed, and is still chosen:" : `${outcome.refused.length} were not changed, and are still chosen:`, _jsx("ul", { "data-testid": "several-refused", children: outcome.refused.map((one) => (_jsxs("li", { "data-record": one.id, children: ["\u201C", one.label, "\u201D \u2014 ", one.message] }, one.id))) })] })) : null] })) : null] }));
+}
+const BAR = {
+    position: "fixed",
+    inset: "auto",
+    margin: 0,
+    zIndex: layer("toast"),
+    boxSizing: "border-box",
+    width: "max-content",
+    height: "auto",
+    bottom: "calc(16px + env(safe-area-inset-bottom, 0px))",
+    left: 16,
+    overflow: "visible",
+};
+const SEVERAL_CSS = `
+.graview-several-bar{display:grid;gap:8px;padding:8px 10px;border:1px solid var(--graview-edge);border-radius:var(--graview-radius,12px);background:var(--graview-float);color:var(--graview-ink);box-shadow:var(--graview-lift-high);font-size:.875rem;line-height:1.4;max-height:70vh;overflow:auto}
+.graview-several-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
+.graview-several-count{font-weight:600;white-space:nowrap}
+.graview-several-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
+.graview-several-act,.graview-several-quiet{min-height:32px;padding:0 12px;border-radius:8px;font:inherit;cursor:pointer;box-shadow:none}
+.graview-several-act{border:1px solid var(--graview-edge);background:transparent;color:var(--graview-ink);font-weight:600}
+.graview-several-act:hover,.graview-several-act[aria-pressed=true],.graview-several-act[aria-expanded=true]{background:color-mix(in srgb,var(--graview-accent) 14%,transparent)}
+.graview-several-act[data-tone=warn]{color:var(--graview-warn)}
+.graview-several-quiet{border:0;background:none;color:var(--graview-ink-muted);text-decoration:underline;text-underline-offset:2px}
+.graview-several-bar :focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}
+.graview-several-said{margin:0;max-width:52ch;overflow-wrap:anywhere}
+.graview-several-said ul{margin:4px 0 0;padding-left:18px}
+.graview-several-ask{padding:8px 4px 2px;border-top:1px solid var(--graview-edge)}
+@media (pointer: coarse){.graview-several-act,.graview-several-quiet{min-height:44px}}
+`;
+//# sourceMappingURL=several-bar.js.map

package/dist/several-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"several-bar.js","sourceRoot":"","sources":["../src/several-bar.tsx"],"names":[],"mappings":"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"}

package/dist/several-door.d.ts

@@ -0,0 +1,7 @@
+import type { SeveralBarProps } from "./several-bar.js";
+/** The bar over a list that has records chosen; nothing while none is. */
+export declare function SeveralBarDoor(props: SeveralBarProps): import("react").JSX.Element | null;
+/** Fetch the bar now if it is not here: for a pointer or the keyboard reaching a list's boxes. */
+export declare const prefetchSeveral: () => void;
+export type { SeveralBarProps } from "./several-bar.js";
+//# sourceMappingURL=several-door.d.ts.map

package/dist/several-door.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"several-door.d.ts","sourceRoot":"","sources":["../src/several-door.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAWxD,0EAA0E;AAC1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,sCAOpD;AAED,kGAAkG;AAClG,eAAO,MAAM,eAAe,QAAO,IAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/several-door.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { retryingImport } from "@graview/core/retry";
+import { lazyModule } from "@graview/react/provider";
+import { Suspense } from "react";
+/*
+ * THE DOOR TO THE SELECTION BAR: fetched with the first record chosen, or
+ * as soon as a list is reached for (`prefetchSeveral`, on a box's first
+ * hover or focus) — never in a list's first paint.
+ */
+const SEVERAL = /* @__PURE__ */ lazyModule(retryingImport(() => import("./several-bar.js")));
+const Bar = /* @__PURE__ */ SEVERAL.part((module, props) => _jsx(module.SeveralBar, { ...props }), { what: "The selection bar" });
+/** The bar over a list that has records chosen; nothing while none is. */
+export function SeveralBarDoor(props) {
+    if (props.chosen.length === 0)
+        return null;
+    return (_jsx(Suspense, { fallback: null, children: _jsx(Bar, { ...props }) }));
+}
+/** Fetch the bar now if it is not here: for a pointer or the keyboard reaching a list's boxes. */
+export const prefetchSeveral = () => SEVERAL.prefetch();
+//# sourceMappingURL=several-door.js.map

package/dist/several-door.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"several-door.js","sourceRoot":"","sources":["../src/several-door.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC;;;;GAIG;AACH,MAAM,OAAO,GAAG,eAAe,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;AAE7F,MAAM,GAAG,GAAG,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAyC,EAAE,KAAsB,EAAE,EAAE,CAAC,KAAC,MAAM,CAAC,UAAU,OAAK,KAAK,GAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAEjL,0EAA0E;AAC1E,MAAM,UAAU,cAAc,CAAC,KAAsB;IACnD,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC3C,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YACtB,KAAC,GAAG,OAAK,KAAK,GAAI,GACT,CACZ,CAAC;AACJ,CAAC;AAED,kGAAkG;AAClG,MAAM,CAAC,MAAM,eAAe,GAAG,GAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC"}

package/dist/shell.d.ts

@@ -1,10 +1,11 @@
-import { type AnySchema, type HostFiles } from "@graview/core";
+import { type AnySchema, type HostFiles, type ResolveApp } from "@graview/core";
 import { type Scheme, type SceneProps } from "@graview/react";
 import type { Responder, ToolCall } from "@graview/tools";
 import { type ReactNode } from "react";
 import { type SeatStart } from "./seat-field.js";
 import { type HostAction } from "./profile.js";
 import { type NoticeBoard } from "./notices.js";
+import { type FirstLook } from "./first-look-door.js";
 /**
  * The shell: everything an application's window holds that is not about
  * its domain.
@@ -99,6 +100,23 @@ export interface ShellProps<S extends AnySchema> {
      * handed them: where a picture or a document put on a record is sent.
      */
     readonly files?: HostFiles;
+    /**
+     * THE HOST'S WAY TO NAME ANOTHER APP (FR-171), when the provider around
+     * the shell was not handed it: `resolveApp(address, viewer)` answers
+     * `{ name, icon?, headline?, href }`, `{ denied: true }` or `null`, and an
+     * app-link field draws as that app. Given here, it is asked before the
+     * provider's.
+     */
+    readonly resolveApp?: ResolveApp;
+    /**
+     * A FIRST LOOK, ONCE: a short run of hints beside the app's own controls —
+     * the switch between the scene and the pages, the problems count,
+     * Activity and the Ask box, each skipped where it is not drawn — then out
+     * of the way. `true` remembers it in this browser; `{ seen, onDone, steps }`
+     * hands that to the host and adds its own hints, each naming a control
+     * (`FirstLookAnchor`). Off unless given.
+     */
+    readonly firstLook?: FirstLook;
 }
-export declare function Shell<S extends AnySchema>({ home, standing, seat, pagesHref, remembers, syncUrl, renderer, attachRenderer, scheme, onScheme, chat, profileHref, studio, hostActions, signature, ask, notices, files, }: ShellProps<S>): import("react").JSX.Element;
+export declare function Shell<S extends AnySchema>({ home, standing, seat, pagesHref, remembers, syncUrl, renderer, attachRenderer, scheme, onScheme, chat, profileHref, studio, hostActions, signature, ask, notices, files, resolveApp, firstLook, }: ShellProps<S>): import("react").JSX.Element;
 //# sourceMappingURL=shell.d.ts.map

package/dist/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACpG,OAAO,EAA6F,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzJ,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAyB,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5D,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAkD,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAYhG;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,SAAS;IAC7C,yFAAyF;IACzF,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iDAAiD;IACjD,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,KAAK,SAAS,CAAC;IAChE,qHAAqH;IACrH,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,mGAAmG;IACnG,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,sCAAsC;IACtC,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAC3C,QAAQ,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACvD,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAC9D;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD;;;;;;;;OAQG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;IACzB;;;;OAIG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,wBAAgB,KAAK,CAAC,CAAC,SAAS,SAAS,EAAE,EACzC,IAAW,EACX,QAAmC,EACnC,IAAI,EACJ,SAAoB,EACpB,SAAiB,EACjB,OAAe,EACf,QAAgB,EAChB,cAAc,EACd,MAAM,EACN,QAAQ,EACR,IAAW,EACX,WAAW,EACX,MAAM,EACN,WAAW,EACX,SAAiB,EACjB,GAAa,EACb,OAAO,EACP,KAAK,GACN,EAAE,UAAU,CAAC,CAAC,CAAC,+BAkIf"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"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"}

package/dist/shell.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { faviconHref, pagesTitle, sceneTitle } from "@graview/core";
-import { HostFilesContext, Scene, useGraview, useNavigation, UrlSync, useTheKeyboardLandsSomewhere } from "@graview/react";
+import { BesideTheMap, HostFilesContext, Scene, useGraview, useNavigation, UrlSync, useTheKeyboardLandsSomewhere } from "@graview/react";
 import { useCallback, useState, useRef } from "react";
 import { withOverview } from "@graview/layout/view";
 import { SeatField } from "./seat-field.js";
 import { LinesKey } from "./lines-key.js";
+import { MapPanel } from "./map-panel-door.js";
 import { ShowInstallation } from "./installation.js";
 import { Profile } from "./profile.js";
 import { createNoticeBoard, NoticeBoardContext, Notices } from "./notices.js";
@@ -15,10 +16,13 @@ import { AppBar } from "./app-bar.js";
 import { useScenePlaces } from "./scene-places.js";
 import { SceneBarTools, SceneTrail, useCallLog } from "./scene-bar.js";
 import { SceneWayBack } from "./scene-way-back.js";
+import { PastBar } from "./past-bar.js";
 import { BackOut, Inspector, OverviewButton, Standing } from "./workbench/index.js";
 import { useFavicon } from "./app-title.js";
 import { useViewportHeight } from "./primitives/measure.js";
-export function Shell({ home = null, standing = "Everything is in order", seat, pagesHref = "/pages", remembers = false, syncUrl = false, renderer = "dom", attachRenderer, scheme, onScheme, chat = true, profileHref, studio, hostActions, signature = false, ask = "field", notices, files, }) {
+import { ResolveAppContext } from "./resolve-app-context.js";
+import { FirstLookDoor } from "./first-look-door.js";
+export function Shell({ home = null, standing = "Everything is in order", seat, pagesHref = "/pages", remembers = false, syncUrl = false, renderer = "dom", attachRenderer, scheme, onScheme, chat = true, profileHref, studio, hostActions, signature = false, ask = "field", notices, files, resolveApp, firstLook, }) {
     const { brand, views, store } = useGraview();
     const { view, go } = useNavigation();
     /* The lenses this reader kept from the seat, beside the app's own places, before anything draws them. */
@@ -34,6 +38,8 @@ export function Shell({ home = null, standing = "Everything is in order", seat,
     // The picture the notices are drawn over (FR-75).
     const picture = useRef(null);
     const scene = useCallback(() => picture.current, []);
+    // Where a first look finds the app's own controls.
+    const inShell = useCallback(() => shell.current, []);
     const [calls, onCall] = useCallLog();
     // Where the bar keeps Find and the face's own tool, once it has drawn them.
     const [barFind, setBarFind] = useState(null);
@@ -52,15 +58,16 @@ export function Shell({ home = null, standing = "Everything is in order", seat,
             go: () => go(home ? { ...view, focusId: home, overview: false } : withOverview(view, true)),
             current: home ? view.focusId === home && !view.overview : Boolean(view.overview),
         };
-    const drawn = (_jsx(NoticeBoardContext.Provider, { value: board, children: _jsxs("div", { ref: shell, style: { display: "flex", flexDirection: "column", height: screen ?? "100dvh", overflow: "hidden" }, children: [syncUrl ? _jsx(UrlSync, {}) : null, _jsx(AppBar, { brand: brand, name: brand?.name ?? "Graview", description: brand?.subtitle, home: homeWay, ...(pagesHref
-                        ? {
-                            faces: {
-                                scene: { label: sceneTitle(arrangement), current: true, go: () => undefined },
-                                // The pages are on their own address.
-                                pages: { label: pagesTitle(arrangement), current: false, go: () => window.location.assign(pagesHref) },
-                            },
-                        }
-                        : {}), places: [], current: null, reach: {}, scenePlaces: scenePlaces, onFind: setBarFind, tools: _jsxs(_Fragment, { children: [_jsx(Standing, { clean: standing }), _jsx(Profile, { scheme: scheme, onScheme: onScheme, ...(profileHref ? { profileHref } : {}), ...(hostActions ? { hostActions } : {}), signature: signature, keeping: _jsxs(_Fragment, { children: [_jsx(ShowInstallation, {}), studio] }) })] }) }), _jsx(SceneBarTools, { find: barFind, calls: calls, remembers: remembers, ...(seat ? { seat: seat(onCall) } : {}) }), _jsx(BackOut, { home: home }), _jsxs("main", { ref: picture, tabIndex: -1, style: { position: "relative", flex: "1 1 auto", minHeight: 0, containerType: "size", outline: "none" }, children: [_jsx(Scene, { renderer: renderer, ...(attachRenderer ? { attachRenderer } : {}) }), _jsx(SceneTrail, { home: home }), _jsx(OverviewButton, {}), _jsx(LinesKey, {}), _jsx(DraftDoor, {}), _jsx(SeatField, { start: chat === false ? "hidden" : ask, onCall: onCall, ...(typeof chat === "object" && chat.respond ? { respond: chat.respond } : {}) }), _jsx(Inspector, { placement: "menu" }), _jsx(SceneWayBack, {})] }), _jsx(Notices, { board: board, anchor: scene })] }) }));
-    return files ? _jsx(HostFilesContext.Provider, { value: files, children: drawn }) : drawn;
+    const drawn = (_jsx(NoticeBoardContext.Provider, { value: board, children: _jsx(BesideTheMap.Provider, { value: true, children: _jsxs("div", { ref: shell, style: { display: "flex", flexDirection: "column", height: screen ?? "100dvh", overflow: "hidden" }, children: [syncUrl ? _jsx(UrlSync, {}) : null, _jsx(AppBar, { brand: brand, name: brand?.name ?? "Graview", description: brand?.subtitle, home: homeWay, ...(pagesHref
+                            ? {
+                                faces: {
+                                    scene: { label: sceneTitle(arrangement), current: true, go: () => undefined },
+                                    // The pages are on their own address.
+                                    pages: { label: pagesTitle(arrangement), current: false, go: () => window.location.assign(pagesHref) },
+                                },
+                            }
+                            : {}), places: [], current: null, reach: {}, scenePlaces: scenePlaces, onFind: setBarFind, tools: _jsxs(_Fragment, { children: [_jsx(Standing, { clean: standing }), _jsx(Profile, { scheme: scheme, onScheme: onScheme, ...(profileHref ? { profileHref } : {}), ...(hostActions ? { hostActions } : {}), signature: signature, keeping: _jsxs(_Fragment, { children: [_jsx(ShowInstallation, {}), studio] }) })] }) }), _jsx(SceneBarTools, { find: barFind, calls: calls, remembers: remembers, ...(seat ? { seat: seat(onCall) } : {}) }), _jsx(BackOut, { home: home }), _jsxs("main", { ref: picture, tabIndex: -1, style: { position: "relative", flex: "1 1 auto", minHeight: 0, containerType: "size", outline: "none" }, children: [_jsx(Scene, { renderer: renderer, ...(attachRenderer ? { attachRenderer } : {}) }), _jsx(SceneTrail, { home: home }), _jsx(OverviewButton, {}), _jsx(LinesKey, {}), _jsx(DraftDoor, {}), _jsx(SeatField, { start: chat === false ? "hidden" : ask, onCall: onCall, ...(typeof chat === "object" && chat.respond ? { respond: chat.respond } : {}) }), _jsx(MapPanel, {}), _jsx(Inspector, { placement: "menu" }), _jsx(SceneWayBack, {}), _jsx(PastBar, { face: "scene" })] }), _jsx(Notices, { board: board, anchor: scene }), firstLook ? _jsx(FirstLookDoor, { firstLook: firstLook, root: inShell, app: appKeyOf(brand, store.schema) }) : null] }) }) }));
+    const resolved = resolveApp ? _jsx(ResolveAppContext.Provider, { value: resolveApp, children: drawn }) : drawn;
+    return files ? _jsx(HostFilesContext.Provider, { value: files, children: resolved }) : resolved;
 }
 //# sourceMappingURL=shell.js.map

package/dist/shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.js","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../src/shell.tsx"],"names":[],"mappings":"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"}

package/dist/spec-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spec-css.d.ts","sourceRoot":"","sources":["../src/spec-css.ts"],"names":[],"mappings":"AAEA,+GAA+G;AAC/G,eAAO,MAAM,aAAa,QAmEzB,CAAC"}
+{"version":3,"file":"spec-css.d.ts","sourceRoot":"","sources":["../src/spec-css.ts"],"names":[],"mappings":"AAEA,+GAA+G;AAC/G,eAAO,MAAM,aAAa,QAsGzB,CAAC"}

package/dist/spec-css.js

@@ -1,71 +1,106 @@
 import { LOCAL_LAYERS } from "@graview/core";
 /** The stylesheet the blocks are drawn with: classes over the theme's tokens, and nothing a spec can reach. */
 export const SPEC_VIEW_CSS = `
-.graview-spec { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: var(--graview-ink); }
+.graview-spec{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--graview-ink)}
 ${ /* A ROW IS A LINE OF A LIST, NOT A CAPSULE (FR-113, FR-117). It was a
    pill holding a title, a badge and a progress block on one line, every one
    of them cut with an ellipsis: at a phone's width "Lv 3" drew as "L…" and
    "3 of 5" as "3 of". Now the small blocks keep their own width, the title
    takes what is left and wraps, and a row too narrow for all of it wraps
    onto a second line before anything is cut. */""}
-.graview-spec-row { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 10px; box-sizing: border-box; max-width: 100%; padding: 5px 10px; border: 1px solid var(--graview-edge); border-radius: var(--graview-radius-sm, 8px); background: var(--graview-panel); font-size: 0.875rem; }
-.graview-spec-row[data-selected] { border-color: var(--graview-accent); }
-.graview-spec-row > * { flex: 0 0 auto; min-width: 0; max-width: 100%; }
-.graview-spec-row > .graview-spec-title, .graview-spec-row > .graview-spec-text { flex: 1 1 9rem; overflow-wrap: anywhere; }
-.graview-spec-row > .graview-spec-title { font-size: 0.9375rem; }
-.graview-spec-row > .graview-spec-progress { grid-template-columns: auto minmax(3rem, 5rem) auto; align-items: center; column-gap: 6px; }
-.graview-spec-list[data-as="row"] .graview-spec-row { border-width: 0 0 1px; border-radius: 0; background: transparent; padding: 6px 2px; }
-[data-graview-rows] .graview-spec-row { border-width: 0; border-radius: 0; background: transparent; padding: 2px 0; }
-[data-graview-rows] .graview-spec-row > .graview-spec-title { font-size: 1.0625rem; font-weight: 600; }
-.graview-spec-page { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--graview-edge); }
-.graview-spec-title { font-family: var(--graview-font-display, inherit); font-weight: 600; font-size: 1rem; line-height: 1.3; overflow-wrap: anywhere; }
-.graview-spec-text { margin: 0; font-size: 0.875rem; line-height: 1.45; overflow-wrap: anywhere; }
-.graview-spec-text[data-graview-tone] { color: var(--graview-spec-tone); }
+.graview-spec-row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;box-sizing:border-box;max-width:100%;padding:5px 10px;border:1px solid var(--graview-edge);border-radius:var(--graview-radius-sm,8px);background:var(--graview-panel);font-size:.875rem}
+.graview-spec-row[data-selected]{border-color:var(--graview-accent)}
+.graview-spec-row>*{flex:0 0 auto;min-width:0;max-width:100%}
+.graview-spec-row>.graview-spec-title,.graview-spec-row>.graview-spec-text{flex:1 1 9rem;overflow-wrap:anywhere}
+.graview-spec-row>.graview-spec-title{font-size:.9375rem}
+.graview-spec-row>.graview-spec-progress{grid-template-columns:auto minmax(3rem,5rem) auto;align-items:center;column-gap:6px}
+.graview-spec-list[data-as="row"] .graview-spec-row{border-width:0 0 1px;border-radius:0;background:transparent;padding:6px 2px}
+[data-graview-rows] .graview-spec-row{border-width:0;border-radius:0;background:transparent;padding:2px 0}
+[data-graview-rows] .graview-spec-row>.graview-spec-title{font-size:var(--graview-text-body);font-weight:500}
+.graview-spec-page{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--graview-edge)}
+.graview-spec-title{font-family:var(--graview-font-display,inherit);font-weight:600;font-size:1rem;line-height:1.3;overflow-wrap:anywhere}
+.graview-spec-text{margin:0;font-size:.875rem;line-height:1.45;overflow-wrap:anywhere}
+.graview-spec-text[data-graview-tone]{color:var(--graview-spec-tone)}
 ${ /* A STATE BADGE, the one pill a record wears (FR-117), and never cut
    (FR-118): it is as wide as its words, and only words longer than the
    whole line they stand in wrap. */""}
-.graview-spec-badge { align-self: flex-start; display: inline-block; max-width: 100%; box-sizing: border-box; padding: 1px 8px; border: 1px solid currentColor; border-radius: 999px; background: var(--graview-panel); color: var(--graview-spec-tone, var(--graview-ink-muted)); font-size: 0.8125rem; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
-.graview-spec-row .graview-spec-badge, .graview-spec-group[data-direction="row"] .graview-spec-badge { align-self: center; }
-.graview-spec [data-graview-tone="good"] { --graview-spec-tone: var(--graview-good); }
-.graview-spec [data-graview-tone="bad"] { --graview-spec-tone: var(--graview-bad); }
-.graview-spec [data-graview-tone="warn"] { --graview-spec-tone: var(--graview-warn); }
-.graview-spec [data-graview-tone="accent"] { --graview-spec-tone: var(--graview-accent); }
-.graview-spec [data-graview-tone="neutral"] { --graview-spec-tone: var(--graview-ink-muted); }
-.graview-spec-field { display: flex; flex-wrap: wrap; gap: 2px 8px; align-items: baseline; min-width: 0; font-size: 0.875rem; line-height: 1.4; }
-.graview-spec-label { color: var(--graview-ink-muted); }
-.graview-spec-value { min-width: 0; color: var(--graview-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
-.graview-spec-link { position: relative; z-index: ${LOCAL_LAYERS.raised}; color: var(--graview-accent); text-decoration: underline; }
-.graview-spec-progress { display: grid; gap: 4px; font-size: 0.8125rem; }
-.graview-spec-progress > .graview-spec-label, .graview-spec-progress > .graview-spec-value { white-space: nowrap; }
-.graview-spec-track { display: block; height: 6px; border-radius: 999px; background: var(--graview-edge); overflow: hidden; }
-.graview-spec-fill { display: block; height: 100%; background: var(--graview-accent); }
-.graview-spec-group { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
-.graview-spec-group[data-direction="row"] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
-.graview-spec-row .graview-spec-group { flex: 1 1 9rem; }
-.graview-spec-divider { width: 100%; margin: 2px 0; border: 0; border-top: 1px solid var(--graview-edge); }
-.graview-spec-figure { display: inline-flex; width: 22px; height: 22px; }
-.graview-spec-row[data-graview-tall] { flex-direction: column; flex-wrap: nowrap; align-items: stretch; border-radius: 10px; padding: 8px 12px; }
-.graview-spec-row[data-graview-tall] .graview-spec-badge { align-self: flex-start; }
-.graview-spec-home, .graview-spec-place { gap: 14px; }
-.graview-spec-headline { margin: 0; font-family: var(--graview-font-display, inherit); font-weight: 600; letter-spacing: -0.01em; line-height: 1.15; overflow-wrap: anywhere; font-size: 1.125rem; }
-.graview-spec-headline[data-level="1"] { font-size: clamp(1.75rem, 5vw, 2.75rem); line-height: 1.05; text-wrap: balance; }
-.graview-spec-headline[data-level="2"] { font-size: clamp(1.25rem, 3vw, 1.625rem); margin-top: 8px; }
-.graview-spec-number { display: grid; gap: 2px; justify-items: start; }
-.graview-spec-number-value { font-family: var(--graview-font-display, inherit); font-weight: 600; font-size: 1.75rem; line-height: 1.05; letter-spacing: -0.015em; font-variant-numeric: tabular-nums; }
-.graview-spec-card .graview-spec-number-value, .graview-spec-row .graview-spec-number-value { font-size: 1.25rem; }
-.graview-spec-number .graview-spec-label { font-size: 0.8125rem; }
+.graview-spec-badge{align-self:flex-start;display:inline-block;max-width:100%;box-sizing:border-box;padding:1px 8px;border:1px solid currentColor;border-radius:999px;background:var(--graview-panel);color:var(--graview-spec-tone,var(--graview-ink-muted));font-size:.8125rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
+.graview-spec-row .graview-spec-badge,.graview-spec-group[data-direction="row"] .graview-spec-badge{align-self:center}
+.graview-spec [data-graview-tone="good"]{--graview-spec-tone:var(--graview-good)}
+.graview-spec [data-graview-tone="bad"]{--graview-spec-tone:var(--graview-bad)}
+.graview-spec [data-graview-tone="warn"]{--graview-spec-tone:var(--graview-warn)}
+.graview-spec [data-graview-tone="accent"]{--graview-spec-tone:var(--graview-accent)}
+.graview-spec [data-graview-tone="neutral"]{--graview-spec-tone:var(--graview-ink-muted)}
+.graview-spec-field{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;min-width:0;font-size:.875rem;line-height:1.4}
+.graview-spec-label{color:var(--graview-ink-muted)}
+.graview-spec-value{min-width:0;color:var(--graview-ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
+.graview-spec-link { position: relative; z-index: ${LOCAL_LAYERS.raised}; color: var(--graview-accent); text-decoration: underline; display: inline-flex; align-items: center; min-height: 24px; }
+.graview-spec-progress{display:grid;gap:4px;font-size:.8125rem}
+.graview-spec-progress>.graview-spec-label,.graview-spec-progress>.graview-spec-value{white-space:nowrap}
+.graview-spec-track{display:block;height:6px;border-radius:999px;background:var(--graview-edge);overflow:hidden}
+.graview-spec-fill{display:block;height:100%;background:var(--graview-accent)}
+.graview-spec-group{display:flex;flex-direction:column;gap:6px;min-width:0}
+${ /* A ROW GROUP LAYS ANY BLOCK SIDE BY SIDE. Four figures sat in a row,
+   but four lines of text, or two columns of meters, each took the whole
+   width and stacked: a paragraph's natural width is the line it is in.
+   Each block in a row takes a share of it — a figure a narrower one, a
+   badge and a picture only their own — and wraps onto the next line on a
+   phone, before anything is squeezed past reading. */""}
+.graview-spec-group[data-direction="row"]{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}
+.graview-spec-group[data-direction="row"]>*{flex:1 1 12rem;min-width:0}
+.graview-spec-group[data-direction="row"]>.graview-spec-number{flex-basis:7rem}
+.graview-spec-group[data-direction="row"]>:is(.graview-spec-badge,.graview-spec-badges,.graview-spec-figure,.graview-spec-link){flex:0 1 auto}
+.graview-spec-group[data-direction="row"]>:is(.graview-spec-headline,.graview-spec-divider){flex-basis:100%}
+.graview-spec-row .graview-spec-group{flex:1 1 9rem}
+${ /* BADGES THAT FOLLOW ONE ANOTHER FLOW AS CHIPS DO, wrapping when the line is full. */""}
+.graview-spec-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
+.graview-spec-badges:empty{display:none}
+.graview-spec-badges>.graview-spec-badge{align-self:center}
+.graview-spec-divider{width:100%;margin:2px 0;border:0;border-top:1px solid var(--graview-edge)}
+.graview-spec-figure{display:inline-flex;width:22px;height:22px}
+.graview-spec-row[data-graview-tall]{flex-direction:column;flex-wrap:nowrap;align-items:stretch;border-radius:10px;padding:8px 12px}
+.graview-spec-row[data-graview-tall] .graview-spec-badge{align-self:flex-start}
+.graview-spec-home,.graview-spec-place{gap:14px}
+.graview-spec-headline{margin:0;font-family:var(--graview-font-display,inherit);font-weight:600;letter-spacing:-0.01em;line-height:1.15;overflow-wrap:anywhere;font-size:1.125rem}
+.graview-spec-headline[data-level="1"]{font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.05;text-wrap:balance}
+.graview-spec-headline[data-level="2"]{font-size:clamp(1.25rem,3vw,1.625rem);margin-top:8px}
+.graview-spec-number{display:grid;gap:2px;justify-items:start}
+.graview-spec-number-value{font-family:var(--graview-font-display,inherit);font-weight:600;font-size:1.75rem;line-height:1.05;letter-spacing:-0.015em;font-variant-numeric:tabular-nums}
+.graview-spec-card .graview-spec-number-value,.graview-spec-row .graview-spec-number-value{font-size:1.25rem}
+.graview-spec-number .graview-spec-label{font-size:.8125rem}
+${ /* A FIGURE SAID LARGE ("emphasis": "large"): a stat tile's number at the
+   size of the home's own heading, in its display face. */""}
+.graview-spec-number[data-emphasis="large"] .graview-spec-number-value{font-size:clamp(2.25rem,6vw,3.25rem);line-height:1}
+.graview-spec-card .graview-spec-number[data-emphasis="large"] .graview-spec-number-value,.graview-spec-row .graview-spec-number[data-emphasis="large"] .graview-spec-number-value{font-size:1.75rem}
 .graview-spec-listing { display: grid; gap: 10px; min-width: 0; position: relative; z-index: ${LOCAL_LAYERS.raised}; }
-.graview-spec-list-group { display: grid; gap: 8px; min-width: 0; }
-.graview-spec-list-heading { margin: 6px 0 0; font-family: var(--graview-font-display, inherit); font-size: 1rem; font-weight: 600; padding-bottom: 4px; border-bottom: 1px solid var(--graview-edge-bright, var(--graview-edge)); }
-.graview-spec-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; min-width: 0; }
-.graview-spec-list[data-as="card"] { grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); gap: 10px; }
-.graview-spec-list[data-as="names"] { display: flex; flex-wrap: wrap; gap: 4px 12px; }
-.graview-spec-item { position: relative; min-width: 0; }
-.graview-spec-item-name { font-size: 0.875rem; font-weight: 600; }
-.graview-spec-item-link { all: unset; position: absolute; inset: 0; min-height: 24px; border-radius: 10px; cursor: pointer; }
-.graview-spec-item-link:hover { background: color-mix(in srgb, var(--graview-accent) 6%, transparent); }
-.graview-spec-item-link:focus-visible { outline: 2px solid var(--graview-accent); outline-offset: 2px; }
+.graview-spec-list-group{display:grid;gap:8px;min-width:0}
+.graview-spec-list-heading{margin:6px 0 0;font-family:var(--graview-font-display,inherit);font-size:1rem;font-weight:600;padding-bottom:4px;border-bottom:1px solid var(--graview-edge-bright,var(--graview-edge))}
+.graview-spec-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;min-width:0}
+${ /* CARDS IN ONE ROW KEEP THEIR OWN HEIGHT: a card with a long summary
+   stretched every card beside it to its height. */""}
+.graview-spec-list[data-as="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:10px;align-items:start}
+.graview-spec-list[data-as="names"]{display:flex;flex-wrap:wrap;gap:4px 12px}
+.graview-spec-item{position:relative;min-width:0}
+.graview-spec-item-name{font-size:.875rem;font-weight:600}
+.graview-spec-item-link{all:unset;position:absolute;inset:0;z-index:${LOCAL_LAYERS.raised};min-height:24px;border-radius:10px;cursor:pointer}
+.graview-spec-item-link:hover{background:color-mix(in srgb,var(--graview-accent) 6%,transparent)}
+.graview-spec-item-link:focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}
 .graview-spec-item .graview-spec-listing { z-index: ${LOCAL_LAYERS.raised}; }
-.graview-spec-empty, .graview-spec-more { color: var(--graview-ink-muted); }
+.graview-spec-empty,.graview-spec-more{color:var(--graview-ink-muted)}
+.graview-spec-see-all{position:static;font-weight:600}
+.graview-spec-show-more{font:inherit;font-weight:600;color:var(--graview-accent);background:none;border:1px solid var(--graview-edge);border-radius:var(--graview-radius,8px);min-height:32px;padding:4px 12px;cursor:pointer}
+.graview-spec-show-more:focus-visible{outline:2px solid var(--graview-accent);outline-offset:2px}
+${ /* A LONG TEXT IS READ AT A GLANCE ON A CARD AND A ROW: three lines on a
+   card, one on a row, cut with an ellipsis; the record's page says it whole.
+   A card that printed a thirty-line summary made a row of cards a wall of
+   text (\`{summary|excerpt}\` says a sentence on purpose). */""}
+.graview-spec-card .graview-spec-text,.graview-spec-card .graview-spec-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:4.35em}
+.graview-spec-row .graview-spec-text,.graview-spec-row .graview-spec-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;max-height:1.45em}
+.graview-spec-card .graview-spec-text>*,.graview-spec-row .graview-spec-text>*{margin-block:0}
+.graview-spec-row .graview-spec-value,.graview-spec-row .graview-spec-text{white-space:normal !important}
+${ /* A PROGRESS'S FIGURE IS NO PROSE: "3 of 5" under its bar is said whole.
+   The clamp's height is in the value's own ems, and a progress's line is
+   taller than 1.45 of them, so a row cut the figure's foot (19 of 21 px). */""}
+.graview-spec-progress>.graview-spec-value{display:inline;-webkit-line-clamp:none;line-clamp:none;max-height:none;overflow:visible;white-space:nowrap !important}
 `;
 //# sourceMappingURL=spec-css.js.map

package/dist/spec-css.js.map

@@ -1 +1 @@
-{"version":3,"file":"spec-css.js","sourceRoot":"","sources":["../src/spec-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,+GAA+G;AAC/G,MAAM,CAAC,MAAM,aAAa,GAAG;;EAE3B,CAAA;;;;;gDAK+C,EAAE;;;;;;;;;;;;;;EAcjD,CAAA;;oCAEmC,EAAE;;;;;;;;;;;oDAWa,YAAY,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;+FAoBwB,YAAY,CAAC,MAAM;;;;;;;;;;;sDAW5D,YAAY,CAAC,MAAM;;CAExE,CAAC"}
+{"version":3,"file":"spec-css.js","sourceRoot":"","sources":["../src/spec-css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,+GAA+G;AAC/G,MAAM,CAAC,MAAM,aAAa,GAAG;;EAE3B,CAAA;;;;;gDAK+C,EAAE;;;;;;;;;;;;;;EAcjD,CAAA;;oCAEmC,EAAE;;;;;;;;;;;oDAWa,YAAY,CAAC,MAAM;;;;;;EAMrE,CAAA;;;;;sDAKqD,EAAE;;;;;;;EAOvD,CAAA,sFAAuF,EAAE;;;;;;;;;;;;;;;;EAgBzF,CAAA;0DACyD,EAAE;;;+FAGkC,YAAY,CAAC,MAAM;;;;EAIhH,CAAA;mDACkD,EAAE;;;;;sEAKgB,YAAY,CAAC,MAAM;;;sDAGnC,YAAY,CAAC,MAAM;;;;;EAKvE,CAAA;;;8DAG6D,EAAE;;;;;EAK/D,CAAA;;6EAE4E,EAAE;;CAE/E,CAAC"}

package/dist/spec-views.d.ts

@@ -54,6 +54,14 @@ export declare const MAX_LIST_DEPTH = 3;
 export interface SpecLinkTo {
     readonly href: (node: AnyGraphNode) => string;
     readonly go: (node: AnyGraphNode) => void;
+    /**
+     * The way to the rest of a list cut short, where the face has somewhere to
+     * go ("See all 96 features"): drawn by the face, under the records shown.
+     */
+    readonly more?: (list: {
+        readonly members: readonly AnyGraphNode[];
+        readonly total: number;
+    }) => ReactNode;
 }
 export declare const SpecLinks: import("react").Context<SpecLinkTo | null>;
 /**
@@ -71,7 +79,12 @@ export declare const HeadingsUnder: import("react").Context<number>;
  * it first. Given only where the home is the page.
  */
 export declare const HomeLine: import("react").Context<ReactNode>;
-/** The whole item is the way to its record: a link stretched over it, under any link the item draws itself. */
+/**
+ * The whole item is the way to its record: a link stretched over it, under
+ * any link the item draws itself. First in the item, so a reader hears the
+ * name before the details; raised over the picture drawn after it, and
+ * under what is raised after it (a link, a box to choose it).
+ */
 export declare function ListedLink({ node, label }: {
     readonly node: AnyGraphNode;
     readonly label: string;