@athenaintel/react 0.22.3 → 0.23.0

package/dist/threads/SessionList.cjs

@@ -0,0 +1,486 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const api = require("./api.cjs");
+const sessionListModel = require("./session-list-model.cjs");
+const statewireThreadList = require("./statewire-thread-list.cjs");
+const threadPrefetcher = require("./thread-prefetcher.cjs");
+const cnfast = require("cnfast");
+const INDICATOR_LABEL = {
+  needs_you: "Needs you",
+  working: "Working",
+  unread: "Unread",
+  watching: "Watching"
+};
+const SessionStatusIndicator = ({ kind }) => {
+  if (kind === null) return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "mt-0.5 size-4 shrink-0" });
+  const label = INDICATOR_LABEL[kind];
+  if (kind === "working") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.LoaderCircleIcon,
+      {
+        role: "img",
+        "aria-label": label,
+        "data-indicator": kind,
+        className: "mt-0.5 size-4 shrink-0 animate-spin text-primary"
+      }
+    );
+  }
+  if (kind === "watching") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.ClockIcon,
+      {
+        role: "img",
+        "aria-label": label,
+        "data-indicator": kind,
+        className: "mt-0.5 size-4 shrink-0 text-muted-foreground"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": label,
+      "data-indicator": kind,
+      className: "mt-0.5 flex size-4 shrink-0 items-center justify-center",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: cnfast.cn(
+            "size-2 rounded-full",
+            kind === "needs_you" ? "bg-orange-500" : "bg-primary"
+          )
+        }
+      )
+    }
+  );
+};
+const LINE_TONE_CLASS = {
+  needs_you: "text-orange-600",
+  ready: "text-green-600",
+  error: "text-red-600",
+  muted: "text-muted-foreground"
+};
+const PR_STATE_ICON = {
+  open: lucideReact.GitPullRequestIcon,
+  draft: lucideReact.GitPullRequestDraftIcon,
+  merged: lucideReact.GitMergeIcon,
+  closed: lucideReact.GitPullRequestClosedIcon
+};
+const PR_STATE_CLASS = {
+  open: "text-green-600",
+  draft: "text-muted-foreground",
+  merged: "text-violet-600",
+  closed: "text-red-600"
+};
+const FOCUS_RING_CLASS = "outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-0";
+const stopPropagation = (event) => event.stopPropagation();
+const PullRequestChip = ({ chip }) => {
+  const Icon = PR_STATE_ICON[chip.state];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: chip.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      onClick: stopPropagation,
+      title: chip.title,
+      "aria-label": `Pull request ${chip.label}, ${chip.state}`,
+      "data-pr-state": chip.state,
+      "data-pr-count": chip.count,
+      className: cnfast.cn(
+        "inline-flex h-4 shrink-0 items-center gap-1 rounded-full border border-border/60 px-1.5 font-medium text-[11px] leading-none transition-colors hover:bg-muted",
+        FOCUS_RING_CLASS,
+        PR_STATE_CLASS[chip.state]
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3", "aria-hidden": true }),
+        chip.label
+      ]
+    }
+  );
+};
+const RowActionButton = ({ label, onClick, pending, alwaysVisible, action, pressed, children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    type: "button",
+    onClick,
+    disabled: pending,
+    "aria-busy": pending || void 0,
+    "aria-pressed": pressed,
+    "aria-label": label,
+    title: label,
+    "data-action": action,
+    "data-pending": pending || void 0,
+    className: cnfast.cn(
+      "rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:cursor-wait disabled:opacity-60",
+      FOCUS_RING_CLASS,
+      !alwaysVisible && !pending && "opacity-0 focus-visible:opacity-100 group-focus-within:opacity-100 group-hover:opacity-100"
+    ),
+    children
+  }
+);
+const PinToggle = ({ thread, pending, onToggle }) => {
+  const label = thread.isFavorited ? "Unpin session" : "Pin session";
+  const handleClick = (event) => {
+    event.stopPropagation();
+    if (pending) return;
+    onToggle({ threadId: thread.id, isFavorited: !thread.isFavorited });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-pin-toggle": thread.isFavorited ? "pinned" : "unpinned", className: "contents", children: /* @__PURE__ */ jsxRuntime.jsx(
+    RowActionButton,
+    {
+      label,
+      onClick: handleClick,
+      pending,
+      alwaysVisible: thread.isFavorited,
+      action: "pin",
+      pressed: thread.isFavorited,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PinIcon, { className: cnfast.cn("size-3.5", thread.isFavorited && "fill-current"), "aria-hidden": true })
+    }
+  ) });
+};
+const SKELETON_TITLE_WIDTHS = ["w-3/5", "w-4/5", "w-1/2", "w-2/3"];
+const SessionListSkeleton = ({ rows = 4 }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    role: "status",
+    "aria-busy": "true",
+    "aria-label": "Loading sessions",
+    "data-testid": "session-list-skeleton",
+    className: "flex flex-col gap-0.5",
+    children: Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-hidden": "true", className: "flex items-start gap-2 px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 size-4 shrink-0 animate-pulse rounded-full bg-muted" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cnfast.cn(
+              "h-3.5 animate-pulse rounded bg-muted",
+              SKELETON_TITLE_WIDTHS[index % SKELETON_TITLE_WIDTHS.length]
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 flex h-4 items-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-3 w-1/3 animate-pulse rounded bg-muted/70" }) })
+      ] })
+    ] }, index))
+  }
+);
+const SessionRow = ({
+  thread,
+  isActive,
+  onSelect,
+  onPrefetch,
+  onToggleFavorite,
+  favoritePending,
+  onRename,
+  renamePending,
+  onArchive,
+  archivePending
+}) => {
+  const indicator = sessionListModel.sessionIndicator(thread);
+  const line = sessionListModel.sessionSecondaryLine(thread);
+  const chip = sessionListModel.pullRequestChip(thread.pullRequests);
+  const origin = sessionListModel.sessionOriginLabel(thread);
+  const title = thread.title ?? "Untitled";
+  const hoverTimerRef = react.useRef(null);
+  const cancelHover = react.useCallback(() => {
+    if (hoverTimerRef.current === null) return;
+    clearTimeout(hoverTimerRef.current);
+    hoverTimerRef.current = null;
+  }, []);
+  react.useEffect(() => cancelHover, [cancelHover]);
+  const handlePointerEnter = () => {
+    if (!onPrefetch) return;
+    cancelHover();
+    hoverTimerRef.current = setTimeout(() => {
+      hoverTimerRef.current = null;
+      onPrefetch(thread.id);
+    }, threadPrefetcher.THREAD_PREFETCH_HOVER_DELAY_MS);
+  };
+  const handleFocus = () => {
+    cancelHover();
+    onPrefetch == null ? void 0 : onPrefetch(thread.id);
+  };
+  const [editing, setEditing] = react.useState(false);
+  const [draft, setDraft] = react.useState("");
+  const settledRef = react.useRef(false);
+  const inputRef = react.useRef(null);
+  react.useEffect(() => {
+    var _a, _b;
+    if (!editing) return;
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+    (_b = inputRef.current) == null ? void 0 : _b.select();
+  }, [editing]);
+  const beginRename = (event) => {
+    event.stopPropagation();
+    if (renamePending) return;
+    settledRef.current = false;
+    setDraft(thread.title ?? "");
+    setEditing(true);
+  };
+  const commitRename = () => {
+    if (settledRef.current) return;
+    settledRef.current = true;
+    setEditing(false);
+    const next = draft.trim();
+    if (!next || next === (thread.title ?? "").trim()) return;
+    onRename == null ? void 0 : onRename({ threadId: thread.id, title: next });
+  };
+  const cancelRename = () => {
+    settledRef.current = true;
+    setEditing(false);
+  };
+  const handleEditorKeyDown = (event) => {
+    if (event.key === "Enter") {
+      event.preventDefault();
+      commitRename();
+    } else if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      cancelRename();
+    }
+  };
+  const handleArchive = (event) => {
+    event.stopPropagation();
+    if (archivePending) return;
+    onArchive == null ? void 0 : onArchive(thread.id);
+  };
+  const hasActions = Boolean(onRename || onToggleFavorite || onArchive);
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SessionStatusIndicator, { kind: indicator }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex h-5 items-center gap-1.5", children: [
+        editing ? /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            value: draft,
+            maxLength: api.THREAD_TITLE_MAX_LENGTH,
+            "aria-label": "Session title",
+            "data-rename-input": true,
+            onChange: (event) => setDraft(event.target.value),
+            onKeyDown: handleEditorKeyDown,
+            onBlur: commitRename,
+            onClick: stopPropagation,
+            className: cnfast.cn(
+              "h-5 min-w-0 flex-1 rounded border border-primary/60 bg-background px-1 font-medium text-foreground text-sm",
+              FOCUS_RING_CLASS
+            )
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "data-title": true, className: "min-w-0 truncate font-medium text-sm", children: title }),
+        thread.isFavorited && !onToggleFavorite ? /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.PinIcon,
+          {
+            role: "img",
+            "aria-label": "Pinned",
+            className: "size-3 shrink-0 fill-current text-muted-foreground"
+          }
+        ) : null,
+        origin ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-origin": origin,
+            className: "shrink-0 rounded-full border border-border/60 px-1.5 py-px text-[10px] text-muted-foreground",
+            children: origin
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          "data-line": line.kind,
+          className: cnfast.cn("mt-0.5 block h-4 truncate font-normal text-xs leading-4", LINE_TONE_CLASS[line.tone]),
+          children: line.text
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      "data-active": isActive || void 0,
+      "data-thread-id": thread.id,
+      "data-editing": editing || void 0,
+      onPointerEnter: handlePointerEnter,
+      onPointerLeave: cancelHover,
+      className: cnfast.cn(
+        "group relative flex items-start gap-1 rounded-lg text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground",
+        isActive && "bg-muted text-foreground"
+      ),
+      children: [
+        isActive ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-active-accent": true,
+            className: "absolute inset-y-2 left-0 w-0.5 rounded-full bg-primary"
+          }
+        ) : null,
+        editing ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-start gap-2 p-2 pl-3 text-left", children: body }) : /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelect(thread.id),
+            onFocus: handleFocus,
+            className: cnfast.cn(
+              "flex min-w-0 flex-1 cursor-pointer items-start gap-2 rounded-lg p-2 pl-3 text-left",
+              FOCUS_RING_CLASS
+            ),
+            children: body
+          }
+        ),
+        chip || hasActions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col items-end justify-between gap-0.5 py-2 pr-2", children: [
+          hasActions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-row-actions": true, className: "flex h-5 items-center gap-0.5", children: [
+            onRename ? /* @__PURE__ */ jsxRuntime.jsx(
+              RowActionButton,
+              {
+                label: "Rename session",
+                onClick: beginRename,
+                pending: renamePending,
+                alwaysVisible: false,
+                action: "rename",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, { className: "size-3.5", "aria-hidden": true })
+              }
+            ) : null,
+            onToggleFavorite ? /* @__PURE__ */ jsxRuntime.jsx(PinToggle, { thread, pending: favoritePending, onToggle: onToggleFavorite }) : null,
+            onArchive ? /* @__PURE__ */ jsxRuntime.jsx(
+              RowActionButton,
+              {
+                label: "Archive session",
+                onClick: handleArchive,
+                pending: archivePending,
+                alwaysVisible: false,
+                action: "archive",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArchiveIcon, { className: "size-3.5", "aria-hidden": true })
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-5" }),
+          chip ? /* @__PURE__ */ jsxRuntime.jsx(PullRequestChip, { chip }) : null
+        ] }) : null
+      ]
+    }
+  );
+};
+function SessionList({
+  className,
+  grouped = true,
+  showSearch = true,
+  showPinToggle = true,
+  showRename = true,
+  showArchive = true,
+  prefetchOnHover = true
+}) {
+  const list = statewireThreadList.useAthenaStatewireThreadList();
+  if (!list) return null;
+  const sections = sessionListModel.groupSessions(list.threads, grouped);
+  const hasSearch = list.search.trim().length > 0;
+  const handleSearch = (event) => list.setSearch(event.target.value);
+  const onToggleFavorite = showPinToggle && list.favoriteToggleAvailable ? list.setFavorited : void 0;
+  const onRename = showRename && list.renameAvailable ? list.renameThread : void 0;
+  const onArchive = showArchive && list.archiveAvailable ? list.archiveThread : void 0;
+  const onPrefetch = prefetchOnHover ? list.prefetchThread : void 0;
+  const showSkeleton = !list.hasResolvedFirstPage || list.isFetching && list.threads.length === 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cnfast.cn("athena-sdk-chrome flex flex-col gap-2", className),
+      "data-testid": "session-list",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: list.newThread,
+              className: cnfast.cn(
+                "flex h-9 flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 font-medium text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground",
+                FOCUS_RING_CLASS
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-4" }),
+                "New Chat"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: list.refresh,
+              disabled: list.isFetching,
+              className: cnfast.cn(
+                "flex size-9 items-center justify-center rounded-lg border border-border/60 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50",
+                FOCUS_RING_CLASS
+              ),
+              title: "Refresh sessions",
+              "aria-label": "Refresh sessions",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { className: cnfast.cn("size-4", list.isFetching && "animate-spin") })
+            }
+          )
+        ] }),
+        showSearch ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "relative block", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Search sessions" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "search",
+              value: list.search,
+              onChange: handleSearch,
+              placeholder: "Search sessions…",
+              className: "h-8 w-full rounded-lg border border-border/60 bg-muted/40 pr-2 pl-8 text-sm outline-none focus:border-primary focus:bg-background"
+            }
+          )
+        ] }) : null,
+        showSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(SessionListSkeleton, {}) : sections.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-testid": "session-list-empty", className: "px-3 py-4 text-muted-foreground text-xs", children: hasSearch ? "No matching sessions." : "No sessions yet." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2", "aria-busy": list.isFetching || void 0, children: sections.map(({ group, items }) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "section",
+          {
+            "aria-label": group ?? "Sessions",
+            "data-group": group ?? void 0,
+            children: [
+              group ? /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "px-3 pb-1 font-medium text-[11px] text-muted-foreground/70 uppercase tracking-wide", children: group }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-0.5", children: items.map((thread) => /* @__PURE__ */ jsxRuntime.jsx(
+                SessionRow,
+                {
+                  thread,
+                  isActive: thread.id === list.activeThreadId,
+                  onSelect: list.selectThread,
+                  onPrefetch,
+                  onToggleFavorite,
+                  favoritePending: list.favoritePendingThreadIds.has(thread.id),
+                  onRename,
+                  renamePending: list.renamePendingThreadIds.has(thread.id),
+                  onArchive,
+                  archivePending: list.archivePendingThreadIds.has(thread.id)
+                },
+                thread.id
+              )) })
+            ]
+          },
+          group ?? "all"
+        )) }),
+        list.hasNextPage && !showSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            disabled: list.isFetchingNextPage,
+            onClick: list.fetchNextPage,
+            className: cnfast.cn(
+              "w-full rounded-lg py-2 text-muted-foreground text-xs transition-colors hover:bg-muted disabled:opacity-50",
+              FOCUS_RING_CLASS
+            ),
+            children: list.isFetchingNextPage ? "Loading…" : "Load more"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+exports.SessionList = SessionList;
+exports.SessionListSkeleton = SessionListSkeleton;
+//# sourceMappingURL=SessionList.cjs.map

package/dist/threads/SessionList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionList.cjs","sources":["../../src/threads/SessionList.tsx"],"sourcesContent":["import {\n  ArchiveIcon,\n  ClockIcon,\n  GitMergeIcon,\n  GitPullRequestClosedIcon,\n  GitPullRequestDraftIcon,\n  GitPullRequestIcon,\n  LoaderCircleIcon,\n  PencilIcon,\n  PinIcon,\n  PlusIcon,\n  RefreshCwIcon,\n  SearchIcon,\n} from 'lucide-react';\nimport type { ChangeEvent, FC, KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { THREAD_TITLE_MAX_LENGTH } from './api';\nimport {\n  groupSessions,\n  type PullRequestChip as PullRequestChipModel,\n  type PullRequestChipState,\n  pullRequestChip,\n  type SessionIndicator as SessionIndicatorKind,\n  type SessionLineTone,\n  sessionIndicator,\n  sessionOriginLabel,\n  sessionSecondaryLine,\n} from './session-list-model';\nimport {\n  type AthenaStatewireThreadSummary,\n  useAthenaStatewireThreadList,\n} from './statewire-thread-list';\nimport { THREAD_PREFETCH_HOVER_DELAY_MS } from './thread-prefetcher';\nimport type { ThreadFavoriteTarget } from './use-thread-favorite';\nimport type { ThreadRenameTarget } from './use-thread-rename';\n\nexport interface SessionListProps {\n  className?: string;\n  /**\n   * Group rows under \"Needs you\" / \"Working\" / \"Pinned\" / \"Recent\" (default\n   * `true`); a session appears once, in the first group that applies. `false`\n   * renders one newest-first list.\n   */\n  grouped?: boolean;\n  /** Show the title search box, wired to the server-side `search` (default `true`). */\n  showSearch?: boolean;\n  /**\n   * Offer the pin toggle on each row (default `true`). `false` — or a backend\n   * without the favorite route — shows a pinned row's pin read-only instead.\n   */\n  showPinToggle?: boolean;\n  /**\n   * Offer the inline rename on each row (default `true`). Withdrawn on a\n   * backend without the rename route (`renameAvailable`).\n   */\n  showRename?: boolean;\n  /**\n   * Offer the archive action on each row (default `true`). Withdrawn on a\n   * backend without the archive route (`archiveAvailable`).\n   */\n  showArchive?: boolean;\n  /**\n   * Warm the provider's snapshot cache for a row after a 120 ms hover dwell\n   * and on row focus (default `true`), so selecting it paints at once.\n   */\n  prefetchOnHover?: boolean;\n}\n\nconst INDICATOR_LABEL: Record<NonNullable<SessionIndicatorKind>, string> = {\n  needs_you: 'Needs you',\n  working: 'Working',\n  unread: 'Unread',\n  watching: 'Watching',\n};\n\n/**\n * The row's status indicator; an empty spacer keeps titles aligned when a\n * row has none.\n */\nconst SessionStatusIndicator: FC<{ kind: SessionIndicatorKind }> = ({ kind }) => {\n  if (kind === null) return <span aria-hidden=\"true\" className=\"mt-0.5 size-4 shrink-0\" />;\n  const label = INDICATOR_LABEL[kind];\n  if (kind === 'working') {\n    return (\n      <LoaderCircleIcon\n        role=\"img\"\n        aria-label={label}\n        data-indicator={kind}\n        className=\"mt-0.5 size-4 shrink-0 animate-spin text-primary\"\n      />\n    );\n  }\n  if (kind === 'watching') {\n    return (\n      <ClockIcon\n        role=\"img\"\n        aria-label={label}\n        data-indicator={kind}\n        className=\"mt-0.5 size-4 shrink-0 text-muted-foreground\"\n      />\n    );\n  }\n  return (\n    <span\n      role=\"img\"\n      aria-label={label}\n      data-indicator={kind}\n      className=\"mt-0.5 flex size-4 shrink-0 items-center justify-center\"\n    >\n      <span\n        className={cn(\n          'size-2 rounded-full',\n          kind === 'needs_you' ? 'bg-orange-500' : 'bg-primary',\n        )}\n      />\n    </span>\n  );\n};\n\nconst LINE_TONE_CLASS: Record<SessionLineTone, string> = {\n  needs_you: 'text-orange-600',\n  ready: 'text-green-600',\n  error: 'text-red-600',\n  muted: 'text-muted-foreground',\n};\n\nconst PR_STATE_ICON: Record<PullRequestChipState, FC<{ className?: string; 'aria-hidden'?: boolean }>> = {\n  open: GitPullRequestIcon,\n  draft: GitPullRequestDraftIcon,\n  merged: GitMergeIcon,\n  closed: GitPullRequestClosedIcon,\n};\n\nconst PR_STATE_CLASS: Record<PullRequestChipState, string> = {\n  open: 'text-green-600',\n  draft: 'text-muted-foreground',\n  merged: 'text-violet-600',\n  closed: 'text-red-600',\n};\n\n/** The focus treatment every row control and action shares. */\nconst FOCUS_RING_CLASS =\n  'outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-0';\n\nconst stopPropagation = (event: MouseEvent) => event.stopPropagation();\n\n/**\n * One chip per row linking to the session's primary pull request; a sibling\n * of the row button (never nested inside it) so the markup stays valid and a\n * click on it never selects the row. Sits on the row's second line, beside\n * the meta text.\n */\nconst PullRequestChip: FC<{ chip: PullRequestChipModel }> = ({ chip }) => {\n  const Icon = PR_STATE_ICON[chip.state];\n  return (\n    <a\n      href={chip.url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      onClick={stopPropagation}\n      title={chip.title}\n      aria-label={`Pull request ${chip.label}, ${chip.state}`}\n      data-pr-state={chip.state}\n      data-pr-count={chip.count}\n      className={cn(\n        'inline-flex h-4 shrink-0 items-center gap-1 rounded-full border border-border/60 px-1.5 font-medium text-[11px] leading-none transition-colors hover:bg-muted',\n        FOCUS_RING_CLASS,\n        PR_STATE_CLASS[chip.state],\n      )}\n    >\n      <Icon className=\"size-3\" aria-hidden />\n      {chip.label}\n    </a>\n  );\n};\n\n/**\n * One action in the row's trailing cluster: a sibling of the row control\n * (never nested in it — a click must not select the row), labelled for\n * assistive technology, revealed on hover or focus unless `alwaysVisible`,\n * and disabled while its write is in flight so one row never has two writes\n * racing.\n */\nconst RowActionButton: FC<{\n  label: string;\n  onClick: (event: MouseEvent<HTMLButtonElement>) => void;\n  pending: boolean;\n  alwaysVisible: boolean;\n  action: string;\n  pressed?: boolean;\n  children: ReactNode;\n}> = ({ label, onClick, pending, alwaysVisible, action, pressed, children }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    disabled={pending}\n    aria-busy={pending || undefined}\n    aria-pressed={pressed}\n    aria-label={label}\n    title={label}\n    data-action={action}\n    data-pending={pending || undefined}\n    className={cn(\n      'rounded p-1 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:cursor-wait disabled:opacity-60',\n      FOCUS_RING_CLASS,\n      !alwaysVisible &&\n        !pending &&\n        'opacity-0 focus-visible:opacity-100 group-focus-within:opacity-100 group-hover:opacity-100',\n    )}\n  >\n    {children}\n  </button>\n);\n\n/**\n * The pin toggle: pressed while the session is pinned (and then always\n * visible); otherwise an outline pin revealed on hover or focus so an\n * unpinned row stays quiet.\n */\nconst PinToggle: FC<{\n  thread: Pick<AthenaStatewireThreadSummary, 'id' | 'isFavorited'>;\n  pending: boolean;\n  onToggle: (target: ThreadFavoriteTarget) => void;\n}> = ({ thread, pending, onToggle }) => {\n  const label = thread.isFavorited ? 'Unpin session' : 'Pin session';\n  const handleClick = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (pending) return;\n    onToggle({ threadId: thread.id, isFavorited: !thread.isFavorited });\n  };\n  return (\n    <span data-pin-toggle={thread.isFavorited ? 'pinned' : 'unpinned'} className=\"contents\">\n      <RowActionButton\n        label={label}\n        onClick={handleClick}\n        pending={pending}\n        alwaysVisible={thread.isFavorited}\n        action=\"pin\"\n        pressed={thread.isFavorited}\n      >\n        <PinIcon className={cn('size-3.5', thread.isFavorited && 'fill-current')} aria-hidden />\n      </RowActionButton>\n    </span>\n  );\n};\n\nconst SKELETON_TITLE_WIDTHS = ['w-3/5', 'w-4/5', 'w-1/2', 'w-2/3'] as const;\n\n/**\n * Placeholder rows shaped like session rows (indicator, title line, meta\n * line) for the first page and for a refresh that has no rows to keep yet.\n */\nexport const SessionListSkeleton: FC<{ rows?: number }> = ({ rows = 4 }) => (\n  <div\n    role=\"status\"\n    aria-busy=\"true\"\n    aria-label=\"Loading sessions\"\n    data-testid=\"session-list-skeleton\"\n    className=\"flex flex-col gap-0.5\"\n  >\n    {Array.from({ length: rows }, (_, index) => (\n      <div key={index} aria-hidden=\"true\" className=\"flex items-start gap-2 px-3 py-2\">\n        <span className=\"mt-0.5 size-4 shrink-0 animate-pulse rounded-full bg-muted\" />\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"flex h-5 items-center\">\n            <span\n              className={cn(\n                'h-3.5 animate-pulse rounded bg-muted',\n                SKELETON_TITLE_WIDTHS[index % SKELETON_TITLE_WIDTHS.length],\n              )}\n            />\n          </span>\n          <span className=\"mt-0.5 flex h-4 items-center\">\n            <span className=\"h-3 w-1/3 animate-pulse rounded bg-muted/70\" />\n          </span>\n        </span>\n      </div>\n    ))}\n  </div>\n);\n\nconst SessionRow: FC<{\n  thread: AthenaStatewireThreadSummary;\n  isActive: boolean;\n  onSelect: (threadId: string) => void;\n  /** Absent when hover prefetching is off or the provider has no snapshot cache to warm. */\n  onPrefetch: ((threadId: string) => void) | undefined;\n  /** Absent when the toggle is not offered: a pinned row then shows a read-only pin. */\n  onToggleFavorite: ((target: ThreadFavoriteTarget) => void) | undefined;\n  /** True while this session's pin write is in flight. */\n  favoritePending: boolean;\n  /** Absent when the rename is not offered (host opt-out, or a backend without the route). */\n  onRename: ((target: ThreadRenameTarget) => void) | undefined;\n  renamePending: boolean;\n  /** Absent when the archive is not offered (host opt-out, or a backend without the route). */\n  onArchive: ((threadId: string) => void) | undefined;\n  archivePending: boolean;\n}> = ({\n  thread,\n  isActive,\n  onSelect,\n  onPrefetch,\n  onToggleFavorite,\n  favoritePending,\n  onRename,\n  renamePending,\n  onArchive,\n  archivePending,\n}) => {\n  const indicator = sessionIndicator(thread);\n  const line = sessionSecondaryLine(thread);\n  const chip = pullRequestChip(thread.pullRequests);\n  const origin = sessionOriginLabel(thread);\n  const title = thread.title ?? 'Untitled';\n\n  // Hover prefetch: the pointer must rest on the row for the dwell before\n  // the fetch starts, so sweeping the pointer down the list fetches nothing.\n  const hoverTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cancelHover = useCallback(() => {\n    if (hoverTimerRef.current === null) return;\n    clearTimeout(hoverTimerRef.current);\n    hoverTimerRef.current = null;\n  }, []);\n  useEffect(() => cancelHover, [cancelHover]);\n  const handlePointerEnter = () => {\n    if (!onPrefetch) return;\n    cancelHover();\n    hoverTimerRef.current = setTimeout(() => {\n      hoverTimerRef.current = null;\n      onPrefetch(thread.id);\n    }, THREAD_PREFETCH_HOVER_DELAY_MS);\n  };\n  const handleFocus = () => {\n    cancelHover();\n    onPrefetch?.(thread.id);\n  };\n\n  // Inline rename: the title becomes an input; Enter commits, Escape cancels,\n  // blur commits. An Enter or Escape settles the edit before the blur its\n  // unmount may raise, so the blur never commits a second time.\n  const [editing, setEditing] = useState(false);\n  const [draft, setDraft] = useState('');\n  const settledRef = useRef(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  useEffect(() => {\n    if (!editing) return;\n    inputRef.current?.focus();\n    inputRef.current?.select();\n  }, [editing]);\n  const beginRename = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (renamePending) return;\n    settledRef.current = false;\n    setDraft(thread.title ?? '');\n    setEditing(true);\n  };\n  const commitRename = () => {\n    if (settledRef.current) return;\n    settledRef.current = true;\n    setEditing(false);\n    const next = draft.trim();\n    if (!next || next === (thread.title ?? '').trim()) return;\n    onRename?.({ threadId: thread.id, title: next });\n  };\n  const cancelRename = () => {\n    settledRef.current = true;\n    setEditing(false);\n  };\n  const handleEditorKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n      commitRename();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation();\n      cancelRename();\n    }\n  };\n\n  const handleArchive = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (archivePending) return;\n    onArchive?.(thread.id);\n  };\n\n  const hasActions = Boolean(onRename || onToggleFavorite || onArchive);\n  const body = (\n    <>\n      <SessionStatusIndicator kind={indicator} />\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"flex h-5 items-center gap-1.5\">\n          {editing ? (\n            <input\n              ref={inputRef}\n              type=\"text\"\n              value={draft}\n              maxLength={THREAD_TITLE_MAX_LENGTH}\n              aria-label=\"Session title\"\n              data-rename-input\n              onChange={(event: ChangeEvent<HTMLInputElement>) => setDraft(event.target.value)}\n              onKeyDown={handleEditorKeyDown}\n              onBlur={commitRename}\n              onClick={stopPropagation}\n              className={cn(\n                'h-5 min-w-0 flex-1 rounded border border-primary/60 bg-background px-1 font-medium text-foreground text-sm',\n                FOCUS_RING_CLASS,\n              )}\n            />\n          ) : (\n            <span data-title className=\"min-w-0 truncate font-medium text-sm\">\n              {title}\n            </span>\n          )}\n          {thread.isFavorited && !onToggleFavorite ? (\n            <PinIcon\n              role=\"img\"\n              aria-label=\"Pinned\"\n              className=\"size-3 shrink-0 fill-current text-muted-foreground\"\n            />\n          ) : null}\n          {origin ? (\n            <span\n              data-origin={origin}\n              className=\"shrink-0 rounded-full border border-border/60 px-1.5 py-px text-[10px] text-muted-foreground\"\n            >\n              {origin}\n            </span>\n          ) : null}\n        </span>\n        <span\n          data-line={line.kind}\n          className={cn('mt-0.5 block h-4 truncate font-normal text-xs leading-4', LINE_TONE_CLASS[line.tone])}\n        >\n          {line.text}\n        </span>\n      </span>\n    </>\n  );\n\n  return (\n    <li\n      data-active={isActive || undefined}\n      data-thread-id={thread.id}\n      data-editing={editing || undefined}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={cancelHover}\n      className={cn(\n        'group relative flex items-start gap-1 rounded-lg text-muted-foreground transition-colors hover:bg-muted/40 hover:text-foreground',\n        isActive && 'bg-muted text-foreground',\n      )}\n    >\n      {isActive ? (\n        <span\n          aria-hidden=\"true\"\n          data-active-accent\n          className=\"absolute inset-y-2 left-0 w-0.5 rounded-full bg-primary\"\n        />\n      ) : null}\n      {editing ? (\n        <div className=\"flex min-w-0 flex-1 items-start gap-2 p-2 pl-3 text-left\">{body}</div>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={() => onSelect(thread.id)}\n          onFocus={handleFocus}\n          className={cn(\n            'flex min-w-0 flex-1 cursor-pointer items-start gap-2 rounded-lg p-2 pl-3 text-left',\n            FOCUS_RING_CLASS,\n          )}\n        >\n          {body}\n        </button>\n      )}\n      {chip || hasActions ? (\n        <div className=\"flex shrink-0 flex-col items-end justify-between gap-0.5 py-2 pr-2\">\n          {hasActions ? (\n            <div data-row-actions className=\"flex h-5 items-center gap-0.5\">\n              {onRename ? (\n                <RowActionButton\n                  label=\"Rename session\"\n                  onClick={beginRename}\n                  pending={renamePending}\n                  alwaysVisible={false}\n                  action=\"rename\"\n                >\n                  <PencilIcon className=\"size-3.5\" aria-hidden />\n                </RowActionButton>\n              ) : null}\n              {onToggleFavorite ? (\n                <PinToggle thread={thread} pending={favoritePending} onToggle={onToggleFavorite} />\n              ) : null}\n              {onArchive ? (\n                <RowActionButton\n                  label=\"Archive session\"\n                  onClick={handleArchive}\n                  pending={archivePending}\n                  alwaysVisible={false}\n                  action=\"archive\"\n                >\n                  <ArchiveIcon className=\"size-3.5\" aria-hidden />\n                </RowActionButton>\n              ) : null}\n            </div>\n          ) : (\n            <span aria-hidden=\"true\" className=\"h-5\" />\n          )}\n          {chip ? <PullRequestChip chip={chip} /> : null}\n        </div>\n      ) : null}\n    </li>\n  );\n};\n\n/**\n * Devin-style session list: the `ThreadList` rows with an attention\n * indicator, the server's next action, pull-request chips, an origin badge\n * and a trailing action cluster (rename inline, pin, archive) revealed on\n * hover or focus, grouped by what each session asks of the viewer. Reads the\n * thread-list state that `<AthenaProvider enableThreadList>` provides and\n * renders nothing outside that mode.\n *\n * Every write is optimistic and rolls back on failure: the pin flips the row\n * and moves it between `Pinned` and `Recent`; the rename shows the new title\n * on commit; the archive removes the row. On a backend that predates a route\n * the matching action is withdrawn (`favoriteToggleAvailable` falls back to a\n * read-only pin; `renameAvailable` / `archiveAvailable` hide the action).\n *\n * Rows warm the provider's snapshot cache after a 120 ms hover dwell (and on\n * focus) so a selection paints its transcript at once. Skeleton rows stand in\n * while the first page loads or a refresh has nothing to keep; the empty\n * state appears only after a settled empty answer, and a background refresh\n * never blanks the rows it already has.\n */\nexport function SessionList({\n  className,\n  grouped = true,\n  showSearch = true,\n  showPinToggle = true,\n  showRename = true,\n  showArchive = true,\n  prefetchOnHover = true,\n}: SessionListProps) {\n  const list = useAthenaStatewireThreadList();\n  if (!list) return null;\n\n  const sections = groupSessions(list.threads, grouped);\n  const hasSearch = list.search.trim().length > 0;\n  const handleSearch = (event: ChangeEvent<HTMLInputElement>) =>\n    list.setSearch(event.target.value);\n  const onToggleFavorite =\n    showPinToggle && list.favoriteToggleAvailable ? list.setFavorited : undefined;\n  const onRename = showRename && list.renameAvailable ? list.renameThread : undefined;\n  const onArchive = showArchive && list.archiveAvailable ? list.archiveThread : undefined;\n  const onPrefetch = prefetchOnHover ? list.prefetchThread : undefined;\n  // Skeleton until the first page has answered (no credential yet, or the\n  // page in flight) and for a refresh with no rows to keep; a refresh that\n  // has rows keeps showing them.\n  const showSkeleton =\n    !list.hasResolvedFirstPage || (list.isFetching && list.threads.length === 0);\n\n  return (\n    <div\n      className={cn('athena-sdk-chrome flex flex-col gap-2', className)}\n      data-testid=\"session-list\"\n    >\n      <div className=\"flex items-center gap-1\">\n        <button\n          type=\"button\"\n          onClick={list.newThread}\n          className={cn(\n            'flex h-9 flex-1 items-center gap-2 rounded-lg border border-border/60 px-3 font-medium text-muted-foreground text-sm transition-colors hover:bg-muted hover:text-foreground',\n            FOCUS_RING_CLASS,\n          )}\n        >\n          <PlusIcon className=\"size-4\" />\n          New Chat\n        </button>\n        <button\n          type=\"button\"\n          onClick={list.refresh}\n          disabled={list.isFetching}\n          className={cn(\n            'flex size-9 items-center justify-center rounded-lg border border-border/60 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50',\n            FOCUS_RING_CLASS,\n          )}\n          title=\"Refresh sessions\"\n          aria-label=\"Refresh sessions\"\n        >\n          <RefreshCwIcon className={cn('size-4', list.isFetching && 'animate-spin')} />\n        </button>\n      </div>\n\n      {showSearch ? (\n        <label className=\"relative block\">\n          <SearchIcon className=\"pointer-events-none absolute top-1/2 left-2.5 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n          <span className=\"sr-only\">Search sessions</span>\n          <input\n            type=\"search\"\n            value={list.search}\n            onChange={handleSearch}\n            placeholder=\"Search sessions…\"\n            className=\"h-8 w-full rounded-lg border border-border/60 bg-muted/40 pr-2 pl-8 text-sm outline-none focus:border-primary focus:bg-background\"\n          />\n        </label>\n      ) : null}\n\n      {showSkeleton ? (\n        <SessionListSkeleton />\n      ) : sections.length === 0 ? (\n        <p data-testid=\"session-list-empty\" className=\"px-3 py-4 text-muted-foreground text-xs\">\n          {hasSearch ? 'No matching sessions.' : 'No sessions yet.'}\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-2\" aria-busy={list.isFetching || undefined}>\n          {sections.map(({ group, items }) => (\n            <section\n              key={group ?? 'all'}\n              aria-label={group ?? 'Sessions'}\n              data-group={group ?? undefined}\n            >\n              {group ? (\n                <h3 className=\"px-3 pb-1 font-medium text-[11px] text-muted-foreground/70 uppercase tracking-wide\">\n                  {group}\n                </h3>\n              ) : null}\n              <ul className=\"flex flex-col gap-0.5\">\n                {items.map((thread) => (\n                  <SessionRow\n                    key={thread.id}\n                    thread={thread}\n                    isActive={thread.id === list.activeThreadId}\n                    onSelect={list.selectThread}\n                    onPrefetch={onPrefetch}\n                    onToggleFavorite={onToggleFavorite}\n                    favoritePending={list.favoritePendingThreadIds.has(thread.id)}\n                    onRename={onRename}\n                    renamePending={list.renamePendingThreadIds.has(thread.id)}\n                    onArchive={onArchive}\n                    archivePending={list.archivePendingThreadIds.has(thread.id)}\n                  />\n                ))}\n              </ul>\n            </section>\n          ))}\n        </div>\n      )}\n\n      {list.hasNextPage && !showSkeleton ? (\n        <button\n          type=\"button\"\n          disabled={list.isFetchingNextPage}\n          onClick={list.fetchNextPage}\n          className={cn(\n            'w-full rounded-lg py-2 text-muted-foreground text-xs transition-colors hover:bg-muted disabled:opacity-50',\n            FOCUS_RING_CLASS,\n          )}\n        >\n          {list.isFetchingNextPage ? 'Loading…' : 'Load more'}\n        </button>\n      ) : null}\n    </div>\n  );\n}\n"],"names":["jsx","LoaderCircleIcon","ClockIcon","cn","GitPullRequestIcon","GitPullRequestDraftIcon","GitMergeIcon","GitPullRequestClosedIcon","jsxs","PinIcon","sessionIndicator","sessionSecondaryLine","pullRequestChip","sessionOriginLabel","useRef","useCallback","useEffect","THREAD_PREFETCH_HOVER_DELAY_MS","useState","Fragment","THREAD_TITLE_MAX_LENGTH","PencilIcon","ArchiveIcon","useAthenaStatewireThreadList","groupSessions","PlusIcon","RefreshCwIcon","SearchIcon"],"mappings":"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"}

package/dist/threads/SessionList.d.ts

@@ -0,0 +1,60 @@
+import type { FC } from 'react';
+export interface SessionListProps {
+    className?: string;
+    /**
+     * Group rows under "Needs you" / "Working" / "Pinned" / "Recent" (default
+     * `true`); a session appears once, in the first group that applies. `false`
+     * renders one newest-first list.
+     */
+    grouped?: boolean;
+    /** Show the title search box, wired to the server-side `search` (default `true`). */
+    showSearch?: boolean;
+    /**
+     * Offer the pin toggle on each row (default `true`). `false` — or a backend
+     * without the favorite route — shows a pinned row's pin read-only instead.
+     */
+    showPinToggle?: boolean;
+    /**
+     * Offer the inline rename on each row (default `true`). Withdrawn on a
+     * backend without the rename route (`renameAvailable`).
+     */
+    showRename?: boolean;
+    /**
+     * Offer the archive action on each row (default `true`). Withdrawn on a
+     * backend without the archive route (`archiveAvailable`).
+     */
+    showArchive?: boolean;
+    /**
+     * Warm the provider's snapshot cache for a row after a 120 ms hover dwell
+     * and on row focus (default `true`), so selecting it paints at once.
+     */
+    prefetchOnHover?: boolean;
+}
+/**
+ * Placeholder rows shaped like session rows (indicator, title line, meta
+ * line) for the first page and for a refresh that has no rows to keep yet.
+ */
+export declare const SessionListSkeleton: FC<{
+    rows?: number;
+}>;
+/**
+ * Devin-style session list: the `ThreadList` rows with an attention
+ * indicator, the server's next action, pull-request chips, an origin badge
+ * and a trailing action cluster (rename inline, pin, archive) revealed on
+ * hover or focus, grouped by what each session asks of the viewer. Reads the
+ * thread-list state that `<AthenaProvider enableThreadList>` provides and
+ * renders nothing outside that mode.
+ *
+ * Every write is optimistic and rolls back on failure: the pin flips the row
+ * and moves it between `Pinned` and `Recent`; the rename shows the new title
+ * on commit; the archive removes the row. On a backend that predates a route
+ * the matching action is withdrawn (`favoriteToggleAvailable` falls back to a
+ * read-only pin; `renameAvailable` / `archiveAvailable` hide the action).
+ *
+ * Rows warm the provider's snapshot cache after a 120 ms hover dwell (and on
+ * focus) so a selection paints its transcript at once. Skeleton rows stand in
+ * while the first page loads or a refresh has nothing to keep; the empty
+ * state appears only after a settled empty answer, and a background refresh
+ * never blanks the rows it already has.
+ */
+export declare function SessionList({ className, grouped, showSearch, showPinToggle, showRename, showArchive, prefetchOnHover, }: SessionListProps): import("react/jsx-runtime").JSX.Element | null;