@graview/primitives 0.1.0

package/dist/relation-key.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { resolveKit } from "@graview/core";
+import { kitConnector, useGraph, useGraview, useGraviewIfAny, useKit, useNavigation, useSelection } from "@graview/react";
+import { CONNECTOR_DASH, connectorStroke, connectorWidth, } from "@graview/render";
+import { useEffect, useMemo } from "react";
+/**
+ * What the lines mean.
+ *
+ * From the Graview the relations ARE the content, drawn with a colour and a
+ * stroke pattern per edge kind — and nothing said which was which. A picture
+ * of a domain whose only legend is "these are different from each other"
+ * answers the shape of the question and not the question.
+ *
+ * Everything here is derived: the edge kinds come from the schema, the
+ * treatment from the same `connectorStyle` the scene draws with, the
+ * descriptions from the declarations, and the counts from the graph. Nothing
+ * is authored per app, and a new edge kind appears the day it is declared.
+ *
+ * Clicking one selects the kinds it joins, which is the same gesture as
+ * clicking a card: from up here, "show me what this touches" is the only thing
+ * selecting can mean.
+ */
+export function RelationKey({ inside = false } = {}) {
+    const { store, view, emphasis, setEmphasis } = useGraview();
+    // The same kit the scene draws with: a swatch that ignored the brand's kit would be a key you cannot trust.
+    const kit = useKit();
+    const { selection, set } = useSelection();
+    const { show } = useNavigation();
+    // Recomputed when the graph changes, so a relation nobody uses yet does not
+    // sit in the key claiming to exist.
+    const nodes = useGraph();
+    /*
+     * One pass over the edges, not one per relation.
+     *
+     * `allEdges()` materialises a fresh array every call, and this component
+     * re-renders on every diff — so scanning once per edge kind, plus again for
+     * the counts, rebuilt the whole edge list six times per mutation while the
+     * Graview was open.
+     */
+    const relations = useMemo(() => {
+        const found = new Map();
+        for (const edge of store.graph.allEdges()) {
+            const entry = found.get(edge.kind) ?? { count: 0, ends: new Set() };
+            entry.count += 1;
+            for (const id of [edge.from, edge.to]) {
+                const node = store.graph.getNode(id);
+                if (node)
+                    entry.ends.add(`kind:${node.kind}`);
+            }
+            found.set(edge.kind, entry);
+        }
+        return [...found.entries()]
+            .sort(([a], [b]) => a.localeCompare(b))
+            .map(([kind, entry]) => ({ kind, count: entry.count, ends: [...entry.ends] }));
+    }, [store, nodes]);
+    // A key that disappears mid-hover must not leave its question standing.
+    useEffect(() => () => setEmphasis(null), [setEmphasis]);
+    // Inside the companion it stands at every height: the rail is the one
+    // place the lines are explained, and they are drawn on the ground too.
+    if ((!view.overview && !inside) || relations.length === 0)
+        return null;
+    /*
+     * A relation is LIT when the selection reaches one of the kinds it joins.
+     *
+     * Resolved the same way the scene resolves a connector endpoint: the
+     * selection holds real node ids, and up here what is drawn is a kind card.
+     * Comparing them directly dimmed every row at once whenever an ordinary
+     * selection was carried into the Graview — a legend reading "nothing
+     * matches" when nothing was asked.
+     */
+    const chosen = new Set();
+    for (const id of selection) {
+        if (id.startsWith("kind:")) {
+            chosen.add(id);
+            continue;
+        }
+        const node = store.graph.getNode(id);
+        if (node)
+            chosen.add(`kind:${node.kind}`);
+    }
+    return (_jsxs("aside", { "aria-label": "What the lines mean", "data-testid": "relation-key", style: inside ? { display: "grid", gap: 1 } : {
+            position: "absolute",
+            /*
+             * The TOP-LEFT corner, mirroring the altitude control top-right.
+             *
+             * The bottom-left is ring ground now — the near-left districts land
+             * there, and the key was sitting on them. The upper corners are the
+             * one part of the ellipse that stays empty at every count.
+             */
+            left: 16,
+            top: 14,
+            zIndex: 5,
+            display: "grid",
+            gap: 1,
+            padding: "8px 10px",
+            borderRadius: 10,
+            border: "1px solid var(--graview-edge)",
+            background: "var(--graview-float)",
+            boxShadow: "var(--graview-lift-low)",
+            /*
+             * IT STAYS INSIDE ITS OWN RAIL.
+             *
+             * The scene reserves a left rail for this and the panes beside it —
+             * `min(264, width * 0.22)` — and the key was sized in fixed pixels,
+             * so the two agreed only on a wide screen. Below about 740px of
+             * scene the key is wider than the rail it was given, and whatever
+             * the layout drew at the left edge of the focus band was under it:
+             * a product in a 700x520 embed had a panel's title clipped to
+             * "…nds" by this card.
+             *
+             * The same formula, in CSS, minus its own 16px offset and a margin,
+             * so the cap cannot drift from the rail again. The 110px floor is
+             * where a key stops being readable at all — under about 590px of
+             * scene the floor wins, and at that width the scene is a desk view
+             * in a phone's clothing anyway (see the routed face).
+             */
+            maxWidth: "max(110px, calc(min(250px, 22%) - 32px))",
+            // Arrives after the cards have mostly flown, rather than popping at
+            // the cut.
+            animation: "graview-settle 380ms 280ms ease backwards",
+        }, children: [_jsx("span", { style: {
+                    fontSize: "0.75rem",
+                    letterSpacing: "0.16em",
+                    textTransform: "uppercase",
+                    color: "var(--graview-ink-faint)",
+                    paddingBottom: 2,
+                }, children: relations.length === 1 ? "1 relation" : `${relations.length} relations` }), relations.map(({ kind: edgeKind, count, ends }) => {
+                const { connector, style } = kitConnector(kit, edgeKind);
+                const lit = emphasis !== null
+                    ? emphasis === edgeKind
+                    : chosen.size === 0 || ends.some((id) => chosen.has(id));
+                return (_jsxs("button", { type: "button", 
+                    // The schema's own accessor, which resolves first-declaration-wins
+                    // exactly like the hand-rolled scan did, without a cast that would
+                    // stop catching a shape change.
+                    title: store.schema.edge(edgeKind)?.description ?? `${count} of these`, 
+                    /*
+                     * Pointing at a row asks the picture the question: this relation's
+                     * lines come forward and the rest recede. From up here the lines
+                     * are the content, and a legend that cannot pick one line out of
+                     * the picture is a caption, not a key.
+                     */
+                    onMouseEnter: () => setEmphasis(edgeKind), onMouseLeave: () => setEmphasis(null), onFocus: () => setEmphasis(edgeKind), onBlur: () => setEmphasis(null), onClick: () => {
+                        // Same gesture as clicking a card: show me what this touches.
+                        set(ends);
+                        show(null);
+                    }, style: {
+                        all: "unset",
+                        // `all: unset` resets `outline` too, and an inline declaration
+                        // beats the stylesheet — so the theme's focus ring disappears
+                        // from the only controls in here unless it is restored.
+                        outline: "revert-layer",
+                        cursor: "pointer",
+                        display: "grid",
+                        gridTemplateColumns: "30px 1fr auto",
+                        alignItems: "center",
+                        gap: 8,
+                        minHeight: 23,
+                        padding: "2px 4px",
+                        borderRadius: 6,
+                        opacity: lit ? 1 : 0.4,
+                    }, children: [_jsx("svg", { width: "30", height: "8", "aria-hidden": "true", style: { display: "block", opacity: connector.visible ? 1 : 0.35 }, children: _jsx("path", { d: "M 1 4 L 29 4", fill: "none", stroke: connectorStroke(style), strokeWidth: connectorWidth(style, true), strokeDasharray: CONNECTOR_DASH[style.pattern], strokeLinecap: "round" }) }), _jsxs("span", { style: { display: "grid", minWidth: 0 }, "data-graview-relation-words": edgeKind, children: [_jsx("span", { style: { fontSize: "0.8125rem", color: "var(--graview-ink)" }, children: relationWords(store.schema, edgeKind).words }), _jsx("span", { style: { fontSize: "0.6875rem", color: "var(--graview-ink-faint)" }, children: relationWords(store.schema, edgeKind).ends })] }), connector.visible ? null : (_jsx("span", { "data-graview-quiet": edgeKind, style: { fontSize: "0.75rem", color: "var(--graview-ink-faint)", fontStyle: "italic" }, children: "not drawn" })), _jsx("span", { style: {
+                                fontSize: "0.75rem",
+                                color: "var(--graview-ink-faint)",
+                                fontVariantNumeric: "tabular-nums",
+                            }, children: count })] }, edgeKind));
+            })] }));
+}
+/**
+ * What a relation is called where a person reads it: the declaration's
+ * description, capitalised, and which kinds it runs between in their
+ * plurals — "The vehicle it is for", "Deals → Vehicles". The edge's name is
+ * the source's word for it and only stands in when nothing else was said.
+ */
+export function relationWords(schema, edgeKind) {
+    const info = schema.edge(edgeKind);
+    const said = info?.description ?? edgeKind.replace(/[-_]+/g, " ");
+    const plural = (kind) => schema.tryDefinition(kind)?.plural ?? kind;
+    const from = (info?.from ?? []).map(plural).join(", ");
+    const to = info === undefined ? "" : info.to === "*" ? "anything" : info.to.map(plural).join(", ");
+    return { words: said.charAt(0).toUpperCase() + said.slice(1), ends: from && to ? `${from} → ${to}` : "" };
+}
+/**
+ * ONE RELATION'S MARK, on its own: the same stroke the scene draws and the
+ * key lists, for any surface that names an edge kind — the routed face's
+ * map of the kinds, a record's relation groups. Works with or without the
+ * scene's provider: outside one, the brand's kit is resolved from what the
+ * caller hands over, or the default kit stands.
+ */
+export function RelationMark({ edgeKind, kit: given, width = 30 }) {
+    const context = useGraviewIfAny();
+    const kit = useMemo(() => resolveKit(given ?? context?.brand?.kit), [given, context?.brand?.kit]);
+    const { connector, style } = kitConnector(kit, edgeKind);
+    return (_jsx("svg", { width: width, height: "8", "aria-hidden": "true", "data-testid": "relation-mark", "data-graview-relation": edgeKind, style: { display: "inline-block", verticalAlign: "middle", opacity: connector.visible ? 1 : 0.35 }, children: _jsx("path", { d: `M 1 4 L ${width - 1} 4`, fill: "none", stroke: connectorStroke(style), strokeWidth: connectorWidth(style, true), strokeDasharray: CONNECTOR_DASH[style.pattern], strokeLinecap: "round" }) }));
+}
+//# sourceMappingURL=relation-key.js.map

package/dist/relation-key.js.map

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

package/dist/seat.d.ts

@@ -0,0 +1,137 @@
+import type { ChatContext, ChatReply, LocalStatus, OfferedQuestion, ProposedCall } from "@graview/tools";
+import { type ReactNode } from "react";
+/**
+ * ONE CONVERSATION WITH A SEAT, WHEREVER IT IS HELD.
+ *
+ * The app's chat and the studio's declaration seat were two conversations
+ * written twice, and they drifted the way copies do: one put the person in
+ * a bubble and the seat in prose, the other boxed both; one settled a
+ * proposal in place, the other wrote "Kept — … undo takes it back" under
+ * it; one told the model what had been applied, the other did not. A
+ * person moving from the app into its studio met a second assistant.
+ *
+ * What is shared is everything a conversation IS: the turns, what became of
+ * each proposal, what the model is told happened, the header that says
+ * which rung is answering, the thread and the field. What differs is only
+ * what a proposal is FOR — a change to the graph, applied; a change to the
+ * declaration, checked and kept — so a surface supplies how one proposal is
+ * drawn and nothing else.
+ */
+export interface SeatTurn {
+    readonly role: "person" | "seat";
+    readonly text: string;
+    readonly proposals?: readonly ProposedCall[];
+    /** Questions the seat is asking back, each at the node it is about. */
+    readonly questions?: readonly OfferedQuestion[];
+    /** The rung could not read the sentence: a model would, one press away. */
+    readonly unsure?: boolean;
+    /** What the words found, when that was the answer: each a way to go there. */
+    readonly picks?: ChatReply["picks"];
+}
+/**
+ * WHAT BECAME OF A PROPOSAL, said where it was offered. Each settling used
+ * to post a message of its own, so one request read as five; the press
+ * becomes its own outcome instead, in place.
+ */
+export type SeatOutcome = {
+    readonly state: "applied";
+    readonly said: string;
+} | {
+    readonly state: "declined";
+    readonly said: string;
+} | {
+    readonly state: "refused";
+    readonly error: string;
+};
+/** The key of a proposal in the thread: which turn, which of its proposals. */
+export declare const proposalKey: (turn: number, at: number) => string;
+export type SeatAnswer = (text: string, context: Pick<ChatContext, "history">) => Promise<ChatReply>;
+/**
+ * The conversation's state and its one loop: ask, answer, record.
+ *
+ * WHAT WAS DONE is part of what was said. "Erin tends that plot" means the
+ * plot the last turn made, and the model only knows which if the history
+ * carries what landed, by name — so every surface sends it, not just one.
+ */
+export declare function useSeatConversation({ answer, onReply, }: {
+    readonly answer: SeatAnswer;
+    /** Said from the body too, or refused at a gate: whatever the surface does with a reply besides showing it. */
+    readonly onReply?: (reply: ChatReply) => void;
+}): {
+    turns: readonly SeatTurn[];
+    outcomes: ReadonlyMap<string, SeatOutcome>;
+    busy: boolean;
+    send: (text: string) => Promise<void>;
+    settle: (key: string, outcome: SeatOutcome) => void;
+};
+/** Where answers are coming from right now, for the header — the same words on every surface. */
+export declare function describeSource(described: string, warmth: LocalStatus | null, floor?: string): string;
+export declare function SeatHeader({ label, source, sourceTitle, testId, settings, onSettings, foot, }: {
+    /** What the seat talks about: "Seat" in the app, "Declaration" in the studio. */
+    readonly label: string;
+    readonly source: string;
+    readonly sourceTitle?: string;
+    readonly testId: string;
+    readonly settings?: boolean;
+    /** Under the composer rather than over the thread: a status line, not a title. */
+    readonly foot?: boolean;
+    /** Absent when the ladder is not the reader's to set — a host answers for them. */
+    readonly onSettings?: () => void;
+}): import("react").JSX.Element;
+/**
+ * The seat's trailing aside — "(from the graph)", "(the local model is
+ * warming …)" — is which rung answered, not the answer: kept, and set
+ * quieter than what was said.
+ */
+export declare const splitAside: (text: string) => {
+    said: string;
+    aside?: string;
+};
+export declare function SeatThread({ turns, outcomes, busy, testId, empty, minHeight, maxHeight, renderProposal, renderAfter, ready, onApplyAll, applyAllLabel, onChooseModel, }: {
+    readonly turns: readonly SeatTurn[];
+    readonly outcomes: ReadonlyMap<string, SeatOutcome>;
+    readonly busy: boolean;
+    readonly testId: string;
+    /** What is said before anybody types. */
+    readonly empty: ReactNode;
+    readonly minHeight?: number;
+    readonly maxHeight?: string;
+    /** One open proposal, as this surface offers it. */
+    readonly renderProposal: (proposal: ProposedCall, at: {
+        readonly key: string;
+        readonly turn: number;
+        readonly at: number;
+    }) => ReactNode;
+    /** Whatever else a seat turn carries on this surface — questions at nodes, in the app. */
+    readonly renderAfter?: (turn: SeatTurn, index: number) => ReactNode;
+    /** Whether a proposal could be taken at all here; one that could not is not counted for "all". */
+    readonly ready?: (proposal: ProposedCall, key: string) => boolean;
+    /** One request, one press: take this turn's open proposals in order. */
+    readonly onApplyAll?: (turn: number, proposals: readonly ProposedCall[]) => void;
+    readonly applyAllLabel?: string;
+    /** Offered under a turn the rung could not read, when a model is one press away. */
+    readonly onChooseModel?: () => void;
+}): import("react").JSX.Element;
+/** A proposal that landed, was set aside, or was refused — in the place it was offered. */
+export declare function Settled({ outcome, testId }: {
+    readonly outcome: SeatOutcome;
+    readonly testId: string;
+}): import("react").JSX.Element;
+export declare function SeatComposer({ busy, placeholder, ariaLabel, testId, onSend, }: {
+    readonly busy: boolean;
+    readonly placeholder: string;
+    readonly ariaLabel: string;
+    readonly testId: string;
+    readonly onSend: (text: string) => void;
+}): import("react").JSX.Element;
+/**
+ * WHAT ANSWERS, chosen where the seat is. The same one setting the profile
+ * holds — pills, and a key field only when a rung needs one — so a person
+ * pressing "Let a model read it" is shown the choice they would find in
+ * the profile, not a second form that could disagree with it.
+ */
+export declare function SeatSettings({ testId, onDone }: {
+    readonly testId: string;
+    readonly onDone: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=seat.d.ts.map

package/dist/seat.d.ts.map

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

package/dist/seat.js

@@ -0,0 +1,162 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { LadderSetting } from "./ladder.js";
+/** The key of a proposal in the thread: which turn, which of its proposals. */
+export const proposalKey = (turn, at) => `${turn}:${at}`;
+/**
+ * The conversation's state and its one loop: ask, answer, record.
+ *
+ * WHAT WAS DONE is part of what was said. "Erin tends that plot" means the
+ * plot the last turn made, and the model only knows which if the history
+ * carries what landed, by name — so every surface sends it, not just one.
+ */
+export function useSeatConversation({ answer, onReply, }) {
+    const [turns, setTurns] = useState([]);
+    const [outcomes, setOutcomes] = useState(new Map());
+    const [busy, setBusy] = useState(false);
+    const settle = useCallback((key, outcome) => setOutcomes((current) => new Map(current).set(key, outcome)), []);
+    const send = async (text) => {
+        const asked = text.trim();
+        if (!asked || busy)
+            return;
+        setBusy(true);
+        setTurns((current) => [...current, { role: "person", text: asked }]);
+        const history = turns.map((turn, index) => {
+            const landed = (turn.proposals ?? []).flatMap((_, at) => {
+                const outcome = outcomes.get(proposalKey(index, at));
+                return outcome?.state === "applied" ? [outcome.said] : [];
+            });
+            return { role: turn.role, text: landed.length > 0 ? `${turn.text} [applied: ${landed.join("; ")}]` : turn.text };
+        });
+        let reply;
+        try {
+            reply = await answer(asked, { history });
+        }
+        catch (error) {
+            reply = { say: `The seat could not answer: ${error instanceof Error ? error.message : String(error)}`, proposals: [] };
+        }
+        setTurns((current) => [
+            ...current,
+            {
+                role: "seat",
+                text: reply.say,
+                proposals: reply.proposals,
+                ...(reply.questions ? { questions: reply.questions } : {}),
+                ...(reply.picks?.length ? { picks: reply.picks } : {}),
+                ...(reply.unsure ? { unsure: true } : {}),
+            },
+        ]);
+        onReply?.(reply);
+        setBusy(false);
+    };
+    return { turns, outcomes, busy, send, settle };
+}
+/** Where answers are coming from right now, for the header — the same words on every surface. */
+export function describeSource(described, warmth, floor = "graph") {
+    if (warmth?.state === "warming") {
+        return `warming${warmth.progress !== undefined ? ` ${Math.round(warmth.progress * 100)}%` : "…"}`;
+    }
+    if (warmth?.state === "failed")
+        return `${floor} answering — ${warmth.detail ?? "the local model failed"}`;
+    return described;
+}
+export function SeatHeader({ label, source, sourceTitle, testId, settings, onSettings, foot = false, }) {
+    return (_jsxs("div", { style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            padding: foot ? "4px 4px 0 6px" : "6px 8px 6px 12px",
+            ...(foot ? {} : { borderBottom: "1px solid var(--graview-edge)" }),
+        }, children: [foot ? null : (_jsx("span", { style: { fontSize: "0.75rem", letterSpacing: "0.12em", textTransform: "uppercase", color: "var(--graview-ink-faint)" }, children: label })), _jsx("span", { "data-testid": `${testId}-source`, title: sourceTitle, style: { fontSize: "0.75rem", color: "var(--graview-ink-muted)" }, children: source }), _jsx("span", { style: { flex: "1 1 auto" } }), onSettings ? (_jsx("button", { type: "button", "data-testid": `${testId}-settings`, "aria-expanded": settings ?? false, onClick: onSettings, title: "Choose what answers: the graph itself, a model in this browser, a decision provider, or your own key", style: { fontSize: "0.8125rem", padding: "2px 8px", minHeight: 24 }, children: "\u2699" })) : null] }));
+}
+/**
+ * The seat's trailing aside — "(from the graph)", "(the local model is
+ * warming …)" — is which rung answered, not the answer: kept, and set
+ * quieter than what was said.
+ */
+export const splitAside = (text) => {
+    const match = /^([\s\S]*?)\s*(\((?:[^()]|\([^()]*\))*\))\s*$/.exec(text);
+    return match && match[1] ? { said: match[1], aside: match[2] } : { said: text };
+};
+export function SeatThread({ turns, outcomes, busy, testId, empty, minHeight = 64, maxHeight = "min(46cqh, 400px)", renderProposal, renderAfter, ready = () => true, onApplyAll, applyAllLabel = "Apply all", onChooseModel, }) {
+    const log = useRef(null);
+    useEffect(() => {
+        // A log that cannot be scrolled — jsdom, a print stylesheet — is not a reason to throw.
+        log.current?.scrollTo?.({ top: log.current.scrollHeight });
+    }, [turns]);
+    return (_jsxs("ol", { ref: log, style: {
+            margin: 0,
+            padding: 10,
+            listStyle: "none",
+            display: "grid",
+            gap: 8,
+            alignContent: "start",
+            maxHeight,
+            minHeight,
+            overflowY: "auto",
+        }, children: [turns.length === 0 ? (empty === null ? null : _jsx("li", { style: { fontSize: "0.8125rem", color: "var(--graview-ink-muted)", lineHeight: 1.5 }, children: empty })) : null, turns.map((turn, index) => {
+                const proposals = turn.proposals ?? [];
+                const open = proposals.filter((proposal, at) => {
+                    const key = proposalKey(index, at);
+                    const outcome = outcomes.get(key);
+                    return outcome?.state !== "applied" && outcome?.state !== "declined" && ready(proposal, key);
+                });
+                const aside = splitAside(turn.text);
+                return (_jsxs("li", { style: { display: "grid", gap: 6, justifyItems: turn.role === "person" ? "end" : "start" }, children: [turn.role === "person" ? (_jsx("p", { style: {
+                                margin: 0,
+                                maxWidth: "85%",
+                                padding: "6px 10px",
+                                borderRadius: "12px 12px 4px 12px",
+                                fontSize: "0.875rem",
+                                lineHeight: 1.45,
+                                background: "var(--graview-panel-muted)",
+                                color: "var(--graview-ink)",
+                            }, children: turn.text })) : (_jsxs("p", { style: { margin: 0, fontSize: "0.875rem", lineHeight: 1.5, color: "var(--graview-ink)" }, children: [aside.said, aside.aside ? (_jsx("span", { style: { display: "block", marginTop: 2, fontSize: "0.75rem", color: "var(--graview-ink-faint)" }, children: aside.aside })) : null] })), turn.unsure && onChooseModel ? (_jsx("button", { type: "button", "data-testid": `${testId}-offer-model`, onClick: onChooseModel, title: "A model reads a sentence however it is phrased, and proposes the acts it describes", style: { fontSize: "0.8125rem", justifySelf: "start" }, children: "Let a model read it \u2192" })) : null, renderAfter?.(turn, index), proposals.map((proposal, at) => {
+                            const key = proposalKey(index, at);
+                            const outcome = outcomes.get(key);
+                            if (outcome?.state === "applied" || outcome?.state === "declined") {
+                                return _jsx(Settled, { outcome: outcome, testId: testId }, key);
+                            }
+                            return (_jsxs("span", { style: { display: "grid", gap: 4, justifySelf: "stretch", justifyItems: "start" }, children: [renderProposal(proposal, { key, turn: index, at }), outcome ? _jsx(Settled, { outcome: outcome, testId: testId }) : null] }, key));
+                        }), onApplyAll && open.length >= 2 ? (_jsxs("button", { type: "button", "data-testid": `${testId}-apply-all`, onClick: () => onApplyAll(index, proposals), title: "Take these in order; anything still missing is asked for", style: { fontSize: "0.8125rem", justifySelf: "start", fontWeight: 600 }, children: [applyAllLabel, " ", open.length] })) : null] }, index));
+            }), busy ? _jsx("li", { style: { fontSize: "0.8125rem", color: "var(--graview-ink-faint)" }, children: "thinking\u2026" }) : null] }));
+}
+/** A proposal that landed, was set aside, or was refused — in the place it was offered. */
+export function Settled({ outcome, testId }) {
+    if (outcome.state === "refused") {
+        return (_jsxs("span", { "data-testid": `${testId}-refused`, style: { fontSize: "0.8125rem", color: "var(--graview-warn)" }, children: ["Refused: ", outcome.error] }));
+    }
+    const applied = outcome.state === "applied";
+    return (_jsxs("span", { "data-testid": `${testId}-${outcome.state}`, style: { fontSize: "0.8125rem", color: applied ? "var(--graview-ink-muted)" : "var(--graview-ink-faint)" }, children: [applied ? _jsx("span", { "aria-hidden": "true", style: { color: "var(--graview-accent)" }, children: "\u2713 " }) : null, applied ? outcome.said : _jsx("s", { children: outcome.said })] }));
+}
+export function SeatComposer({ busy, placeholder, ariaLabel, testId, onSend, }) {
+    const [draft, setDraft] = useState("");
+    return (_jsxs("form", { onSubmit: (event) => {
+            event.preventDefault();
+            if (busy || draft.trim().length === 0)
+                return;
+            onSend(draft);
+            setDraft("");
+        }, style: { display: "flex", gap: 6, padding: 8, borderTop: "1px solid var(--graview-edge)" }, children: [_jsx("input", { value: draft, onChange: (event) => setDraft(event.target.value), placeholder: placeholder, "aria-label": ariaLabel, "data-testid": `${testId}-draft`, style: {
+                    flex: 1,
+                    // An input's own minimum is about 180px; in a narrow pane it must give way.
+                    minWidth: 0,
+                    font: "inherit",
+                    fontSize: "0.875rem",
+                    padding: "6px 9px",
+                    borderRadius: 8,
+                    border: "1px solid var(--graview-edge)",
+                    background: "var(--graview-panel)",
+                    color: "var(--graview-ink)",
+                } }), _jsx("button", { type: "submit", "data-testid": `${testId}-send`, disabled: busy || draft.trim().length === 0, style: { fontSize: "0.875rem" }, children: "Send" })] }));
+}
+/**
+ * WHAT ANSWERS, chosen where the seat is. The same one setting the profile
+ * holds — pills, and a key field only when a rung needs one — so a person
+ * pressing "Let a model read it" is shown the choice they would find in
+ * the profile, not a second form that could disagree with it.
+ */
+export function SeatSettings({ testId, onDone }) {
+    return (_jsxs("div", { "data-testid": `${testId}-ladder`, style: { display: "grid", gap: 10, padding: 12 }, children: [_jsx(LadderSetting, {}), _jsx("button", { type: "button", onClick: onDone, style: { justifySelf: "start", fontSize: "0.875rem" }, children: "Back to the conversation" })] }));
+}
+//# sourceMappingURL=seat.js.map

package/dist/seat.js.map

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

package/dist/seats.d.ts

@@ -0,0 +1,21 @@
+import type { AnySchema } from "@graview/core";
+/**
+ * WHO YOU ARE SITTING AS — on the bar, where a policy can be felt.
+ *
+ * A declared policy that nobody can stand on the other side of is a claim
+ * rather than a demonstration: a reader sees one set of acts and has to take
+ * it on faith that another seat would see a different one. Sitting down as
+ * somebody else re-derives everything from the one principal — what the
+ * strip offers and what it withholds with the policy's own sentence, which
+ * kinds are drawn at all, whether "Show the installation" is on the bar,
+ * what the routed face lists, and what the agent's tool list contains.
+ *
+ * The embed's strip has had this since it had a policy to feel. The demos
+ * people actually open are the apps, not the embeds, which is why it belongs
+ * here too and why it reads from the same context rather than from a prop.
+ *
+ * Nothing renders for an app that offers no seats, or offers only one:
+ * a control with one choice is furniture.
+ */
+export declare function Seats<S extends AnySchema>(): import("react").JSX.Element | null;
+//# sourceMappingURL=seats.d.ts.map

package/dist/seats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seats.d.ts","sourceRoot":"","sources":["../src/seats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,eAAe,CAAC;AAG1D;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,SAAS,wCAsDxC"}

package/dist/seats.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useGraview } from "@graview/react";
+/**
+ * WHO YOU ARE SITTING AS — on the bar, where a policy can be felt.
+ *
+ * A declared policy that nobody can stand on the other side of is a claim
+ * rather than a demonstration: a reader sees one set of acts and has to take
+ * it on faith that another seat would see a different one. Sitting down as
+ * somebody else re-derives everything from the one principal — what the
+ * strip offers and what it withholds with the policy's own sentence, which
+ * kinds are drawn at all, whether "Show the installation" is on the bar,
+ * what the routed face lists, and what the agent's tool list contains.
+ *
+ * The embed's strip has had this since it had a policy to feel. The demos
+ * people actually open are the apps, not the embeds, which is why it belongs
+ * here too and why it reads from the same context rather than from a prop.
+ *
+ * Nothing renders for an app that offers no seats, or offers only one:
+ * a control with one choice is furniture.
+ */
+export function Seats() {
+    const { seats, principal, takeSeat } = useGraview();
+    if (seats.length < 2)
+        return null;
+    return (_jsxs("div", { role: "group", "aria-label": "Seat", "data-testid": "seats", 
+        /*
+         * IT WRAPS. The switcher sits in the profile pane, which is 280
+         * wide: three seats in one unwrapping row ran straight off the edge,
+         * and the third was a chip with its name cut in half. A row of
+         * choices that cannot be read is not a choice.
+         */
+        style: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 6, rowGap: 4 }, children: [_jsx("span", { style: {
+                    fontSize: "0.75rem",
+                    letterSpacing: "0.12em",
+                    textTransform: "uppercase",
+                    color: "var(--graview-ink-faint)",
+                }, children: "As" }), seats.map((seat) => {
+                const here = sameSeat(principal, seat.principal);
+                return (_jsx("button", { type: "button", "aria-pressed": here, "data-testid": `seat-${seat.principal.id ?? seat.label}`, title: `Sit down as ${seat.label}: the acts, the kinds and the pages narrow to what this seat may do`, onClick: () => takeSeat(seat.principal), style: {
+                        padding: "3px 11px",
+                        borderRadius: 999,
+                        fontSize: "0.875rem",
+                        whiteSpace: "nowrap",
+                        borderWidth: 1,
+                        borderStyle: "solid",
+                        borderColor: here ? "var(--graview-accent)" : "var(--graview-edge)",
+                        color: here ? "var(--graview-accent)" : "var(--graview-ink-muted)",
+                        background: here ? "var(--graview-panel)" : "transparent",
+                    }, children: seat.label }, seat.principal.id ?? seat.label));
+            })] }));
+}
+/**
+ * Two principals are the same seat when they name the same person.
+ *
+ * By id, not by identity: the seated principal is the very object the seat
+ * carries today, and comparing references would be right by accident and
+ * wrong the first time a host rebuilt its seat list on a render.
+ */
+function sameSeat(a, b) {
+    return a.kind === b.kind && a.id === b.id;
+}
+//# sourceMappingURL=seats.js.map