@athenaintel/react 0.28.1 → 0.32.0

package/dist/threads/session-list-model.d.ts

@@ -61,9 +61,19 @@ export interface PullRequestChip {
 export declare function orderedPullRequests(pullRequests: readonly ConversationPullRequest[] | null | undefined): ConversationPullRequest[];
 /** One chip per row, or `null` when the session opened no pull request (or none is known). */
 export declare function pullRequestChip(pullRequests: readonly ConversationPullRequest[] | null | undefined): PullRequestChip | null;
+/** The origin badge of a session started in the Athena web app (Olympus or an SDK app in a browser tab). */
+export declare const WEB_APP_ORIGIN_LABEL = "Athena";
+/**
+ * Which rows `SessionList` badges with their origin: every one, only those
+ * started somewhere other than the web app (Slack, GitHub, Chrome, an Office
+ * host …), or none.
+ */
+export type SessionOriginBadges = 'all' | 'external' | 'none';
 /**
  * The origin badge: the client app when it is a recognizable surface
  * (Chrome, an Office host, mobile, a computer asset), else the start channel,
  * else a non-manual trigger; `null` when nothing is known.
  */
 export declare function sessionOriginLabel(thread: Pick<AthenaStatewireThreadSummary, 'startChannel' | 'appId' | 'triggerType'>): string | null;
+/** The origin badge a row shows under `badges` (`sessionOriginLabel`, filtered). */
+export declare function sessionOriginBadge(thread: Pick<AthenaStatewireThreadSummary, 'startChannel' | 'appId' | 'triggerType'>, badges: SessionOriginBadges): string | null;

package/dist/threads/session-list-model.js

@@ -83,9 +83,10 @@ function pullRequestChip(pullRequests) {
     reviewDecision: primary.reviewDecision
   };
 }
+const WEB_APP_ORIGIN_LABEL = "Athena";
 const CHANNEL_LABELS = {
-  web: "Athena",
-  olympus: "Athena",
+  web: WEB_APP_ORIGIN_LABEL,
+  olympus: WEB_APP_ORIGIN_LABEL,
   github: "GitHub",
   api: "API",
   email: "Email",
@@ -123,8 +124,20 @@ function sessionOriginLabel(thread) {
   if (trigger && trigger !== "manual") return humanize(trigger) || null;
   return null;
 }
+const WEB_APP_IDS = /* @__PURE__ */ new Set(["web", "olympus", "athena-app"]);
+function sessionOriginBadge(thread, badges) {
+  var _a;
+  if (badges === "none") return null;
+  const origin = sessionOriginLabel(thread);
+  if (badges === "external") {
+    const appId = ((_a = thread.appId) == null ? void 0 : _a.trim().toLowerCase()) ?? "";
+    if (origin === WEB_APP_ORIGIN_LABEL || WEB_APP_IDS.has(appId)) return null;
+  }
+  return origin;
+}
 export {
   SESSION_LIST_GROUPS,
+  WEB_APP_ORIGIN_LABEL,
   groupSessions,
   orderedPullRequests,
   pullRequestChip,
@@ -132,6 +145,7 @@ export {
   relativeTime,
   sessionIndicator,
   sessionListGroupOf,
+  sessionOriginBadge,
   sessionOriginLabel,
   sessionSecondaryLine
 };

package/dist/threads/session-list-model.js.map

@@ -1 +1 @@
-{"version":3,"file":"session-list-model.js","sources":["../../src/threads/session-list-model.ts"],"sourcesContent":["/**\n * Pure derivations behind `SessionList`: which group a session lands in,\n * which status indicator it shows, what its second line says, how its pull\n * requests collapse into one chip (and order in the list it opens), and how\n * its origin is labelled. Kept React-free so the render tests stay thin and\n * hosts that draw their own rows (`useAthenaSessionAttention`) can reuse the\n * same rules.\n */\nimport type { ConversationPullRequest } from '@athenaintel/agent-runtime';\nimport type { AthenaStatewireThreadSummary } from './statewire-thread-list';\n\nexport type SessionListGroup = 'Needs you' | 'Working' | 'Pinned' | 'Recent';\n\n/** Display order; a session appears once, in the FIRST group that applies. */\nexport const SESSION_LIST_GROUPS: readonly SessionListGroup[] = [\n  'Needs you',\n  'Working',\n  'Pinned',\n  'Recent',\n];\n\nexport function sessionListGroupOf(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'isFavorited'>,\n): SessionListGroup {\n  if (thread.attention === 'needs_you') return 'Needs you';\n  if (thread.attention === 'working') return 'Working';\n  if (thread.isFavorited) return 'Pinned';\n  return 'Recent';\n}\n\nexport interface SessionListSection {\n  /** `null` for the single ungrouped section. */\n  group: SessionListGroup | null;\n  items: AthenaStatewireThreadSummary[];\n}\n\n/** Sections in display order; empty groups are omitted and row order is kept within a group. */\nexport function groupSessions(\n  threads: readonly AthenaStatewireThreadSummary[],\n  grouped: boolean,\n): SessionListSection[] {\n  if (!grouped) return threads.length > 0 ? [{ group: null, items: [...threads] }] : [];\n  const byGroup = new Map<SessionListGroup, AthenaStatewireThreadSummary[]>();\n  for (const thread of threads) {\n    const group = sessionListGroupOf(thread);\n    const items = byGroup.get(group) ?? [];\n    items.push(thread);\n    byGroup.set(group, items);\n  }\n  return SESSION_LIST_GROUPS.flatMap((group) => {\n    const items = byGroup.get(group);\n    return items ? [{ group, items }] : [];\n  });\n}\n\n/**\n * The status indicator at the head of a row: `needs_you` an orange dot,\n * `working` a spinner, `unread` (and not needs-you) a blue dot, `watching` a\n * clock, otherwise none. One indicator per row, in that precedence.\n */\nexport type SessionIndicator = 'needs_you' | 'working' | 'unread' | 'watching' | null;\n\nexport function sessionIndicator(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'isUnread'>,\n): SessionIndicator {\n  if (thread.attention === 'needs_you') return 'needs_you';\n  if (thread.attention === 'working') return 'working';\n  if (thread.isUnread) return 'unread';\n  if (thread.attention === 'watching') return 'watching';\n  return null;\n}\n\nexport type SessionLineTone = 'needs_you' | 'ready' | 'error' | 'muted';\n\nexport interface SessionSecondaryLine {\n  kind: 'next_action' | 'updated';\n  text: string;\n  tone: SessionLineTone;\n}\n\n/** \"5m ago\" / \"3h ago\" / \"2d ago\"; a locale date past a week; empty for an unparseable value. */\nexport function relativeTime(value: string, now: number = Date.now()): string {\n  const timestamp = Date.parse(value);\n  if (!Number.isFinite(timestamp)) return '';\n  const minutes = Math.floor(Math.max(0, now - timestamp) / 60_000);\n  if (minutes < 1) return 'just now';\n  if (minutes < 60) return `${minutes}m ago`;\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ago`;\n  const days = Math.floor(hours / 24);\n  return days < 7 ? `${days}d ago` : new Date(timestamp).toLocaleDateString();\n}\n\n/**\n * The row's second line: the server's next action coloured by attention\n * (needs-you orange, ready green, error red), else the muted relative time\n * of the last update.\n */\nexport function sessionSecondaryLine(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'nextAction' | 'updatedAt'>,\n  now: number = Date.now(),\n): SessionSecondaryLine {\n  const nextAction = thread.nextAction?.trim();\n  if (nextAction) {\n    const tone: SessionLineTone =\n      thread.attention === 'needs_you'\n        ? 'needs_you'\n        : thread.attention === 'ready'\n          ? 'ready'\n          : thread.attention === 'error'\n            ? 'error'\n            : 'muted';\n    return { kind: 'next_action', text: nextAction, tone };\n  }\n  return { kind: 'updated', text: relativeTime(thread.updatedAt, now), tone: 'muted' };\n}\n\nexport type PullRequestChipState = 'open' | 'draft' | 'merged' | 'closed';\n\nexport function pullRequestChipState(\n  pullRequest: Pick<ConversationPullRequest, 'state' | 'isDraft'>,\n): PullRequestChipState {\n  if (pullRequest.state === 'MERGED') return 'merged';\n  if (pullRequest.state === 'CLOSED') return 'closed';\n  return pullRequest.isDraft ? 'draft' : 'open';\n}\n\nexport interface PullRequestChip {\n  /** State of the primary pull request (the one the chip links to). */\n  state: PullRequestChipState;\n  count: number;\n  /** `#123` for one pull request, `3 PRs` for several. */\n  label: string;\n  url: string;\n  title: string;\n  checksState: ConversationPullRequest['checksState'];\n  reviewDecision: string | null;\n}\n\nfunction pullRequestRank(pullRequest: ConversationPullRequest): number {\n  return pullRequest.state === 'OPEN' ? (pullRequest.isDraft ? 1 : 0) : 2;\n}\n\nfunction updatedAtMs(pullRequest: ConversationPullRequest): number {\n  const timestamp = Date.parse(pullRequest.updatedAt);\n  return Number.isFinite(timestamp) ? timestamp : 0;\n}\n\n/**\n * A session's pull requests in the order its chip and its pull-request list\n * show them: the ones still in flight first (open before draft), then the\n * most recently updated. The first is the one the chip stands for.\n */\nexport function orderedPullRequests(\n  pullRequests: readonly ConversationPullRequest[] | null | undefined,\n): ConversationPullRequest[] {\n  if (!pullRequests) return [];\n  return [...pullRequests].sort(\n    (a, b) => pullRequestRank(a) - pullRequestRank(b) || updatedAtMs(b) - updatedAtMs(a),\n  );\n}\n\n/** One chip per row, or `null` when the session opened no pull request (or none is known). */\nexport function pullRequestChip(\n  pullRequests: readonly ConversationPullRequest[] | null | undefined,\n): PullRequestChip | null {\n  if (!pullRequests || pullRequests.length === 0) return null;\n  const primary = orderedPullRequests(pullRequests)[0];\n  if (!primary) return null;\n  return {\n    state: pullRequestChipState(primary),\n    count: pullRequests.length,\n    label: pullRequests.length === 1 ? `#${primary.number}` : `${pullRequests.length} PRs`,\n    url: primary.url,\n    title: primary.title,\n    checksState: primary.checksState,\n    reviewDecision: primary.reviewDecision,\n  };\n}\n\nconst CHANNEL_LABELS: Record<string, string> = {\n  web: 'Athena',\n  olympus: 'Athena',\n  github: 'GitHub',\n  api: 'API',\n  email: 'Email',\n  agent_email: 'Email',\n  slack: 'Slack',\n  sms: 'SMS',\n  teams: 'Teams',\n  task: 'Task',\n  orchestration: 'Orchestration',\n  computer: 'Computer',\n  voice: 'Voice',\n  mobile: 'Mobile',\n};\n\nfunction humanize(value: string): string {\n  const words = value.replace(/^athena[-_]/, '').replace(/[-_.]+/g, ' ').trim();\n  return words ? words.charAt(0).toUpperCase() + words.slice(1) : '';\n}\n\n/**\n * The origin badge: the client app when it is a recognizable surface\n * (Chrome, an Office host, mobile, a computer asset), else the start channel,\n * else a non-manual trigger; `null` when nothing is known.\n */\nexport function sessionOriginLabel(\n  thread: Pick<AthenaStatewireThreadSummary, 'startChannel' | 'appId' | 'triggerType'>,\n): string | null {\n  const appId = thread.appId?.trim().toLowerCase() ?? '';\n  if (appId) {\n    if (appId.includes('chrome')) return 'Chrome';\n    if (appId.includes('powerpoint')) return 'PowerPoint';\n    if (appId.includes('word')) return 'Word';\n    if (appId.includes('excel')) return 'Excel';\n    if (appId.includes('office')) return 'Office';\n    if (appId.includes('mobile')) return 'Mobile';\n    if (appId.startsWith('asset_')) return 'Computer';\n    if (CHANNEL_LABELS[appId]) return CHANNEL_LABELS[appId];\n  }\n  const channel = thread.startChannel?.trim().toLowerCase() ?? '';\n  if (channel) return CHANNEL_LABELS[channel] ?? humanize(channel);\n  if (appId) return humanize(appId) || null;\n  const trigger = thread.triggerType?.trim().toLowerCase() ?? '';\n  if (trigger && trigger !== 'manual') return humanize(trigger) || null;\n  return null;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"session-list-model.js","sources":["../../src/threads/session-list-model.ts"],"sourcesContent":["/**\n * Pure derivations behind `SessionList`: which group a session lands in,\n * which status indicator it shows, what its second line says, how its pull\n * requests collapse into one chip (and order in the list it opens), and how\n * its origin is labelled. Kept React-free so the render tests stay thin and\n * hosts that draw their own rows (`useAthenaSessionAttention`) can reuse the\n * same rules.\n */\nimport type { ConversationPullRequest } from '@athenaintel/agent-runtime';\nimport type { AthenaStatewireThreadSummary } from './statewire-thread-list';\n\nexport type SessionListGroup = 'Needs you' | 'Working' | 'Pinned' | 'Recent';\n\n/** Display order; a session appears once, in the FIRST group that applies. */\nexport const SESSION_LIST_GROUPS: readonly SessionListGroup[] = [\n  'Needs you',\n  'Working',\n  'Pinned',\n  'Recent',\n];\n\nexport function sessionListGroupOf(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'isFavorited'>,\n): SessionListGroup {\n  if (thread.attention === 'needs_you') return 'Needs you';\n  if (thread.attention === 'working') return 'Working';\n  if (thread.isFavorited) return 'Pinned';\n  return 'Recent';\n}\n\nexport interface SessionListSection {\n  /** `null` for the single ungrouped section. */\n  group: SessionListGroup | null;\n  items: AthenaStatewireThreadSummary[];\n}\n\n/** Sections in display order; empty groups are omitted and row order is kept within a group. */\nexport function groupSessions(\n  threads: readonly AthenaStatewireThreadSummary[],\n  grouped: boolean,\n): SessionListSection[] {\n  if (!grouped) return threads.length > 0 ? [{ group: null, items: [...threads] }] : [];\n  const byGroup = new Map<SessionListGroup, AthenaStatewireThreadSummary[]>();\n  for (const thread of threads) {\n    const group = sessionListGroupOf(thread);\n    const items = byGroup.get(group) ?? [];\n    items.push(thread);\n    byGroup.set(group, items);\n  }\n  return SESSION_LIST_GROUPS.flatMap((group) => {\n    const items = byGroup.get(group);\n    return items ? [{ group, items }] : [];\n  });\n}\n\n/**\n * The status indicator at the head of a row: `needs_you` an orange dot,\n * `working` a spinner, `unread` (and not needs-you) a blue dot, `watching` a\n * clock, otherwise none. One indicator per row, in that precedence.\n */\nexport type SessionIndicator = 'needs_you' | 'working' | 'unread' | 'watching' | null;\n\nexport function sessionIndicator(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'isUnread'>,\n): SessionIndicator {\n  if (thread.attention === 'needs_you') return 'needs_you';\n  if (thread.attention === 'working') return 'working';\n  if (thread.isUnread) return 'unread';\n  if (thread.attention === 'watching') return 'watching';\n  return null;\n}\n\nexport type SessionLineTone = 'needs_you' | 'ready' | 'error' | 'muted';\n\nexport interface SessionSecondaryLine {\n  kind: 'next_action' | 'updated';\n  text: string;\n  tone: SessionLineTone;\n}\n\n/** \"5m ago\" / \"3h ago\" / \"2d ago\"; a locale date past a week; empty for an unparseable value. */\nexport function relativeTime(value: string, now: number = Date.now()): string {\n  const timestamp = Date.parse(value);\n  if (!Number.isFinite(timestamp)) return '';\n  const minutes = Math.floor(Math.max(0, now - timestamp) / 60_000);\n  if (minutes < 1) return 'just now';\n  if (minutes < 60) return `${minutes}m ago`;\n  const hours = Math.floor(minutes / 60);\n  if (hours < 24) return `${hours}h ago`;\n  const days = Math.floor(hours / 24);\n  return days < 7 ? `${days}d ago` : new Date(timestamp).toLocaleDateString();\n}\n\n/**\n * The row's second line: the server's next action coloured by attention\n * (needs-you orange, ready green, error red), else the muted relative time\n * of the last update.\n */\nexport function sessionSecondaryLine(\n  thread: Pick<AthenaStatewireThreadSummary, 'attention' | 'nextAction' | 'updatedAt'>,\n  now: number = Date.now(),\n): SessionSecondaryLine {\n  const nextAction = thread.nextAction?.trim();\n  if (nextAction) {\n    const tone: SessionLineTone =\n      thread.attention === 'needs_you'\n        ? 'needs_you'\n        : thread.attention === 'ready'\n          ? 'ready'\n          : thread.attention === 'error'\n            ? 'error'\n            : 'muted';\n    return { kind: 'next_action', text: nextAction, tone };\n  }\n  return { kind: 'updated', text: relativeTime(thread.updatedAt, now), tone: 'muted' };\n}\n\nexport type PullRequestChipState = 'open' | 'draft' | 'merged' | 'closed';\n\nexport function pullRequestChipState(\n  pullRequest: Pick<ConversationPullRequest, 'state' | 'isDraft'>,\n): PullRequestChipState {\n  if (pullRequest.state === 'MERGED') return 'merged';\n  if (pullRequest.state === 'CLOSED') return 'closed';\n  return pullRequest.isDraft ? 'draft' : 'open';\n}\n\nexport interface PullRequestChip {\n  /** State of the primary pull request (the one the chip links to). */\n  state: PullRequestChipState;\n  count: number;\n  /** `#123` for one pull request, `3 PRs` for several. */\n  label: string;\n  url: string;\n  title: string;\n  checksState: ConversationPullRequest['checksState'];\n  reviewDecision: string | null;\n}\n\nfunction pullRequestRank(pullRequest: ConversationPullRequest): number {\n  return pullRequest.state === 'OPEN' ? (pullRequest.isDraft ? 1 : 0) : 2;\n}\n\nfunction updatedAtMs(pullRequest: ConversationPullRequest): number {\n  const timestamp = Date.parse(pullRequest.updatedAt);\n  return Number.isFinite(timestamp) ? timestamp : 0;\n}\n\n/**\n * A session's pull requests in the order its chip and its pull-request list\n * show them: the ones still in flight first (open before draft), then the\n * most recently updated. The first is the one the chip stands for.\n */\nexport function orderedPullRequests(\n  pullRequests: readonly ConversationPullRequest[] | null | undefined,\n): ConversationPullRequest[] {\n  if (!pullRequests) return [];\n  return [...pullRequests].sort(\n    (a, b) => pullRequestRank(a) - pullRequestRank(b) || updatedAtMs(b) - updatedAtMs(a),\n  );\n}\n\n/** One chip per row, or `null` when the session opened no pull request (or none is known). */\nexport function pullRequestChip(\n  pullRequests: readonly ConversationPullRequest[] | null | undefined,\n): PullRequestChip | null {\n  if (!pullRequests || pullRequests.length === 0) return null;\n  const primary = orderedPullRequests(pullRequests)[0];\n  if (!primary) return null;\n  return {\n    state: pullRequestChipState(primary),\n    count: pullRequests.length,\n    label: pullRequests.length === 1 ? `#${primary.number}` : `${pullRequests.length} PRs`,\n    url: primary.url,\n    title: primary.title,\n    checksState: primary.checksState,\n    reviewDecision: primary.reviewDecision,\n  };\n}\n\n/** The origin badge of a session started in the Athena web app (Olympus or an SDK app in a browser tab). */\nexport const WEB_APP_ORIGIN_LABEL = 'Athena';\n\n/**\n * Which rows `SessionList` badges with their origin: every one, only those\n * started somewhere other than the web app (Slack, GitHub, Chrome, an Office\n * host …), or none.\n */\nexport type SessionOriginBadges = 'all' | 'external' | 'none';\n\nconst CHANNEL_LABELS: Record<string, string> = {\n  web: WEB_APP_ORIGIN_LABEL,\n  olympus: WEB_APP_ORIGIN_LABEL,\n  github: 'GitHub',\n  api: 'API',\n  email: 'Email',\n  agent_email: 'Email',\n  slack: 'Slack',\n  sms: 'SMS',\n  teams: 'Teams',\n  task: 'Task',\n  orchestration: 'Orchestration',\n  computer: 'Computer',\n  voice: 'Voice',\n  mobile: 'Mobile',\n};\n\nfunction humanize(value: string): string {\n  const words = value.replace(/^athena[-_]/, '').replace(/[-_.]+/g, ' ').trim();\n  return words ? words.charAt(0).toUpperCase() + words.slice(1) : '';\n}\n\n/**\n * The origin badge: the client app when it is a recognizable surface\n * (Chrome, an Office host, mobile, a computer asset), else the start channel,\n * else a non-manual trigger; `null` when nothing is known.\n */\nexport function sessionOriginLabel(\n  thread: Pick<AthenaStatewireThreadSummary, 'startChannel' | 'appId' | 'triggerType'>,\n): string | null {\n  const appId = thread.appId?.trim().toLowerCase() ?? '';\n  if (appId) {\n    if (appId.includes('chrome')) return 'Chrome';\n    if (appId.includes('powerpoint')) return 'PowerPoint';\n    if (appId.includes('word')) return 'Word';\n    if (appId.includes('excel')) return 'Excel';\n    if (appId.includes('office')) return 'Office';\n    if (appId.includes('mobile')) return 'Mobile';\n    if (appId.startsWith('asset_')) return 'Computer';\n    if (CHANNEL_LABELS[appId]) return CHANNEL_LABELS[appId];\n  }\n  const channel = thread.startChannel?.trim().toLowerCase() ?? '';\n  if (channel) return CHANNEL_LABELS[channel] ?? humanize(channel);\n  if (appId) return humanize(appId) || null;\n  const trigger = thread.triggerType?.trim().toLowerCase() ?? '';\n  if (trigger && trigger !== 'manual') return humanize(trigger) || null;\n  return null;\n}\n\n/**\n * Client app ids that are the Athena web app itself: Olympus, and the\n * standalone app template, whose sessions carry no start channel when the\n * app does not report one (and would otherwise read as \"App\").\n */\nconst WEB_APP_IDS = new Set(['web', 'olympus', 'athena-app']);\n\n/** The origin badge a row shows under `badges` (`sessionOriginLabel`, filtered). */\nexport function sessionOriginBadge(\n  thread: Pick<AthenaStatewireThreadSummary, 'startChannel' | 'appId' | 'triggerType'>,\n  badges: SessionOriginBadges,\n): string | null {\n  if (badges === 'none') return null;\n  const origin = sessionOriginLabel(thread);\n  if (badges === 'external') {\n    const appId = thread.appId?.trim().toLowerCase() ?? '';\n    if (origin === WEB_APP_ORIGIN_LABEL || WEB_APP_IDS.has(appId)) return null;\n  }\n  return origin;\n}\n"],"names":[],"mappings":"AAcO,MAAM,sBAAmD;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBACd,QACkB;AAClB,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,MAAI,OAAO,cAAc,UAAW,QAAO;AAC3C,MAAI,OAAO,YAAa,QAAO;AAC/B,SAAO;AACT;AASO,SAAS,cACd,SACA,SACsB;AACtB,MAAI,CAAC,QAAS,QAAO,QAAQ,SAAS,IAAI,CAAC,EAAE,OAAO,MAAM,OAAO,CAAC,GAAG,OAAO,EAAA,CAAG,IAAI,CAAA;AACnF,QAAM,8BAAc,IAAA;AACpB,aAAW,UAAU,SAAS;AAC5B,UAAM,QAAQ,mBAAmB,MAAM;AACvC,UAAM,QAAQ,QAAQ,IAAI,KAAK,KAAK,CAAA;AACpC,UAAM,KAAK,MAAM;AACjB,YAAQ,IAAI,OAAO,KAAK;AAAA,EAC1B;AACA,SAAO,oBAAoB,QAAQ,CAAC,UAAU;AAC5C,UAAM,QAAQ,QAAQ,IAAI,KAAK;AAC/B,WAAO,QAAQ,CAAC,EAAE,OAAO,MAAA,CAAO,IAAI,CAAA;AAAA,EACtC,CAAC;AACH;AASO,SAAS,iBACd,QACkB;AAClB,MAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,MAAI,OAAO,cAAc,UAAW,QAAO;AAC3C,MAAI,OAAO,SAAU,QAAO;AAC5B,MAAI,OAAO,cAAc,WAAY,QAAO;AAC5C,SAAO;AACT;AAWO,SAAS,aAAa,OAAe,MAAc,KAAK,OAAe;AAC5E,QAAM,YAAY,KAAK,MAAM,KAAK;AAClC,MAAI,CAAC,OAAO,SAAS,SAAS,EAAG,QAAO;AACxC,QAAM,UAAU,KAAK,MAAM,KAAK,IAAI,GAAG,MAAM,SAAS,IAAI,GAAM;AAChE,MAAI,UAAU,EAAG,QAAO;AACxB,MAAI,UAAU,GAAI,QAAO,GAAG,OAAO;AACnC,QAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,MAAI,QAAQ,GAAI,QAAO,GAAG,KAAK;AAC/B,QAAM,OAAO,KAAK,MAAM,QAAQ,EAAE;AAClC,SAAO,OAAO,IAAI,GAAG,IAAI,UAAU,IAAI,KAAK,SAAS,EAAE,mBAAA;AACzD;AAOO,SAAS,qBACd,QACA,MAAc,KAAK,OACG;AAvFjB;AAwFL,QAAM,cAAa,YAAO,eAAP,mBAAmB;AACtC,MAAI,YAAY;AACd,UAAM,OACJ,OAAO,cAAc,cACjB,cACA,OAAO,cAAc,UACnB,UACA,OAAO,cAAc,UACnB,UACA;AACV,WAAO,EAAE,MAAM,eAAe,MAAM,YAAY,KAAA;AAAA,EAClD;AACA,SAAO,EAAE,MAAM,WAAW,MAAM,aAAa,OAAO,WAAW,GAAG,GAAG,MAAM,QAAA;AAC7E;AAIO,SAAS,qBACd,aACsB;AACtB,MAAI,YAAY,UAAU,SAAU,QAAO;AAC3C,MAAI,YAAY,UAAU,SAAU,QAAO;AAC3C,SAAO,YAAY,UAAU,UAAU;AACzC;AAcA,SAAS,gBAAgB,aAA8C;AACrE,SAAO,YAAY,UAAU,SAAU,YAAY,UAAU,IAAI,IAAK;AACxE;AAEA,SAAS,YAAY,aAA8C;AACjE,QAAM,YAAY,KAAK,MAAM,YAAY,SAAS;AAClD,SAAO,OAAO,SAAS,SAAS,IAAI,YAAY;AAClD;AAOO,SAAS,oBACd,cAC2B;AAC3B,MAAI,CAAC,aAAc,QAAO,CAAA;AAC1B,SAAO,CAAC,GAAG,YAAY,EAAE;AAAA,IACvB,CAAC,GAAG,MAAM,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,KAAK,YAAY,CAAC,IAAI,YAAY,CAAC;AAAA,EAAA;AAEvF;AAGO,SAAS,gBACd,cACwB;AACxB,MAAI,CAAC,gBAAgB,aAAa,WAAW,EAAG,QAAO;AACvD,QAAM,UAAU,oBAAoB,YAAY,EAAE,CAAC;AACnD,MAAI,CAAC,QAAS,QAAO;AACrB,SAAO;AAAA,IACL,OAAO,qBAAqB,OAAO;AAAA,IACnC,OAAO,aAAa;AAAA,IACpB,OAAO,aAAa,WAAW,IAAI,IAAI,QAAQ,MAAM,KAAK,GAAG,aAAa,MAAM;AAAA,IAChF,KAAK,QAAQ;AAAA,IACb,OAAO,QAAQ;AAAA,IACf,aAAa,QAAQ;AAAA,IACrB,gBAAgB,QAAQ;AAAA,EAAA;AAE5B;AAGO,MAAM,uBAAuB;AASpC,MAAM,iBAAyC;AAAA,EAC7C,KAAK;AAAA,EACL,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AAAA,EACN,eAAe;AAAA,EACf,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,SAAS,SAAS,OAAuB;AACvC,QAAM,QAAQ,MAAM,QAAQ,eAAe,EAAE,EAAE,QAAQ,WAAW,GAAG,EAAE,KAAA;AACvE,SAAO,QAAQ,MAAM,OAAO,CAAC,EAAE,gBAAgB,MAAM,MAAM,CAAC,IAAI;AAClE;AAOO,SAAS,mBACd,QACe;AA7MV;AA8ML,QAAM,UAAQ,YAAO,UAAP,mBAAc,OAAO,kBAAiB;AACpD,MAAI,OAAO;AACT,QAAI,MAAM,SAAS,QAAQ,EAAG,QAAO;AACrC,QAAI,MAAM,SAAS,YAAY,EAAG,QAAO;AACzC,QAAI,MAAM,SAAS,MAAM,EAAG,QAAO;AACnC,QAAI,MAAM,SAAS,OAAO,EAAG,QAAO;AACpC,QAAI,MAAM,SAAS,QAAQ,EAAG,QAAO;AACrC,QAAI,MAAM,SAAS,QAAQ,EAAG,QAAO;AACrC,QAAI,MAAM,WAAW,QAAQ,EAAG,QAAO;AACvC,QAAI,eAAe,KAAK,EAAG,QAAO,eAAe,KAAK;AAAA,EACxD;AACA,QAAM,YAAU,YAAO,iBAAP,mBAAqB,OAAO,kBAAiB;AAC7D,MAAI,QAAS,QAAO,eAAe,OAAO,KAAK,SAAS,OAAO;AAC/D,MAAI,MAAO,QAAO,SAAS,KAAK,KAAK;AACrC,QAAM,YAAU,YAAO,gBAAP,mBAAoB,OAAO,kBAAiB;AAC5D,MAAI,WAAW,YAAY,SAAU,QAAO,SAAS,OAAO,KAAK;AACjE,SAAO;AACT;AAOA,MAAM,cAAc,oBAAI,IAAI,CAAC,OAAO,WAAW,YAAY,CAAC;AAGrD,SAAS,mBACd,QACA,QACe;AA5OV;AA6OL,MAAI,WAAW,OAAQ,QAAO;AAC9B,QAAM,SAAS,mBAAmB,MAAM;AACxC,MAAI,WAAW,YAAY;AACzB,UAAM,UAAQ,YAAO,UAAP,mBAAc,OAAO,kBAAiB;AACpD,QAAI,WAAW,wBAAwB,YAAY,IAAI,KAAK,EAAG,QAAO;AAAA,EACxE;AACA,SAAO;AACT;"}

package/dist/threads/session-row-parts.cjs

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const popover = require("../ui/popover.cjs");
+const pullRequestDisplay = require("./pull-request-display.cjs");
+const sessionListModel = require("./session-list-model.cjs");
+const cnfast = require("cnfast");
+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_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 = pullRequestDisplay.PR_STATE_ICON[state];
+  const meta = [
+    showRepo ? `${pullRequest.repoFullName} #${pullRequest.number}` : `#${pullRequest.number}`,
+    state,
+    pullRequestDisplay.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", pullRequestDisplay.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 = pullRequestDisplay.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, pullRequestDisplay.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, pullRequestDisplay.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 STATUS_TONE_CLASS = {
+  needs_you: { dot: "bg-orange-500", text: "text-orange-700" },
+  working: { dot: "bg-blue-500 animate-pulse", text: "text-blue-700" },
+  ready: { dot: "bg-green-500", text: "text-green-700" },
+  watching: { dot: "bg-violet-400", text: "text-violet-700" },
+  done: { dot: "bg-muted-foreground/50", text: "text-muted-foreground" },
+  error: { dot: "bg-red-500", text: "text-red-700" },
+  muted: { dot: "bg-muted-foreground/30", text: "text-muted-foreground" }
+};
+const StatusChip = ({ label, tone, detail, className }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "span",
+  {
+    "data-status-tone": tone,
+    title: detail ?? label,
+    className: cnfast.cn(
+      "inline-flex min-w-0 max-w-full items-center gap-1.5 font-medium text-xs",
+      STATUS_TONE_CLASS[tone].text,
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: cnfast.cn("size-2 shrink-0 rounded-full", STATUS_TONE_CLASS[tone].dot) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
+    ]
+  }
+);
+const RowIconButton = ({ label, action, onClick, pending = false, pressed, alwaysVisible = false, children }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "button",
+  {
+    type: "button",
+    onClick: (event) => {
+      event.stopPropagation();
+      if (!pending) onClick();
+    },
+    disabled: pending,
+    "aria-busy": pending || void 0,
+    "aria-pressed": pressed,
+    "aria-label": label,
+    title: label,
+    "data-action": action,
+    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
+  }
+);
+exports.FOCUS_RING_CLASS = FOCUS_RING_CLASS;
+exports.PullRequestChip = PullRequestChip;
+exports.RowIconButton = RowIconButton;
+exports.STATUS_TONE_CLASS = STATUS_TONE_CLASS;
+exports.StatusChip = StatusChip;
+exports.stopPropagation = stopPropagation;
+//# sourceMappingURL=session-row-parts.cjs.map

package/dist/threads/session-row-parts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-row-parts.cjs","sources":["../../src/threads/session-row-parts.tsx"],"sourcesContent":["/**\n * Row pieces every SDK session list shares (`SessionList`, `SessionsPage`,\n * `Inbox`): the focus ring, the pull-request chip and its list, the\n * attention-toned status chip, and a labelled icon action that never selects\n * its row.\n */\nimport type { ConversationPullRequest } from '@athenaintel/agent-runtime';\nimport type { FC, MouseEvent, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { PR_CHECKS_LABEL, PR_STATE_CLASS, PR_STATE_ICON } from './pull-request-display';\nimport {\n  orderedPullRequests,\n  type PullRequestChip as PullRequestChipModel,\n  pullRequestChipState,\n} from './session-list-model';\nimport type { SessionStatusTone } from './sessions-page-model';\n\n/** The focus treatment every row control and action shares. */\nexport const FOCUS_RING_CLASS =\n  'outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-0';\n\nexport const stopPropagation = (event: MouseEvent) => event.stopPropagation();\n\nconst PR_CHIP_CLASS =\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\n/**\n * One row of the pull-request list: the state icon, the title, and the\n * number, state and checks beneath it (the repository too when the list\n * spans several), as a link to GitHub in a new tab.\n */\nconst PullRequestListRow: FC<{ pullRequest: ConversationPullRequest; showRepo: boolean }> = ({\n  pullRequest,\n  showRepo,\n}) => {\n  const state = pullRequestChipState(pullRequest);\n  const Icon = PR_STATE_ICON[state];\n  const meta = [\n    showRepo ? `${pullRequest.repoFullName} #${pullRequest.number}` : `#${pullRequest.number}`,\n    state,\n    PR_CHECKS_LABEL[pullRequest.checksState],\n  ]\n    .filter(Boolean)\n    .join(' · ');\n  return (\n    <li>\n      <a\n        href={pullRequest.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-pr-state={state}\n        className={cn(\n          'flex items-start gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors hover:bg-muted',\n          FOCUS_RING_CLASS,\n        )}\n      >\n        <Icon className={cn('mt-0.5 size-3.5 shrink-0', PR_STATE_CLASS[state])} aria-hidden />\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-foreground\">\n            {pullRequest.title || `#${pullRequest.number}`}\n          </span>\n          <span className=\"block truncate text-muted-foreground\">{meta}</span>\n        </span>\n      </a>\n    </li>\n  );\n};\n\n/**\n * The session's pull-request chip; a sibling of the row button (never nested\n * inside it) so the markup stays valid and a click on it never selects the\n * row. One pull request: a link to it. Several: a button that opens all of\n * them — in flight first, then the most recently updated — each a link to\n * GitHub.\n */\nexport const PullRequestChip: FC<{\n  chip: PullRequestChipModel;\n  pullRequests: readonly ConversationPullRequest[];\n}> = ({ chip, pullRequests }) => {\n  const Icon = PR_STATE_ICON[chip.state];\n  if (chip.count === 1) {\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(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state])}\n      >\n        <Icon className=\"size-3\" aria-hidden />\n        {chip.label}\n      </a>\n    );\n  }\n  const listLabel = `${chip.count} pull requests`;\n  const ordered = orderedPullRequests(pullRequests);\n  // One repository (the usual case) is named once in the header, so each\n  // row's meta line has room for its state and checks.\n  const repositories = new Set(ordered.map((pullRequest) => pullRequest.repoFullName));\n  const sharedRepository = repositories.size === 1 ? (ordered[0]?.repoFullName ?? null) : null;\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={stopPropagation}\n          aria-label={`${chip.label}: show all ${listLabel}`}\n          data-pr-state={chip.state}\n          data-pr-count={chip.count}\n          className={cn(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state])}\n        >\n          <Icon className=\"size-3\" aria-hidden />\n          {chip.label}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-80 p-0\" aria-label={listLabel} data-pr-list=\"\">\n        <p className=\"truncate border-b border-border px-3 py-2 font-medium text-muted-foreground text-xs\">\n          {sharedRepository ? `${listLabel} in ${sharedRepository}` : listLabel}\n        </p>\n        <ul className=\"max-h-72 overflow-y-auto p-1\">\n          {ordered.map((pullRequest) => (\n            <PullRequestListRow\n              key={`${pullRequest.repoFullName}#${pullRequest.number}`}\n              pullRequest={pullRequest}\n              showRepo={sharedRepository === null}\n            />\n          ))}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n/** One colour per attention tone: the chip's dot and its text. */\nexport const STATUS_TONE_CLASS: Record<SessionStatusTone, { dot: string; text: string }> = {\n  needs_you: { dot: 'bg-orange-500', text: 'text-orange-700' },\n  working: { dot: 'bg-blue-500 animate-pulse', text: 'text-blue-700' },\n  ready: { dot: 'bg-green-500', text: 'text-green-700' },\n  watching: { dot: 'bg-violet-400', text: 'text-violet-700' },\n  done: { dot: 'bg-muted-foreground/50', text: 'text-muted-foreground' },\n  error: { dot: 'bg-red-500', text: 'text-red-700' },\n  muted: { dot: 'bg-muted-foreground/30', text: 'text-muted-foreground' },\n};\n\n/** A coloured dot and a label (truncated, with the full text as its tooltip). */\nexport const StatusChip: FC<{\n  label: string;\n  tone: SessionStatusTone;\n  detail?: string | null;\n  className?: string;\n}> = ({ label, tone, detail, className }) => (\n  <span\n    data-status-tone={tone}\n    title={detail ?? label}\n    className={cn(\n      'inline-flex min-w-0 max-w-full items-center gap-1.5 font-medium text-xs',\n      STATUS_TONE_CLASS[tone].text,\n      className,\n    )}\n  >\n    <span aria-hidden=\"true\" className={cn('size-2 shrink-0 rounded-full', STATUS_TONE_CLASS[tone].dot)} />\n    <span className=\"truncate\">{label}</span>\n  </span>\n);\n\n/**\n * A labelled icon action on a row: a sibling of the row control (a click\n * never selects the row), disabled while its write is in flight, revealed on\n * row hover or focus unless `alwaysVisible`.\n */\nexport const RowIconButton: FC<{\n  label: string;\n  action: string;\n  onClick: () => void;\n  pending?: boolean;\n  pressed?: boolean;\n  alwaysVisible?: boolean;\n  children: ReactNode;\n}> = ({ label, action, onClick, pending = false, pressed, alwaysVisible = false, children }) => (\n  <button\n    type=\"button\"\n    onClick={(event) => {\n      event.stopPropagation();\n      if (!pending) onClick();\n    }}\n    disabled={pending}\n    aria-busy={pending || undefined}\n    aria-pressed={pressed}\n    aria-label={label}\n    title={label}\n    data-action={action}\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"],"names":["pullRequestChipState","PR_STATE_ICON","PR_CHECKS_LABEL","jsxs","cn","jsx","PR_STATE_CLASS","orderedPullRequests","Popover","PopoverTrigger","PopoverContent"],"mappings":"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"}

package/dist/threads/session-row-parts.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Row pieces every SDK session list shares (`SessionList`, `SessionsPage`,
+ * `Inbox`): the focus ring, the pull-request chip and its list, the
+ * attention-toned status chip, and a labelled icon action that never selects
+ * its row.
+ */
+import type { ConversationPullRequest } from '@athenaintel/agent-runtime';
+import type { FC, MouseEvent, ReactNode } from 'react';
+import { type PullRequestChip as PullRequestChipModel } from './session-list-model';
+import type { SessionStatusTone } from './sessions-page-model';
+/** The focus treatment every row control and action shares. */
+export declare const FOCUS_RING_CLASS = "outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-0";
+export declare const stopPropagation: (event: MouseEvent) => void;
+/**
+ * The session's pull-request chip; a sibling of the row button (never nested
+ * inside it) so the markup stays valid and a click on it never selects the
+ * row. One pull request: a link to it. Several: a button that opens all of
+ * them — in flight first, then the most recently updated — each a link to
+ * GitHub.
+ */
+export declare const PullRequestChip: FC<{
+    chip: PullRequestChipModel;
+    pullRequests: readonly ConversationPullRequest[];
+}>;
+/** One colour per attention tone: the chip's dot and its text. */
+export declare const STATUS_TONE_CLASS: Record<SessionStatusTone, {
+    dot: string;
+    text: string;
+}>;
+/** A coloured dot and a label (truncated, with the full text as its tooltip). */
+export declare const StatusChip: FC<{
+    label: string;
+    tone: SessionStatusTone;
+    detail?: string | null;
+    className?: string;
+}>;
+/**
+ * A labelled icon action on a row: a sibling of the row control (a click
+ * never selects the row), disabled while its write is in flight, revealed on
+ * row hover or focus unless `alwaysVisible`.
+ */
+export declare const RowIconButton: FC<{
+    label: string;
+    action: string;
+    onClick: () => void;
+    pending?: boolean;
+    pressed?: boolean;
+    alwaysVisible?: boolean;
+    children: ReactNode;
+}>;

package/dist/threads/session-row-parts.js

@@ -0,0 +1,152 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Popover, PopoverTrigger, PopoverContent } from "../ui/popover.js";
+import { PR_STATE_ICON, PR_STATE_CLASS, PR_CHECKS_LABEL } from "./pull-request-display.js";
+import { orderedPullRequests, pullRequestChipState } from "./session-list-model.js";
+import { cn } from "cnfast";
+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_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 = 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__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: pullRequest.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "data-pr-state": state,
+      className: 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__ */ jsx(Icon, { className: cn("mt-0.5 size-3.5 shrink-0", PR_STATE_CLASS[state]), "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-foreground", children: pullRequest.title || `#${pullRequest.number}` }),
+          /* @__PURE__ */ 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__ */ 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: cn(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state]),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3", "aria-hidden": true }),
+          chip.label
+        ]
+      }
+    );
+  }
+  const listLabel = `${chip.count} pull requests`;
+  const ordered = 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__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: stopPropagation,
+        "aria-label": `${chip.label}: show all ${listLabel}`,
+        "data-pr-state": chip.state,
+        "data-pr-count": chip.count,
+        className: cn(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state]),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "size-3", "aria-hidden": true }),
+          chip.label
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "end", className: "w-80 p-0", "aria-label": listLabel, "data-pr-list": "", children: [
+      /* @__PURE__ */ 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__ */ jsx("ul", { className: "max-h-72 overflow-y-auto p-1", children: ordered.map((pullRequest) => /* @__PURE__ */ jsx(
+        PullRequestListRow,
+        {
+          pullRequest,
+          showRepo: sharedRepository === null
+        },
+        `${pullRequest.repoFullName}#${pullRequest.number}`
+      )) })
+    ] })
+  ] });
+};
+const STATUS_TONE_CLASS = {
+  needs_you: { dot: "bg-orange-500", text: "text-orange-700" },
+  working: { dot: "bg-blue-500 animate-pulse", text: "text-blue-700" },
+  ready: { dot: "bg-green-500", text: "text-green-700" },
+  watching: { dot: "bg-violet-400", text: "text-violet-700" },
+  done: { dot: "bg-muted-foreground/50", text: "text-muted-foreground" },
+  error: { dot: "bg-red-500", text: "text-red-700" },
+  muted: { dot: "bg-muted-foreground/30", text: "text-muted-foreground" }
+};
+const StatusChip = ({ label, tone, detail, className }) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "data-status-tone": tone,
+    title: detail ?? label,
+    className: cn(
+      "inline-flex min-w-0 max-w-full items-center gap-1.5 font-medium text-xs",
+      STATUS_TONE_CLASS[tone].text,
+      className
+    ),
+    children: [
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("size-2 shrink-0 rounded-full", STATUS_TONE_CLASS[tone].dot) }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+    ]
+  }
+);
+const RowIconButton = ({ label, action, onClick, pending = false, pressed, alwaysVisible = false, children }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    onClick: (event) => {
+      event.stopPropagation();
+      if (!pending) onClick();
+    },
+    disabled: pending,
+    "aria-busy": pending || void 0,
+    "aria-pressed": pressed,
+    "aria-label": label,
+    title: label,
+    "data-action": action,
+    className: 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
+  }
+);
+export {
+  FOCUS_RING_CLASS,
+  PullRequestChip,
+  RowIconButton,
+  STATUS_TONE_CLASS,
+  StatusChip,
+  stopPropagation
+};
+//# sourceMappingURL=session-row-parts.js.map

package/dist/threads/session-row-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-row-parts.js","sources":["../../src/threads/session-row-parts.tsx"],"sourcesContent":["/**\n * Row pieces every SDK session list shares (`SessionList`, `SessionsPage`,\n * `Inbox`): the focus ring, the pull-request chip and its list, the\n * attention-toned status chip, and a labelled icon action that never selects\n * its row.\n */\nimport type { ConversationPullRequest } from '@athenaintel/agent-runtime';\nimport type { FC, MouseEvent, ReactNode } from 'react';\nimport { cn } from '../lib/utils';\nimport { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';\nimport { PR_CHECKS_LABEL, PR_STATE_CLASS, PR_STATE_ICON } from './pull-request-display';\nimport {\n  orderedPullRequests,\n  type PullRequestChip as PullRequestChipModel,\n  pullRequestChipState,\n} from './session-list-model';\nimport type { SessionStatusTone } from './sessions-page-model';\n\n/** The focus treatment every row control and action shares. */\nexport const FOCUS_RING_CLASS =\n  'outline-none focus-visible:ring-2 focus-visible:ring-ring/60 focus-visible:ring-offset-0';\n\nexport const stopPropagation = (event: MouseEvent) => event.stopPropagation();\n\nconst PR_CHIP_CLASS =\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\n/**\n * One row of the pull-request list: the state icon, the title, and the\n * number, state and checks beneath it (the repository too when the list\n * spans several), as a link to GitHub in a new tab.\n */\nconst PullRequestListRow: FC<{ pullRequest: ConversationPullRequest; showRepo: boolean }> = ({\n  pullRequest,\n  showRepo,\n}) => {\n  const state = pullRequestChipState(pullRequest);\n  const Icon = PR_STATE_ICON[state];\n  const meta = [\n    showRepo ? `${pullRequest.repoFullName} #${pullRequest.number}` : `#${pullRequest.number}`,\n    state,\n    PR_CHECKS_LABEL[pullRequest.checksState],\n  ]\n    .filter(Boolean)\n    .join(' · ');\n  return (\n    <li>\n      <a\n        href={pullRequest.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        data-pr-state={state}\n        className={cn(\n          'flex items-start gap-2 rounded-sm px-2 py-1.5 text-xs transition-colors hover:bg-muted',\n          FOCUS_RING_CLASS,\n        )}\n      >\n        <Icon className={cn('mt-0.5 size-3.5 shrink-0', PR_STATE_CLASS[state])} aria-hidden />\n        <span className=\"min-w-0 flex-1\">\n          <span className=\"block truncate text-foreground\">\n            {pullRequest.title || `#${pullRequest.number}`}\n          </span>\n          <span className=\"block truncate text-muted-foreground\">{meta}</span>\n        </span>\n      </a>\n    </li>\n  );\n};\n\n/**\n * The session's pull-request chip; a sibling of the row button (never nested\n * inside it) so the markup stays valid and a click on it never selects the\n * row. One pull request: a link to it. Several: a button that opens all of\n * them — in flight first, then the most recently updated — each a link to\n * GitHub.\n */\nexport const PullRequestChip: FC<{\n  chip: PullRequestChipModel;\n  pullRequests: readonly ConversationPullRequest[];\n}> = ({ chip, pullRequests }) => {\n  const Icon = PR_STATE_ICON[chip.state];\n  if (chip.count === 1) {\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(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state])}\n      >\n        <Icon className=\"size-3\" aria-hidden />\n        {chip.label}\n      </a>\n    );\n  }\n  const listLabel = `${chip.count} pull requests`;\n  const ordered = orderedPullRequests(pullRequests);\n  // One repository (the usual case) is named once in the header, so each\n  // row's meta line has room for its state and checks.\n  const repositories = new Set(ordered.map((pullRequest) => pullRequest.repoFullName));\n  const sharedRepository = repositories.size === 1 ? (ordered[0]?.repoFullName ?? null) : null;\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <button\n          type=\"button\"\n          onClick={stopPropagation}\n          aria-label={`${chip.label}: show all ${listLabel}`}\n          data-pr-state={chip.state}\n          data-pr-count={chip.count}\n          className={cn(PR_CHIP_CLASS, FOCUS_RING_CLASS, PR_STATE_CLASS[chip.state])}\n        >\n          <Icon className=\"size-3\" aria-hidden />\n          {chip.label}\n        </button>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"w-80 p-0\" aria-label={listLabel} data-pr-list=\"\">\n        <p className=\"truncate border-b border-border px-3 py-2 font-medium text-muted-foreground text-xs\">\n          {sharedRepository ? `${listLabel} in ${sharedRepository}` : listLabel}\n        </p>\n        <ul className=\"max-h-72 overflow-y-auto p-1\">\n          {ordered.map((pullRequest) => (\n            <PullRequestListRow\n              key={`${pullRequest.repoFullName}#${pullRequest.number}`}\n              pullRequest={pullRequest}\n              showRepo={sharedRepository === null}\n            />\n          ))}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  );\n};\n\n/** One colour per attention tone: the chip's dot and its text. */\nexport const STATUS_TONE_CLASS: Record<SessionStatusTone, { dot: string; text: string }> = {\n  needs_you: { dot: 'bg-orange-500', text: 'text-orange-700' },\n  working: { dot: 'bg-blue-500 animate-pulse', text: 'text-blue-700' },\n  ready: { dot: 'bg-green-500', text: 'text-green-700' },\n  watching: { dot: 'bg-violet-400', text: 'text-violet-700' },\n  done: { dot: 'bg-muted-foreground/50', text: 'text-muted-foreground' },\n  error: { dot: 'bg-red-500', text: 'text-red-700' },\n  muted: { dot: 'bg-muted-foreground/30', text: 'text-muted-foreground' },\n};\n\n/** A coloured dot and a label (truncated, with the full text as its tooltip). */\nexport const StatusChip: FC<{\n  label: string;\n  tone: SessionStatusTone;\n  detail?: string | null;\n  className?: string;\n}> = ({ label, tone, detail, className }) => (\n  <span\n    data-status-tone={tone}\n    title={detail ?? label}\n    className={cn(\n      'inline-flex min-w-0 max-w-full items-center gap-1.5 font-medium text-xs',\n      STATUS_TONE_CLASS[tone].text,\n      className,\n    )}\n  >\n    <span aria-hidden=\"true\" className={cn('size-2 shrink-0 rounded-full', STATUS_TONE_CLASS[tone].dot)} />\n    <span className=\"truncate\">{label}</span>\n  </span>\n);\n\n/**\n * A labelled icon action on a row: a sibling of the row control (a click\n * never selects the row), disabled while its write is in flight, revealed on\n * row hover or focus unless `alwaysVisible`.\n */\nexport const RowIconButton: FC<{\n  label: string;\n  action: string;\n  onClick: () => void;\n  pending?: boolean;\n  pressed?: boolean;\n  alwaysVisible?: boolean;\n  children: ReactNode;\n}> = ({ label, action, onClick, pending = false, pressed, alwaysVisible = false, children }) => (\n  <button\n    type=\"button\"\n    onClick={(event) => {\n      event.stopPropagation();\n      if (!pending) onClick();\n    }}\n    disabled={pending}\n    aria-busy={pending || undefined}\n    aria-pressed={pressed}\n    aria-label={label}\n    title={label}\n    data-action={action}\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"],"names":[],"mappings":"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"}