@athenaintel/react 0.28.0 → 0.30.0

package/dist/workbench/session-workbench-panes.cjs

@@ -0,0 +1,580 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const reactStatewire = require("@assistant-ui/react-statewire");
+const lucideReact = require("lucide-react");
+const react$1 = require("react");
+const assetPanelStore = require("../assets/asset-panel-store.cjs");
+const athenaUrls = require("../lib/athena-urls.cjs");
+const AthenaContext = require("../provider/AthenaContext.cjs");
+const pullRequestDisplay = require("../threads/pull-request-display.cjs");
+const sessionListModel = require("../threads/session-list-model.cjs");
+const statewireThreadList = require("../threads/statewire-thread-list.cjs");
+const useAthenaSessionAttention = require("../threads/use-athena-session-attention.cjs");
+const writeTodosToolUi = require("../tools/write-todos-tool-ui.cjs");
+const sessionWorkbenchContext = require("./session-workbench-context.cjs");
+const sessionWorkbenchModel = require("./session-workbench-model.cjs");
+const useSessionWorkspace = require("./use-session-workspace.cjs");
+const threadExtras = require("../agent-runtime/src/thread-extras.cjs");
+const statewireState = require("../agent-runtime/src/statewire-state.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 PaneEmpty = ({ icon: Icon, title, children }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full min-h-40 flex-col items-center justify-center gap-2 px-6 py-10 text-center", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-5 text-muted-foreground/70" }),
+  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-foreground text-sm", children: title }),
+  children ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-64 text-muted-foreground text-xs leading-snug", children }) : null
+] });
+const PaneError = ({ error }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "m-3 flex items-start gap-2 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-red-900 text-xs", children: [
+  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": true }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 break-words", children: error.message })
+] });
+const PaneSkeleton = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-3", "aria-busy": "true", "aria-label": "Loading", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 animate-pulse rounded-lg bg-muted" }, row)) });
+const SectionHeading = ({ children, trailing }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-3 pt-3 pb-1.5", children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-[11px] text-muted-foreground uppercase tracking-wide", children }),
+  trailing
+] });
+function fullTime(iso) {
+  if (!iso) return void 0;
+  const time = Date.parse(iso);
+  return Number.isNaN(time) ? void 0 : new Date(time).toLocaleString();
+}
+const RequiresStatewireThread = ({
+  children,
+  icon
+}) => {
+  const extras = react.useAuiState((state) => state.thread.extras);
+  if (!threadExtras.hasStatewireThreadExtras(extras)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon, title: "No live session", children: "Open a session to see this pane." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+const TASK_STATUS_LABEL = {
+  pending: "To do",
+  in_progress: "In progress",
+  completed: "Done",
+  failed: "Failed",
+  cancelled: "Cancelled"
+};
+const TasksPaneContent = () => {
+  const stateTodos = reactStatewire.useStatewireState((state) => statewireState.readDeepAgentStreamValues(state).todos);
+  const messages = react.useAuiState((state) => state.thread.messages);
+  const progress = react$1.useMemo(
+    () => sessionWorkbenchModel.taskProgress(sessionWorkbenchModel.deriveTaskSteps({ stateTodos, messages })),
+    [stateTodos, messages]
+  );
+  if (progress.total === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.ListChecksIcon, title: "No plan yet", children: "When the agent writes a plan, its steps show here as it works through them." });
+  }
+  const percent = Math.round(progress.done / progress.total * 100);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground text-xs tabular-nums", children: [
+          progress.done,
+          "/",
+          progress.total,
+          " done"
+        ] }),
+        children: "Plan"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-3 mb-2 h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full rounded-full bg-primary transition-all", style: { width: `${percent}%` } }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-col pb-3", "aria-label": "Plan steps", children: progress.steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
+      {
+        "data-status": step.status,
+        className: "flex items-start gap-2.5 px-3 py-1.5",
+        children: [
+          step.status === "pending" ? (
+            // The row already carries its number; a pending marker repeating it reads "11 11.".
+            /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "size-[18px] shrink-0 rounded-full border border-border border-dashed" })
+          ) : /* @__PURE__ */ jsxRuntime.jsx(writeTodosToolUi.PlanStepMarker, { status: step.status, index }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+            TASK_STATUS_LABEL[step.status],
+            ": "
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cnfast.cn(
+                "min-w-0 flex-1 text-sm leading-[18px]",
+                step.status === "completed" && "text-muted-foreground line-through",
+                step.status === "in_progress" && "font-medium text-foreground",
+                step.status === "failed" && "text-destructive",
+                step.status === "cancelled" && "text-muted-foreground line-through"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mr-1.5 text-muted-foreground tabular-nums", children: [
+                  index + 1,
+                  "."
+                ] }),
+                step.content
+              ]
+            }
+          )
+        ]
+      },
+      step.id ?? `${index}:${step.content}`
+    )) })
+  ] });
+};
+const SessionTasksPane = () => /* @__PURE__ */ jsxRuntime.jsx(RequiresStatewireThread, { icon: lucideReact.ListChecksIcon, children: /* @__PURE__ */ jsxRuntime.jsx(TasksPaneContent, {}) });
+const SHELL_STATUS_LABEL = {
+  running: "Running",
+  succeeded: "Succeeded",
+  failed: "Failed",
+  unknown: "Finished"
+};
+const ShellStatusIcon = ({ status }) => {
+  const label = SHELL_STATUS_LABEL[status];
+  if (status === "running") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { className: "mt-0.5 size-3.5 shrink-0 animate-spin text-primary", "aria-label": label });
+  }
+  if (status === "succeeded") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "mt-0.5 size-3.5 shrink-0 text-emerald-600", "aria-label": label });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { className: "mt-0.5 size-3.5 shrink-0 text-red-600", "aria-label": label });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleDashedIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground", "aria-label": label });
+};
+function shellMeta(row) {
+  const parts = [row.machine.label];
+  if (row.exitCode !== null) parts.push(`exit ${row.exitCode}`);
+  if (row.createdAt) parts.push(sessionListModel.relativeTime(row.createdAt));
+  return parts.join(" · ");
+}
+const ShellRowItem = ({
+  row,
+  expanded,
+  onToggle
+}) => {
+  const panelId = `athena-shell-${row.id}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { "data-status": row.status, className: "border-border/60 border-b last:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": expanded,
+        "aria-controls": panelId,
+        onClick: onToggle,
+        className: cnfast.cn(
+          "flex w-full items-start gap-2 px-3 py-2 text-left transition-colors hover:bg-muted/60",
+          FOCUS_RING_CLASS
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ShellStatusIcon, { status: row.status }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "block truncate font-mono text-foreground text-xs", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "$ " }),
+              row.firstLine || "(empty command)",
+              row.extraLines > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
+                " (+",
+                row.extraLines,
+                " lines)"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", title: fullTime(row.createdAt), children: shellMeta(row) })
+          ] })
+        ]
+      }
+    ),
+    expanded ? /* @__PURE__ */ jsxRuntime.jsxs("div", { id: panelId, className: "px-3 pb-2.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "pre",
+        {
+          "aria-label": "Command",
+          className: "mb-1.5 max-h-40 overflow-auto whitespace-pre-wrap break-all rounded-md border border-border/60 px-2 py-1.5 font-mono text-[11px] text-foreground",
+          children: row.command
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-72 overflow-auto whitespace-pre-wrap break-all rounded-md bg-muted px-2 py-1.5 font-mono text-[11px] text-foreground", children: row.status === "running" ? "Running…" : row.output || "(no output)" }),
+      row.outputPartial ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pt-1 text-[11px] text-muted-foreground", children: "Output shortened — the full output is on the command's card in the chat." }) : null
+    ] }) : null
+  ] });
+};
+const ShellPaneContent = () => {
+  const messages = react.useAuiState((state) => state.thread.messages);
+  const workspace = sessionWorkbenchContext.useSessionWorkbenchWorkspace().data ?? null;
+  const rows = react$1.useMemo(() => sessionWorkbenchModel.deriveShellRows({ messages, workspace }), [messages, workspace]);
+  const [query, setQuery] = react$1.useState("");
+  const [expanded, setExpanded] = react$1.useState(() => /* @__PURE__ */ new Set());
+  const visible = react$1.useMemo(() => sessionWorkbenchModel.filterShellRows(rows, query), [rows, query]);
+  const toggle = (id) => setExpanded((current) => {
+    const next = new Set(current);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    return next;
+  });
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.TerminalIcon, title: "No commands yet", children: "Every shell command the agent runs shows here with where it ran and how it ended." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 border-border/60 border-b bg-background px-3 py-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 rounded-md border border-border bg-background px-2 py-1 focus-within:ring-2 focus-within:ring-ring/40", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "search",
+            value: query,
+            onChange: (event) => setQuery(event.target.value),
+            placeholder: "Search commands",
+            "aria-label": "Search commands",
+            className: "min-w-0 flex-1 bg-transparent text-xs outline-none placeholder:text-muted-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pt-1.5 text-[11px] text-muted-foreground", "aria-live": "polite", children: query.trim() ? `${visible.length} of ${rows.length} commands` : `${rows.length} command${rows.length === 1 ? "" : "s"}` })
+    ] }),
+    visible.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-3 py-6 text-center text-muted-foreground text-xs", children: "No command matches." }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Shell commands", children: visible.map((row) => /* @__PURE__ */ jsxRuntime.jsx(
+      ShellRowItem,
+      {
+        row,
+        expanded: expanded.has(row.id),
+        onToggle: () => toggle(row.id)
+      },
+      row.id
+    )) })
+  ] });
+};
+const SessionShellPane = () => /* @__PURE__ */ jsxRuntime.jsx(RequiresStatewireThread, { icon: lucideReact.TerminalIcon, children: /* @__PURE__ */ jsxRuntime.jsx(ShellPaneContent, {}) });
+const ComputerStateBadge = ({ assetId }) => {
+  var _a;
+  const status = useSessionWorkspace.useAthenaComputerStatus({ assetId });
+  const badge = status.data ? sessionWorkbenchModel.computerStateBadge(status.data) : null;
+  if (!badge) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-state": (_a = status.data) == null ? void 0 : _a.state,
+      className: "inline-flex items-center gap-1.5 rounded-full border border-border px-2 py-0.5 text-[11px] text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cnfast.cn(
+              "size-1.5 rounded-full",
+              badge.tone === "running" && "bg-emerald-500",
+              badge.tone === "transition" && "animate-pulse bg-amber-500",
+              badge.tone === "stopped" && "bg-muted-foreground/50",
+              badge.tone === "error" && "bg-red-500"
+            )
+          }
+        ),
+        badge.label
+      ]
+    }
+  );
+};
+const CopySshCommand = ({ assetId }) => {
+  var _a, _b;
+  const ssh = useSessionWorkspace.useAthenaComputerSshAccess({ assetId });
+  const [copied, setCopied] = react$1.useState(false);
+  const command = (_a = ssh.data) == null ? void 0 : _a.command;
+  if (!command) return null;
+  const copy = () => {
+    var _a2;
+    void ((_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText(command).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    }));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "min-w-0 flex-1 truncate rounded-md bg-muted px-2 py-1 font-mono text-[11px] text-foreground", title: command, children: command }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: copy,
+          className: cnfast.cn(
+            "inline-flex shrink-0 items-center gap-1 rounded-md border border-border px-2 py-1 font-medium text-xs transition-colors hover:bg-muted",
+            FOCUS_RING_CLASS
+          ),
+          children: [
+            copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { className: "size-3.5", "aria-hidden": true }),
+            copied ? "Copied" : "Copy SSH command"
+          ]
+        }
+      )
+    ] }),
+    ((_b = ssh.data) == null ? void 0 : _b.keyAuthEnabled) === false ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[11px] text-muted-foreground", children: "This environment's SSH gateway takes temporary tokens only; create one from the computer in Athena." }) : null
+  ] });
+};
+function useAssetHref(assetId) {
+  const { appUrl, backendUrl } = AthenaContext.useAthenaConfig();
+  return react$1.useMemo(() => {
+    const pageOrigin = typeof window === "undefined" ? null : window.location.origin;
+    try {
+      return athenaUrls.createAthenaSpacesUrl({
+        appUrl: sessionWorkbenchModel.athenaLinkAppUrl({ appUrl, backendUrl, pageOrigin }),
+        assetIds: assetId
+      });
+    } catch {
+      return null;
+    }
+  }, [appUrl, backendUrl, assetId]);
+}
+const OpenInAthenaLink = ({
+  assetId,
+  label = "Open in Athena",
+  compact = false
+}) => {
+  const href = useAssetHref(assetId);
+  if (!href) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": compact ? label : void 0,
+      title: compact ? label : void 0,
+      className: cnfast.cn(
+        "inline-flex shrink-0 items-center gap-1 rounded-md font-medium text-xs transition-colors hover:bg-muted",
+        compact ? "p-1 text-muted-foreground hover:text-foreground" : "border border-border px-2 py-1",
+        FOCUS_RING_CLASS
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "size-3.5", "aria-hidden": true }),
+        compact ? null : label
+      ]
+    }
+  );
+};
+const ComputerCard = ({ computer }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "article",
+  {
+    "aria-label": computer.title ?? computer.assetId,
+    className: "mx-3 mt-3 flex flex-col gap-3 rounded-xl border border-border p-3",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorIcon, { className: "size-4", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate font-medium text-foreground text-sm", children: computer.title ?? computer.assetId }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "truncate text-[11px] text-muted-foreground", children: [
+            computer.role === "session_computer" ? "Session computer" : "Used by this session",
+            computer.updatedAt ? ` · updated ${sessionListModel.relativeTime(computer.updatedAt)}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ComputerStateBadge, { assetId: computer.assetId })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(OpenInAthenaLink, { assetId: computer.assetId }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CopySshCommand, { assetId: computer.assetId })
+    ]
+  }
+);
+const SessionComputerPane = () => {
+  const { isPersisted } = sessionWorkbenchContext.useSessionWorkbench();
+  const workspace = sessionWorkbenchContext.useSessionWorkbenchWorkspace();
+  if (!isPersisted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.MonitorIcon, title: "No computer yet", children: "The computer this session works on shows here once it starts." });
+  }
+  if (workspace.isError) return /* @__PURE__ */ jsxRuntime.jsx(PaneError, { error: workspace.error });
+  if (!workspace.data) return /* @__PURE__ */ jsxRuntime.jsx(PaneSkeleton, {});
+  const { primary, others } = sessionWorkbenchModel.workspaceComputers(workspace.data);
+  if (!primary) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.MonitorIcon, title: "No computer used yet", children: "When the agent runs commands on a computer, it shows here with a link and its SSH command." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col pb-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ComputerCard, { computer: primary }),
+    others.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { children: "Also used" }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Other computers", children: others.map((computer) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MonitorIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate text-foreground text-sm", children: computer.title ?? computer.assetId }),
+        /* @__PURE__ */ jsxRuntime.jsx(OpenInAthenaLink, { assetId: computer.assetId, compact: true, label: `Open ${computer.title ?? "computer"} in Athena` })
+      ] }, computer.assetId)) })
+    ] }) : null
+  ] });
+};
+const PullRequestRow = ({ pullRequest }) => {
+  const state = sessionListModel.pullRequestChipState(pullRequest);
+  const Icon = pullRequestDisplay.PR_STATE_ICON[state];
+  const meta = [
+    `${pullRequest.repoFullName}#${pullRequest.number}`,
+    state,
+    pullRequestDisplay.PR_CHECKS_LABEL[pullRequest.checksState],
+    sessionWorkbenchModel.reviewDecisionLabel(pullRequest.reviewDecision)
+  ].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.5 px-3 py-2 transition-colors hover:bg-muted/60", FOCUS_RING_CLASS),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: cnfast.cn("mt-0.5 size-4 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 text-foreground text-sm leading-snug", children: pullRequest.title || `#${pullRequest.number}` }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: meta })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+      ]
+    }
+  ) });
+};
+const SessionPullRequestsPane = () => {
+  const { threadId, isPersisted } = sessionWorkbenchContext.useSessionWorkbench();
+  const list = statewireThreadList.useAthenaStatewireThreadList();
+  const attention = useAthenaSessionAttention.useAthenaSessionAttention(threadId ?? void 0);
+  if (!list) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.GitPullRequestIcon, title: "Pull requests need the session list", children: "Mount the provider with enableThreadList to see the pull requests a session opened." });
+  }
+  const pullRequests = isPersisted ? (attention == null ? void 0 : attention.pullRequests) ?? [] : [];
+  if ((attention == null ? void 0 : attention.pullRequests) === null && isPersisted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.GitPullRequestIcon, title: "Pull requests unavailable", children: "GitHub could not be read for this session right now." });
+  }
+  if (pullRequests.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.GitPullRequestIcon, title: "No pull requests", children: "Pull requests the agent opens show here with their checks and review state." });
+  }
+  const ordered = sessionListModel.orderedPullRequests(pullRequests);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col pb-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: ordered.length }),
+        children: "Pull requests"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Pull requests", children: ordered.map((pullRequest) => /* @__PURE__ */ jsxRuntime.jsx(PullRequestRow, { pullRequest }, pullRequest.url)) })
+  ] });
+};
+const ASSET_ICON = {
+  spreadsheet: lucideReact.FileSpreadsheetIcon,
+  document: lucideReact.FileTextIcon,
+  presentation: lucideReact.PresentationIcon,
+  presentation_pptx_studio: lucideReact.PresentationIcon,
+  pptx: lucideReact.PresentationIcon,
+  notebook: lucideReact.BookOpenIcon,
+  image: lucideReact.ImageIcon,
+  folder: lucideReact.FolderIcon,
+  markdown: lucideReact.FileTextIcon,
+  pdf: lucideReact.FileTextIcon,
+  txt: lucideReact.FileTextIcon
+};
+const AttachmentRow = ({
+  asset,
+  canOpenHere
+}) => {
+  const openAsset = assetPanelStore.useAssetPanelStore((state) => state.openAsset);
+  const Icon = ASSET_ICON[asset.assetType] ?? lucideReact.FileIcon;
+  const panelType = sessionWorkbenchModel.assetPanelTypeOf(asset.assetType);
+  const title = asset.title ?? asset.assetId;
+  const meta = [
+    sessionWorkbenchModel.assetTypeLabel(asset.assetType),
+    asset.updatedAt ? `updated ${sessionListModel.relativeTime(asset.updatedAt)}` : null
+  ].filter(Boolean).join(" · ");
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-foreground text-sm", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-[11px] text-muted-foreground", title: fullTime(asset.updatedAt), children: meta })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-start gap-1 pr-2", children: [
+    canOpenHere && panelType ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => openAsset(asset.assetId, { name: title, type: panelType }),
+        className: cnfast.cn(
+          "flex min-w-0 flex-1 items-start gap-2.5 px-3 py-2 text-left transition-colors hover:bg-muted/60",
+          FOCUS_RING_CLASS
+        ),
+        children: body
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-w-0 flex-1 items-start gap-2.5 px-3 py-2", children: body }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pt-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(OpenInAthenaLink, { assetId: asset.assetId, compact: true, label: `Open ${title} in Athena` }) })
+  ] });
+};
+const SessionAttachmentsPane = () => {
+  const { isPersisted } = sessionWorkbenchContext.useSessionWorkbench();
+  const workspace = sessionWorkbenchContext.useSessionWorkbenchWorkspace();
+  const canOpenHere = assetPanelStore.useAssetPanelStore((state) => state.assetPanelHostCount > 0);
+  if (!isPersisted) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.PaperclipIcon, title: "No files yet", children: "Documents, sheets and decks the agent creates or edits show here." });
+  }
+  if (workspace.isError) return /* @__PURE__ */ jsxRuntime.jsx(PaneError, { error: workspace.error });
+  if (!workspace.data) return /* @__PURE__ */ jsxRuntime.jsx(PaneSkeleton, {});
+  const { assets } = workspace.data;
+  if (assets.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PaneEmpty, { icon: lucideReact.PaperclipIcon, title: "No files yet", children: "Documents, sheets and decks the agent creates or edits show here." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col pb-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: assets.length }),
+        children: "Created or edited"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { "aria-label": "Session files", children: assets.map((asset) => /* @__PURE__ */ jsxRuntime.jsx(AttachmentRow, { asset, canOpenHere }, asset.assetId)) })
+  ] });
+};
+const SESSION_WORKBENCH_TASKS_PANE = {
+  id: "tasks",
+  title: "Tasks",
+  description: "Follow the agent's plan step by step",
+  icon: lucideReact.ListChecksIcon,
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(SessionTasksPane, {})
+};
+const SESSION_WORKBENCH_SHELL_PANE = {
+  id: "shell",
+  title: "Shell",
+  description: "Commands the agent ran and their output",
+  icon: lucideReact.TerminalIcon,
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(SessionShellPane, {})
+};
+const SESSION_WORKBENCH_COMPUTER_PANE = {
+  id: "computer",
+  title: "Computer",
+  description: "The machine this session works on, and how to reach it",
+  icon: lucideReact.MonitorIcon,
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(SessionComputerPane, {})
+};
+const SESSION_WORKBENCH_PULL_REQUESTS_PANE = {
+  id: "pull-requests",
+  title: "Pull requests",
+  description: "Pull requests this session opened, with checks and reviews",
+  icon: lucideReact.GitPullRequestIcon,
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(SessionPullRequestsPane, {})
+};
+const SESSION_WORKBENCH_ATTACHMENTS_PANE = {
+  id: "attachments",
+  title: "Attachments",
+  description: "Files and assets this session created or edited",
+  icon: lucideReact.PaperclipIcon,
+  render: () => /* @__PURE__ */ jsxRuntime.jsx(SessionAttachmentsPane, {})
+};
+const DEFAULT_SESSION_WORKBENCH_PANES = [
+  SESSION_WORKBENCH_TASKS_PANE,
+  SESSION_WORKBENCH_SHELL_PANE,
+  SESSION_WORKBENCH_COMPUTER_PANE,
+  SESSION_WORKBENCH_PULL_REQUESTS_PANE,
+  SESSION_WORKBENCH_ATTACHMENTS_PANE
+];
+const DEFAULT_SESSION_WORKBENCH_OPEN_PANE_IDS = [
+  SESSION_WORKBENCH_TASKS_PANE.id,
+  SESSION_WORKBENCH_SHELL_PANE.id,
+  SESSION_WORKBENCH_COMPUTER_PANE.id
+];
+exports.DEFAULT_SESSION_WORKBENCH_OPEN_PANE_IDS = DEFAULT_SESSION_WORKBENCH_OPEN_PANE_IDS;
+exports.DEFAULT_SESSION_WORKBENCH_PANES = DEFAULT_SESSION_WORKBENCH_PANES;
+exports.SESSION_WORKBENCH_ATTACHMENTS_PANE = SESSION_WORKBENCH_ATTACHMENTS_PANE;
+exports.SESSION_WORKBENCH_COMPUTER_PANE = SESSION_WORKBENCH_COMPUTER_PANE;
+exports.SESSION_WORKBENCH_PULL_REQUESTS_PANE = SESSION_WORKBENCH_PULL_REQUESTS_PANE;
+exports.SESSION_WORKBENCH_SHELL_PANE = SESSION_WORKBENCH_SHELL_PANE;
+exports.SESSION_WORKBENCH_TASKS_PANE = SESSION_WORKBENCH_TASKS_PANE;
+exports.SessionAttachmentsPane = SessionAttachmentsPane;
+exports.SessionComputerPane = SessionComputerPane;
+exports.SessionPullRequestsPane = SessionPullRequestsPane;
+exports.SessionShellPane = SessionShellPane;
+exports.SessionTasksPane = SessionTasksPane;
+//# sourceMappingURL=session-workbench-panes.cjs.map