@estiva-app/ui 0.74.1 → 0.75.0

package/dist/index.js

@@ -2075,8 +2075,9 @@ function EmptyState({ icon, message, scope = "page", action, className }) {
 
 // src/Skeleton.tsx
 import { jsx as jsx31, jsxs as jsxs22 } from "react/jsx-runtime";
-function SkeletonBar({ className, style }) {
-  return /* @__PURE__ */ jsx31("div", { className: cn("bg-bg-inset rounded-sm animate-pulse", className), style });
+var SKELETON_SHAPE = { bar: "rounded-sm", round: "rounded-full", control: "rounded-md" };
+function SkeletonBar({ className, style, on = "surface", shape = "bar" }) {
+  return /* @__PURE__ */ jsx31("div", { className: cn("animate-pulse", SKELETON_SHAPE[shape], on === "inset" ? "bg-bg-active" : "bg-bg-inset", className), style });
 }
 var ROW_BAR_WIDTHS = [150, 100, 170, 120, 90, 140, 110, 160];
 function SkeletonRow({ barWidth = 130 }) {
@@ -2416,7 +2417,9 @@ var INLINE_CHIP_TONE_CLASSES = {
    * baseline. At 19.6px they sit 0.4px off it (measured 2026-09-14; Peek's
    * copy of this chip still has the 16.8px box).
    */
-  quiet: "h-[19.6px] bg-bg-active text-text-muted font-mono text-caption"
+  quiet: "h-[19.6px] bg-bg-active text-text-muted font-mono text-caption",
+  /** A file this reader cannot open — deleted, or not theirs to see: said in words, quieter than a link. */
+  muted: "bg-bg-active text-text-muted"
 };
 function inlineChipClassName(tone, className) {
   return cn(INLINE_CHIP_CLASSES, INLINE_CHIP_TONE_CLASSES[tone], className);
@@ -4021,17 +4024,404 @@ function PreviewCard({ content, children, side = "right", delay = OPEN_DELAY2, c
   ] });
 }
 
+// src/linked.ts
+function chosenOf(picker) {
+  return picker?.value === void 0 ? void 0 : picker.options.find((option) => option.value === picker.value);
+}
+function loadingShapeOf(linked) {
+  return {
+    subtitle: !!(linked.subtitle || linked.key),
+    summary: !!linked.summary,
+    rows: linked.children?.length ?? 0,
+    latest: !!linked.latest,
+    ring: !!linked.done,
+    footer: linked.status || linked.owner ? "pickers" : linked.authors ? "people" : "line"
+  };
+}
+function unavailableMemory(storageKey, limit = 300) {
+  let held;
+  const list = () => {
+    if (held) return held;
+    try {
+      const stored = JSON.parse(localStorage.getItem(storageKey) ?? "[]");
+      held = new Set(Array.isArray(stored) ? stored.filter((item) => typeof item === "string") : []);
+    } catch {
+      held = /* @__PURE__ */ new Set();
+    }
+    return held;
+  };
+  return {
+    has: (id) => list().has(id),
+    note: (id, available) => {
+      held = void 0;
+      const current = list();
+      if (available !== current.has(id)) return;
+      const next = new Set(current);
+      if (available) next.delete(id);
+      else next.add(id);
+      held = new Set([...next].slice(-limit));
+      try {
+        localStorage.setItem(storageKey, JSON.stringify([...held]));
+      } catch {
+      }
+    },
+    clear: () => {
+      held = void 0;
+      try {
+        localStorage.removeItem(storageKey);
+      } catch {
+      }
+    }
+  };
+}
+
+// src/LinkParts.tsx
+import { IconCircleCheck, IconCircleDashed as IconCircleDashed2, IconCircleHalf2, IconCircleX, IconFileText, IconMessage2 as IconMessage22 } from "@tabler/icons-react";
+import { jsx as jsx59, jsxs as jsxs40 } from "react/jsx-runtime";
+var STATUS_ICON = {
+  neutral: { Icon: IconCircleDashed2, tone: "text-text-secondary" },
+  blue: { Icon: IconCircleHalf2, tone: "text-info-default" },
+  green: { Icon: IconCircleCheck, tone: "text-success-default" },
+  muted: { Icon: IconCircleX, tone: "text-text-muted" }
+};
+function StatusIcon({ colour }) {
+  const { Icon, tone } = STATUS_ICON[colour];
+  return /* @__PURE__ */ jsx59(Icon, { size: 14, stroke: 1.5, className: cn("shrink-0", tone), "aria-hidden": true });
+}
+function StatusMark({ status }) {
+  return /* @__PURE__ */ jsxs40(WithTooltip, { label: status.label, inline: true, wrapperClassName: "inline-flex shrink-0 items-center", children: [
+    /* @__PURE__ */ jsx59(StatusIcon, { colour: status.colour }),
+    /* @__PURE__ */ jsx59("span", { className: "sr-only", children: status.label })
+  ] });
+}
+function LinkedIcon({ kind, size = 16, tone = "secondary" }) {
+  if (kind === "page") return /* @__PURE__ */ jsx59(IconFileText, { size, stroke: 1.5, className: cn("shrink-0", tone === "secondary" && "text-text-secondary"), "aria-hidden": true });
+  return /* @__PURE__ */ jsx59(KindIcon, { kind, size, tone });
+}
+function LinkKey({ children }) {
+  return /* @__PURE__ */ jsx59("span", { className: "shrink-0 text-caption tabular-nums text-text-muted", children });
+}
+function ProgressRing({ done, total }) {
+  const size = 16;
+  const stroke = 2;
+  const r = (size - stroke) / 2;
+  const c = 2 * Math.PI * r;
+  const share = total > 0 ? Math.min(done, total) / total : 0;
+  return /* @__PURE__ */ jsx59(WithTooltip, { label: `${done} of ${total} done`, inline: true, wrapperClassName: "inline-flex shrink-0", children: /* @__PURE__ */ jsxs40("span", { className: "inline-flex shrink-0 items-center gap-1 text-caption tabular-nums text-text-secondary", children: [
+    /* @__PURE__ */ jsxs40("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, className: "shrink-0 -rotate-90", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx59("circle", { cx: size / 2, cy: size / 2, r, fill: "none", strokeWidth: stroke, className: "stroke-border-default" }),
+      /* @__PURE__ */ jsx59("circle", { cx: size / 2, cy: size / 2, r, fill: "none", strokeWidth: stroke, strokeLinecap: "round", strokeDasharray: `${c * share} ${c}`, className: "stroke-success-default" })
+    ] }),
+    done,
+    "/",
+    total
+  ] }) });
+}
+function CommentCount({ conversation, noun = "comments" }) {
+  const { count, href, unread = false } = conversation;
+  return /* @__PURE__ */ jsx59("span", { className: cn("relative z-10 -mx-1 inline-flex shrink-0 rounded-sm px-1 text-caption tabular-nums hover:bg-bg-active", unread ? "font-medium text-text-primary" : "text-text-secondary"), children: /* @__PURE__ */ jsxs40(Link, { href, variant: "plain", className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx59(IconMessage22, { size: 14, stroke: 1.5, "aria-hidden": true }),
+    count,
+    /* @__PURE__ */ jsx59("span", { className: "sr-only", children: unread ? `${noun}, unread \u2014 open the conversation` : `${noun} \u2014 open the conversation` }),
+    unread && /* @__PURE__ */ jsx59(UnreadDot, { className: "h-auto w-auto" })
+  ] }) });
+}
+function LinkPickers({ status, owner, ownerLabel = "Owner", readOnly = false }) {
+  const statusNow = chosenOf(status);
+  const ownerNow = chosenOf(owner);
+  const statusWords = status && (readOnly || !status.onChange);
+  const ownerWords = owner && (readOnly || !owner.onChange);
+  return /* @__PURE__ */ jsxs40("span", { className: "flex h-6 min-w-0 items-center gap-2 text-caption text-text-secondary", children: [
+    status && (statusWords ? /* @__PURE__ */ jsxs40("span", { className: "inline-flex shrink-0 items-center gap-1", children: [
+      statusNow?.colour && /* @__PURE__ */ jsx59(StatusIcon, { colour: statusNow.colour }),
+      statusNow?.label ?? "No status"
+    ] }) : /* @__PURE__ */ jsx59(
+      Select,
+      {
+        size: "small",
+        className: "w-auto",
+        value: status.value ?? "",
+        onChange: (value) => status.onChange?.(value),
+        ariaLabel: "Status",
+        options: status.options.map((option) => ({ value: option.value, label: option.label, leading: option.colour && /* @__PURE__ */ jsx59(StatusIcon, { colour: option.colour }) }))
+      }
+    )),
+    owner && (ownerWords ? /* @__PURE__ */ jsxs40("span", { className: "inline-flex min-w-0 items-center gap-1", children: [
+      /* @__PURE__ */ jsx59(Avatar, { name: ownerNow?.label, src: ownerNow?.picture, size: 16 }),
+      /* @__PURE__ */ jsx59("span", { className: "truncate", children: ownerNow?.label ?? "Unassigned" })
+    ] }) : /* @__PURE__ */ jsx59(
+      Select,
+      {
+        size: "small",
+        className: "w-auto",
+        value: owner.value ?? "",
+        placeholder: "Unassigned",
+        onChange: (value) => owner.onChange?.(value),
+        ariaLabel: ownerLabel,
+        options: owner.options.map((option) => ({ value: option.value, label: option.label, leading: /* @__PURE__ */ jsx59(Avatar, { name: option.label, src: option.picture, size: 16 }) }))
+      }
+    ))
+  ] });
+}
+
+// src/LinkPreview.tsx
+import { useSyncExternalStore } from "react";
+
+// src/LinkRow.tsx
+import { Fragment as Fragment15, jsx as jsx60, jsxs as jsxs41 } from "react/jsx-runtime";
+function LinkUnavailable({ kind, noun, openIn }) {
+  return /* @__PURE__ */ jsxs41(Card, { fill: "none", unreadable: true, className: "flex h-9 items-center gap-2 px-3", children: [
+    /* @__PURE__ */ jsx60(LinkedIcon, { kind }),
+    /* @__PURE__ */ jsxs41("span", { className: "min-w-0 flex-1 truncate text-body-2 text-text-muted", children: [
+      noun,
+      " \u2014 not available."
+    ] }),
+    openIn && /* @__PURE__ */ jsx60("span", { className: "shrink-0 text-caption text-text-secondary", children: /* @__PURE__ */ jsxs41(Link, { href: openIn.href, variant: "quiet", external: true, children: [
+      "Open in ",
+      openIn.app,
+      " \u2197"
+    ] }) })
+  ] });
+}
+function LinkRow({ link, preview = true }) {
+  if (link.state === "loading") {
+    return /* @__PURE__ */ jsx60("div", { className: "animate-skeleton-in", "aria-busy": true, children: /* @__PURE__ */ jsxs41(Card, { fill: "inset", "aria-hidden": true, className: "flex h-9 items-center gap-2 px-3", children: [
+      /* @__PURE__ */ jsx60(LinkedIcon, { kind: link.kind }),
+      /* @__PURE__ */ jsx60(SkeletonBar, { on: "inset", className: "h-3 w-2/5" }),
+      /* @__PURE__ */ jsx60(SkeletonBar, { on: "inset", shape: "round", className: "ml-auto size-4" })
+    ] }) });
+  }
+  if (link.state === "unavailable") return /* @__PURE__ */ jsx60(LinkUnavailable, { kind: link.kind, noun: link.noun, openIn: link.openIn });
+  const { linked } = link;
+  const status = chosenOf(linked.status);
+  const owner = chosenOf(linked.owner);
+  const said = linked.kind === "message" && linked.author;
+  const row = /* @__PURE__ */ jsxs41(Card, { fill: "inset", hover: "hairline", className: "relative flex h-9 items-center gap-2 px-3", children: [
+    said ? /* @__PURE__ */ jsx60(Avatar, { name: said.name, src: said.picture, size: 16 }) : /* @__PURE__ */ jsx60(LinkedIcon, { kind: linked.kind }),
+    said ? /* @__PURE__ */ jsxs41("span", { className: "flex min-w-0 flex-1 items-baseline gap-2 text-body-2", children: [
+      /* @__PURE__ */ jsx60("span", { className: "shrink-0 text-body-2-strong text-text-primary", children: said.name }),
+      /* @__PURE__ */ jsx60("span", { className: "contents text-text-secondary", children: /* @__PURE__ */ jsx60(Link, { href: linked.href, variant: "quiet", cover: true, truncate: true, children: linked.body ?? linked.title }) })
+    ] }) : /* @__PURE__ */ jsxs41(Fragment15, { children: [
+      linked.key && /* @__PURE__ */ jsx60(LinkKey, { children: linked.key }),
+      /* @__PURE__ */ jsx60("span", { className: "contents text-body-2-strong text-text-primary", children: /* @__PURE__ */ jsx60(Link, { href: linked.href, variant: "quiet", cover: true, truncate: true, className: "min-w-0 flex-1", children: linked.title }) })
+    ] }),
+    linked.updated && /* @__PURE__ */ jsx60("span", { className: "shrink-0 text-caption text-text-secondary", children: linked.updated }),
+    linked.conversation && (linked.conversation.unread || linked.kind === "topic") && /* @__PURE__ */ jsx60(CommentCount, { conversation: linked.conversation, noun: linked.conversation.noun }),
+    status?.colour && !linked.done && /* @__PURE__ */ jsx60(StatusMark, { status: { label: status.label, colour: status.colour } }),
+    linked.done && /* @__PURE__ */ jsx60(ProgressRing, { done: linked.done.done, total: linked.done.total }),
+    owner && /* @__PURE__ */ jsx60(Avatar, { name: owner.label, src: owner.picture, size: 16 }),
+    linked.members && /* @__PURE__ */ jsx60(AvatarGroup, { members: linked.members, size: 16 }),
+    linked.authors && /* @__PURE__ */ jsx60(AvatarGroup, { members: linked.authors, size: 16 })
+  ] });
+  return preview ? /* @__PURE__ */ jsx60(LinkPreview, { linked, block: true, children: row }) : row;
+}
+
+// src/LinkCard.tsx
+import { Fragment as Fragment16, jsx as jsx61, jsxs as jsxs42 } from "react/jsx-runtime";
+function LinkCard({ link, readOnly = false, bare = false }) {
+  if (link.state === "loading") return /* @__PURE__ */ jsx61(LinkCardLoading, { kind: link.kind, shape: link.shape });
+  if (link.state === "unavailable") return /* @__PURE__ */ jsx61(LinkUnavailable, { kind: link.kind, noun: link.noun, openIn: link.openIn });
+  const { linked } = link;
+  const body = linked.kind === "message" && linked.author ? /* @__PURE__ */ jsx61(SaidBody, { linked }) : /* @__PURE__ */ jsx61(CardBody, { linked, readOnly });
+  if (bare) return /* @__PURE__ */ jsx61("div", { className: "flex flex-col gap-2 p-3", children: body });
+  return /* @__PURE__ */ jsx61(Card, { fill: "inset", className: "flex flex-col gap-2 p-3", children: body });
+}
+function CardBody({ linked, readOnly }) {
+  return /* @__PURE__ */ jsxs42(Fragment16, { children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex min-h-[19.6px] items-center gap-2", children: [
+      /* @__PURE__ */ jsx61("span", { className: "flex min-w-0 flex-1 text-body-2-strong text-text-primary", children: /* @__PURE__ */ jsxs42(Link, { href: linked.href, variant: "quiet", className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        /* @__PURE__ */ jsx61(LinkedIcon, { kind: linked.kind }),
+        /* @__PURE__ */ jsx61("span", { className: "truncate", children: linked.title })
+      ] }) }),
+      linked.done && /* @__PURE__ */ jsx61(ProgressRing, { done: linked.done.done, total: linked.done.total }),
+      linked.members && /* @__PURE__ */ jsx61(AvatarGroup, { members: linked.members, size: 16 })
+    ] }),
+    (linked.key || linked.subtitle) && /* @__PURE__ */ jsx61("p", { className: "-mt-1 pl-6 text-caption text-text-secondary", children: [linked.key, linked.subtitle].filter(Boolean).join(" \xB7 ") }),
+    linked.summary && /* @__PURE__ */ jsx61("p", { className: "line-clamp-2 text-body-2 text-text-secondary", children: linked.summary }),
+    linked.children && linked.children.length > 0 && /* @__PURE__ */ jsx61("div", { className: "flex flex-col divide-y divide-border-subtle rounded-md border border-border-subtle leaf:divide-border-strong leaf:border-border-strong", children: linked.children.map((child) => /* @__PURE__ */ jsxs42("div", { className: "relative flex h-8 items-center gap-2 px-2 hover:bg-bg-active", children: [
+      /* @__PURE__ */ jsx61(StatusMark, { status: child.status }),
+      child.key && /* @__PURE__ */ jsx61(LinkKey, { children: child.key }),
+      /* @__PURE__ */ jsx61("span", { className: "contents text-body-2 text-text-primary", children: /* @__PURE__ */ jsx61(Link, { href: child.href, variant: "quiet", cover: true, truncate: true, className: "min-w-0 flex-1", children: child.title }) }),
+      child.owner ? /* @__PURE__ */ jsx61(Avatar, { name: child.owner.name, src: child.owner.picture, size: 16 }) : /* @__PURE__ */ jsx61("span", { className: "size-4 shrink-0", "aria-hidden": true })
+    ] }, child.id)) }),
+    linked.latest && /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx61("span", { className: "text-caption text-text-muted", children: "Latest conversation" }),
+      /* @__PURE__ */ jsxs42("div", { className: "flex gap-2 rounded-md border border-border-subtle p-2 leaf:border-border-strong", children: [
+        /* @__PURE__ */ jsx61(Avatar, { name: linked.latest.author.name, src: linked.latest.author.picture, size: 16 }),
+        /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs42("div", { className: "flex items-baseline gap-2 text-caption", children: [
+            /* @__PURE__ */ jsx61("span", { className: "text-text-primary", children: linked.latest.author.name }),
+            /* @__PURE__ */ jsx61("span", { className: "text-text-muted", children: linked.latest.at })
+          ] }),
+          /* @__PURE__ */ jsx61("p", { className: "line-clamp-2 text-body-2 text-text-secondary", children: linked.latest.body })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs42("div", { className: "flex min-h-6 items-center gap-2 border-t border-border-subtle pt-2 leaf:border-border-strong", children: [
+      (linked.status || linked.owner) && /* @__PURE__ */ jsx61(LinkPickers, { status: linked.status, owner: linked.owner, ownerLabel: linked.ownerLabel, readOnly }),
+      linked.authors ? /* @__PURE__ */ jsxs42("span", { className: "flex min-w-0 items-center gap-2 text-caption text-text-secondary", children: [
+        /* @__PURE__ */ jsx61(AvatarGroup, { members: linked.authors, size: 16 }),
+        linked.updated && /* @__PURE__ */ jsx61("span", { className: "shrink-0", children: linked.updated })
+      ] }) : !linked.status && !linked.owner && linked.updated && /* @__PURE__ */ jsxs42("span", { className: "text-caption text-text-secondary", children: [
+        "Updated ",
+        linked.updated
+      ] }),
+      linked.conversation && /* @__PURE__ */ jsx61("span", { className: "ml-auto flex", children: /* @__PURE__ */ jsx61(CommentCount, { conversation: linked.conversation, noun: linked.conversation.noun }) })
+    ] })
+  ] });
+}
+function SaidBody({ linked }) {
+  const author = linked.author;
+  return /* @__PURE__ */ jsxs42(Fragment16, { children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx61(Avatar, { name: author.name, src: author.picture, size: 24 }),
+      /* @__PURE__ */ jsx61("span", { className: "text-body-2-strong text-text-primary", children: author.name }),
+      /* @__PURE__ */ jsx61("span", { className: "text-caption text-text-muted", children: /* @__PURE__ */ jsx61(Link, { href: linked.href, variant: "quiet", children: linked.updated ?? "Open" }) })
+    ] }),
+    /* @__PURE__ */ jsx61("p", { className: "line-clamp-4 text-body-2 text-text-primary", children: linked.body ?? linked.title })
+  ] });
+}
+var KIND_SHAPE = {
+  issue: { subtitle: true, summary: true, footer: "pickers" },
+  project: { subtitle: false, summary: true, rows: 3, ring: true, footer: "pickers" },
+  topic: { summary: true, latest: true, footer: "line" },
+  page: { subtitle: true, summary: true, footer: "people" },
+  file: { summary: false, footer: "line" },
+  message: { summary: true, footer: "none" }
+};
+function LinkCardLoading({ kind, shape }) {
+  const { subtitle = false, summary = true, rows = 0, latest = false, ring = false, footer = "line" } = shape ?? KIND_SHAPE[kind];
+  return /* @__PURE__ */ jsx61("div", { className: "animate-skeleton-in", "aria-busy": true, children: /* @__PURE__ */ jsxs42(Card, { fill: "inset", "aria-hidden": true, className: "flex flex-col gap-2 p-3", children: [
+    /* @__PURE__ */ jsxs42("div", { className: "flex h-[19.6px] items-center gap-2", children: [
+      /* @__PURE__ */ jsx61(LinkedIcon, { kind }),
+      /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3.5 w-1/2" }),
+      ring && /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", shape: "round", className: "ml-auto size-4" })
+    ] }),
+    subtitle && /* @__PURE__ */ jsx61("div", { className: "-mt-1 flex h-[14.4px] items-center pl-6", children: /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-2.5 w-20" }) }),
+    summary && /* @__PURE__ */ jsx61("div", { className: "flex h-[19.6px] items-center", children: /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-4/5" }) }),
+    rows > 0 && /* @__PURE__ */ jsx61("div", { className: "flex flex-col divide-y divide-border-subtle rounded-md border border-border-subtle leaf:divide-border-strong leaf:border-border-strong", children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx61("div", { className: "flex h-8 items-center px-2", children: /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-1/3" }) }, i)) }),
+    latest && /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx61("div", { className: "flex h-[14.4px] items-center", children: /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-2.5 w-28" }) }),
+      /* @__PURE__ */ jsxs42("div", { className: "flex h-[71.6px] flex-col justify-center gap-2 rounded-md border border-border-subtle p-2 leaf:border-border-strong", children: [
+        /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-2.5 w-24" }),
+        /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-full" }),
+        /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-3/5" })
+      ] })
+    ] }),
+    footer !== "none" && /* @__PURE__ */ jsx61("div", { className: "flex min-h-6 items-center gap-2 border-t border-border-subtle pt-2 leaf:border-border-strong", children: footer === "pickers" ? /* @__PURE__ */ jsxs42(Fragment16, { children: [
+      /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", shape: "control", className: "h-6 w-24" }),
+      /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", shape: "control", className: "h-6 w-28" })
+    ] }) : footer === "people" ? /* @__PURE__ */ jsxs42(Fragment16, { children: [
+      /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", shape: "round", className: "size-4" }),
+      /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-40" })
+    ] }) : /* @__PURE__ */ jsx61(SkeletonBar, { on: "inset", className: "h-3 w-40" }) })
+  ] }) });
+}
+
+// src/LinkPreview.tsx
+import { Fragment as Fragment17, jsx as jsx62 } from "react/jsx-runtime";
+var HOVER = "(hover: hover)";
+function subscribe(onChange) {
+  if (typeof window === "undefined" || !window.matchMedia) return () => {
+  };
+  const query = window.matchMedia(HOVER);
+  query.addEventListener("change", onChange);
+  return () => query.removeEventListener("change", onChange);
+}
+function useCanHover() {
+  return useSyncExternalStore(
+    subscribe,
+    () => typeof window === "undefined" || !window.matchMedia ? true : window.matchMedia(HOVER).matches,
+    () => true
+  );
+}
+function LinkPreview({ linked, block = false, children }) {
+  const canHover = useCanHover();
+  if (!canHover) return /* @__PURE__ */ jsx62(Fragment17, { children });
+  return /* @__PURE__ */ jsx62(PreviewCard, { side: "bottom", content: /* @__PURE__ */ jsx62(LinkCard, { link: { state: "ready", linked }, bare: true, readOnly: true }), wrapperClassName: block ? "grid w-full min-w-0 grid-cols-[minmax(0,1fr)]" : "max-w-full", children });
+}
+function LinkPreviewOpen({ linked }) {
+  return /* @__PURE__ */ jsx62(MenuPanel, { className: "w-[360px] p-0", children: /* @__PURE__ */ jsx62(LinkCard, { link: { state: "ready", linked }, bare: true, readOnly: true }) });
+}
+
+// src/LinkChip.tsx
+import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+function LinkChip({ link, preview = true }) {
+  if (link.state === "loading") {
+    return /* @__PURE__ */ jsx63(InlineChip, { icon: /* @__PURE__ */ jsx63(LinkedIcon, { kind: link.kind, size: 14, tone: "inherit" }), "aria-busy": true, children: /* @__PURE__ */ jsx63(SkeletonBar, { className: "h-2.5 w-16" }) });
+  }
+  if (link.state === "unavailable") {
+    return /* @__PURE__ */ jsxs43(InlineChip, { tone: "muted", icon: /* @__PURE__ */ jsx63(LinkedIcon, { kind: link.kind, size: 14, tone: "inherit" }), children: [
+      link.noun,
+      ", not available"
+    ] });
+  }
+  const { linked } = link;
+  const status = chosenOf(linked.status);
+  const said = linked.kind === "message" && linked.author;
+  const chip = /* @__PURE__ */ jsxs43(
+    InlineChip,
+    {
+      icon: said ? /* @__PURE__ */ jsx63(Avatar, { name: said.name, src: said.picture, size: 16 }) : /* @__PURE__ */ jsx63(LinkedIcon, { kind: linked.kind, size: 14, tone: "inherit" }),
+      href: linked.href,
+      className: "max-w-[28ch]",
+      children: [
+        linked.key && /* @__PURE__ */ jsx63(LinkKey, { children: linked.key }),
+        /* @__PURE__ */ jsx63("span", { className: "truncate", children: said ? `${said.name}: ${linked.body ?? linked.title}` : linked.title }),
+        status?.colour && /* @__PURE__ */ jsx63(StatusMark, { status: { label: status.label, colour: status.colour } })
+      ]
+    }
+  );
+  return preview ? /* @__PURE__ */ jsx63(LinkPreview, { linked, children: chip }) : chip;
+}
+
+// src/CardUnder.tsx
+import { IconX as IconX6 } from "@tabler/icons-react";
+import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+function CardUnder({ link, onRemove, revealOnHover = false }) {
+  return /* @__PURE__ */ jsxs44("div", { className: "group/card flex max-w-[480px] items-start gap-1", children: [
+    /* @__PURE__ */ jsx64("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx64(LinkCard, { link }) }),
+    onRemove && // At the card's top corner: halfway down a tall card a ✕ reads as belonging to nothing.
+    /* @__PURE__ */ jsx64(
+      "div",
+      {
+        className: cn(
+          "flex shrink-0 self-start pt-2",
+          revealOnHover && "opacity-0 transition-opacity group-hover/card:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100"
+        ),
+        children: /* @__PURE__ */ jsx64(IconButton, { "aria-label": "Remove card", tooltip: "Remove card", onClick: onRemove, children: /* @__PURE__ */ jsx64(IconX6, { size: 16 }) })
+      }
+    )
+  ] });
+}
+
+// src/PartCard.tsx
+import { Fragment as Fragment18, jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
+function PartCard({ state = "ready", kind, heading, href, partKey, noun = "Item", openIn, children }) {
+  if (state === "loading") return /* @__PURE__ */ jsx65(LinkCardLoading, { kind, shape: { summary: true, rows: 0, footer: "none" } });
+  if (state === "unavailable") return /* @__PURE__ */ jsx65(LinkUnavailable, { kind, noun: `A part of this ${noun.toLowerCase()}`, openIn });
+  const header = /* @__PURE__ */ jsxs45(Fragment18, { children: [
+    /* @__PURE__ */ jsx65(LinkedIcon, { kind }),
+    partKey && /* @__PURE__ */ jsx65(LinkKey, { children: partKey }),
+    /* @__PURE__ */ jsx65("span", { className: "truncate", children: heading })
+  ] });
+  return /* @__PURE__ */ jsxs45(Card, { fill: "inset", className: "flex flex-col gap-2 p-3", children: [
+    /* @__PURE__ */ jsx65("span", { className: "flex min-w-0 items-center gap-2 text-body-2-strong text-text-primary", children: href ? /* @__PURE__ */ jsx65(Link, { href, variant: "quiet", className: "flex min-w-0 items-center gap-2", children: header }) : header }),
+    /* @__PURE__ */ jsx65("div", { className: "border-l-2 border-border-default pl-3", children })
+  ] });
+}
+
 // src/Rail.tsx
-import { jsx as jsx59 } from "react/jsx-runtime";
+import { jsx as jsx66 } from "react/jsx-runtime";
 function Rail({ "aria-label": ariaLabel = "Navigation", children, className }) {
-  return /* @__PURE__ */ jsx59("nav", { "aria-label": ariaLabel, className: cn("flex w-16 shrink-0 flex-col items-start gap-2 px-2 py-3", className), children });
+  return /* @__PURE__ */ jsx66("nav", { "aria-label": ariaLabel, className: cn("flex w-16 shrink-0 flex-col items-start gap-2 px-2 py-3", className), children });
 }
 
 // src/RailItem.tsx
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
 function RailItem({ href, icon, label, active = false, className, onClick, ...props }) {
   const inApp = useInAppClick(href, onClick);
-  return /* @__PURE__ */ jsxs40(
+  return /* @__PURE__ */ jsxs46(
     "a",
     {
       href,
@@ -4040,14 +4430,14 @@ function RailItem({ href, icon, label, active = false, className, onClick, ...pr
       ...props,
       onClick: inApp,
       children: [
-        /* @__PURE__ */ jsx60(
+        /* @__PURE__ */ jsx67(
           "div",
           {
             className: cn(
               "flex items-center justify-center rounded-lg p-2 transition-colors",
               active ? "bg-bg-selected" : "group-hover:bg-bg-hover"
             ),
-            children: /* @__PURE__ */ jsx60(
+            children: /* @__PURE__ */ jsx67(
               "span",
               {
                 className: cn(
@@ -4059,14 +4449,14 @@ function RailItem({ href, icon, label, active = false, className, onClick, ...pr
             )
           }
         ),
-        /* @__PURE__ */ jsx60("span", { className: cn("text-center text-menu", active ? "text-text-primary" : "text-text-secondary"), children: label })
+        /* @__PURE__ */ jsx67("span", { className: cn("text-center text-menu", active ? "text-text-primary" : "text-text-secondary"), children: label })
       ]
     }
   );
 }
 
 // src/Property.tsx
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
 var VALUE_CLASSES = "contents";
 function Property({ label, layout = "row", children, className }) {
   if (layout === "stacked") {
@@ -4074,25 +4464,25 @@ function Property({ label, layout = "row", children, className }) {
       // gap-3 — the one label-above-content distance (Katerina, 2026-09-01):
       // Peek's topic-details sections already sit at 12px, Ship's rail was
       // 6px, and unifying means the bigger, calmer one.
-      /* @__PURE__ */ jsxs41("dl", { className: cn("flex flex-col gap-3", className), children: [
-        /* @__PURE__ */ jsx61("dt", { className: "text-menu uppercase tracking-widest text-text-secondary", children: label }),
-        /* @__PURE__ */ jsx61("dd", { className: VALUE_CLASSES, children })
+      /* @__PURE__ */ jsxs47("dl", { className: cn("flex flex-col gap-3", className), children: [
+        /* @__PURE__ */ jsx68("dt", { className: "text-menu uppercase tracking-widest text-text-secondary", children: label }),
+        /* @__PURE__ */ jsx68("dd", { className: VALUE_CLASSES, children })
       ] })
     );
   }
-  return /* @__PURE__ */ jsxs41("dl", { className: cn("flex items-center gap-2", className), children: [
-    /* @__PURE__ */ jsx61("dt", { className: "w-[68px] shrink-0 text-caption text-text-secondary", children: label }),
-    /* @__PURE__ */ jsx61("dd", { className: VALUE_CLASSES, children })
+  return /* @__PURE__ */ jsxs47("dl", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsx68("dt", { className: "w-[68px] shrink-0 text-caption text-text-secondary", children: label }),
+    /* @__PURE__ */ jsx68("dd", { className: VALUE_CLASSES, children })
   ] });
 }
 
 // src/Reaction.tsx
 import { Toggle as Toggle2 } from "@base-ui/react/toggle";
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs48 } from "react/jsx-runtime";
 function Reaction({ emoji, count, pressed = false, className, ...props }) {
   return (
     // @estiva-escape(no-copied-look): W1 (Katerina, 24 September: leave alone): a reaction pill shares four words with a field's box by coincidence
-    /* @__PURE__ */ jsxs42(
+    /* @__PURE__ */ jsxs48(
       Toggle2,
       {
         pressed,
@@ -4114,8 +4504,8 @@ function Reaction({ emoji, count, pressed = false, className, ...props }) {
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx62("span", { "aria-hidden": "true", className: "shrink-0 text-body-1 leading-none", children: emoji }),
-          /* @__PURE__ */ jsx62("span", { className: CHIP_TEXT_CLASSES, children: count })
+          /* @__PURE__ */ jsx69("span", { "aria-hidden": "true", className: "shrink-0 text-body-1 leading-none", children: emoji }),
+          /* @__PURE__ */ jsx69("span", { className: CHIP_TEXT_CLASSES, children: count })
         ]
       }
     )
@@ -4125,9 +4515,9 @@ function Reaction({ emoji, count, pressed = false, className, ...props }) {
 // src/SearchInput.tsx
 import "react";
 import { Input as Input3 } from "@base-ui/react/input";
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs49 } from "react/jsx-runtime";
 function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...props }) {
-  return /* @__PURE__ */ jsxs43(
+  return /* @__PURE__ */ jsxs49(
     "div",
     {
       className: cn(
@@ -4139,7 +4529,7 @@ function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...pro
         className
       ),
       children: [
-        /* @__PURE__ */ jsx63(
+        /* @__PURE__ */ jsx70(
           Input3,
           {
             className: cn("flex-1 min-w-0 text-input-value", BARE_INPUT_CLASSES),
@@ -4147,42 +4537,42 @@ function SearchInput({ shortcut, className, placeholder = "Search\u2026", ...pro
             ...props
           }
         ),
-        shortcut && /* @__PURE__ */ jsx63(Kbd, { children: shortcut })
+        shortcut && /* @__PURE__ */ jsx70(Kbd, { children: shortcut })
       ]
     }
   );
 }
 
 // src/Panel.tsx
-import { jsx as jsx64, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs50 } from "react/jsx-runtime";
 function Frame({ title, chevron = false, actions, children, footer, bodyClassName, bodyRef, onBodyScroll, className, broken = false }) {
-  return /* @__PURE__ */ jsxs44("div", { className: cn("flex h-full min-h-0 flex-1 flex-col", className), children: [
-    /* @__PURE__ */ jsx64(ContainerHeader, { title, chevron, actions }),
+  return /* @__PURE__ */ jsxs50("div", { className: cn("flex h-full min-h-0 flex-1 flex-col", className), children: [
+    /* @__PURE__ */ jsx71(ContainerHeader, { title, chevron, actions }),
     broken ? (
       // The message takes the room the body had and centres itself in it.
-      /* @__PURE__ */ jsx64("div", { className: "flex min-h-0 flex-1 flex-col px-4", children })
-    ) : /* @__PURE__ */ jsx64(ScrollArea, { className: "min-h-0 flex-1", contentClassName: bodyClassName, viewportRef: bodyRef, onScroll: onBodyScroll, children }),
-    !broken && footer && /* @__PURE__ */ jsx64("div", { className: "shrink-0", children: footer })
+      /* @__PURE__ */ jsx71("div", { className: "flex min-h-0 flex-1 flex-col px-4", children })
+    ) : /* @__PURE__ */ jsx71(ScrollArea, { className: "min-h-0 flex-1", contentClassName: bodyClassName, viewportRef: bodyRef, onScroll: onBodyScroll, children }),
+    !broken && footer && /* @__PURE__ */ jsx71("div", { className: "shrink-0", children: footer })
   ] });
 }
 function Panel(props) {
-  return /* @__PURE__ */ jsx64(
+  return /* @__PURE__ */ jsx71(
     ErrorBoundary,
     {
       label: "panel",
       frame: (message) => (
         // Only the name comes back with the message: the actions and the footer may be what threw.
-        /* @__PURE__ */ jsx64(Frame, { title: props.title, chevron: props.chevron, className: props.className, broken: true, children: message })
+        /* @__PURE__ */ jsx71(Frame, { title: props.title, chevron: props.chevron, className: props.className, broken: true, children: message })
       ),
-      children: /* @__PURE__ */ jsx64(Frame, { ...props })
+      children: /* @__PURE__ */ jsx71(Frame, { ...props })
     }
   );
 }
 
 // src/ListColumn.tsx
-import { jsx as jsx65, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs51 } from "react/jsx-runtime";
 function Column({ title, chevron = false, titleMenu, actions, above, collapsed = false, children, className, broken = false }) {
-  return /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsxs51(
     "div",
     {
       className: cn(
@@ -4193,35 +4583,35 @@ function Column({ title, chevron = false, titleMenu, actions, above, collapsed =
       ),
       "data-collapsed": collapsed || void 0,
       children: [
-        /* @__PURE__ */ jsx65(ContainerHeader, { title, chevron, titleMenu, actions }),
+        /* @__PURE__ */ jsx72(ContainerHeader, { title, chevron, titleMenu, actions }),
         above,
         broken ? (
           // The message takes the room the list had and centres itself in it (Katerina, 19 September).
-          /* @__PURE__ */ jsx65("div", { className: "flex min-h-0 flex-1 flex-col px-3", children })
-        ) : /* @__PURE__ */ jsx65(ScrollArea, { className: "flex-1", contentClassName: "flex flex-col gap-0.5 px-3 pt-4 pb-3", children })
+          /* @__PURE__ */ jsx72("div", { className: "flex min-h-0 flex-1 flex-col px-3", children })
+        ) : /* @__PURE__ */ jsx72(ScrollArea, { className: "flex-1", contentClassName: "flex flex-col gap-0.5 px-3 pt-4 pb-3", children })
       ]
     }
   );
 }
 function ListColumn(props) {
-  return /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx72(
     ErrorBoundary,
     {
       label: "list panel",
       frame: (message) => (
         // Only the name comes back with the message: the actions and the row above may be what threw.
-        /* @__PURE__ */ jsx65(Column, { title: props.title, chevron: props.chevron, collapsed: props.collapsed, className: props.className, broken: true, children: message })
+        /* @__PURE__ */ jsx72(Column, { title: props.title, chevron: props.chevron, collapsed: props.collapsed, className: props.className, broken: true, children: message })
       ),
-      children: /* @__PURE__ */ jsx65(Column, { ...props })
+      children: /* @__PURE__ */ jsx72(Column, { ...props })
     }
   );
 }
 
 // src/Tabs.tsx
 import { Tabs as BaseTabs } from "@base-ui/react/tabs";
-import { Fragment as Fragment15, jsx as jsx66, jsxs as jsxs46 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx73, jsxs as jsxs52 } from "react/jsx-runtime";
 function Tabs({ tabs, active, onChange, size = "default", className, ...aria }) {
-  return /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx73(
     BaseTabs.Root,
     {
       value: active,
@@ -4229,14 +4619,14 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
         if (details.reason === "none") onChange(value);
       },
       className,
-      children: /* @__PURE__ */ jsx66(
+      children: /* @__PURE__ */ jsx73(
         BaseTabs.List,
         {
           activateOnFocus: true,
           "aria-label": aria["aria-label"],
           "aria-labelledby": aria["aria-labelledby"],
           className: "flex items-center gap-2",
-          children: tabs.map((tab) => /* @__PURE__ */ jsxs46(
+          children: tabs.map((tab) => /* @__PURE__ */ jsxs52(
             BaseTabs.Tab,
             {
               value: tab.id,
@@ -4249,13 +4639,13 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
               ),
               children: [
                 tab.icon,
-                /* @__PURE__ */ jsxs46("span", { className: "flex items-baseline", children: [
+                /* @__PURE__ */ jsxs52("span", { className: "flex items-baseline", children: [
                   tab.label,
-                  tab.count !== void 0 ? /* @__PURE__ */ jsx66("span", { className: "ml-2.5 font-mono text-caption tabular-nums text-text-secondary", children: tab.count }) : null
+                  tab.count !== void 0 ? /* @__PURE__ */ jsx73("span", { className: "ml-2.5 font-mono text-caption tabular-nums text-text-secondary", children: tab.count }) : null
                 ] }),
-                tab.unread ? /* @__PURE__ */ jsxs46(Fragment15, { children: [
-                  /* @__PURE__ */ jsx66(UnreadDot, { className: "h-auto w-auto" }),
-                  /* @__PURE__ */ jsx66("span", { className: "sr-only", children: "new" })
+                tab.unread ? /* @__PURE__ */ jsxs52(Fragment19, { children: [
+                  /* @__PURE__ */ jsx73(UnreadDot, { className: "h-auto w-auto" }),
+                  /* @__PURE__ */ jsx73("span", { className: "sr-only", children: "new" })
                 ] }) : null
               ]
             },
@@ -4270,8 +4660,8 @@ function Tabs({ tabs, active, onChange, size = "default", className, ...aria })
 // src/Toast.tsx
 import { createContext as createContext7, useContext as useContext7, useMemo as useMemo6 } from "react";
 import { Toast as BaseToast } from "@base-ui/react/toast";
-import { IconAlertCircle as IconAlertCircle2, IconCircleCheck, IconCircleX } from "@tabler/icons-react";
-import { jsx as jsx67, jsxs as jsxs47 } from "react/jsx-runtime";
+import { IconAlertCircle as IconAlertCircle2, IconCircleCheck as IconCircleCheck2, IconCircleX as IconCircleX2 } from "@tabler/icons-react";
+import { jsx as jsx74, jsxs as jsxs53 } from "react/jsx-runtime";
 var SURFACE_STYLES = {
   success: "bg-success-muted signal:bg-bg-inset signal:border signal:border-border-default signal:shadow-md leaf:bg-bg-inset leaf:border leaf:border-border-default leaf:shadow-md",
   brand: "bg-accent-muted signal:bg-bg-inset signal:border signal:border-border-default signal:shadow-md leaf:bg-bg-inset leaf:border leaf:border-border-default leaf:shadow-md",
@@ -4280,11 +4670,11 @@ var SURFACE_STYLES = {
   error: "bg-error-muted signal:bg-bg-inset signal:border signal:border-border-default signal:shadow-md leaf:bg-bg-inset leaf:border leaf:border-border-default leaf:shadow-md"
 };
 var ICONS2 = {
-  success: IconCircleCheck,
-  brand: IconCircleCheck,
-  neutral: IconCircleCheck,
+  success: IconCircleCheck2,
+  brand: IconCircleCheck2,
+  neutral: IconCircleCheck2,
   warning: IconAlertCircle2,
-  error: IconCircleX
+  error: IconCircleX2
 };
 var ICON_STYLES = {
   success: "signal:text-success-default signal:drop-shadow-glow-success",
@@ -4307,16 +4697,16 @@ var pillClassName = (type, hasAction, className) => cn(
 );
 function LeadingIcon({ type }) {
   const Icon = ICONS2[type];
-  return /* @__PURE__ */ jsx67(Icon, { size: 16, stroke: 1.5, className: cn("text-text-primary shrink-0", ICON_STYLES[type]) });
+  return /* @__PURE__ */ jsx74(Icon, { size: 16, stroke: 1.5, className: cn("text-text-primary shrink-0", ICON_STYLES[type]) });
 }
 function Toast({ label, type = "neutral", leadingIcon = true, actionLabel, onAction, className }) {
   const hasAction = !!(actionLabel && onAction);
-  return /* @__PURE__ */ jsxs47("div", { className: pillClassName(type, hasAction, className), children: [
-    /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2 shrink-0", children: [
-      leadingIcon && /* @__PURE__ */ jsx67(LeadingIcon, { type }),
-      /* @__PURE__ */ jsx67("span", { className: LABEL_CLASSES, children: label })
+  return /* @__PURE__ */ jsxs53("div", { className: pillClassName(type, hasAction, className), children: [
+    /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2 shrink-0", children: [
+      leadingIcon && /* @__PURE__ */ jsx74(LeadingIcon, { type }),
+      /* @__PURE__ */ jsx74("span", { className: LABEL_CLASSES, children: label })
     ] }),
-    hasAction && /* @__PURE__ */ jsx67(Button, { variant: "outlined", size: "small", onClick: onAction, children: actionLabel })
+    hasAction && /* @__PURE__ */ jsx74(Button, { variant: "outlined", size: "small", onClick: onAction, children: actionLabel })
   ] });
 }
 var ToastContext = createContext7(null);
@@ -4337,9 +4727,9 @@ function ToastProvider({ children }) {
     }),
     [manager]
   );
-  return /* @__PURE__ */ jsx67(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs47(BaseToast.Provider, { toastManager: manager, limit: VISIBLE_TOASTS, children: [
+  return /* @__PURE__ */ jsx74(ToastContext.Provider, { value, children: /* @__PURE__ */ jsxs53(BaseToast.Provider, { toastManager: manager, limit: VISIBLE_TOASTS, children: [
     children,
-    /* @__PURE__ */ jsx67(BaseToast.Portal, { children: /* @__PURE__ */ jsx67(BaseToast.Viewport, { className: "fixed bottom-4 left-4 z-[100] flex flex-col-reverse items-start gap-2 pointer-events-none", children: /* @__PURE__ */ jsx67(ToastList, {}) }) })
+    /* @__PURE__ */ jsx74(BaseToast.Portal, { children: /* @__PURE__ */ jsx74(BaseToast.Viewport, { className: "fixed bottom-4 left-4 z-[100] flex flex-col-reverse items-start gap-2 pointer-events-none", children: /* @__PURE__ */ jsx74(ToastList, {}) }) })
   ] }) });
 }
 function ToastList() {
@@ -4347,25 +4737,25 @@ function ToastList() {
   return toasts.map((toast) => {
     const type = toast.type ?? "neutral";
     const { leadingIcon = true, actionLabel, onAction } = toast.data ?? {};
-    return /* @__PURE__ */ jsxs47(
+    return /* @__PURE__ */ jsxs53(
       BaseToast.Root,
       {
         toast,
         swipeDirection: ["left", "down"],
         className: pillClassName(type, !!actionLabel, "pointer-events-auto data-[limited]:hidden"),
         children: [
-          /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2 shrink-0", children: [
-            leadingIcon && /* @__PURE__ */ jsx67(LeadingIcon, { type }),
-            /* @__PURE__ */ jsx67(BaseToast.Title, { render: /* @__PURE__ */ jsx67("span", {}), className: LABEL_CLASSES })
+          /* @__PURE__ */ jsxs53("div", { className: "flex items-center gap-2 shrink-0", children: [
+            leadingIcon && /* @__PURE__ */ jsx74(LeadingIcon, { type }),
+            /* @__PURE__ */ jsx74(BaseToast.Title, { render: /* @__PURE__ */ jsx74("span", {}), className: LABEL_CLASSES })
           ] }),
-          actionLabel && /* @__PURE__ */ jsx67(
+          actionLabel && /* @__PURE__ */ jsx74(
             BaseToast.Action,
             {
               onClick: () => {
                 onAction?.();
                 close(toast.id);
               },
-              render: /* @__PURE__ */ jsx67(Button, { variant: "outlined", size: "small", children: actionLabel })
+              render: /* @__PURE__ */ jsx74(Button, { variant: "outlined", size: "small", children: actionLabel })
             }
           )
         ]
@@ -4390,6 +4780,7 @@ export {
   Breadcrumb,
   Button,
   Card,
+  CardUnder,
   Checkbox,
   Chip,
   ChipInput,
@@ -4401,6 +4792,7 @@ export {
   CommandPaletteQuote,
   CommandPaletteSearch,
   CommandPaletteWorking,
+  CommentCount,
   ConfirmDialog,
   ContainerHeader,
   DialogShell,
@@ -4424,6 +4816,16 @@ export {
   KindIcon,
   Lightbox,
   Link,
+  LinkCard,
+  LinkCardLoading,
+  LinkChip,
+  LinkKey,
+  LinkPickers,
+  LinkPreview,
+  LinkPreviewOpen,
+  LinkRow,
+  LinkUnavailable,
+  LinkedIcon,
   ListColumn,
   MembersDialog,
   MembersPill,
@@ -4438,11 +4840,13 @@ export {
   NavTree,
   NavTreeSection,
   Panel,
+  PartCard,
   Person,
   PersonTrigger,
   Popover,
   PreviewCard,
   ProgressBar,
+  ProgressRing,
   Property,
   Rail,
   RailItem,
@@ -4459,6 +4863,7 @@ export {
   SkeletonBar,
   SkeletonList,
   SkeletonRow,
+  StatusMark,
   SuggestionMenu,
   Tabs,
   TextInput,
@@ -4477,14 +4882,18 @@ export {
   WithTooltip,
   blockAtY,
   calloutLook,
+  chosenOf,
   cn,
   hueFor,
   initialsFor,
   inlineChipClassName,
   isApplePlatform,
+  loadingShapeOf,
   richTextClassName,
   shortcutLabel,
   thingKindOf,
+  unavailableMemory,
+  useCanHover,
   useToast
 };
 //# sourceMappingURL=index.js.map