@opengeni/react 4.6.1 → 4.6.2-canary.39854174564001

package/dist/{chunk-F4B2YYCN.js → chunk-TAWFXRXB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   TimelineAnnotationsChip
-} from "./chunk-3ZZOE4SN.js";
+} from "./chunk-LOCDYMD6.js";
 import {
   Actions,
   AlternateSendButton,
@@ -26,7 +26,7 @@ import {
   StopButton,
   Surface,
   useChatComposerController
-} from "./chunk-MB2DTUEG.js";
+} from "./chunk-DNYKLU3K.js";
 
 // src/components/chat-composer.tsx
 import { LayoutGroup, motion } from "motion/react";
@@ -191,4 +191,4 @@ function ChatComposer({
 export {
   ChatComposer
 };
-//# sourceMappingURL=chunk-F4B2YYCN.js.map
+//# sourceMappingURL=chunk-TAWFXRXB.js.map

package/dist/{chunk-G3FU2IF7.js → chunk-TB7UW5BB.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   ArtifactButton
-} from "./chunk-6N7W3TOV.js";
+} from "./chunk-63BPMTBM.js";
 import {
   cn
 } from "./chunk-TXS65BB2.js";
 import {
   useOpenGeniText
-} from "./chunk-S6WJ6TUT.js";
+} from "./chunk-ZEVJGMNB.js";
 
 // src/components/artifacts/artifact-surface.tsx
 import {
@@ -336,4 +336,4 @@ export {
   asEditableArtifactError,
   EditableArtifactDownloadButton
 };
-//# sourceMappingURL=chunk-G3FU2IF7.js.map
+//# sourceMappingURL=chunk-TB7UW5BB.js.map

package/dist/{chunk-NF6Q4XTN.js → chunk-TQF2I5SY.js}

@@ -4,14 +4,14 @@ import {
 } from "./chunk-HUKUDAIP.js";
 import {
   composerConnectorOptions
-} from "./chunk-7JZSFJHB.js";
+} from "./chunk-3OJU3RUR.js";
 import {
   capabilityReconnectPlan,
   connectionHealth
 } from "./chunk-22NENBA3.js";
 import {
   ComposerMobilePlus
-} from "./chunk-GTR2WUBA.js";
+} from "./chunk-KX6M5CJI.js";
 import {
   hasWorkspacePermission,
   isWorkspacePermissionDenied
@@ -264,4 +264,4 @@ function WorkspaceComposerPlus(props) {
 export {
   WorkspaceComposerPlus
 };
-//# sourceMappingURL=chunk-NF6Q4XTN.js.map
+//# sourceMappingURL=chunk-TQF2I5SY.js.map

package/dist/{chunk-MM7OKOTE.js → chunk-UBXHP224.js}

@@ -334,6 +334,7 @@ function ListRow({
   const gridded = !catalog;
   const hasColumns = gridded && columns.length > 0;
   const expandable = !table && expanded !== void 0;
+  const singleLine = !catalog;
   const presentFacts = columns.filter((column) => cells[column.id] != null);
   const facts = [
     ...presentFacts.filter((column) => column.leadsWhenFolded),
@@ -346,6 +347,7 @@ function ListRow({
     {
       order,
       keep: leads,
+      oneLine: singleLine,
       className: cn(
         hasColumns && "@[640px]/list:hidden",
         // A phone-width line has room for one folded fact (none next to a
@@ -368,16 +370,21 @@ function ListRow({
     ...facts.slice(0, leadingFacts).map((column, index) => foldedFact(column, index, index, true)),
     ...metaItems.map((item, index) => {
       const last = index === metaItems.length - 1;
-      return (
-        // oxlint-disable-next-line react/no-array-index-key -- meta items are positional
-        /* @__PURE__ */ jsx(MetaPart, { order: leadingFacts + index, keep: !last, children: item }, `meta-${index}`)
+      return /* @__PURE__ */ jsx(
+        MetaPart,
+        {
+          order: leadingFacts + index,
+          keep: !last,
+          oneLine: singleLine,
+          children: item
+        },
+        `meta-${index}`
       );
     }),
     ...facts.slice(leadingFacts).map(
       (column, index) => foldedFact(column, leadingFacts + index, leadingFacts + metaItems.length + index, false)
     )
   ];
-  const singleLine = !catalog;
   const statusPart = status ? /* @__PURE__ */ jsx(MetaPart, { keep: true, className: "@[480px]/list:hidden", children: status }, "status") : null;
   const narrowStatePart = singleLine && narrowState ? /* @__PURE__ */ jsx(
     MetaPart,
@@ -558,16 +565,25 @@ function ListRow({
               children: [
                 secondary && !(disabled && disabledReason) ? /* @__PURE__ */ jsx("span", { id: secondaryId, className: "min-w-0 shrink truncate text-fg-muted", children: secondary }) : null,
                 keptLeadParts.length > 0 ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: keptLeadParts }) : null,
-                restLineParts.length > 0 ? /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "flex min-w-0 shrink-[2] items-center overflow-hidden",
-                      // No description: drop the first part's leading dot.
-                      !(secondary && !(disabled && disabledReason)) && "-ml-4"
-                    ),
-                    children: restLineParts
-                  }
+                restLineParts.length > 0 ? (
+                  // One line tall and wrapping: a part with no room for a few
+                  // letters wraps onto the clipped second line and disappears
+                  // whole, instead of staying behind as a lone dot. The empty
+                  // first item lets even the first part wrap away.
+                  /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      className: cn(
+                        "flex h-4.5 min-w-0 shrink-[2] flex-wrap content-start items-center overflow-hidden",
+                        // No description: drop the first part's leading dot.
+                        !(secondary && !(disabled && disabledReason)) && "-ml-4"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "h-4.5 w-0 shrink-0" }),
+                        restLineParts
+                      ]
+                    }
+                  )
                 ) : null,
                 trailingParts.length > 0 ? /* @__PURE__ */ jsx(
                   "span",
@@ -697,15 +713,24 @@ function MetaPart({
   children,
   hidden = false,
   order = 0,
-  keep = false
+  keep = false,
+  oneLine = false
 }) {
+  const sizing = keep ? { flexShrink: 0 } : oneLine ? (
+    // Earlier parts fill to their full width before later ones grow past
+    // their few letters, so the line still gives way from the end.
+    { flexBasis: "3.5rem", flexGrow: 64 ** (4 - Math.min(order, 4)), flexShrink: 0 }
+  ) : { flexShrink: 64 ** Math.min(order, 4) };
   return /* @__PURE__ */ jsxs(
     "span",
     {
       "aria-hidden": hidden || void 0,
-      style: { flexShrink: keep ? 0 : 64 ** Math.min(order, 4) },
+      style: sizing,
       className: cn(
-        "flex max-w-full min-w-0 items-center overflow-hidden whitespace-nowrap",
+        "flex min-w-0 items-center overflow-hidden whitespace-nowrap",
+        // max-content caps the growth; the 3.5rem basis is the most a part
+        // asks for before it fits, so a short fact never gains empty space.
+        oneLine && !keep ? "max-w-max" : "max-w-full",
         className
       ),
       children: [
@@ -779,4 +804,4 @@ export {
   ListRow,
   ListRowSkeleton
 };
-//# sourceMappingURL=chunk-MM7OKOTE.js.map
+//# sourceMappingURL=chunk-UBXHP224.js.map

package/dist/chunk-UBXHP224.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/list-row.tsx"],"sourcesContent":["import {\n  createContext,\n  isValidElement,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  type AnchorHTMLAttributes,\n  type CSSProperties,\n  type MouseEvent,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  ArrowUpRightIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ChevronRightIcon,\n  ChevronsUpDownIcon,\n  CircleAlertIcon,\n  LoaderCircleIcon,\n  MoreHorizontalIcon,\n  PlusIcon,\n} from \"lucide-react\";\n\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from \"./dropdown-menu\";\nimport { LogoTileSizeProvider, type LogoTileSize } from \"./logo-tile\";\nimport { useSectionListFrame } from \"./section-variant\";\nimport { RelativeTimeDefaultsContext } from \"./relative-time\";\nimport { Skeleton } from \"./skeleton\";\nimport { cn } from \"../lib/cn\";\n\n/* ----------------------------------------------------------------------------\n   RowList and ListRow (design brief 7.4) - the one way to show a thing in a\n   list. The Capabilities catalog row, generalized: leading tile, title, one\n   line of description, quiet meta, and one trailing affordance.\n\n   One row definition renders in three layouts, chosen on the list:\n   - \"catalog\"  (A) 76px rows, 40px tile, two columns at 720px+, trailing\n                + / check. For discovering things (Capabilities).\n   - \"resource\" (B, default) 56-64px rows in one column with hairlines, a\n                32px tile, title + one line, fact columns and a chevron or ⋯\n                menu. For things you own.\n   - \"table\"    (C) column headers and sortable columns, 44px rows. For more\n                than ~20 items or numeric data.\n\n   The whole row is the action (a stretched button or link) unless it holds\n   one control. Menus and controls sit above the stretched target.\n\n   Resource and table rows share one grid (CSS subgrid), so fact columns and\n   the trailing slot line up across rows whatever each row holds. Under 640px\n   of list width (a container query, so a list in a sheet or a 390px frame\n   behaves like a phone) the fact columns fold into the meta line.\n   -------------------------------------------------------------------------- */\n\nexport type RowListVariant = \"catalog\" | \"resource\" | \"table\";\n\nexport interface RowListColumn {\n  /** Key into each row's `cells`. */\n  id: string;\n  /** Header in tables; the small label above the value in resource rows. */\n  label: string;\n  /** Column width in px on wide layouts. Default 132. */\n  width?: number | undefined;\n  align?: \"start\" | \"end\" | undefined;\n  /** Tables only: the header becomes a sort button. */\n  sortable?: boolean | undefined;\n  /**\n   * Hide the label in resource rows and the folded meta line, for values that\n   * explain themselves (\"4 variables\"). The table header still shows it.\n   */\n  hideLabel?: boolean | undefined;\n  /**\n   * On narrow lists this fact folds in ahead of the meta items instead of\n   * after them and stays on a phone-width line, for a value the row exists to\n   * show (an amount). Keep it to one or two short facts per list.\n   */\n  leadsWhenFolded?: boolean | undefined;\n}\n\nexport interface RowListSort {\n  /** A column id, or \"name\" for the title column. */\n  column: string;\n  direction: \"asc\" | \"desc\";\n}\n\ninterface RowListContextValue {\n  variant: RowListVariant;\n  columns: RowListColumn[];\n}\n\nconst RowListContext = createContext<RowListContextValue | null>(null);\n\nfunction useRowList(): RowListContextValue {\n  return useContext(RowListContext) ?? { variant: \"resource\", columns: NO_COLUMNS };\n}\n\n/** The layout of the enclosing RowList. */\nexport function useRowListVariant(): RowListVariant {\n  return useRowList().variant;\n}\n\nconst TILE_SIZE: Record<RowListVariant, LogoTileSize> = {\n  catalog: \"lg\",\n  resource: \"md\",\n  table: \"sm\",\n};\n\nconst DEFAULT_COLUMN_WIDTH = 132;\nconst NO_COLUMNS: RowListColumn[] = [];\nconst NO_META: ReactNode[] = [];\nconst NO_CELLS: Record<string, ReactNode> = {};\n/** The row is the tab stop; times inside it show their tooltip on hover. */\nconst ROW_TIME_DEFAULTS = { focusable: false };\n\n/** Wide layout: title, one track per fact column, then the trailing slot. */\nfunction gridTemplate(columns: RowListColumn[], variant: RowListVariant): string {\n  const facts = columns.map((column) => `${column.width ?? DEFAULT_COLUMN_WIDTH}px`);\n  return [\"minmax(0,1fr)\", ...facts, variant === \"table\" ? \"minmax(2.5rem,auto)\" : \"auto\"].join(\n    \" \",\n  );\n}\n\n/*\n * Container-query classes are written out in full (`@[640px]/list:`) so\n * Tailwind can see them. Narrow lists use two tracks: title and trailing.\n */\nconst SHARED_GRID =\n  \"grid grid-cols-[minmax(0,1fr)_auto] @[640px]/list:[grid-template-columns:var(--row-list-template)]\";\nconst SUBGRID = \"col-span-full grid grid-cols-subgrid\";\n\nexport interface RowListProps {\n  /** Default \"resource\". */\n  variant?: RowListVariant | undefined;\n  /** Fact columns: labelled values in resource rows, real columns in tables. */\n  columns?: RowListColumn[] | undefined;\n  /** Accessible name for the list or table, for example \"Variable sets\". */\n  label: string;\n  /** Header of the title column in tables. Default \"Name\". */\n  nameLabel?: string | undefined;\n  /** Tables: make the title column sortable. */\n  nameSortable?: boolean | undefined;\n  /** Tables: the current sort. Sorting the rows is the caller's job. */\n  sort?: RowListSort | undefined;\n  onSortChange?: ((sort: RowListSort) => void) | undefined;\n  /** Rows are loading; announces it and sets aria-busy. */\n  busy?: boolean | undefined;\n  /**\n   * Resource lists inside an open section or page: tiles and titles line up\n   * with the section's edge, the row hover bleeds 12px out with rounded\n   * corners, and the hairlines stay inside the content edge.\n   */\n  flush?: boolean | undefined;\n  className?: string | undefined;\n  children: ReactNode;\n}\n\n/* Hairlines drawn inside the row padding, so they end where the content does. */\nconst FLUSH_LIST = cn(\n  \"[&>li]:relative [&>li+li]:before:pointer-events-none [&>li+li]:before:absolute [&>li+li]:before:inset-x-3 [&>li+li]:before:top-0 [&>li+li]:before:h-px [&>li+li]:before:bg-border [&>li+li]:before:content-['']\",\n  \"[&>li>div]:rounded-[10px]\",\n);\n\nexport function RowList({\n  variant = \"resource\",\n  columns = NO_COLUMNS,\n  label,\n  nameLabel = \"Name\",\n  nameSortable = false,\n  sort,\n  onSortChange,\n  busy = false,\n  flush = false,\n  className,\n  children,\n}: RowListProps) {\n  const value = useMemo<RowListContextValue>(() => ({ variant, columns }), [variant, columns]);\n  // In settings (grouped sections) a flush list that is not already inside a\n  // section card becomes the card itself: rows keep their 12px padding, the\n  // card adds 8px so titles sit 20px in, like setting rows.\n  const frame = useSectionListFrame();\n  const flushCard = flush && frame === \"card\";\n  const templateStyle = {\n    \"--row-list-template\": gridTemplate(columns, variant),\n  } as CSSProperties;\n  const busyNote = busy ? (\n    <span role=\"status\" className=\"sr-only\">\n      Loading {label.toLocaleLowerCase()}\n    </span>\n  ) : null;\n\n  let body: ReactNode;\n  if (variant === \"table\") {\n    body = (\n      <div\n        role=\"table\"\n        aria-label={label}\n        aria-busy={busy || undefined}\n        className={cn(\"min-w-0 gap-x-4\", SHARED_GRID)}\n        style={templateStyle}\n      >\n        <div role=\"rowgroup\" className={cn(SUBGRID, \"hidden\", \"@[640px]/list:grid\")}>\n          <div\n            role=\"row\"\n            className={cn(SUBGRID, \"min-h-9 items-center border-b border-border px-3\")}\n          >\n            <HeaderCell\n              label={nameLabel}\n              columnId=\"name\"\n              sortable={nameSortable}\n              sort={sort}\n              onSortChange={onSortChange}\n            />\n            {columns.map((column) => (\n              <HeaderCell\n                key={column.id}\n                label={column.label}\n                columnId={column.id}\n                align={column.align}\n                sortable={column.sortable}\n                sort={sort}\n                onSortChange={onSortChange}\n              />\n            ))}\n            <div role=\"columnheader\">\n              <span className=\"sr-only\">Actions</span>\n            </div>\n          </div>\n        </div>\n        <div role=\"rowgroup\" className={cn(SUBGRID, \"divide-y divide-border\")}>\n          {children}\n        </div>\n      </div>\n    );\n  } else if (variant === \"catalog\") {\n    body = (\n      <ul\n        aria-label={label}\n        aria-busy={busy || undefined}\n        className=\"m-0 grid min-w-0 list-none grid-cols-1 gap-x-6 gap-y-1 p-0 @[720px]/list:grid-cols-2\"\n      >\n        {children}\n      </ul>\n    );\n  } else {\n    body = (\n      <ul\n        aria-label={label}\n        aria-busy={busy || undefined}\n        className={cn(\n          \"m-0 min-w-0 list-none gap-x-3 p-0\",\n          SHARED_GRID,\n          flush ? FLUSH_LIST : \"divide-y divide-border\",\n        )}\n        style={templateStyle}\n      >\n        {children}\n      </ul>\n    );\n  }\n\n  return (\n    <RowListContext.Provider value={value}>\n      <LogoTileSizeProvider size={TILE_SIZE[variant]}>\n        <div\n          data-slot=\"row-list\"\n          data-variant={variant}\n          data-flush={flush || undefined}\n          data-frame={flushCard ? \"card\" : undefined}\n          className={cn(\n            \"@container/list min-w-0\",\n            flushCard ? \"rounded-lg border border-border bg-surface px-2 py-1\" : flush && \"-mx-3\",\n            className,\n          )}\n        >\n          {busyNote}\n          {body}\n        </div>\n      </LogoTileSizeProvider>\n    </RowListContext.Provider>\n  );\n}\n\nfunction HeaderCell({\n  label,\n  columnId,\n  align = \"start\",\n  sortable = false,\n  sort,\n  onSortChange,\n}: {\n  label: string;\n  columnId: string;\n  align?: \"start\" | \"end\" | undefined;\n  sortable?: boolean | undefined;\n  sort?: RowListSort | undefined;\n  onSortChange?: ((sort: RowListSort) => void) | undefined;\n}) {\n  const active = sort?.column === columnId;\n  const ariaSort = active ? (sort.direction === \"asc\" ? \"ascending\" : \"descending\") : undefined;\n  const text = \"text-xs leading-4.5 font-medium text-fg-subtle\";\n  if (!sortable || !onSortChange) {\n    return (\n      <div\n        role=\"columnheader\"\n        className={cn(\"min-w-0 truncate\", text, align === \"end\" && \"text-right\")}\n      >\n        {label}\n      </div>\n    );\n  }\n  const SortIcon = active\n    ? sort.direction === \"asc\"\n      ? ArrowUpIcon\n      : ArrowDownIcon\n    : ChevronsUpDownIcon;\n  return (\n    <div\n      role=\"columnheader\"\n      aria-sort={ariaSort}\n      className={cn(\"min-w-0\", align === \"end\" && \"text-right\")}\n    >\n      <button\n        type=\"button\"\n        onClick={() =>\n          onSortChange({\n            column: columnId,\n            direction: active && sort.direction === \"asc\" ? \"desc\" : \"asc\",\n          })\n        }\n        className={cn(\n          \"-mx-1.5 inline-flex max-w-full items-center gap-1 rounded-[6px] px-1.5 py-0.5 transition-colors duration-[120ms] hover:bg-hover hover:text-fg pointer-coarse:min-h-11\",\n          text,\n          active && \"text-fg\",\n          align === \"end\" && \"flex-row-reverse\",\n        )}\n      >\n        <span className=\"min-w-0 truncate\">{label}</span>\n        <SortIcon aria-hidden=\"true\" className={cn(\"size-3.5 shrink-0\", !active && \"opacity-60\")} />\n      </button>\n    </div>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   RowIndicator: the display-only trailing glyph. The row is the action.\n   -------------------------------------------------------------------------- */\n\nexport type RowIndicatorKind =\n  | \"open\"\n  | \"expand\"\n  | \"external\"\n  | \"add\"\n  | \"added\"\n  | \"attention\"\n  | \"unavailable\"\n  | \"loading\";\n\nconst INDICATOR_LABEL: Record<RowIndicatorKind, string> = {\n  open: \"Open\",\n  expand: \"Show details\",\n  external: \"Opens in a new tab\",\n  add: \"Available to add\",\n  added: \"Added\",\n  attention: \"Needs attention\",\n  unavailable: \"Unavailable\",\n  loading: \"Working\",\n};\n\nexport interface RowIndicatorProps {\n  kind: RowIndicatorKind;\n  /**\n   * The state in words. Visible for \"attention\" and \"unavailable\" (\"Needs\n   * reconnect\"); screen-reader only for the others.\n   */\n  label?: string | undefined;\n  id?: string | undefined;\n  className?: string | undefined;\n}\n\nexport function RowIndicator({ kind, label, id, className }: RowIndicatorProps) {\n  const Icon =\n    kind === \"open\"\n      ? ChevronRightIcon\n      : kind === \"expand\"\n        ? ChevronDownIcon\n        : kind === \"external\"\n          ? ArrowUpRightIcon\n          : kind === \"add\"\n            ? PlusIcon\n            : kind === \"added\"\n              ? CheckIcon\n              : kind === \"loading\"\n                ? LoaderCircleIcon\n                : CircleAlertIcon;\n  const visibleLabel = kind === \"attention\" || kind === \"unavailable\";\n  return (\n    <span\n      data-slot=\"row-indicator\"\n      data-kind={kind}\n      className={cn(\n        \"pointer-events-none inline-flex min-w-0 shrink-0 items-center justify-end gap-1.5\",\n        kind === \"attention\"\n          ? \"text-status-waiting\"\n          : kind === \"added\"\n            ? \"text-fg-muted\"\n            : \"text-fg-subtle\",\n        className,\n      )}\n    >\n      {visibleLabel ? (\n        // On narrow lists the row repeats the words under its title (see\n        // ListRow), so only the icon stays here and nothing truncates.\n        <span\n          id={id}\n          className=\"max-w-40 min-w-0 truncate text-xs leading-4.5 font-medium @max-[479px]/list:sr-only\"\n        >\n          {label ?? INDICATOR_LABEL[kind]}\n        </span>\n      ) : null}\n      <Icon\n        aria-hidden=\"true\"\n        className={cn(\n          visibleLabel ? \"size-4\" : \"size-[18px]\",\n          kind === \"loading\" && \"motion-safe:animate-spin\",\n          kind === \"expand\" && \"transition-transform duration-[120ms]\",\n        )}\n      />\n      {visibleLabel ? null : (\n        <span id={id} className=\"sr-only\">\n          {label ?? INDICATOR_LABEL[kind]}\n        </span>\n      )}\n    </span>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   ListRow.\n   -------------------------------------------------------------------------- */\n\ntype RowLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, \"className\" | \"children\">;\n\nexport interface ListRowProps {\n  /** Leading tile: a LogoTile (sized by the list), an avatar or a status dot. */\n  leading?: (ReactNode | ((size: LogoTileSize) => ReactNode)) | undefined;\n  /** One line, 14/500. The row's accessible name. */\n  title: ReactNode;\n  /** Small chips right after the title: \"Organization\", \"Primary\", \"You\". */\n  titleAddon?: ReactNode | undefined;\n  /** One sentence, 12/18 muted. Two lines in catalog rows, one elsewhere. */\n  description?: ReactNode | undefined;\n  /** Quiet facts joined with \" · \" (the meta line). */\n  meta?: ReactNode[] | undefined;\n  /**\n   * The row's state, usually a dot StatusBadge (\"Suspended\", \"Invited ·\n   * expires in 14 days\"). It sits at the right of the name area on wide lists\n   * and joins the meta line on narrow ones: a status never adds a line.\n   */\n  status?: ReactNode | undefined;\n  /** Values for the list's fact columns, by column id. */\n  cells?: Record<string, ReactNode> | undefined;\n  /** Display-only trailing glyph. A kind, or a kind with its state in words. */\n  indicator?: RowIndicatorKind | { kind: RowIndicatorKind; label?: string };\n  /**\n   * One interactive control (a switch, a small button). Sits above the row\n   * target; drops under the text on narrow lists that have fact columns.\n   */\n  control?: ReactNode | undefined;\n  /** Items for the row's ⋯ menu (DropdownMenuItem elements). */\n  menu?: ReactNode | undefined;\n  /** Accessible name of the ⋯ button. Default \"More actions for <title>\". */\n  menuLabel?: string | undefined;\n  /** Makes the whole row a button. */\n  onOpen?: ((event: MouseEvent<HTMLElement>) => void) | undefined;\n  /** Makes the whole row a link. */\n  href?: string | undefined;\n  /**\n   * Extra props for the link (target, rel, router handlers). An in-app `href`\n   * needs `onClick` (or `onOpen`) to call the router and preventDefault on a\n   * plain click; otherwise the row loads the whole page.\n   */\n  linkProps?: RowLinkProps | undefined;\n  /** The row's detail is open (sheet or page). */\n  selected?: boolean | undefined;\n  /**\n   * Expand in place (one level of secondary detail). The row toggles `panel`\n   * below it and announces aria-expanded. Prefer a sheet for anything larger.\n   */\n  expanded?: boolean | undefined;\n  /** The content shown under the row while `expanded`. List layouts only. */\n  panel?: ReactNode | undefined;\n  /** Not actionable right now. Say why with `disabledReason`. */\n  disabled?: boolean | undefined;\n  /** Why the row can't be used, and who can fix it. Replaces the description. */\n  disabledReason?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nfunction textOf(node: ReactNode): string {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node);\n  if (Array.isArray(node)) return node.map(textOf).join(\"\");\n  if (isValidElement<{ children?: ReactNode }>(node)) return textOf(node.props.children);\n  return \"\";\n}\n\nconst RAISED = \"[data-slot=relative-time], [data-slot=status-badge]\";\n\nexport function ListRow({\n  leading,\n  title,\n  titleAddon,\n  description,\n  meta = NO_META,\n  status,\n  cells = NO_CELLS,\n  indicator,\n  control,\n  menu,\n  menuLabel,\n  onOpen,\n  href,\n  linkProps,\n  selected = false,\n  expanded,\n  panel,\n  disabled = false,\n  disabledReason,\n  className,\n}: ListRowProps) {\n  const { variant, columns } = useRowList();\n  const actionRef = useRef<HTMLElement>(null);\n  const titleId = useId();\n  const secondaryId = useId();\n  const indicatorId = useId();\n  const panelId = useId();\n  const actionable = !disabled && Boolean(onOpen || href);\n  const indicatorSpec = typeof indicator === \"string\" ? { kind: indicator } : indicator;\n  const secondary = disabled && disabledReason ? disabledReason : description;\n  // \"Needs reconnect\" and \"Unavailable\" move under the title on narrow lists.\n  const narrowState =\n    indicatorSpec && (indicatorSpec.kind === \"attention\" || indicatorSpec.kind === \"unavailable\")\n      ? (indicatorSpec.label ?? INDICATOR_LABEL[indicatorSpec.kind])\n      : null;\n  const table = variant === \"table\";\n  const catalog = variant === \"catalog\";\n  const gridded = !catalog;\n  const hasColumns = gridded && columns.length > 0;\n  const expandable = !table && expanded !== undefined;\n\n  // Resource and table rows keep one fixed height: the description, the meta\n  // facts and (on narrow lists) the status and indicator words share ONE\n  // secondary line that truncates. Catalog rows keep a two-line description\n  // with the facts under it.\n  const singleLine = !catalog;\n  /* The meta line: quiet facts, then the fact columns folded in on narrow lists. */\n  const presentFacts = columns.filter((column) => cells[column.id] != null);\n  const facts = [\n    ...presentFacts.filter((column) => column.leadsWhenFolded),\n    ...presentFacts.filter((column) => !column.leadsWhenFolded),\n  ];\n  const leadingFacts = facts.filter((column) => column.leadsWhenFolded).length;\n  const metaItems = meta.filter((item) => item != null && item !== false && item !== \"\");\n  // On one line the facts give way from the end: a later part truncates (and\n  // then disappears) before an earlier one, so a narrow row reads \"Fact ·\n  // Staging runs on walrus-2…\" instead of every part cut to a few letters.\n  // Only the last meta item and the folded facts after it shrink at all: any\n  // shrink, however small, would put an ellipsis into a short fact (\"Fa…\").\n  const foldedFact = (column: RowListColumn, index: number, order: number, leads: boolean) => (\n    <MetaPart\n      key={column.id}\n      order={order}\n      keep={leads}\n      oneLine={singleLine}\n      className={cn(\n        hasColumns && \"@[640px]/list:hidden\",\n        // A phone-width line has room for one folded fact (none next to a\n        // status) beyond the leading ones; more would only be cut to a dot\n        // and a few letters.\n        !leads && (index > 0 || status) && \"@max-[479px]/list:hidden\",\n      )}\n    >\n      {column.hideLabel ? null : <span className=\"text-fg-subtle\">{column.label} </span>}\n      <span className=\"text-fg-muted\">{cells[column.id]}</span>\n    </MetaPart>\n  );\n  const metaParts: ReactNode[] = [\n    // A leading fact never shrinks: the meta after it gives way instead.\n    ...facts.slice(0, leadingFacts).map((column, index) => foldedFact(column, index, index, true)),\n    ...metaItems.map((item, index) => {\n      const last = index === metaItems.length - 1;\n      return (\n        <MetaPart\n          // oxlint-disable-next-line react/no-array-index-key -- meta items are positional\n          key={`meta-${index}`}\n          order={leadingFacts + index}\n          keep={!last}\n          oneLine={singleLine}\n        >\n          {item}\n        </MetaPart>\n      );\n    }),\n    ...facts\n      .slice(leadingFacts)\n      .map((column, index) =>\n        foldedFact(column, leadingFacts + index, leadingFacts + metaItems.length + index, false),\n      ),\n  ];\n  const statusPart = status ? (\n    <MetaPart key=\"status\" keep className=\"@[480px]/list:hidden\">\n      {status}\n    </MetaPart>\n  ) : null;\n  const narrowStatePart =\n    singleLine && narrowState ? (\n      <MetaPart\n        key=\"narrow-state\"\n        keep\n        hidden\n        className={cn(\n          \"hidden font-medium @max-[479px]/list:flex\",\n          indicatorSpec?.kind === \"attention\" ? \"text-status-waiting\" : \"text-fg-subtle\",\n        )}\n      >\n        {narrowState}\n      </MetaPart>\n    ) : null;\n  const lineParts = metaParts;\n  // The status and the narrow state end the line and always stay whole: the\n  // description and the facts before them give way instead.\n  const trailingParts = [\n    ...(singleLine && statusPart ? [statusPart] : []),\n    ...(narrowStatePart ? [narrowStatePart] : []),\n  ];\n  const hasLineDescription = Boolean(secondary && !(disabled && disabledReason));\n  const keptLeadParts = singleLine && hasLineDescription ? lineParts.slice(0, leadingFacts) : [];\n  const restLineParts = lineParts.slice(keptLeadParts.length);\n  // Every part leads with its separator and the line is shifted left by one\n  // separator and clipped, so no line of a wrapped meta line starts or ends\n  // with a dot.\n  const metaLine =\n    !singleLine && metaParts.length > 0 ? (\n      <div\n        className={cn(\n          \"mt-0.5 min-w-0 overflow-hidden text-xs leading-4.5 text-fg-subtle\",\n          // Only folded facts: the line disappears once the columns show.\n          hasColumns && metaItems.length === 0 && \"@[640px]/list:hidden\",\n        )}\n      >\n        <p className=\"m-0 -ml-4 flex min-w-0 flex-wrap items-center\">{metaParts}</p>\n      </div>\n    ) : null;\n\n  /* The title is the row's action, stretched over the whole row. */\n  // The chevron is decoration; every other indicator states something worth hearing.\n  const announceIndicator =\n    indicatorSpec && indicatorSpec.kind !== \"open\" && indicatorSpec.kind !== \"expand\";\n  const labelledBy = [titleId, announceIndicator ? indicatorId : null].filter(Boolean).join(\" \");\n  const actionProps = {\n    \"data-row-action\": \"\",\n    \"aria-labelledby\": labelledBy,\n    \"aria-describedby\": secondary ? secondaryId : undefined,\n    \"aria-current\": selected ? (\"true\" as const) : undefined,\n    \"aria-expanded\": expandable ? expanded : undefined,\n    \"aria-controls\": expandable && expanded ? panelId : undefined,\n    // The row draws the focus ring; the global focus outline is unlayered, so\n    // only an inline style keeps it off the title.\n    style: { outline: \"none\" },\n    className: cn(\n      \"min-w-0 cursor-pointer truncate text-left text-sm leading-5 font-medium text-fg\",\n      \"after:absolute after:inset-0 after:z-0 after:content-['']\",\n    ),\n  };\n  const titleNode = actionable ? (\n    href ? (\n      <a\n        {...linkProps}\n        {...actionProps}\n        ref={actionRef as RefObject<HTMLAnchorElement>}\n        href={href}\n        // Both handlers run: `linkProps.onClick` is how callers keep a plain\n        // click in the router. Letting an absent `onOpen` replace it made the\n        // row a full page load.\n        onClick={(event) => {\n          onOpen?.(event);\n          if (!event.defaultPrevented) linkProps?.onClick?.(event);\n        }}\n      >\n        <span id={titleId}>{title}</span>\n      </a>\n    ) : (\n      <button\n        {...actionProps}\n        ref={actionRef as RefObject<HTMLButtonElement>}\n        type=\"button\"\n        onClick={onOpen}\n      >\n        <span id={titleId}>{title}</span>\n      </button>\n    )\n  ) : (\n    <span\n      id={titleId}\n      className={cn(\n        \"min-w-0 truncate text-sm leading-5 font-medium\",\n        disabled ? \"text-fg-muted\" : \"text-fg\",\n      )}\n    >\n      {title}\n    </span>\n  );\n\n  const leadingNode =\n    typeof leading === \"function\" ? leading(TILE_SIZE[variant]) : leading ? leading : null;\n\n  const menuNode = menu ? (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={menuLabel ?? `More actions for ${textOf(title) || \"this item\"}`}\n          className=\"grid size-8 shrink-0 place-items-center rounded-[10px] text-fg-subtle transition-colors duration-[120ms] hover:bg-surface-3 hover:text-fg data-[state=open]:bg-surface-3 data-[state=open]:text-fg pointer-coarse:size-11\"\n        >\n          <MoreHorizontalIcon aria-hidden=\"true\" className=\"size-4\" />\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"min-w-44\">\n        {menu}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  ) : null;\n\n  // In gridded lists the control sits right after the text (before the fact\n  // columns) and drops under the text when the list is narrow.\n  const controlNode = control ? (\n    <div\n      className={cn(\n        \"relative z-10 flex shrink-0 items-center\",\n        hasColumns &&\n          (table\n            ? \"@max-[639px]/list:basis-full @max-[639px]/list:pl-9\"\n            : \"@max-[639px]/list:basis-full @max-[639px]/list:pl-11\"),\n      )}\n    >\n      {control}\n    </div>\n  ) : null;\n  const controlInline = hasColumns;\n\n  const trailingContent =\n    indicatorSpec || menuNode || (control && !controlInline) ? (\n      <>\n        {controlInline ? null : controlNode}\n        {menuNode ? <div className=\"relative z-10 flex items-center\">{menuNode}</div> : null}\n        {indicatorSpec ? (\n          <RowIndicator\n            kind={indicatorSpec.kind}\n            label={indicatorSpec.label}\n            id={indicatorId}\n            className={\n              indicatorSpec.kind === \"expand\" && expanded ? \"[&>svg]:rotate-180\" : undefined\n            }\n          />\n        ) : null}\n      </>\n    ) : null;\n  // Gridded rows always fill the trailing track so the grid stays in step.\n  const trailing =\n    trailingContent || gridded ? (\n      <div\n        role={table ? \"cell\" : undefined}\n        className=\"flex min-w-0 shrink-0 items-center justify-end gap-1\"\n      >\n        {trailingContent}\n      </div>\n    ) : null;\n\n  const main = (\n    <div\n      className={cn(\n        \"flex min-w-0 flex-1 items-center gap-x-3\",\n        controlInline && control && \"flex-wrap gap-y-2\",\n      )}\n    >\n      {leadingNode ? (\n        <div\n          className={cn(\n            \"flex shrink-0 items-center justify-center\",\n            disabled && \"opacity-60 grayscale\",\n          )}\n        >\n          {leadingNode}\n        </div>\n      ) : null}\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"flex min-w-0 items-center gap-2\">\n          {titleNode}\n          {titleAddon ? (\n            // Held to the title's 20px line: a chip never makes its row taller.\n            <span className=\"flex h-5 shrink-0 items-center gap-1.5\">{titleAddon}</span>\n          ) : null}\n        </div>\n        {secondary && (catalog || (disabled && disabledReason)) ? (\n          <p\n            id={secondaryId}\n            className={cn(\n              \"mt-0.5 min-w-0 text-xs leading-4.5 text-fg-muted\",\n              // A disabled reason is the point of the row: it never truncates.\n              disabled && disabledReason ? \"break-words\" : \"line-clamp-2 break-words\",\n            )}\n          >\n            {secondary}\n          </p>\n        ) : null}\n        {singleLine &&\n        ((secondary && !(disabled && disabledReason)) ||\n          lineParts.length > 0 ||\n          trailingParts.length > 0) ? (\n          <p\n            className={cn(\n              \"m-0 mt-0.5 flex min-w-0 items-center overflow-hidden text-xs leading-4.5 whitespace-nowrap text-fg-subtle\",\n              // Tables keep rows to one line once the columns show, unless\n              // the line still has facts that aren't columns.\n              table && metaItems.length === 0 && \"@[640px]/list:hidden\",\n              // Only folded facts: the line disappears once the columns show.\n              !table &&\n                !secondary &&\n                hasColumns &&\n                metaItems.length === 0 &&\n                !status &&\n                !narrowState &&\n                \"@[640px]/list:hidden\",\n            )}\n          >\n            {secondary && !(disabled && disabledReason) ? (\n              <span id={secondaryId} className=\"min-w-0 shrink truncate text-fg-muted\">\n                {secondary}\n              </span>\n            ) : null}\n            {/* Leading facts after a description stay whole: the description\n                gives way instead (\"Credentials the whole te… · 6 items\"). */}\n            {keptLeadParts.length > 0 ? (\n              <span className=\"flex shrink-0 items-center\">{keptLeadParts}</span>\n            ) : null}\n            {restLineParts.length > 0 ? (\n              // One line tall and wrapping: a part with no room for a few\n              // letters wraps onto the clipped second line and disappears\n              // whole, instead of staying behind as a lone dot. The empty\n              // first item lets even the first part wrap away.\n              <span\n                className={cn(\n                  \"flex h-4.5 min-w-0 shrink-[2] flex-wrap content-start items-center overflow-hidden\",\n                  // No description: drop the first part's leading dot.\n                  !(secondary && !(disabled && disabledReason)) && \"-ml-4\",\n                )}\n              >\n                <span aria-hidden=\"true\" className=\"h-4.5 w-0 shrink-0\" />\n                {restLineParts}\n              </span>\n            ) : null}\n            {trailingParts.length > 0 ? (\n              <span\n                className={cn(\n                  \"flex shrink-0 items-center\",\n                  // Nothing before it: drop its leading dot.\n                  !(secondary && !(disabled && disabledReason)) &&\n                    restLineParts.length === 0 &&\n                    \"-ml-4\",\n                )}\n              >\n                {trailingParts}\n              </span>\n            ) : null}\n          </p>\n        ) : null}\n        {metaLine}\n        {!singleLine && narrowState ? (\n          <p\n            aria-hidden=\"true\"\n            className={cn(\n              \"mt-1 hidden min-w-0 items-center text-xs leading-4.5 font-medium @max-[479px]/list:flex\",\n              indicatorSpec?.kind === \"attention\" ? \"text-status-waiting\" : \"text-fg-subtle\",\n            )}\n          >\n            <span className=\"min-w-0 truncate\">{narrowState}</span>\n          </p>\n        ) : null}\n      </div>\n      {status ? (\n        <div className=\"relative z-10 hidden shrink-0 items-center @[480px]/list:flex\">\n          {status}\n        </div>\n      ) : null}\n      {controlInline ? controlNode : null}\n    </div>\n  );\n\n  const factColumns = hasColumns\n    ? columns.map((column) => {\n        const value = cells[column.id];\n        return (\n          <div\n            key={column.id}\n            role={table ? \"cell\" : undefined}\n            className={cn(\n              \"hidden min-w-0 @[640px]/list:block\",\n              column.align === \"end\" && \"text-right\",\n            )}\n          >\n            {table ? (\n              <span className=\"block truncate text-sm leading-5 text-fg-muted\">\n                {value ?? <span className=\"text-fg-subtle\">-</span>}\n              </span>\n            ) : value == null ? null : (\n              <>\n                {column.hideLabel ? null : (\n                  <span className=\"block truncate text-2xs leading-4 text-fg-subtle\">\n                    {column.label}\n                  </span>\n                )}\n                <span className=\"block truncate text-xs leading-4.5 text-fg-muted\">{value}</span>\n              </>\n            )}\n          </div>\n        );\n      })\n    : null;\n\n  // Times and badges float above the stretched target so their tooltips work\n  // on hover; a click on them still opens the row.\n  const forwardClick = actionable\n    ? (event: MouseEvent<HTMLElement>) => {\n        if (event.defaultPrevented || !(event.target instanceof Element)) return;\n        if (event.target.closest(\"[data-row-action]\")) return;\n        if (!event.target.closest(RAISED)) return;\n        actionRef.current?.click();\n      }\n    : undefined;\n\n  const rowClass = cn(\n    // isolate: the raised times and badges stack inside the row, never above\n    // sticky headers or overlays around the list.\n    \"group/row relative isolate min-w-0 items-center transition-colors duration-[120ms]\",\n    \"[&_[data-slot=relative-time]]:relative [&_[data-slot=relative-time]]:z-10 [&_[data-slot=status-badge]]:relative [&_[data-slot=status-badge]]:z-10\",\n    catalog && \"flex min-h-[76px] gap-3 rounded-[14px] px-3 py-3.5\",\n    // One fixed height per list type: 64px resource rows (title plus one\n    // secondary line; a title-only row centers in the same height).\n    variant === \"resource\" && cn(SUBGRID, \"min-h-16 px-3 py-3\"),\n    table && cn(SUBGRID, \"min-h-11 px-3 py-2\"),\n    actionable && \"hover:bg-hover\",\n    selected &&\n      cn(\n        \"bg-selection hover:bg-selection\",\n        \"before:absolute before:top-1/2 before:left-0 before:h-4 before:w-0.5 before:-translate-y-1/2 before:rounded-full before:bg-brand before:content-['']\",\n      ),\n    // Focus ring on the whole row when its target has keyboard focus.\n    actionable &&\n      cn(\n        \"has-[[data-row-action]:focus-visible]:outline-2 has-[[data-row-action]:focus-visible]:outline-brand/55\",\n        catalog\n          ? \"has-[[data-row-action]:focus-visible]:outline-offset-2\"\n          : \"has-[[data-row-action]:focus-visible]:-outline-offset-2\",\n      ),\n    className,\n  );\n\n  const content = (\n    <RelativeTimeDefaultsContext.Provider value={ROW_TIME_DEFAULTS}>\n      {table ? (\n        <div role=\"rowheader\" className=\"flex min-w-0 items-center\">\n          {main}\n        </div>\n      ) : (\n        main\n      )}\n      {factColumns}\n      {trailing}\n    </RelativeTimeDefaultsContext.Provider>\n  );\n\n  if (table) {\n    return (\n      <div\n        role=\"row\"\n        data-slot=\"list-row\"\n        data-selected={selected || undefined}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        className={rowClass}\n        onClick={forwardClick}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  return (\n    <li\n      data-slot=\"list-row\"\n      data-selected={selected || undefined}\n      data-disabled={disabled || undefined}\n      data-expanded={expandable ? expanded : undefined}\n      aria-disabled={disabled || undefined}\n      className={cn(\"min-w-0\", gridded && SUBGRID)}\n    >\n      <div className={rowClass} onClick={forwardClick}>\n        {content}\n      </div>\n      {expandable && expanded && panel ? (\n        <div\n          id={panelId}\n          role=\"region\"\n          aria-labelledby={titleId}\n          className={cn(\"col-span-full min-w-0 pr-3 pb-4\", catalog ? \"pl-16\" : \"pl-14\")}\n        >\n          {panel}\n        </div>\n      ) : null}\n    </li>\n  );\n}\n\nfunction MetaPart({\n  className,\n  children,\n  hidden = false,\n  order = 0,\n  keep = false,\n  oneLine = false,\n}: {\n  className?: string | undefined;\n  children: ReactNode;\n  /** A visual copy of something already announced elsewhere. */\n  hidden?: boolean | undefined;\n  /** Position on the line: later parts give way first when it runs out of room. */\n  order?: number | undefined;\n  /** Never shrinks (a status): it stays whole while the facts before it give way. */\n  keep?: boolean | undefined;\n  /**\n   * On a one-line meta line (which wraps into a clipped second line): the part\n   * claims room for its dot and a few letters, then takes what is left in\n   * order. One without even that much wraps away whole.\n   */\n  oneLine?: boolean | undefined;\n}) {\n  const sizing: CSSProperties = keep\n    ? { flexShrink: 0 }\n    : oneLine\n      ? // Earlier parts fill to their full width before later ones grow past\n        // their few letters, so the line still gives way from the end.\n        { flexBasis: \"3.5rem\", flexGrow: 64 ** (4 - Math.min(order, 4)), flexShrink: 0 }\n      : { flexShrink: 64 ** Math.min(order, 4) };\n  return (\n    <span\n      aria-hidden={hidden || undefined}\n      style={sizing}\n      className={cn(\n        \"flex min-w-0 items-center overflow-hidden whitespace-nowrap\",\n        // max-content caps the growth; the 3.5rem basis is the most a part\n        // asks for before it fits, so a short fact never gains empty space.\n        oneLine && !keep ? \"max-w-max\" : \"max-w-full\",\n        className,\n      )}\n    >\n      <span aria-hidden=\"true\" className=\"w-4 shrink-0 text-center text-fg-subtle\">\n        ·\n      </span>\n      <span className=\"min-w-0 truncate\">{children}</span>\n    </span>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   Loading placeholders in the same geometry as the list's rows.\n   -------------------------------------------------------------------------- */\n\nexport function ListRowSkeleton({ count = 3 }: { count?: number }) {\n  const { variant, columns } = useRowList();\n  const table = variant === \"table\";\n  const catalog = variant === \"catalog\";\n  const tile = catalog\n    ? \"size-10 rounded-[10px]\"\n    : variant === \"resource\"\n      ? \"size-8 rounded-[10px]\"\n      : \"size-6 rounded-[6px]\";\n  const widths = [\"w-2/5\", \"w-1/3\", \"w-1/2\", \"w-1/4\"];\n  return (\n    <>\n      {Array.from({ length: count }, (_, index) => {\n        const inner = (\n          <>\n            <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n              <Skeleton className={cn(\"shrink-0 bg-surface-2\", tile)} />\n              <div className=\"min-w-0 flex-1\">\n                <Skeleton\n                  className={cn(\"h-3.5 rounded-full bg-surface-2\", widths[index % widths.length])}\n                />\n                {table ? null : (\n                  <Skeleton\n                    className={cn(\n                      \"mt-2 h-3 rounded-full bg-surface-2\",\n                      catalog ? \"w-4/5\" : \"w-3/5\",\n                    )}\n                  />\n                )}\n              </div>\n            </div>\n            {catalog\n              ? null\n              : columns.map((column) => (\n                  <div key={column.id} className=\"hidden min-w-0 @[640px]/list:block\">\n                    {table ? null : <Skeleton className=\"h-2.5 w-12 rounded-full bg-surface-2\" />}\n                    <Skeleton\n                      className={cn(\"h-3 w-20 rounded-full bg-surface-2\", !table && \"mt-1.5\")}\n                    />\n                  </div>\n                ))}\n            {catalog ? null : <div />}\n          </>\n        );\n        const rowClass = cn(\n          \"min-w-0 items-center\",\n          catalog && \"flex min-h-[76px] gap-3 px-3 py-3.5\",\n          // One fixed height per list type: 64px resource rows (title plus one\n          // secondary line; a title-only row centers in the same height).\n          variant === \"resource\" && cn(SUBGRID, \"min-h-16 px-3 py-3\"),\n          table && cn(SUBGRID, \"min-h-11 px-3 py-2\"),\n        );\n        return table ? (\n          // oxlint-disable-next-line react/no-array-index-key -- identical placeholders\n          <div key={index} role=\"row\" aria-hidden=\"true\" className={rowClass}>\n            {inner}\n          </div>\n        ) : (\n          // oxlint-disable-next-line react/no-array-index-key -- identical placeholders\n          <li key={index} aria-hidden=\"true\" className={cn(!catalog && SUBGRID)}>\n            <div className={rowClass}>{inner}</div>\n          </li>\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-M7A226EQ.js → chunk-UL44R3W2.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-W6KAUGXO.js";
 import {
   useMachines
-} from "./chunk-WWM7WVD2.js";
+} from "./chunk-GABFKHQE.js";
 import {
   useOpenGeni
 } from "./chunk-TVQCDDSZ.js";
@@ -53,4 +53,4 @@ function useWorkspaceMachines(options = {}) {
 export {
   useWorkspaceMachines
 };
-//# sourceMappingURL=chunk-M7A226EQ.js.map
+//# sourceMappingURL=chunk-UL44R3W2.js.map

package/dist/{chunk-65K5LV4L.js → chunk-UQKBV22P.js}

@@ -1,7 +1,4 @@
 "use client";
-import {
-  ChannelCreateDialog
-} from "./chunk-6WVASCYA.js";
 import {
   RunsOnMenuBody,
   RunsOnNotice,
@@ -12,13 +9,16 @@ import {
   runsOnAttention,
   runsOnSummary,
   visibilitySummary
-} from "./chunk-GUIZDI5T.js";
+} from "./chunk-Q2PA4KZS.js";
+import {
+  ChannelCreateDialog
+} from "./chunk-6WVASCYA.js";
 import {
   CreditRefusalNotice
 } from "./chunk-KUO5WFXG.js";
 import {
   composerFallbackModel
-} from "./chunk-JQKURO3S.js";
+} from "./chunk-E4MQRQ6Z.js";
 import {
   initialWorkspaceMachineCompute
 } from "./chunk-66PZHYXZ.js";
@@ -73,7 +73,7 @@ import {
 } from "./chunk-ILBSBZGC.js";
 import {
   useWorkspaceMachines
-} from "./chunk-M7A226EQ.js";
+} from "./chunk-UL44R3W2.js";
 import {
   useSessionUiFeature
 } from "./chunk-H5M33DAL.js";
@@ -88,7 +88,7 @@ import {
 } from "./chunk-LOG6TAHF.js";
 import {
   useWorkspaceModelCatalog
-} from "./chunk-KW53DBY7.js";
+} from "./chunk-EBW2E32G.js";
 import {
   hydratedNewSessionProjectProvenancePresent,
   initialNewSessionProjectLaunchIntent,
@@ -100,7 +100,7 @@ import {
 } from "./chunk-45WYYFP6.js";
 import {
   useGitHubAppConnectLauncher
-} from "./chunk-DZH2HTTB.js";
+} from "./chunk-R27GW5WV.js";
 import {
   openGitHubInstallationSettings
 } from "./chunk-6D473WWV.js";
@@ -109,19 +109,19 @@ import {
 } from "./chunk-NOZQIEHJ.js";
 import {
   ModelPicker
-} from "./chunk-HJTTDLF6.js";
+} from "./chunk-CY3NO4JN.js";
 import {
   WorkspaceComposerPlus
-} from "./chunk-NF6Q4XTN.js";
+} from "./chunk-TQF2I5SY.js";
 import {
   addsConnectorOutsideDefaults,
   changedConnectorExclusions,
   defaultConnectorSelection,
   newSessionConnectorCustomizeState
-} from "./chunk-7JZSFJHB.js";
+} from "./chunk-3OJU3RUR.js";
 import {
   BillingClassMark
-} from "./chunk-M7YEZR6X.js";
+} from "./chunk-ZITMDA4C.js";
 import {
   RepositoryContextMenuBody
 } from "./chunk-4BF3DD6R.js";
@@ -134,7 +134,7 @@ import {
 import {
   ConsoleComposer,
   useDraftAttachments
-} from "./chunk-O73DRA77.js";
+} from "./chunk-ENKBO7FC.js";
 import {
   useForgetLastSession
 } from "./chunk-AVAR2CFB.js";
@@ -168,7 +168,7 @@ import {
 } from "./chunk-KNFDWNCH.js";
 import {
   t
-} from "./chunk-BPD4IJBG.js";
+} from "./chunk-CG6CJMIS.js";
 import {
   clientFirstPartyMcpToolPolicy,
   firstPartySessionToolOptionsFor,
@@ -232,7 +232,7 @@ import {
 } from "./chunk-5VGJXWQ2.js";
 import {
   NewSessionRealtimeControl
-} from "./chunk-JI6WPLZB.js";
+} from "./chunk-2SBCOGQN.js";
 import {
   Notice
 } from "./chunk-WLEDGIVS.js";
@@ -247,11 +247,11 @@ import {
 } from "./chunk-CPLCSM6K.js";
 import {
   MACHINES_COMPOSER_POLL_MS
-} from "./chunk-WWM7WVD2.js";
+} from "./chunk-GABFKHQE.js";
 import {
   prestartSessionRealtime,
   useRealtimeModelSelection
-} from "./chunk-GTR5NLVP.js";
+} from "./chunk-VCRQPLKS.js";
 import {
   recentSessionModelPresentation,
   recentSessionStatus,
@@ -262,13 +262,13 @@ import {
 } from "./chunk-F2RMKGDQ.js";
 import {
   FILE_ONLY_MESSAGE_TEXT
-} from "./chunk-I57HZMMA.js";
+} from "./chunk-IXIE3H43.js";
 import {
   ModelMark
 } from "./chunk-WJPMYXKZ.js";
 import {
   LightboxProvider
-} from "./chunk-DNWBLT4U.js";
+} from "./chunk-MASBMJ2M.js";
 import {
   effortOptionsForModel,
   findPickerRow,
@@ -1904,6 +1904,7 @@ function SessionModelControl({
       error: modelCatalog.error ?? policyError,
       menuSide: "bottom",
       connectModelsHref: `/workspaces/${encodeURIComponent(workspaceId)}/settings?section=models`,
+      claudeSubscriptionAvailable: context.clientConfig.claudeSubscriptionEnabled === true,
       onModelChange: (model) => {
         onPolicyChosen();
         context.setModel(model);
@@ -2243,4 +2244,4 @@ function PrivateWorkspaceNote() {
 export {
   SessionsIndexRoute
 };
-//# sourceMappingURL=chunk-65K5LV4L.js.map
+//# sourceMappingURL=chunk-UQKBV22P.js.map