@invana/ui 0.0.27 → 0.0.29

package/dist/index.cjs

@@ -2784,6 +2784,62 @@ var ToggleGroupItem = React23__namespace.forwardRef(({ className, children, vari
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive__namespace.Item.displayName;
+var TONE = {
+  allowed: "text-foreground",
+  denied: "text-destructive",
+  refused: "text-destructive line-through decoration-destructive/50",
+  untouched: "text-muted-foreground/70"
+};
+function split(address) {
+  const cut = address.lastIndexOf("/");
+  if (cut < 0) return { head: "", tail: address };
+  return { head: address.slice(0, cut + 1), tail: address.slice(cut + 1) };
+}
+var AddressChip = React23__namespace.forwardRef(
+  ({ address, tone = "allowed", onOpen, className, ...props }, ref) => {
+    const { head, tail } = split(address);
+    const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      head ? (
+        // `shrink-[999]` makes the head absorb essentially all the shrink, so
+        // the kind gives way before the participant does — but the floor is
+        // `2ch`, never `0`. A head that collapses to nothing renders
+        // `graph_data/stitch/route_airport@…` as `route_airport@…`, which
+        // reads as a whole address, and two different participants can come
+        // out identical.
+        //
+        // Exactly two: `text-overflow` draws the ellipsis only when it fits,
+        // so at `1ch` the browser keeps the raw first character and drops the
+        // marker — `groute_airport@…`, a word that was never there. Two is
+        // one character plus the ellipsis, which is the narrowest honest
+        // truncation. Every `ch` above that is one the participant loses.
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-[2ch] shrink-[999] truncate opacity-60", children: head })
+      ) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 shrink truncate", children: tail })
+    ] });
+    const shell = cn(
+      "inline-flex min-w-0 max-w-full items-baseline font-mono text-meta",
+      TONE[tone],
+      className
+    );
+    if (onOpen) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: cn(shell, "min-w-0"), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          title: address,
+          onClick: () => onOpen(address),
+          className: cn(
+            "inline-flex min-w-0 max-w-full cursor-pointer items-baseline rounded-control",
+            "hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          ),
+          children: body
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, title: address, className: shell, ...props, children: body });
+  }
+);
+AddressChip.displayName = "AddressChip";
 var agentChipVariants = classVarianceAuthority.cva(
   "inline-flex max-w-full shrink-0 items-center gap-1 rounded-control border px-1.5   text-meta [&_svg]:size-3 [&_svg]:shrink-0",
   {
@@ -2821,36 +2877,6 @@ var AgentChip = React23__namespace.forwardRef(
   )
 );
 AgentChip.displayName = "AgentChip";
-var SWATCH = {
-  none: "bg-muted-foreground",
-  network: "bg-warning",
-  graph_read: "bg-success",
-  graph_write: "bg-data-2",
-  schema_write: "bg-data-4",
-  ingest: "bg-info",
-  llm: "bg-data-7",
-  plan_write: "bg-data-5",
-  work_write: "bg-destructive"
-};
-var BoundChip = React23__namespace.forwardRef(
-  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "span",
-    {
-      ref,
-      className: cn(
-        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-meta text-muted-foreground",
-        className
-      ),
-      "aria-label": swatchOnly ? `bound: ${bound}` : void 0,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
-        swatchOnly ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: bound })
-      ]
-    }
-  )
-);
-BoundChip.displayName = "BoundChip";
 var stateVariants = classVarianceAuthority.cva("inline-flex shrink-0 items-center gap-1.5 font-medium", {
   variants: {
     tone: {
@@ -2996,6 +3022,36 @@ var BarChartV = React23__namespace.forwardRef(
   }
 );
 BarChartV.displayName = "BarChartV";
+var SWATCH = {
+  none: "bg-muted-foreground",
+  network: "bg-warning",
+  graph_read: "bg-success",
+  graph_write: "bg-data-2",
+  schema_write: "bg-data-4",
+  ingest: "bg-info",
+  llm: "bg-data-7",
+  plan_write: "bg-data-5",
+  work_write: "bg-destructive"
+};
+var BoundChip = React23__namespace.forwardRef(
+  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-meta text-muted-foreground",
+        className
+      ),
+      "aria-label": swatchOnly ? `bound: ${bound}` : void 0,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
+        swatchOnly ? null : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: bound })
+      ]
+    }
+  )
+);
+BoundChip.displayName = "BoundChip";
 function ButtonWithTooltip(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { delayDuration: 0, children: [
     /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", className: cn("hover:bg-transparent", props.className), ...props, children: props.children }) }),
@@ -3019,6 +3075,53 @@ var CannotAnswerCard = React23__namespace.forwardRef(({ label = "cannot answer",
   }
 ));
 CannotAnswerCard.displayName = "CannotAnswerCard";
+var CAST_ROLES = ["extract", "decide", "judge", "embed"];
+var PURPOSE = {
+  extract: "prose in, structure out \u2014 the cheap one",
+  decide: "writes the number a person acts on",
+  judge: "scores an output \u2014 often local",
+  embed: "text in, vector out"
+};
+var CastTable = React23__namespace.forwardRef(
+  ({ cast = {}, resolved, readOnly, className, ...props }, ref) => {
+    const byRole = new Map((resolved ?? []).map((r) => [r.role, r]));
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(Table, { density: "compact", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-[5.5rem]", children: "role" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "resolves to" }),
+          /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "why this one" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: CAST_ROLES.map((role) => {
+          const hit = byRole.get(role);
+          const address = hit ? hit.address : cast[role] ?? null;
+          const denied = hit ? !hit.allowed : false;
+          return /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { "data-role": role, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-meta text-muted-foreground", children: role }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "min-w-0", children: address ? /* @__PURE__ */ jsxRuntime.jsx(
+              AddressChip,
+              {
+                address,
+                tone: denied ? "denied" : "allowed"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground/70", children: "nothing casts it" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "text-meta text-muted-foreground", children: denied ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-destructive", children: [
+              "denied by ",
+              hit?.ruleMatched ?? "this world"
+            ] }) : hit?.source ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: hit.source !== "shipped" ? `set on the ${hit.source}` : address ? "shipped default" : (
+              // No address *and* nothing shipped resolves it —
+              // the one row that says the run may open on a
+              // model this Graph never chose.
+              "nothing casts it, and no shipped default resolves it"
+            ) }) : PURPOSE[role] })
+          ] }, role);
+        }) })
+      ] }),
+      readOnly ? null : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 pt-1 text-meta text-muted-foreground/70", children: "A cast picks within the rules \u2014 it never widens them." })
+    ] });
+  }
+);
+CastTable.displayName = "CastTable";
 function ChatSession({
   children,
   footer,
@@ -4270,6 +4373,44 @@ var DivergingBar = React23__namespace.forwardRef(
   }
 );
 DivergingBar.displayName = "DivergingBar";
+var EgressList = React23__namespace.forwardRef(
+  ({ to, classes = [], cut = [], className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex min-w-0 flex-col gap-1", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(AddressChip, { address: to }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pl-3", children: [
+          classes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "may send" }),
+            classes.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "rounded-control bg-muted px-1 font-mono text-foreground",
+                children: c
+              },
+              c
+            ))
+          ] }),
+          cut.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: "cut" }),
+            cut.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "rounded-control bg-muted px-1 font-mono text-destructive line-through decoration-destructive/50",
+                children: c
+              },
+              c
+            ))
+          ] }) : null
+        ] })
+      ]
+    }
+  )
+);
+EgressList.displayName = "EgressList";
 var EmissionHeader = React23__namespace.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -4393,6 +4534,27 @@ var ErrorBoundary = class extends React23.Component {
     return this.props.children;
   }
 };
+var Eyebrow = React23__namespace.forwardRef(
+  ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-baseline gap-2 text-meta font-semibold uppercase tracking-wide",
+        tone === "muted" && "text-muted-foreground",
+        tone === "foreground" && "text-foreground",
+        tone === "accent" && "text-primary",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
+        aside != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 font-normal normal-case tracking-normal text-muted-foreground", children: aside }) : null
+      ]
+    }
+  )
+);
+Eyebrow.displayName = "Eyebrow";
 var FilterBar = React23__namespace.forwardRef(
   ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -4490,6 +4652,186 @@ var HeatStrip = React23__namespace.forwardRef(
   }
 );
 HeatStrip.displayName = "HeatStrip";
+var LABEL = {
+  graph_data: "graph data",
+  llm: "llm",
+  third_party: "third party",
+  cache: "cache",
+  human: "human",
+  agent: "agent"
+};
+var SWATCH2 = {
+  graph_data: "bg-data-1",
+  llm: "bg-data-7",
+  third_party: "bg-data-8",
+  cache: "bg-data-3",
+  human: "bg-data-6",
+  agent: "bg-muted-foreground"
+};
+var LayerChip = React23__namespace.forwardRef(
+  ({ layer, count, dim, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref,
+      className: cn(
+        "inline-flex max-w-full shrink-0 items-center gap-1.5 font-mono text-meta",
+        dim ? "text-muted-foreground/70" : "text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "size-1.5 shrink-0",
+              dim ? "bg-muted-foreground/50" : SWATCH2[layer]
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: LABEL[layer] }),
+        count != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 tabular-nums opacity-70", children: count }) : null
+      ]
+    }
+  )
+);
+LayerChip.displayName = "LayerChip";
+var LayerSection = React23__namespace.forwardRef(
+  ({ layer, summary, count, dim, className, children, ...props }, ref) => {
+    const empty = React23__namespace.Children.count(children) === 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "section",
+      {
+        ref,
+        className: cn("flex min-w-0 flex-col gap-1", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2 border-b border-border pb-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer, count, dim }),
+            summary != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto min-w-0 shrink truncate text-meta text-muted-foreground", children: summary }) : null
+          ] }),
+          empty ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-1 py-1 text-meta text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex min-w-0 flex-col", dim && "opacity-60"), children })
+        ]
+      }
+    );
+  }
+);
+LayerSection.displayName = "LayerSection";
+var MARK = {
+  out: "bg-primary",
+  in: "bg-data-1",
+  refused: "bg-destructive",
+  skipped: "bg-muted-foreground/30"
+};
+var MARK_LABEL = {
+  out: "sent",
+  in: "read",
+  refused: "refused",
+  skipped: "skipped"
+};
+var LayerStrip = React23__namespace.forwardRef(
+  ({
+    bands,
+    steps,
+    onSelectStep,
+    selectedStep,
+    frozenLabels = true,
+    className,
+    ...props
+  }, ref) => {
+    const byBand = (layer) => steps.map((step) => ({
+      step,
+      touch: step.touches.find((t) => t.layer === layer)
+    }));
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-0 overflow-x-auto rounded-control border border-border",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "grid min-w-max",
+            style: {
+              gridTemplateColumns: `9rem repeat(${steps.length}, minmax(2.5rem, 1fr))`
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "border-b border-border bg-background px-2 py-1",
+                    frozenLabels && "sticky left-0 z-20"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "layer" })
+                }
+              ),
+              steps.map((step) => /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => onSelectStep?.(step.id),
+                  title: step.seq != null ? `${step.label} \xB7 seq ${step.seq}` : step.label,
+                  className: cn(
+                    "border-b border-l border-border px-1 py-1 text-meta",
+                    "truncate text-muted-foreground",
+                    onSelectStep && "cursor-pointer hover:bg-accent",
+                    selectedStep === step.id && "bg-accent text-foreground",
+                    "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+                  ),
+                  children: step.label
+                },
+                step.id
+              )),
+              bands.map((band) => /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "flex items-center border-b border-border bg-background px-2 py-1",
+                      frozenLabels && "sticky left-0 z-10"
+                    ),
+                    children: band.label ?? /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer: band.layer })
+                  }
+                ),
+                byBand(band.layer).map(({ step, touch }) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    title: touch ? `${step.label} \xB7 ${MARK_LABEL[touch.direction]}${touch.address ? ` \xB7 ${touch.address}` : ""}${touch.ruleMatched ? ` \xB7 ${touch.ruleMatched}` : ""}` : void 0,
+                    className: cn(
+                      "flex items-center justify-center border-b border-l border-border px-1 py-1",
+                      selectedStep === step.id && "bg-accent"
+                    ),
+                    children: touch ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        "aria-label": MARK_LABEL[touch.direction],
+                        className: cn(
+                          "h-1.5 w-full max-w-6 rounded-full",
+                          MARK[touch.direction],
+                          // Struck in place: the mark stays so the cell is not
+                          // mistaken for a step that never reached here.
+                          touch.direction === "refused" && "relative after:absolute after:inset-x-0 after:top-1/2 after:h-px after:-translate-y-1/2 after:bg-destructive-foreground/70"
+                        )
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "text-muted-foreground/25", children: "\xB7" })
+                  },
+                  `${band.layer}-${step.id}`
+                ))
+              ] }, band.layer))
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+LayerStrip.displayName = "LayerStrip";
 function Swatch({ kind = "dot", color }) {
   const style = { color };
   if (kind === "dot")
@@ -4571,6 +4913,163 @@ var LegendItem = React23__namespace.forwardRef(
   )
 );
 LegendItem.displayName = "LegendItem";
+var LensChip = React23__namespace.forwardRef(
+  ({ lens, onPick, className, ...props }, ref) => {
+    const label = lens?.name ?? "Everything";
+    const unset = lens == null;
+    const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "size-1.5 shrink-0 rounded-full",
+            unset ? "bg-muted-foreground" : "bg-primary"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: label })
+    ] });
+    const shell = cn(
+      "inline-flex min-w-0 max-w-full items-center gap-1.5 rounded-control",
+      "border border-border px-1.5 py-0.5 text-meta",
+      unset ? "text-muted-foreground" : "text-foreground",
+      className
+    );
+    if (onPick) {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: "inline-flex min-w-0", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onPick,
+          title: unset ? "Everything \u2014 the whole model, inside the guardrails" : label,
+          className: cn(
+            shell,
+            "cursor-pointer hover:bg-accent",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
+          ),
+          children: body
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: shell, title: label, ...props, children: body });
+  }
+);
+LensChip.displayName = "LensChip";
+function describe(n) {
+  switch (n.kind) {
+    case "allow":
+      return `${n.count} allow`;
+    case "deny":
+      return `${n.count} deny`;
+    case "sliced":
+      return "sliced";
+    case "excludes":
+      return `excludes ${n.properties.join(", ")}`;
+    case "casts":
+      return `casts ${n.roles.join(", ")}`;
+    case "closes":
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        "closes",
+        n.layers.map((layer) => /* @__PURE__ */ jsxRuntime.jsx(LayerChip, { layer }, layer))
+      ] });
+  }
+}
+var LensRow = React23__namespace.forwardRef(
+  ({ name, narrows = [], usage, selected, onSelect, className, ...props }, ref) => {
+    const interactive = Boolean(onSelect);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: interactive ? "button" : void 0,
+        tabIndex: interactive ? 0 : void 0,
+        "aria-pressed": interactive ? Boolean(selected) : void 0,
+        onClick: interactive ? () => onSelect?.(name) : void 0,
+        onKeyDown: interactive ? (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            onSelect?.(name);
+          }
+        } : void 0,
+        className: cn(
+          "flex min-w-0 flex-col gap-0.5 rounded-control px-2 py-1.5",
+          interactive && "cursor-pointer hover:bg-accent",
+          selected && "bg-accent",
+          "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: name }),
+            usage ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto shrink-0 text-meta text-muted-foreground", children: [
+              "used in ",
+              usage.runs,
+              " run",
+              usage.runs === 1 ? "" : "s",
+              usage.lastUsed ? ` \xB7 last ${usage.lastUsed}` : ""
+            ] }) : null
+          ] }),
+          narrows.length ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-meta text-muted-foreground", children: narrows.map((n, i) => /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+            i > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "opacity-40", children: "\xB7" }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center", children: describe(n) })
+          ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground/70", children: "narrows nothing \u2014 the whole model, inside the guardrails" })
+        ]
+      }
+    );
+  }
+);
+LensRow.displayName = "LensRow";
+var MatchPreview = React23__namespace.forwardRef(
+  ({ pattern, matches = [], loading, limit = 8, className, ...props }, ref) => {
+    const hits = matches.filter((m) => m.matched);
+    const misses = matches.filter((m) => !m.matched);
+    const shown = [...hits, ...misses].slice(0, limit);
+    const hidden = matches.length - shown.length;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex min-w-0 flex-col gap-1 rounded-control border border-border p-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-meta text-muted-foreground", children: "what this matches" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 text-meta tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
+          ] }),
+          loading ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 py-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-3/5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-2/5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-1/2" })
+          ] }) : matches.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground/70", children: "nothing in this Graph to match \u2014 the layer has no participants yet" }) : hits.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-meta text-destructive", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: pattern }),
+            " matches nothing here"
+          ] }) : null,
+          !loading && shown.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            shown.map((m) => /* @__PURE__ */ jsxRuntime.jsx(
+              AddressChip,
+              {
+                address: m.address,
+                tone: m.matched ? "allowed" : "untouched"
+              },
+              m.address
+            )),
+            hidden > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pt-0.5 text-meta text-muted-foreground/70", children: [
+              "and ",
+              hidden,
+              " more"
+            ] }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+MatchPreview.displayName = "MatchPreview";
 var MenuItem = ({
   label,
   icon: Icon,
@@ -4631,7 +5130,7 @@ var MenuItem = ({
     )
   ] });
 };
-var TONE = {
+var TONE2 = {
   running: "text-info",
   success: "text-success",
   warning: "text-warning",
@@ -4658,7 +5157,7 @@ var MetricTile = React23__namespace.forwardRef(
               // `1,880` and `2 / 5` in adjacent tiles sit at different widths, and
               // a strip of six stops reading as one row of numbers.
               "font-mono text-lg font-semibold leading-tight",
-              tone ? TONE[tone] : void 0
+              tone ? TONE2[tone] : void 0
             ),
             children: value
           }
@@ -4677,7 +5176,7 @@ var MetricTile = React23__namespace.forwardRef(
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
-                  className: cn("h-full", tone ? TONE[tone] : "text-primary", "bg-current"),
+                  className: cn("h-full", tone ? TONE2[tone] : "text-primary", "bg-current"),
                   style: { width: `${Math.min(Math.max(meter, 0), 1) * 100}%` }
                 }
               )
@@ -4749,27 +5248,6 @@ var NestedMenu = (props) => {
     }
   );
 };
-var Eyebrow = React23__namespace.forwardRef(
-  ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex items-baseline gap-2 text-meta font-semibold uppercase tracking-wide",
-        tone === "muted" && "text-muted-foreground",
-        tone === "foreground" && "text-foreground",
-        tone === "accent" && "text-primary",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children }),
-        aside != null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto shrink-0 font-normal normal-case tracking-normal text-muted-foreground", children: aside }) : null
-      ]
-    }
-  )
-);
-Eyebrow.displayName = "Eyebrow";
 var PanelBox = React23__namespace.forwardRef(
   ({ title, aside, flush, className, headerClassName, bodyClassName, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     Card,
@@ -5088,47 +5566,6 @@ var PropertyRow = React23__namespace.forwardRef(
   )
 );
 PropertyRow.displayName = "PropertyRow";
-var RecordHeader = React23__namespace.forwardRef(
-  ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex shrink-0 items-center gap-2.5 border-b border-border bg-card px-4 py-2.5",
-        className
-      ),
-      ...props,
-      children: [
-        tone ? /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { tone, size: "lg" }) : null,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-1.5", children: crumbs.map((crumb, i) => {
-          const last = i === crumbs.length - 1;
-          return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
-            i > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.ChevronRight,
-              {
-                "aria-hidden": true,
-                className: "size-3.5 shrink-0 text-muted-foreground/60"
-              }
-            ) : null,
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: cn(
-                  "min-w-0 truncate font-mono",
-                  last ? "text-base font-semibold text-foreground" : "text-muted-foreground"
-                ),
-                children: crumb
-              }
-            )
-          ] }, i);
-        }) }),
-        chips ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1.5", children: chips }) : null,
-        actions ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: actions }) : null
-      ]
-    }
-  )
-);
-RecordHeader.displayName = "RecordHeader";
 var ProposalCard = React23__namespace.forwardRef(
   ({
     title,
@@ -5263,6 +5700,47 @@ var RatingControl = React23__namespace.forwardRef(
   )
 );
 RatingControl.displayName = "RatingControl";
+var RecordHeader = React23__namespace.forwardRef(
+  ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex shrink-0 items-center gap-2.5 border-b border-border bg-card px-4 py-2.5",
+        className
+      ),
+      ...props,
+      children: [
+        tone ? /* @__PURE__ */ jsxRuntime.jsx(StatusDot, { tone, size: "lg" }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 items-center gap-1.5", children: crumbs.map((crumb, i) => {
+          const last = i === crumbs.length - 1;
+          return /* @__PURE__ */ jsxRuntime.jsxs(React23__namespace.Fragment, { children: [
+            i > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronRight,
+              {
+                "aria-hidden": true,
+                className: "size-3.5 shrink-0 text-muted-foreground/60"
+              }
+            ) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "min-w-0 truncate font-mono",
+                  last ? "text-base font-semibold text-foreground" : "text-muted-foreground"
+                ),
+                children: crumb
+              }
+            )
+          ] }, i);
+        }) }),
+        chips ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-1.5", children: chips }) : null,
+        actions ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: actions }) : null
+      ]
+    }
+  )
+);
+RecordHeader.displayName = "RecordHeader";
 var RepairNote = React23__namespace.forwardRef(
   ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -5422,6 +5900,138 @@ function RichSelect({
     )
   ] });
 }
+function describeSlice(select, declared) {
+  const out = [];
+  if (select.time) {
+    const { axis, from, to } = select.time;
+    out.push({
+      axisKind: "time",
+      text: `time ${from ?? "\u2026"} \u2192 ${to ?? "\u2026"} \xB7 axis ${axis}`,
+      undeclared: declared ? declared.time == null : void 0
+    });
+  }
+  if (select.geo) {
+    const { axis, vocab, in: values } = select.geo;
+    out.push({
+      axisKind: "geo",
+      text: `geo ${values.join(", ")} \xB7 axis ${axis}${vocab ? ` \xB7 ${vocab}` : ""}`,
+      undeclared: declared ? declared.geo == null : void 0
+    });
+  }
+  for (const [dim, values] of Object.entries(select.dims ?? {})) {
+    out.push({
+      axisKind: dim,
+      text: `${dim} ${values.join(", ")}`,
+      undeclared: declared ? !(declared.dims ?? []).includes(dim) : void 0
+    });
+  }
+  return out;
+}
+var SliceSummary = React23__namespace.forwardRef(
+  ({ select, declaredAxes, modelLabel, variant = "line", className, ...props }, ref) => {
+    const lines = select ? describeSlice(select, declaredAxes) : [];
+    if (!lines.length) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          className: cn("text-meta text-muted-foreground/70", className),
+          ...props,
+          children: "not sliced \u2014 the whole model"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex min-w-0 flex-col gap-0.5",
+          variant === "block" && "rounded-control border border-border p-2",
+          className
+        ),
+        ...props,
+        children: lines.map((line) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "truncate text-meta",
+                line.undeclared ? "text-destructive line-through decoration-destructive/50" : "text-muted-foreground"
+              ),
+              children: line.text
+            }
+          ),
+          line.undeclared ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-meta text-destructive", children: [
+            modelLabel ?? "this model",
+            " declares no ",
+            line.axisKind,
+            " axis, so it cannot be sliced by one. Declaring one is a modelling act."
+          ] }) : null
+        ] }, line.axisKind))
+      }
+    );
+  }
+);
+SliceSummary.displayName = "SliceSummary";
+var RuleRow = React23__namespace.forwardRef(
+  ({ match, allow, properties, select, egress, readOnly, className, ...props }, ref) => {
+    const excluded = properties?.exclude ?? [];
+    const sends = egress?.may_send ?? [];
+    const sliced = Boolean(
+      select?.time || select?.geo || Object.keys(select?.dims ?? {}).length
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          // The verb column is `5ch` — the width of `allow` in the mono face it
+          // is set in. A character unit rather than a pixel one, so the indent
+          // holds when `data-density` moves the font size, and so every row
+          // aligns whether its verb is `allow` or `deny`.
+          "grid min-w-0 grid-cols-[5ch_minmax(0,1fr)] items-baseline gap-x-2 gap-y-0.5",
+          "rounded-control px-1 py-1",
+          !readOnly && "hover:bg-accent",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "font-mono text-meta",
+                allow ? "text-muted-foreground" : "font-semibold text-destructive"
+              ),
+              children: allow ? "allow" : "deny"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AddressChip,
+            {
+              address: match,
+              tone: allow ? "allowed" : "denied",
+              className: "min-w-0"
+            }
+          ),
+          excluded.length || sliced || sends.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-start-2 flex min-w-0 flex-col gap-0.5", children: [
+            excluded.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+              "excludes ",
+              excluded.join(", ")
+            ] }) : null,
+            sliced ? /* @__PURE__ */ jsxRuntime.jsx(SliceSummary, { select, variant: "line" }) : null,
+            sends.length ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+              "may send ",
+              sends.join(", ")
+            ] }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+RuleRow.displayName = "RuleRow";
 var SearchInput = ({
   value,
   onChange,
@@ -6788,6 +7398,7 @@ exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.AddressChip = AddressChip;
 exports.AgentChip = AgentChip;
 exports.Alert = Alert;
 exports.AlertDescription = AlertDescription;
@@ -6823,6 +7434,7 @@ exports.ButtonGroup = ButtonGroup;
 exports.ButtonGroupSeparator = ButtonGroupSeparator;
 exports.ButtonGroupText = ButtonGroupText;
 exports.ButtonWithTooltip = ButtonWithTooltip;
+exports.CAST_ROLES = CAST_ROLES;
 exports.CannotAnswerCard = CannotAnswerCard;
 exports.Card = Card;
 exports.CardContent = CardContent;
@@ -6836,6 +7448,7 @@ exports.CarouselContent = CarouselContent;
 exports.CarouselItem = CarouselItem;
 exports.CarouselNext = CarouselNext;
 exports.CarouselPrevious = CarouselPrevious;
+exports.CastTable = CastTable;
 exports.ChatSession = ChatSession;
 exports.ChatSessionActivityRow = ChatSessionActivityRow;
 exports.ChatSessionActivitySubLine = ChatSessionActivitySubLine;
@@ -6894,6 +7507,7 @@ exports.DropdownMenuSub = DropdownMenuSub;
 exports.DropdownMenuSubContent = DropdownMenuSubContent;
 exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.EgressList = EgressList;
 exports.EmissionCard = EmissionCard;
 exports.EmissionHeader = EmissionHeader;
 exports.EmptyState = EmptyState;
@@ -6918,8 +7532,14 @@ exports.ItemSeparator = ItemSeparator;
 exports.ItemTitle = ItemTitle;
 exports.Kbd = Kbd;
 exports.KbdGroup = KbdGroup;
+exports.LayerChip = LayerChip;
+exports.LayerSection = LayerSection;
+exports.LayerStrip = LayerStrip;
 exports.Legend = Legend;
 exports.LegendItem = LegendItem;
+exports.LensChip = LensChip;
+exports.LensRow = LensRow;
+exports.MatchPreview = MatchPreview;
 exports.MenuItem = MenuItem;
 exports.Menubar = Menubar;
 exports.MenubarCheckboxItem = MenubarCheckboxItem;
@@ -6979,6 +7599,7 @@ exports.ResizablePanel = ResizablePanel;
 exports.ResizablePanelGroup = ResizablePanelGroup;
 exports.RetryNote = RetryNote;
 exports.RichSelect = RichSelect;
+exports.RuleRow = RuleRow;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.SearchInput = SearchInput;
@@ -7018,6 +7639,7 @@ exports.SidebarRail = SidebarRail;
 exports.SidebarSeparator = SidebarSeparator;
 exports.SidebarTrigger = SidebarTrigger;
 exports.Skeleton = Skeleton;
+exports.SliceSummary = SliceSummary;
 exports.Sparkline = Sparkline;
 exports.Spinner = Spinner;
 exports.StatusDot = StatusDot;
@@ -7079,9 +7701,14 @@ exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.chatSessionGutterClass = chatSessionGutterClass;
 exports.cn = cn;
+exports.describeSlice = describeSlice;
+exports.layerLabel = LABEL;
+exports.layerSwatch = SWATCH2;
 exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle;
+exports.splitAddress = split;
 exports.statusDotVariants = statusDotVariants;
 exports.toggleVariants = toggleVariants;
+exports.touchLabel = MARK_LABEL;
 exports.useOverflowItems = useOverflowItems;
 exports.useSidebar = useSidebar;
 exports.useTour = useTour;