@invana/ui 0.0.28 → 0.0.29

package/dist/index.js

@@ -2744,6 +2744,62 @@ var ToggleGroupItem = React23.forwardRef(({ className, children, variant, size,
   );
 });
 ToggleGroupItem.displayName = ToggleGroupPrimitive.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.forwardRef(
+  ({ address, tone = "allowed", onOpen, className, ...props }, ref) => {
+    const { head, tail } = split(address);
+    const body = /* @__PURE__ */ jsxs(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__ */ jsx("span", { className: "min-w-[2ch] shrink-[999] truncate opacity-60", children: head })
+      ) : null,
+      /* @__PURE__ */ 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__ */ jsx("span", { ref, className: cn(shell, "min-w-0"), ...props, children: /* @__PURE__ */ 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__ */ jsx("span", { ref, title: address, className: shell, ...props, children: body });
+  }
+);
+AddressChip.displayName = "AddressChip";
 var agentChipVariants = 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",
   {
@@ -2781,36 +2837,6 @@ var AgentChip = React23.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.forwardRef(
-  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
-        swatchOnly ? null : /* @__PURE__ */ jsx("span", { className: "truncate", children: bound })
-      ]
-    }
-  )
-);
-BoundChip.displayName = "BoundChip";
 var stateVariants = cva("inline-flex shrink-0 items-center gap-1.5 font-medium", {
   variants: {
     tone: {
@@ -2956,6 +2982,36 @@ var BarChartV = React23.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.forwardRef(
+  ({ bound, swatchOnly, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": true, className: cn("size-1.5 shrink-0", SWATCH[bound]) }),
+        swatchOnly ? null : /* @__PURE__ */ jsx("span", { className: "truncate", children: bound })
+      ]
+    }
+  )
+);
+BoundChip.displayName = "BoundChip";
 function ButtonWithTooltip(props) {
   return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { delayDuration: 0, children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", className: cn("hover:bg-transparent", props.className), ...props, children: props.children }) }),
@@ -2979,6 +3035,53 @@ var CannotAnswerCard = React23.forwardRef(({ label = "cannot answer", remedy, cl
   }
 ));
 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.forwardRef(
+  ({ cast = {}, resolved, readOnly, className, ...props }, ref) => {
+    const byRole = new Map((resolved ?? []).map((r) => [r.role, r]));
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("min-w-0", className), ...props, children: [
+      /* @__PURE__ */ jsxs(Table, { density: "compact", children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+          /* @__PURE__ */ jsx(TableHead, { className: "w-[5.5rem]", children: "role" }),
+          /* @__PURE__ */ jsx(TableHead, { children: "resolves to" }),
+          /* @__PURE__ */ jsx(TableHead, { children: "why this one" })
+        ] }) }),
+        /* @__PURE__ */ 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__ */ jsxs(TableRow, { "data-role": role, children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-meta text-muted-foreground", children: role }),
+            /* @__PURE__ */ jsx(TableCell, { className: "min-w-0", children: address ? /* @__PURE__ */ jsx(
+              AddressChip,
+              {
+                address,
+                tone: denied ? "denied" : "allowed"
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground/70", children: "nothing casts it" }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-meta text-muted-foreground", children: denied ? /* @__PURE__ */ jsxs("span", { className: "text-destructive", children: [
+              "denied by ",
+              hit?.ruleMatched ?? "this world"
+            ] }) : hit?.source ? /* @__PURE__ */ 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__ */ 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,
@@ -4230,6 +4333,44 @@ var DivergingBar = React23.forwardRef(
   }
 );
 DivergingBar.displayName = "DivergingBar";
+var EgressList = React23.forwardRef(
+  ({ to, classes = [], cut = [], className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex min-w-0 flex-col gap-1", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AddressChip, { address: to }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 pl-3", children: [
+          classes.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-meta text-destructive", children: "nothing may be sent" }) : /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "may send" }),
+            classes.map((c) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "rounded-control bg-muted px-1 font-mono text-foreground",
+                children: c
+              },
+              c
+            ))
+          ] }),
+          cut.length ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-wrap items-center gap-1 text-meta text-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "cut" }),
+            cut.map((c) => /* @__PURE__ */ 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.forwardRef(({ kind, template, citation, note, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -4353,6 +4494,27 @@ var ErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
+var Eyebrow = React23.forwardRef(
+  ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { className: "min-w-0 truncate", children }),
+        aside != null ? /* @__PURE__ */ 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.forwardRef(
   ({ summary, className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
@@ -4450,6 +4612,186 @@ var HeatStrip = React23.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.forwardRef(
+  ({ layer, count, dim, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "size-1.5 shrink-0",
+              dim ? "bg-muted-foreground/50" : SWATCH2[layer]
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: LABEL[layer] }),
+        count != null ? /* @__PURE__ */ jsx("span", { className: "shrink-0 tabular-nums opacity-70", children: count }) : null
+      ]
+    }
+  )
+);
+LayerChip.displayName = "LayerChip";
+var LayerSection = React23.forwardRef(
+  ({ layer, summary, count, dim, className, children, ...props }, ref) => {
+    const empty = React23.Children.count(children) === 0;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        className: cn("flex min-w-0 flex-col gap-1", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2 border-b border-border pb-1", children: [
+            /* @__PURE__ */ jsx(LayerChip, { layer, count, dim }),
+            summary != null ? /* @__PURE__ */ jsx("span", { className: "ml-auto min-w-0 shrink truncate text-meta text-muted-foreground", children: summary }) : null
+          ] }),
+          empty ? /* @__PURE__ */ jsx("p", { className: "px-1 py-1 text-meta text-muted-foreground/70", children: "no rules in this layer" }) : /* @__PURE__ */ 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.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__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "min-w-0 overflow-x-auto rounded-control border border-border",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "grid min-w-max",
+            style: {
+              gridTemplateColumns: `9rem repeat(${steps.length}, minmax(2.5rem, 1fr))`
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "border-b border-border bg-background px-2 py-1",
+                    frozenLabels && "sticky left-0 z-20"
+                  ),
+                  children: /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "layer" })
+                }
+              ),
+              steps.map((step) => /* @__PURE__ */ 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__ */ jsxs(React23.Fragment, { children: [
+                /* @__PURE__ */ 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__ */ jsx(LayerChip, { layer: band.layer })
+                  }
+                ),
+                byBand(band.layer).map(({ step, touch }) => /* @__PURE__ */ 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__ */ 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__ */ 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")
@@ -4531,6 +4873,163 @@ var LegendItem = React23.forwardRef(
   )
 );
 LegendItem.displayName = "LegendItem";
+var LensChip = React23.forwardRef(
+  ({ lens, onPick, className, ...props }, ref) => {
+    const label = lens?.name ?? "Everything";
+    const unset = lens == null;
+    const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": true,
+          className: cn(
+            "size-1.5 shrink-0 rounded-full",
+            unset ? "bg-muted-foreground" : "bg-primary"
+          )
+        }
+      ),
+      /* @__PURE__ */ 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__ */ jsx("span", { ref, className: "inline-flex min-w-0", ...props, children: /* @__PURE__ */ 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__ */ 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__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+        "closes",
+        n.layers.map((layer) => /* @__PURE__ */ jsx(LayerChip, { layer }, layer))
+      ] });
+  }
+}
+var LensRow = React23.forwardRef(
+  ({ name, narrows = [], usage, selected, onSelect, className, ...props }, ref) => {
+    const interactive = Boolean(onSelect);
+    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-sm font-medium text-foreground", children: name }),
+            usage ? /* @__PURE__ */ 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__ */ 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__ */ jsxs(React23.Fragment, { children: [
+            i > 0 ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "opacity-40", children: "\xB7" }) : null,
+            /* @__PURE__ */ jsx("span", { className: "inline-flex items-center", children: describe(n) })
+          ] }, `${n.kind}-${i}`)) }) : /* @__PURE__ */ 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.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__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex min-w-0 flex-col gap-1 rounded-control border border-border p-2",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-baseline gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-meta text-muted-foreground", children: "what this matches" }),
+            /* @__PURE__ */ jsx("span", { className: "ml-auto shrink-0 text-meta tabular-nums text-muted-foreground", children: loading ? "\u2026" : `${hits.length} of ${matches.length}` })
+          ] }),
+          loading ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 py-0.5", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-3/5" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/5" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+          ] }) : matches.length === 0 ? /* @__PURE__ */ 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__ */ jsxs("p", { className: "text-meta text-destructive", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-mono", children: pattern }),
+            " matches nothing here"
+          ] }) : null,
+          !loading && shown.length ? /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            shown.map((m) => /* @__PURE__ */ jsx(
+              AddressChip,
+              {
+                address: m.address,
+                tone: m.matched ? "allowed" : "untouched"
+              },
+              m.address
+            )),
+            hidden > 0 ? /* @__PURE__ */ 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,
@@ -4591,7 +5090,7 @@ var MenuItem = ({
     )
   ] });
 };
-var TONE = {
+var TONE2 = {
   running: "text-info",
   success: "text-success",
   warning: "text-warning",
@@ -4618,7 +5117,7 @@ var MetricTile = React23.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
           }
@@ -4637,7 +5136,7 @@ var MetricTile = React23.forwardRef(
               children: /* @__PURE__ */ 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}%` }
                 }
               )
@@ -4709,27 +5208,6 @@ var NestedMenu = (props) => {
     }
   );
 };
-var Eyebrow = React23.forwardRef(
-  ({ aside, tone = "muted", className, children, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx("span", { className: "min-w-0 truncate", children }),
-        aside != null ? /* @__PURE__ */ 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.forwardRef(
   ({ title, aside, flush, className, headerClassName, bodyClassName, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     Card,
@@ -5048,47 +5526,6 @@ var PropertyRow = React23.forwardRef(
   )
 );
 PropertyRow.displayName = "PropertyRow";
-var RecordHeader = React23.forwardRef(
-  ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx(StatusDot, { tone, size: "lg" }) : null,
-        /* @__PURE__ */ 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__ */ jsxs(React23.Fragment, { children: [
-            i > 0 ? /* @__PURE__ */ jsx(
-              ChevronRight,
-              {
-                "aria-hidden": true,
-                className: "size-3.5 shrink-0 text-muted-foreground/60"
-              }
-            ) : null,
-            /* @__PURE__ */ 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__ */ jsx("span", { className: "flex shrink-0 items-center gap-1.5", children: chips }) : null,
-        actions ? /* @__PURE__ */ jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: actions }) : null
-      ]
-    }
-  )
-);
-RecordHeader.displayName = "RecordHeader";
 var ProposalCard = React23.forwardRef(
   ({
     title,
@@ -5223,6 +5660,47 @@ var RatingControl = React23.forwardRef(
   )
 );
 RatingControl.displayName = "RatingControl";
+var RecordHeader = React23.forwardRef(
+  ({ tone, crumbs, chips, actions, className, ...props }, ref) => /* @__PURE__ */ 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__ */ jsx(StatusDot, { tone, size: "lg" }) : null,
+        /* @__PURE__ */ 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__ */ jsxs(React23.Fragment, { children: [
+            i > 0 ? /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                "aria-hidden": true,
+                className: "size-3.5 shrink-0 text-muted-foreground/60"
+              }
+            ) : null,
+            /* @__PURE__ */ 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__ */ jsx("span", { className: "flex shrink-0 items-center gap-1.5", children: chips }) : null,
+        actions ? /* @__PURE__ */ jsx("span", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: actions }) : null
+      ]
+    }
+  )
+);
+RecordHeader.displayName = "RecordHeader";
 var RepairNote = React23.forwardRef(
   ({ from, to, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
@@ -5382,6 +5860,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.forwardRef(
+  ({ select, declaredAxes, modelLabel, variant = "line", className, ...props }, ref) => {
+    const lines = select ? describeSlice(select, declaredAxes) : [];
+    if (!lines.length) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          className: cn("text-meta text-muted-foreground/70", className),
+          ...props,
+          children: "not sliced \u2014 the whole model"
+        }
+      );
+    }
+    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ 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__ */ 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.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__ */ 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__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "font-mono text-meta",
+                allow ? "text-muted-foreground" : "font-semibold text-destructive"
+              ),
+              children: allow ? "allow" : "deny"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            AddressChip,
+            {
+              address: match,
+              tone: allow ? "allowed" : "denied",
+              className: "min-w-0"
+            }
+          ),
+          excluded.length || sliced || sends.length ? /* @__PURE__ */ jsxs("div", { className: "col-start-2 flex min-w-0 flex-col gap-0.5", children: [
+            excluded.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+              "excludes ",
+              excluded.join(", ")
+            ] }) : null,
+            sliced ? /* @__PURE__ */ jsx(SliceSummary, { select, variant: "line" }) : null,
+            sends.length ? /* @__PURE__ */ jsxs("span", { className: "truncate text-meta text-muted-foreground", children: [
+              "may send ",
+              sends.join(", ")
+            ] }) : null
+          ] }) : null
+        ]
+      }
+    );
+  }
+);
+RuleRow.displayName = "RuleRow";
 var SearchInput = ({
   value,
   onChange,
@@ -6744,6 +7354,6 @@ var Typography = {
   Pre: TypographyPre
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, BoundChip, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClampedText, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, Eyebrow, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Legend, LegendItem, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelBox, PanelContent, PanelStack, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RecordHeader, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, ScrollArea, ScrollBar, SearchInput, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskGantt, TaskGanttDetailCard, TaskNode, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineFooter, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, SWATCH as boundSwatch, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, navigationMenuTriggerStyle, statusDotVariants, toggleVariants, useOverflowItems, useSidebar, useTour };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AddressChip, AgentChip, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppStatusBar, Avatar, AvatarFallback, AvatarImage, Badge, BarChartH, BarChartV, BoundChip, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, ButtonWithTooltip, CAST_ROLES, CannotAnswerCard, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardWithHeader, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CastTable, ChatSession, ChatSessionActivityRow, ChatSessionActivitySubLine, ChatSessionComposer, ChatSessionContextChip, ChatSessionDisclosure, ChatSessionMessage, ChatSessionMessageOptions, ChatSessionProgressLine, ChatSessionPromptRow, ChatSessionStatusBar, ChatSessionTaskGroup, ChatSessionTaskRow, CitationList, CitationMarker, CitationRow, ClampedText, ClarifyCard, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextBar, DiagnosisCard, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffList, DiffRow, DivergingBar, DotRating, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EgressList, EmissionCard, EmissionHeader, EmptyState, EmptyStateLock, ErrorBoundary, Eyebrow, FilterBar, FilterChip, HeatStrip, HoverCard, HoverCardContent, HoverCardTrigger, Item3 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, LayerChip, LayerSection, LayerStrip, Legend, LegendItem, LensChip, LensRow, MatchPreview, MenuItem, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricGrid, MetricTile, NavBase, NavHorizontal, NavHorizontalItems, NavItems, NavVertical, NavVerticalItems, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedMenu, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PanelBox, PanelContent, PanelStack, Popover, PopoverContent, PopoverTrigger, Progress, PropertyList, PropertyRow, ProposalCard, RatingControl, RecordHeader, RepairNote, ResizableHandle, ResizablePanel, ResizablePanelGroup, RetryNote, RichSelect, RuleRow, ScrollArea, ScrollBar, SearchInput, SectionHeader, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, SliceSummary, Sparkline, Spinner, StatusDot, TabbedPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskGantt, TaskGanttDetailCard, TaskNode, TemplatePicker, Terminal, TerminalLine, TimelineEntry, TimelineFooter, TimelineList, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TreeItem, TreeView, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyH5, TypographyH6, TypographyInlineCode, TypographyLarge, TypographyLead, TypographyList, TypographyMuted, TypographyP, TypographyPre, TypographySmall, UnderDevelopment, agentChipVariants, badgeVariants, SWATCH as boundSwatch, buttonGroupVariants, buttonVariants, chatSessionGutterClass, cn, describeSlice, LABEL as layerLabel, SWATCH2 as layerSwatch, navigationMenuTriggerStyle, split as splitAddress, statusDotVariants, toggleVariants, MARK_LABEL as touchLabel, useOverflowItems, useSidebar, useTour };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map