@athenaintel/react 0.28.1 → 0.30.0

package/dist/threads/Inbox.js

@@ -0,0 +1,289 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCheckIcon, BellIcon, MailOpenIcon, MailIcon, XIcon } from "lucide-react";
+import { useMutation } from "@tanstack/react-query";
+import { useContext, useState, useMemo } from "react";
+import { useAthenaQueryClient } from "../lib/use-athena-rest-query.js";
+import { withCredentialRenewal } from "../runtime/credential-renewal.js";
+import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover.js";
+import { dismissThreadFromInbox } from "./api.js";
+import { SessionListSkeleton } from "./SessionList.js";
+import { relativeTime } from "./session-list-model.js";
+import { FOCUS_RING_CLASS, StatusChip, RowIconButton } from "./session-row-parts.js";
+import { inboxStateChip, plainExcerpt } from "./sessions-page-model.js";
+import { useAthenaStatewireThreadList, AthenaSessionsLiveContext } from "./statewire-thread-list.js";
+import { useAthenaSessions } from "./use-athena-sessions.js";
+import { cn } from "cnfast";
+const INBOX_QUERY = { createdByMe: true, excludeDismissed: true };
+const INBOX_UNREAD_QUERY = { ...INBOX_QUERY, unreadOnly: true };
+const INBOX_PAGE_SIZE = 50;
+function useAthenaInboxUnreadCount() {
+  const unread = useAthenaSessions({ query: INBOX_UNREAD_QUERY, pageSize: INBOX_PAGE_SIZE });
+  const count = unread.rows.length;
+  const hasMore = unread.hasNextPage;
+  return {
+    count,
+    hasMore,
+    label: count === 0 ? "" : `${count}${hasMore ? "+" : ""}`,
+    isAvailable: unread.isAvailable
+  };
+}
+function useInboxDismiss(refresh) {
+  const live = useContext(AthenaSessionsLiveContext);
+  const queryClient = useAthenaQueryClient();
+  const [hidden, setHidden] = useState(() => /* @__PURE__ */ new Set());
+  const mutation = useMutation(
+    {
+      mutationKey: ["athena-sdk", "inbox-dismiss", (live == null ? void 0 : live.backendUrl) ?? "", (live == null ? void 0 : live.principal) ?? ""],
+      mutationFn: async (threadId) => {
+        if (!live) throw new Error("[AthenaSDK] The inbox needs enableThreadList.");
+        return withCredentialRenewal(
+          live.getAuth,
+          (auth) => dismissThreadFromInbox(live.backendUrl, auth, { threadId, dismissed: true })
+        );
+      },
+      onMutate: (threadId) => setHidden((current) => new Set(current).add(threadId)),
+      // The local hide only bridges the write and the refresh after it: once
+      // the inbox has re-read, the server decides — a dismissed session comes
+      // back with its next message, and a failed dismiss shows it again.
+      onSettled: async (_result, _error, threadId) => {
+        try {
+          await refresh();
+        } finally {
+          setHidden((current) => {
+            if (!current.has(threadId)) return current;
+            const next = new Set(current);
+            next.delete(threadId);
+            return next;
+          });
+        }
+      }
+    },
+    queryClient
+  );
+  return { hidden, dismiss: mutation.mutate, pending: mutation.isPending };
+}
+const InboxRow = ({ row, isActive, list, onOpen, onDismiss }) => {
+  const chip = inboxStateChip(row);
+  const excerpt = plainExcerpt(row.preview);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-thread-id": row.id,
+      "data-unread": row.isUnread || void 0,
+      className: cn(
+        "group relative flex items-start gap-2 rounded-lg transition-colors hover:bg-muted/40",
+        isActive && "bg-muted"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onOpen(row),
+            className: cn("flex min-w-0 flex-1 items-start gap-2 rounded-lg p-2 pl-2.5 text-left", FOCUS_RING_CLASS),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  role: row.isUnread ? "img" : void 0,
+                  "aria-label": row.isUnread ? "Unread" : void 0,
+                  "aria-hidden": row.isUnread ? void 0 : true,
+                  className: cn("mt-1.5 size-2 shrink-0 rounded-full", row.isUnread ? "bg-primary" : "bg-transparent")
+                }
+              ),
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "data-title": true,
+                      className: cn("min-w-0 flex-1 truncate text-foreground text-sm", row.isUnread ? "font-semibold" : "font-medium"),
+                      children: row.title ?? "Untitled"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground", children: relativeTime(row.updatedAt) })
+                ] }),
+                excerpt ? /* @__PURE__ */ jsx("span", { "data-excerpt": true, className: "mt-0.5 line-clamp-2 break-words text-muted-foreground text-xs", children: excerpt }) : null,
+                /* @__PURE__ */ jsx("span", { className: "mt-1 flex", children: /* @__PURE__ */ jsx(StatusChip, { label: chip.label, tone: chip.tone, detail: row.nextAction }) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { "data-row-actions": true, className: "flex shrink-0 items-center gap-0.5 py-2 pr-2", children: [
+          /* @__PURE__ */ jsx(
+            RowIconButton,
+            {
+              label: row.isUnread ? "Mark read" : "Mark unread",
+              action: "read-state",
+              pending: list.readStatePendingThreadIds.has(row.id),
+              onClick: () => list.setReadState({ threadId: row.id, isUnread: !row.isUnread, updatedAt: row.updatedAt }),
+              children: row.isUnread ? /* @__PURE__ */ jsx(MailOpenIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(MailIcon, { className: "size-3.5", "aria-hidden": true })
+            }
+          ),
+          onDismiss ? /* @__PURE__ */ jsx(RowIconButton, { label: "Dismiss from inbox", action: "dismiss", onClick: () => onDismiss(row.id), children: /* @__PURE__ */ jsx(XIcon, { className: "size-3.5", "aria-hidden": true }) }) : null
+        ] })
+      ]
+    }
+  );
+};
+function InboxBody({
+  className,
+  title = "Inbox",
+  defaultTab = "all",
+  onOpenSession,
+  list
+}) {
+  var _a;
+  const [tab, setTab] = useState(defaultTab);
+  const all = useAthenaSessions({ query: INBOX_QUERY, pageSize: INBOX_PAGE_SIZE });
+  const unread = useAthenaSessions({ query: INBOX_UNREAD_QUERY, pageSize: INBOX_PAGE_SIZE });
+  const shown = tab === "unread" ? unread : all;
+  const refreshBoth = async () => {
+    await Promise.all([all.refresh(), unread.refresh()]);
+  };
+  const dismissal = useInboxDismiss(refreshBoth);
+  const canDismiss = ((_a = shown.supportedFilters) == null ? void 0 : _a.has("exclude_dismissed")) ?? false;
+  const rows = useMemo(
+    () => shown.rows.filter((row) => !dismissal.hidden.has(row.id)),
+    [shown.rows, dismissal.hidden]
+  );
+  const unreadRows = unread.rows.filter((row) => !dismissal.hidden.has(row.id));
+  const unreadLabel = `${unreadRows.length}${unread.hasNextPage ? "+" : ""}`;
+  const allLabel = `${all.rows.filter((row) => !dismissal.hidden.has(row.id)).length}${all.hasNextPage ? "+" : ""}`;
+  const open = (row) => {
+    list.selectThread(row.id);
+    if (row.isUnread) {
+      list.setReadState({ threadId: row.id, isUnread: false, updatedAt: row.updatedAt });
+    }
+    onOpenSession == null ? void 0 : onOpenSession({ threadId: row.id, title: row.title });
+  };
+  const markAllRead = () => {
+    for (const row of unreadRows) {
+      list.setReadState({ threadId: row.id, isUnread: false, updatedAt: row.updatedAt });
+    }
+  };
+  const showSkeleton = rows.length === 0 && (!shown.hasResolvedFirstPage || shown.isFetching);
+  const notice = shown.unavailableFields.length > 0 ? "This Athena server cannot narrow the inbox to your own, undismissed sessions yet, so it lists every session you can see." : null;
+  const tabClass = (active) => cn(
+    "inline-flex h-7 items-center gap-1.5 rounded-md px-2.5 font-medium text-xs transition-colors",
+    active ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground",
+    FOCUS_RING_CLASS
+  );
+  return /* @__PURE__ */ jsxs("div", { "data-testid": "inbox", className: cn("athena-sdk-chrome flex min-h-0 flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-1", children: [
+      /* @__PURE__ */ jsx("h2", { className: "font-semibold text-foreground text-sm", children: title }),
+      /* @__PURE__ */ jsxs("div", { role: "tablist", "aria-label": "Inbox", className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "all", onClick: () => setTab("all"), className: tabClass(tab === "all"), children: [
+          "All",
+          /* @__PURE__ */ jsx("span", { "data-testid": "inbox-all-count", className: "text-muted-foreground", children: allLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("button", { type: "button", role: "tab", "aria-selected": tab === "unread", onClick: () => setTab("unread"), className: tabClass(tab === "unread"), children: [
+          "Unread",
+          /* @__PURE__ */ jsx("span", { "data-testid": "inbox-unread-count", className: "text-muted-foreground", children: unreadLabel })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: markAllRead,
+          disabled: unreadRows.length === 0,
+          className: cn(
+            "inline-flex h-7 items-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50",
+            FOCUS_RING_CLASS
+          ),
+          title: "Mark the loaded unread sessions read",
+          children: [
+            /* @__PURE__ */ jsx(CheckCheckIcon, { className: "size-3.5", "aria-hidden": true }),
+            "Mark all read"
+          ]
+        }
+      )
+    ] }),
+    notice ? /* @__PURE__ */ jsx("p", { role: "status", "data-testid": "inbox-degraded", className: "mx-1 rounded-md border border-amber-200 bg-amber-50 px-2.5 py-1.5 text-[11px] text-amber-900", children: notice }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto", children: [
+      showSkeleton ? /* @__PURE__ */ jsx(SessionListSkeleton, { rows: 4 }) : rows.length === 0 ? /* @__PURE__ */ jsx("p", { "data-testid": "inbox-empty", className: "px-3 py-8 text-center text-muted-foreground text-xs", children: tab === "unread" ? "You are all caught up." : "Nothing in your inbox." }) : /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-0.5", "aria-busy": shown.isFetching || void 0, children: rows.map((row) => /* @__PURE__ */ jsx(
+        InboxRow,
+        {
+          row,
+          isActive: row.id === list.activeThreadId,
+          list,
+          onOpen: open,
+          onDismiss: canDismiss ? dismissal.dismiss : null
+        },
+        row.id
+      )) }),
+      shown.hasNextPage && !showSkeleton ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: shown.fetchNextPage,
+          disabled: shown.isFetchingNextPage,
+          className: cn("mt-1 w-full rounded-md py-2 text-muted-foreground text-xs transition-colors hover:bg-muted disabled:opacity-50", FOCUS_RING_CLASS),
+          children: shown.isFetchingNextPage ? "Loading…" : "Load more"
+        }
+      ) : null
+    ] })
+  ] });
+}
+function Inbox(props) {
+  const list = useAthenaStatewireThreadList();
+  const live = useContext(AthenaSessionsLiveContext);
+  if (!list || !live) return null;
+  return /* @__PURE__ */ jsx(InboxBody, { ...props, list });
+}
+function InboxButtonBody({ className, panelClassName, align = "end", onOpenSession, ...inboxProps }) {
+  const [open, setOpen] = useState(false);
+  const unread = useAthenaInboxUnreadCount();
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": unread.count > 0 ? `Inbox, ${unread.label} unread` : "Inbox",
+        "data-testid": "inbox-button",
+        className: cn(
+          "relative inline-flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          FOCUS_RING_CLASS,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(BellIcon, { className: "size-4", "aria-hidden": true }),
+          unread.count > 0 ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-testid": "inbox-badge",
+              className: "absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 font-semibold text-[10px] text-primary-foreground leading-none",
+              children: unread.label
+            }
+          ) : null
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { align, className: cn("flex max-h-[70vh] w-96 flex-col p-2", panelClassName), children: /* @__PURE__ */ jsx(
+      Inbox,
+      {
+        ...inboxProps,
+        onOpenSession: (target) => {
+          setOpen(false);
+          onOpenSession == null ? void 0 : onOpenSession(target);
+        }
+      }
+    ) })
+  ] });
+}
+function InboxButton(props) {
+  const live = useContext(AthenaSessionsLiveContext);
+  if (!live) return null;
+  return /* @__PURE__ */ jsx(InboxButtonBody, { ...props });
+}
+export {
+  INBOX_PAGE_SIZE,
+  INBOX_QUERY,
+  INBOX_UNREAD_QUERY,
+  Inbox,
+  InboxButton,
+  useAthenaInboxUnreadCount
+};
+//# sourceMappingURL=Inbox.js.map

package/dist/threads/Inbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inbox.js","sources":["../../src/threads/Inbox.tsx"],"sourcesContent":["/**\n * `Inbox` and `InboxButton` — the Devin-style notifications inbox over the\n * session list, with no endpoint of its own:\n *\n * - **What is in it.** The viewer's own sessions, newest activity first, minus\n *   the ones dismissed from the inbox — the same set Athena's inbox shows —\n *   read through `POST /api/conversations/threads/list` with\n *   `created_by_me` + `exclude_dismissed` (+ `unread_only` for the Unread\n *   tab). Each row is the session's title, its latest message, a state chip\n *   (Needs you / Working / PR merged / Answered …) and an unread dot.\n * - **Live.** The rows fold the per-user conversation index like every other\n *   list under the provider, so a session flipping to \"needs you\" or getting\n *   a new message moves in place.\n * - **Writes.** Opening a row (or \"Mark read\") stores the read receipt through\n *   `POST /api/conversations/threads/read-state`; \"Dismiss\" uses\n *   `POST /api/conversations/threads/notifications/dismiss` (EDIT on the\n *   session — a dismissed session comes back with its next message).\n * - **Counts.** The unread badge counts the unread page (50 rows); past that\n *   it reads `50+`.\n *\n * Renders nothing outside `<AthenaProvider enableThreadList>`.\n */\nimport { BellIcon, CheckCheckIcon, MailIcon, MailOpenIcon, XIcon } from 'lucide-react';\nimport { useMutation } from '@tanstack/react-query';\nimport type { FC } from 'react';\nimport { useContext, useMemo, useState } from 'react';\nimport { cn } from '../lib/utils';\nimport { useAthenaQueryClient } from '../lib/use-athena-rest-query';\nimport { withCredentialRenewal } from '../runtime/credential-renewal';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { dismissThreadFromInbox } from './api';\nimport { SessionListSkeleton, type SessionOpenTarget } from './SessionList';\nimport { relativeTime } from './session-list-model';\nimport { FOCUS_RING_CLASS, RowIconButton, StatusChip } from './session-row-parts';\nimport { inboxStateChip, plainExcerpt } from './sessions-page-model';\nimport type { AthenaSessionsQuery } from './sessions-query';\nimport {\n  AthenaSessionsLiveContext,\n  type AthenaStatewireThreadListState,\n  type AthenaStatewireThreadSummary,\n  useAthenaStatewireThreadList,\n} from './statewire-thread-list';\nimport { type AthenaSessionsList, useAthenaSessions } from './use-athena-sessions';\n\n/** The inbox's sessions: the viewer's own, not dismissed, newest activity first. */\nexport const INBOX_QUERY: AthenaSessionsQuery = { createdByMe: true, excludeDismissed: true };\n/** The Unread tab, and what the badge counts. */\nexport const INBOX_UNREAD_QUERY: AthenaSessionsQuery = { ...INBOX_QUERY, unreadOnly: true };\n\n/** Rows per inbox page — and the badge's ceiling before it reads `50+`. */\nexport const INBOX_PAGE_SIZE = 50;\n\nexport type InboxTab = 'all' | 'unread';\n\nexport interface AthenaInboxUnreadCount {\n  /** Unread sessions loaded (at most one page). */\n  count: number;\n  /** More unread sessions exist beyond `count`. */\n  hasMore: boolean;\n  /** `count` with `+` when there are more, `''` for none. */\n  label: string;\n  isAvailable: boolean;\n}\n\n/** The unread count the inbox badge shows; shares the Unread tab's cache. */\nexport function useAthenaInboxUnreadCount(): AthenaInboxUnreadCount {\n  const unread = useAthenaSessions({ query: INBOX_UNREAD_QUERY, pageSize: INBOX_PAGE_SIZE });\n  const count = unread.rows.length;\n  const hasMore = unread.hasNextPage;\n  return {\n    count,\n    hasMore,\n    label: count === 0 ? '' : `${count}${hasMore ? '+' : ''}`,\n    isAvailable: unread.isAvailable,\n  };\n}\n\n/** Dismiss from the inbox: hidden at once, back on failure, the inbox lists refreshed after. */\nfunction useInboxDismiss(refresh: () => Promise<void>) {\n  const live = useContext(AthenaSessionsLiveContext);\n  const queryClient = useAthenaQueryClient();\n  const [hidden, setHidden] = useState<ReadonlySet<string>>(() => new Set());\n  const mutation = useMutation(\n    {\n      mutationKey: ['athena-sdk', 'inbox-dismiss', live?.backendUrl ?? '', live?.principal ?? ''],\n      mutationFn: async (threadId: string) => {\n        if (!live) throw new Error('[AthenaSDK] The inbox needs enableThreadList.');\n        return withCredentialRenewal(live.getAuth, (auth) =>\n          dismissThreadFromInbox(live.backendUrl, auth, { threadId, dismissed: true }),\n        );\n      },\n      onMutate: (threadId) => setHidden((current) => new Set(current).add(threadId)),\n      // The local hide only bridges the write and the refresh after it: once\n      // the inbox has re-read, the server decides — a dismissed session comes\n      // back with its next message, and a failed dismiss shows it again.\n      onSettled: async (_result, _error, threadId) => {\n        try {\n          await refresh();\n        } finally {\n          setHidden((current) => {\n            if (!current.has(threadId)) return current;\n            const next = new Set(current);\n            next.delete(threadId);\n            return next;\n          });\n        }\n      },\n    },\n    queryClient,\n  );\n  return { hidden, dismiss: mutation.mutate, pending: mutation.isPending };\n}\n\nconst InboxRow: FC<{\n  row: AthenaStatewireThreadSummary;\n  isActive: boolean;\n  list: AthenaStatewireThreadListState;\n  onOpen: (row: AthenaStatewireThreadSummary) => void;\n  onDismiss: ((threadId: string) => void) | null;\n}> = ({ row, isActive, list, onOpen, onDismiss }) => {\n  const chip = inboxStateChip(row);\n  const excerpt = plainExcerpt(row.preview);\n  return (\n    <li\n      data-thread-id={row.id}\n      data-unread={row.isUnread || undefined}\n      className={cn(\n        'group relative flex items-start gap-2 rounded-lg transition-colors hover:bg-muted/40',\n        isActive && 'bg-muted',\n      )}\n    >\n      <button\n        type=\"button\"\n        onClick={() => onOpen(row)}\n        className={cn('flex min-w-0 flex-1 items-start gap-2 rounded-lg p-2 pl-2.5 text-left', FOCUS_RING_CLASS)}\n      >\n        <span\n          role={row.isUnread ? 'img' : undefined}\n          aria-label={row.isUnread ? 'Unread' : undefined}\n          aria-hidden={row.isUnread ? undefined : true}\n          className={cn('mt-1.5 size-2 shrink-0 rounded-full', row.isUnread ? 'bg-primary' : 'bg-transparent')}\n        />\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"flex items-center gap-2\">\n            <span\n              data-title\n              className={cn('min-w-0 flex-1 truncate text-foreground text-sm', row.isUnread ? 'font-semibold' : 'font-medium')}\n            >\n              {row.title ?? 'Untitled'}\n            </span>\n            <span className=\"shrink-0 text-[11px] text-muted-foreground\">{relativeTime(row.updatedAt)}</span>\n          </span>\n          {excerpt ? (\n            <span data-excerpt className=\"mt-0.5 line-clamp-2 break-words text-muted-foreground text-xs\">\n              {excerpt}\n            </span>\n          ) : null}\n          <span className=\"mt-1 flex\">\n            <StatusChip label={chip.label} tone={chip.tone} detail={row.nextAction} />\n          </span>\n        </span>\n      </button>\n      <div data-row-actions className=\"flex shrink-0 items-center gap-0.5 py-2 pr-2\">\n        <RowIconButton\n          label={row.isUnread ? 'Mark read' : 'Mark unread'}\n          action=\"read-state\"\n          pending={list.readStatePendingThreadIds.has(row.id)}\n          onClick={() =>\n            list.setReadState({ threadId: row.id, isUnread: !row.isUnread, updatedAt: row.updatedAt })\n          }\n        >\n          {row.isUnread ? <MailOpenIcon className=\"size-3.5\" aria-hidden /> : <MailIcon className=\"size-3.5\" aria-hidden />}\n        </RowIconButton>\n        {onDismiss ? (\n          <RowIconButton label=\"Dismiss from inbox\" action=\"dismiss\" onClick={() => onDismiss(row.id)}>\n            <XIcon className=\"size-3.5\" aria-hidden />\n          </RowIconButton>\n        ) : null}\n      </div>\n    </li>\n  );\n};\n\nexport interface InboxProps {\n  className?: string;\n  /** Heading (default \"Inbox\"). */\n  title?: string;\n  /** The tab it opens on (default `all`). */\n  defaultTab?: InboxTab;\n  /** Called after a row is opened (selected and marked read), so a host can show its chat. */\n  onOpenSession?: (target: SessionOpenTarget) => void;\n}\n\nfunction InboxBody({\n  className,\n  title = 'Inbox',\n  defaultTab = 'all',\n  onOpenSession,\n  list,\n}: InboxProps & { list: AthenaStatewireThreadListState }) {\n  const [tab, setTab] = useState<InboxTab>(defaultTab);\n  const all = useAthenaSessions({ query: INBOX_QUERY, pageSize: INBOX_PAGE_SIZE });\n  const unread = useAthenaSessions({ query: INBOX_UNREAD_QUERY, pageSize: INBOX_PAGE_SIZE });\n  const shown: AthenaSessionsList = tab === 'unread' ? unread : all;\n  const refreshBoth = async () => {\n    await Promise.all([all.refresh(), unread.refresh()]);\n  };\n  const dismissal = useInboxDismiss(refreshBoth);\n  // Dismissal is only offered where the server can leave dismissed sessions\n  // out of the inbox; elsewhere a dismissed row would stay in the list.\n  const canDismiss = shown.supportedFilters?.has('exclude_dismissed') ?? false;\n  const rows = useMemo(\n    () => shown.rows.filter((row) => !dismissal.hidden.has(row.id)),\n    [shown.rows, dismissal.hidden],\n  );\n  const unreadRows = unread.rows.filter((row) => !dismissal.hidden.has(row.id));\n  const unreadLabel = `${unreadRows.length}${unread.hasNextPage ? '+' : ''}`;\n  const allLabel = `${all.rows.filter((row) => !dismissal.hidden.has(row.id)).length}${all.hasNextPage ? '+' : ''}`;\n\n  const open = (row: AthenaStatewireThreadSummary) => {\n    list.selectThread(row.id);\n    if (row.isUnread) {\n      list.setReadState({ threadId: row.id, isUnread: false, updatedAt: row.updatedAt });\n    }\n    onOpenSession?.({ threadId: row.id, title: row.title });\n  };\n  const markAllRead = () => {\n    for (const row of unreadRows) {\n      list.setReadState({ threadId: row.id, isUnread: false, updatedAt: row.updatedAt });\n    }\n  };\n  const showSkeleton = rows.length === 0 && (!shown.hasResolvedFirstPage || shown.isFetching);\n  const notice =\n    shown.unavailableFields.length > 0\n      ? 'This Athena server cannot narrow the inbox to your own, undismissed sessions yet, so it lists every session you can see.'\n      : null;\n\n  const tabClass = (active: boolean) =>\n    cn(\n      'inline-flex h-7 items-center gap-1.5 rounded-md px-2.5 font-medium text-xs transition-colors',\n      active ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground',\n      FOCUS_RING_CLASS,\n    );\n\n  return (\n    <div data-testid=\"inbox\" className={cn('athena-sdk-chrome flex min-h-0 flex-col gap-2', className)}>\n      <div className=\"flex items-center gap-2 px-1\">\n        <h2 className=\"font-semibold text-foreground text-sm\">{title}</h2>\n        <div role=\"tablist\" aria-label=\"Inbox\" className=\"flex items-center gap-0.5\">\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'all'} onClick={() => setTab('all')} className={tabClass(tab === 'all')}>\n            All\n            <span data-testid=\"inbox-all-count\" className=\"text-muted-foreground\">\n              {allLabel}\n            </span>\n          </button>\n          <button type=\"button\" role=\"tab\" aria-selected={tab === 'unread'} onClick={() => setTab('unread')} className={tabClass(tab === 'unread')}>\n            Unread\n            <span data-testid=\"inbox-unread-count\" className=\"text-muted-foreground\">\n              {unreadLabel}\n            </span>\n          </button>\n        </div>\n        <div className=\"flex-1\" />\n        <button\n          type=\"button\"\n          onClick={markAllRead}\n          disabled={unreadRows.length === 0}\n          className={cn(\n            'inline-flex h-7 items-center gap-1 rounded-md px-2 text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground disabled:opacity-50',\n            FOCUS_RING_CLASS,\n          )}\n          title=\"Mark the loaded unread sessions read\"\n        >\n          <CheckCheckIcon className=\"size-3.5\" aria-hidden />\n          Mark all read\n        </button>\n      </div>\n      {notice ? (\n        <p role=\"status\" data-testid=\"inbox-degraded\" className=\"mx-1 rounded-md border border-amber-200 bg-amber-50 px-2.5 py-1.5 text-[11px] text-amber-900\">\n          {notice}\n        </p>\n      ) : null}\n      <div className=\"min-h-0 flex-1 overflow-y-auto\">\n        {showSkeleton ? (\n          <SessionListSkeleton rows={4} />\n        ) : rows.length === 0 ? (\n          <p data-testid=\"inbox-empty\" className=\"px-3 py-8 text-center text-muted-foreground text-xs\">\n            {tab === 'unread' ? 'You are all caught up.' : 'Nothing in your inbox.'}\n          </p>\n        ) : (\n          <ul className=\"flex flex-col gap-0.5\" aria-busy={shown.isFetching || undefined}>\n            {rows.map((row) => (\n              <InboxRow\n                key={row.id}\n                row={row}\n                isActive={row.id === list.activeThreadId}\n                list={list}\n                onOpen={open}\n                onDismiss={canDismiss ? dismissal.dismiss : null}\n              />\n            ))}\n          </ul>\n        )}\n        {shown.hasNextPage && !showSkeleton ? (\n          <button\n            type=\"button\"\n            onClick={shown.fetchNextPage}\n            disabled={shown.isFetchingNextPage}\n            className={cn('mt-1 w-full rounded-md py-2 text-muted-foreground text-xs transition-colors hover:bg-muted disabled:opacity-50', FOCUS_RING_CLASS)}\n          >\n            {shown.isFetchingNextPage ? 'Loading…' : 'Load more'}\n          </button>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\n/**\n * The notifications inbox: All / Unread tabs with counts, rows of title,\n * latest message, state chip and unread dot, mark read / mark all read and\n * dismiss. Renders nothing outside `<AthenaProvider enableThreadList>`.\n */\nexport function Inbox(props: InboxProps) {\n  const list = useAthenaStatewireThreadList();\n  const live = useContext(AthenaSessionsLiveContext);\n  if (!list || !live) return null;\n  return <InboxBody {...props} list={list} />;\n}\n\nexport interface InboxButtonProps extends Omit<InboxProps, 'className'> {\n  className?: string;\n  /** Classes for the popover panel. */\n  panelClassName?: string;\n  align?: 'start' | 'center' | 'end';\n}\n\nfunction InboxButtonBody({ className, panelClassName, align = 'end', onOpenSession, ...inboxProps }: InboxButtonProps) {\n  const [open, setOpen] = useState(false);\n  const unread = useAthenaInboxUnreadCount();\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          aria-label={unread.count > 0 ? `Inbox, ${unread.label} unread` : 'Inbox'}\n          data-testid=\"inbox-button\"\n          className={cn(\n            'relative inline-flex size-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n            FOCUS_RING_CLASS,\n            className,\n          )}\n        >\n          <BellIcon className=\"size-4\" aria-hidden />\n          {unread.count > 0 ? (\n            <span\n              data-testid=\"inbox-badge\"\n              className=\"absolute -top-0.5 -right-0.5 flex h-4 min-w-4 items-center justify-center rounded-full bg-primary px-1 font-semibold text-[10px] text-primary-foreground leading-none\"\n            >\n              {unread.label}\n            </span>\n          ) : null}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align={align} className={cn('flex max-h-[70vh] w-96 flex-col p-2', panelClassName)}>\n        <Inbox\n          {...inboxProps}\n          onOpenSession={(target) => {\n            setOpen(false);\n            onOpenSession?.(target);\n          }}\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n\n/**\n * A bell with the unread count that opens `Inbox` in a popover. Renders\n * nothing outside `<AthenaProvider enableThreadList>`.\n */\nexport function InboxButton(props: InboxButtonProps) {\n  const live = useContext(AthenaSessionsLiveContext);\n  if (!live) return null;\n  return <InboxButtonBody {...props} />;\n}\n"],"names":[],"mappings":"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"}

package/dist/threads/SessionList.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
 const react = require("react");
-const popover = require("../ui/popover.cjs");
 const api = require("./api.cjs");
 const sessionListModel = require("./session-list-model.cjs");
+const sessionRowParts = require("./session-row-parts.cjs");
 const statewireThreadList = require("./statewire-thread-list.cjs");
 const threadPrefetcher = require("./thread-prefetcher.cjs");
 const cnfast = require("cnfast");
@@ -65,115 +65,6 @@ const LINE_TONE_CLASS = {
   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 PR_CHECKS_LABEL = {
-  SUCCESS: "checks passed",
-  FAILURE: "checks failing",
-  PENDING: "checks running",
-  NONE: ""
-};
-const PR_CHIP_CLASS = "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";
-const PullRequestListRow = ({
-  pullRequest,
-  showRepo
-}) => {
-  const state = sessionListModel.pullRequestChipState(pullRequest);
-  const Icon = PR_STATE_ICON[state];
-  const meta = [
-    showRepo ? `${pullRequest.repoFullName} #${pullRequest.number}` : `#${pullRequest.number}`,
-    state,
-    PR_CHECKS_LABEL[pullRequest.checksState]
-  ].filter(Boolean).join(" · ");
-  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "a",
-    {
-      href: pullRequest.url,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      "data-pr-state": state,
-      className: cnfast.cn(
-        "flex items-start gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors hover:bg-muted",
-        FOCUS_RING_CLASS
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: cnfast.cn("mt-0.5 size-3.5 shrink-0", PR_STATE_CLASS[state]), "aria-hidden": true }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-foreground", children: pullRequest.title || `#${pullRequest.number}` }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-muted-foreground", children: meta })
-        ] })
-      ]
-    }
-  ) });
-};
-const PullRequestChip = ({ chip, pullRequests }) => {
-  var _a;
-  const Icon = PR_STATE_ICON[chip.state];
-  if (chip.count === 1) {
-    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(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state]),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3", "aria-hidden": true }),
-          chip.label
-        ]
-      }
-    );
-  }
-  const listLabel = `${chip.count} pull requests`;
-  const ordered = sessionListModel.orderedPullRequests(pullRequests);
-  const repositories = new Set(ordered.map((pullRequest) => pullRequest.repoFullName));
-  const sharedRepository = repositories.size === 1 ? ((_a = ordered[0]) == null ? void 0 : _a.repoFullName) ?? null : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(popover.Popover, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: stopPropagation,
-        "aria-label": `${chip.label}: show all ${listLabel}`,
-        "data-pr-state": chip.state,
-        "data-pr-count": chip.count,
-        className: cnfast.cn(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state]),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3", "aria-hidden": true }),
-          chip.label
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(popover.PopoverContent, { align: "end", className: "w-80 p-0", "aria-label": listLabel, "data-pr-list": "", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate border-b border-border px-3 py-2 font-medium text-muted-foreground text-xs", children: sharedRepository ? `${listLabel} in ${sharedRepository}` : listLabel }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "max-h-72 overflow-y-auto p-1", children: ordered.map((pullRequest) => /* @__PURE__ */ jsxRuntime.jsx(
-        PullRequestListRow,
-        {
-          pullRequest,
-          showRepo: sharedRepository === null
-        },
-        `${pullRequest.repoFullName}#${pullRequest.number}`
-      )) })
-    ] })
-  ] });
-};
 const RowActionButton = ({ label, onClick, pending, alwaysVisible, action, pressed, children }) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
@@ -188,7 +79,7 @@ const RowActionButton = ({ label, onClick, pending, alwaysVisible, action, press
     "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,
+      sessionRowParts.FOCUS_RING_CLASS,
       !alwaysVisible && !pending && "opacity-0 focus-visible:opacity-100 group-focus-within:opacity-100 group-hover:opacity-100"
     ),
     children
@@ -250,12 +141,14 @@ const SessionRow = ({
   onRename,
   renamePending,
   onArchive,
-  archivePending
+  archivePending,
+  onOpenInNewTab,
+  originBadges
 }) => {
   const indicator = sessionListModel.sessionIndicator(thread);
   const line = sessionListModel.sessionSecondaryLine(thread);
   const chip = sessionListModel.pullRequestChip(thread.pullRequests);
-  const origin = sessionListModel.sessionOriginLabel(thread);
+  const origin = sessionListModel.sessionOriginBadge(thread, originBadges);
   const title = thread.title ?? "Untitled";
   const hoverTimerRef = react.useRef(null);
   const cancelHover = react.useCallback(() => {
@@ -320,7 +213,22 @@ const SessionRow = ({
     if (archivePending) return;
     onArchive == null ? void 0 : onArchive(thread.id);
   };
-  const hasActions = Boolean(onRename || onToggleFavorite || onArchive);
+  const openInNewTab = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    onOpenInNewTab == null ? void 0 : onOpenInNewTab({ threadId: thread.id, title: thread.title });
+  };
+  const handleRowClick = (event) => {
+    if (onOpenInNewTab && (event.metaKey || event.ctrlKey)) {
+      openInNewTab(event);
+      return;
+    }
+    onSelect(thread.id);
+  };
+  const handleRowAuxClick = (event) => {
+    if (onOpenInNewTab && event.button === 1) openInNewTab(event);
+  };
+  const hasActions = Boolean(onRename || onToggleFavorite || onArchive || onOpenInNewTab);
   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: [
@@ -337,10 +245,10 @@ const SessionRow = ({
             onChange: (event) => setDraft(event.target.value),
             onKeyDown: handleEditorKeyDown,
             onBlur: commitRename,
-            onClick: stopPropagation,
+            onClick: sessionRowParts.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
+              sessionRowParts.FOCUS_RING_CLASS
             )
           }
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "data-title": true, className: "min-w-0 truncate font-medium text-sm", children: title }),
@@ -396,17 +304,29 @@ const SessionRow = ({
           "button",
           {
             type: "button",
-            onClick: () => onSelect(thread.id),
+            onClick: handleRowClick,
+            onAuxClick: handleRowAuxClick,
             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
+              sessionRowParts.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: [
+            onOpenInNewTab ? /* @__PURE__ */ jsxRuntime.jsx(
+              RowActionButton,
+              {
+                label: "Open in new tab",
+                onClick: openInNewTab,
+                pending: false,
+                alwaysVisible: false,
+                action: "open-in-new-tab",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareArrowOutUpRightIcon, { className: "size-3.5", "aria-hidden": true })
+              }
+            ) : null,
             onRename ? /* @__PURE__ */ jsxRuntime.jsx(
               RowActionButton,
               {
@@ -431,7 +351,7 @@ const SessionRow = ({
               }
             ) : null
           ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "h-5" }),
-          chip ? /* @__PURE__ */ jsxRuntime.jsx(PullRequestChip, { chip, pullRequests: thread.pullRequests ?? [] }) : null
+          chip ? /* @__PURE__ */ jsxRuntime.jsx(sessionRowParts.PullRequestChip, { chip, pullRequests: thread.pullRequests ?? [] }) : null
         ] }) : null
       ]
     }
@@ -441,10 +361,13 @@ function SessionList({
   className,
   grouped = true,
   showSearch = true,
+  showNewChat = true,
+  originBadges = "all",
   showPinToggle = true,
   showRename = true,
   showArchive = true,
-  prefetchOnHover = true
+  prefetchOnHover = true,
+  onOpenInNewTab
 }) {
   const list = statewireThreadList.useAthenaStatewireThreadList();
   if (!list) return null;
@@ -462,7 +385,7 @@ function SessionList({
       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: [
+        showNewChat ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {
@@ -470,7 +393,7 @@ function SessionList({
               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
+                sessionRowParts.FOCUS_RING_CLASS
               ),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-4" }),
@@ -486,14 +409,14 @@ function SessionList({
               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
+                sessionRowParts.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") })
             }
           )
-        ] }),
+        ] }) : null,
         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" }),
@@ -527,7 +450,9 @@ function SessionList({
                   onRename,
                   renamePending: list.renamePendingThreadIds.has(thread.id),
                   onArchive,
-                  archivePending: list.archivePendingThreadIds.has(thread.id)
+                  archivePending: list.archivePendingThreadIds.has(thread.id),
+                  onOpenInNewTab,
+                  originBadges
                 },
                 thread.id
               )) })
@@ -543,7 +468,7 @@ function SessionList({
             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
+              sessionRowParts.FOCUS_RING_CLASS
             ),
             children: list.isFetchingNextPage ? "Loading…" : "Load more"
           }