@athenaintel/react 0.28.1 → 0.32.0

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

@@ -0,0 +1,580 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useAuiState } from "@assistant-ui/react";
+import { useStatewireState } from "@assistant-ui/react-statewire";
+import { ListChecksIcon, TerminalIcon, MonitorIcon, GitPullRequestIcon, PaperclipIcon, AlertCircleIcon, FileTextIcon, FolderIcon, ImageIcon, BookOpenIcon, PresentationIcon, FileSpreadsheetIcon, FileIcon, ExternalLinkIcon, SearchIcon, CheckIcon, CopyIcon, LoaderIcon, XIcon, CircleDashedIcon } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useAssetPanelStore } from "../assets/asset-panel-store.js";
+import { createAthenaSpacesUrl } from "../lib/athena-urls.js";
+import { useAthenaConfig } from "../provider/AthenaContext.js";
+import { PR_CHECKS_LABEL, PR_STATE_ICON, PR_STATE_CLASS } from "../threads/pull-request-display.js";
+import { orderedPullRequests, relativeTime, pullRequestChipState } from "../threads/session-list-model.js";
+import { useAthenaStatewireThreadList } from "../threads/statewire-thread-list.js";
+import { useAthenaSessionAttention } from "../threads/use-athena-session-attention.js";
+import { PlanStepMarker } from "../tools/write-todos-tool-ui.js";
+import { useSessionWorkbench, useSessionWorkbenchWorkspace } from "./session-workbench-context.js";
+import { workspaceComputers, assetPanelTypeOf, assetTypeLabel, reviewDecisionLabel, deriveShellRows, filterShellRows, taskProgress, deriveTaskSteps, computerStateBadge, athenaLinkAppUrl } from "./session-workbench-model.js";
+import { useAthenaComputerStatus, useAthenaComputerSshAccess } from "./use-session-workspace.js";
+import { hasStatewireThreadExtras } from "../agent-runtime/src/thread-extras.js";
+import { readDeepAgentStreamValues } from "../agent-runtime/src/statewire-state.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 PaneEmpty = ({ icon: Icon, title, children }) => /* @__PURE__ */ 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__ */ jsx(Icon, { className: "size-5 text-muted-foreground/70" }),
+  /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground text-sm", children: title }),
+  children ? /* @__PURE__ */ jsx("p", { className: "max-w-64 text-muted-foreground text-xs leading-snug", children }) : null
+] });
+const PaneError = ({ error }) => /* @__PURE__ */ 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__ */ jsx(AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0", "aria-hidden": true }),
+  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 break-words", children: error.message })
+] });
+const PaneSkeleton = () => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-3", "aria-busy": "true", "aria-label": "Loading", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsx("div", { className: "h-10 animate-pulse rounded-lg bg-muted" }, row)) });
+const SectionHeading = ({ children, trailing }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 pt-3 pb-1.5", children: [
+  /* @__PURE__ */ 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 = useAuiState((state) => state.thread.extras);
+  if (!hasStatewireThreadExtras(extras)) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon, title: "No live session", children: "Open a session to see this pane." });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+const TASK_STATUS_LABEL = {
+  pending: "To do",
+  in_progress: "In progress",
+  completed: "Done",
+  failed: "Failed",
+  cancelled: "Cancelled"
+};
+const TasksPaneContent = () => {
+  const stateTodos = useStatewireState((state) => readDeepAgentStreamValues(state).todos);
+  const messages = useAuiState((state) => state.thread.messages);
+  const progress = useMemo(
+    () => taskProgress(deriveTaskSteps({ stateTodos, messages })),
+    [stateTodos, messages]
+  );
+  if (progress.total === 0) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: 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__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground text-xs tabular-nums", children: [
+          progress.done,
+          "/",
+          progress.total,
+          " done"
+        ] }),
+        children: "Plan"
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "mx-3 mb-2 h-1 overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-full bg-primary transition-all", style: { width: `${percent}%` } }) }),
+    /* @__PURE__ */ jsx("ol", { className: "flex flex-col pb-3", "aria-label": "Plan steps", children: progress.steps.map((step, index) => /* @__PURE__ */ 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__ */ jsx("span", { "aria-hidden": true, className: "size-[18px] shrink-0 rounded-full border border-border border-dashed" })
+          ) : /* @__PURE__ */ jsx(PlanStepMarker, { status: step.status, index }),
+          /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+            TASK_STATUS_LABEL[step.status],
+            ": "
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: 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__ */ jsxs("span", { className: "mr-1.5 text-muted-foreground tabular-nums", children: [
+                  index + 1,
+                  "."
+                ] }),
+                step.content
+              ]
+            }
+          )
+        ]
+      },
+      step.id ?? `${index}:${step.content}`
+    )) })
+  ] });
+};
+const SessionTasksPane = () => /* @__PURE__ */ jsx(RequiresStatewireThread, { icon: ListChecksIcon, children: /* @__PURE__ */ 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__ */ jsx(LoaderIcon, { className: "mt-0.5 size-3.5 shrink-0 animate-spin text-primary", "aria-label": label });
+  }
+  if (status === "succeeded") {
+    return /* @__PURE__ */ jsx(CheckIcon, { className: "mt-0.5 size-3.5 shrink-0 text-emerald-600", "aria-label": label });
+  }
+  if (status === "failed") {
+    return /* @__PURE__ */ jsx(XIcon, { className: "mt-0.5 size-3.5 shrink-0 text-red-600", "aria-label": label });
+  }
+  return /* @__PURE__ */ jsx(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(relativeTime(row.createdAt));
+  return parts.join(" · ");
+}
+const ShellRowItem = ({
+  row,
+  expanded,
+  onToggle
+}) => {
+  const panelId = `athena-shell-${row.id}`;
+  return /* @__PURE__ */ jsxs("li", { "data-status": row.status, className: "border-border/60 border-b last:border-b-0", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": expanded,
+        "aria-controls": panelId,
+        onClick: onToggle,
+        className: 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__ */ jsx(ShellStatusIcon, { status: row.status }),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("span", { className: "block truncate font-mono text-foreground text-xs", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "$ " }),
+              row.firstLine || "(empty command)",
+              row.extraLines > 0 ? /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+                " (+",
+                row.extraLines,
+                " lines)"
+              ] }) : null
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", title: fullTime(row.createdAt), children: shellMeta(row) })
+          ] })
+        ]
+      }
+    ),
+    expanded ? /* @__PURE__ */ jsxs("div", { id: panelId, className: "px-3 pb-2.5", children: [
+      /* @__PURE__ */ 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__ */ 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__ */ 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 = useAuiState((state) => state.thread.messages);
+  const workspace = useSessionWorkbenchWorkspace().data ?? null;
+  const rows = useMemo(() => deriveShellRows({ messages, workspace }), [messages, workspace]);
+  const [query, setQuery] = useState("");
+  const [expanded, setExpanded] = useState(() => /* @__PURE__ */ new Set());
+  const visible = useMemo(() => 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__ */ jsx(PaneEmpty, { icon: TerminalIcon, title: "No commands yet", children: "Every shell command the agent runs shows here with where it ran and how it ended." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 border-border/60 border-b bg-background px-3 py-2", children: [
+      /* @__PURE__ */ 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__ */ jsx(SearchIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { className: "px-3 py-6 text-center text-muted-foreground text-xs", children: "No command matches." }) : /* @__PURE__ */ jsx("ul", { "aria-label": "Shell commands", children: visible.map((row) => /* @__PURE__ */ jsx(
+      ShellRowItem,
+      {
+        row,
+        expanded: expanded.has(row.id),
+        onToggle: () => toggle(row.id)
+      },
+      row.id
+    )) })
+  ] });
+};
+const SessionShellPane = () => /* @__PURE__ */ jsx(RequiresStatewireThread, { icon: TerminalIcon, children: /* @__PURE__ */ jsx(ShellPaneContent, {}) });
+const ComputerStateBadge = ({ assetId }) => {
+  var _a;
+  const status = useAthenaComputerStatus({ assetId });
+  const badge = status.data ? computerStateBadge(status.data) : null;
+  if (!badge) return null;
+  return /* @__PURE__ */ 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__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: 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 = useAthenaComputerSshAccess({ assetId });
+  const [copied, setCopied] = 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__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ 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__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: copy,
+          className: 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__ */ jsx(CheckIcon, { className: "size-3.5", "aria-hidden": true }) : /* @__PURE__ */ jsx(CopyIcon, { className: "size-3.5", "aria-hidden": true }),
+            copied ? "Copied" : "Copy SSH command"
+          ]
+        }
+      )
+    ] }),
+    ((_b = ssh.data) == null ? void 0 : _b.keyAuthEnabled) === false ? /* @__PURE__ */ 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 } = useAthenaConfig();
+  return useMemo(() => {
+    const pageOrigin = typeof window === "undefined" ? null : window.location.origin;
+    try {
+      return createAthenaSpacesUrl({
+        appUrl: 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__ */ jsxs(
+    "a",
+    {
+      href,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": compact ? label : void 0,
+      title: compact ? label : void 0,
+      className: 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__ */ jsx(ExternalLinkIcon, { className: "size-3.5", "aria-hidden": true }),
+        compact ? null : label
+      ]
+    }
+  );
+};
+const ComputerCard = ({ computer }) => /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground", children: /* @__PURE__ */ jsx(MonitorIcon, { className: "size-4", "aria-hidden": true }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate font-medium text-foreground text-sm", children: computer.title ?? computer.assetId }),
+          /* @__PURE__ */ jsxs("p", { className: "truncate text-[11px] text-muted-foreground", children: [
+            computer.role === "session_computer" ? "Session computer" : "Used by this session",
+            computer.updatedAt ? ` · updated ${relativeTime(computer.updatedAt)}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(ComputerStateBadge, { assetId: computer.assetId })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: /* @__PURE__ */ jsx(OpenInAthenaLink, { assetId: computer.assetId }) }),
+      /* @__PURE__ */ jsx(CopySshCommand, { assetId: computer.assetId })
+    ]
+  }
+);
+const SessionComputerPane = () => {
+  const { isPersisted } = useSessionWorkbench();
+  const workspace = useSessionWorkbenchWorkspace();
+  if (!isPersisted) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: MonitorIcon, title: "No computer yet", children: "The computer this session works on shows here once it starts." });
+  }
+  if (workspace.isError) return /* @__PURE__ */ jsx(PaneError, { error: workspace.error });
+  if (!workspace.data) return /* @__PURE__ */ jsx(PaneSkeleton, {});
+  const { primary, others } = workspaceComputers(workspace.data);
+  if (!primary) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: 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__ */ jsxs("div", { className: "flex flex-col pb-3", children: [
+    /* @__PURE__ */ jsx(ComputerCard, { computer: primary }),
+    others.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SectionHeading, { children: "Also used" }),
+      /* @__PURE__ */ jsx("ul", { "aria-label": "Other computers", children: others.map((computer) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2 px-3 py-1.5", children: [
+        /* @__PURE__ */ jsx(MonitorIcon, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-foreground text-sm", children: computer.title ?? computer.assetId }),
+        /* @__PURE__ */ jsx(OpenInAthenaLink, { assetId: computer.assetId, compact: true, label: `Open ${computer.title ?? "computer"} in Athena` })
+      ] }, computer.assetId)) })
+    ] }) : null
+  ] });
+};
+const PullRequestRow = ({ pullRequest }) => {
+  const state = pullRequestChipState(pullRequest);
+  const Icon = PR_STATE_ICON[state];
+  const meta = [
+    `${pullRequest.repoFullName}#${pullRequest.number}`,
+    state,
+    PR_CHECKS_LABEL[pullRequest.checksState],
+    reviewDecisionLabel(pullRequest.reviewDecision)
+  ].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.5 px-3 py-2 transition-colors hover:bg-muted/60", FOCUS_RING_CLASS),
+      children: [
+        /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 size-4 shrink-0", PR_STATE_CLASS[state]), "aria-hidden": true }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "block text-foreground text-sm leading-snug", children: pullRequest.title || `#${pullRequest.number}` }),
+          /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", children: meta })
+        ] }),
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "mt-0.5 size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })
+      ]
+    }
+  ) });
+};
+const SessionPullRequestsPane = () => {
+  const { threadId, isPersisted } = useSessionWorkbench();
+  const list = useAthenaStatewireThreadList();
+  const attention = useAthenaSessionAttention(threadId ?? void 0);
+  if (!list) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: 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__ */ jsx(PaneEmpty, { icon: GitPullRequestIcon, title: "Pull requests unavailable", children: "GitHub could not be read for this session right now." });
+  }
+  if (pullRequests.length === 0) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: GitPullRequestIcon, title: "No pull requests", children: "Pull requests the agent opens show here with their checks and review state." });
+  }
+  const ordered = orderedPullRequests(pullRequests);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col pb-2", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: ordered.length }),
+        children: "Pull requests"
+      }
+    ),
+    /* @__PURE__ */ jsx("ul", { "aria-label": "Pull requests", children: ordered.map((pullRequest) => /* @__PURE__ */ jsx(PullRequestRow, { pullRequest }, pullRequest.url)) })
+  ] });
+};
+const ASSET_ICON = {
+  spreadsheet: FileSpreadsheetIcon,
+  document: FileTextIcon,
+  presentation: PresentationIcon,
+  presentation_pptx_studio: PresentationIcon,
+  pptx: PresentationIcon,
+  notebook: BookOpenIcon,
+  image: ImageIcon,
+  folder: FolderIcon,
+  markdown: FileTextIcon,
+  pdf: FileTextIcon,
+  txt: FileTextIcon
+};
+const AttachmentRow = ({
+  asset,
+  canOpenHere
+}) => {
+  const openAsset = useAssetPanelStore((state) => state.openAsset);
+  const Icon = ASSET_ICON[asset.assetType] ?? FileIcon;
+  const panelType = assetPanelTypeOf(asset.assetType);
+  const title = asset.title ?? asset.assetId;
+  const meta = [
+    assetTypeLabel(asset.assetType),
+    asset.updatedAt ? `updated ${relativeTime(asset.updatedAt)}` : null
+  ].filter(Boolean).join(" · ");
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "block truncate text-foreground text-sm", children: title }),
+      /* @__PURE__ */ jsx("span", { className: "block truncate text-[11px] text-muted-foreground", title: fullTime(asset.updatedAt), children: meta })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-1 pr-2", children: [
+    canOpenHere && panelType ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => openAsset(asset.assetId, { name: title, type: panelType }),
+        className: 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__ */ jsx("div", { className: "flex min-w-0 flex-1 items-start gap-2.5 px-3 py-2", children: body }),
+    /* @__PURE__ */ jsx("span", { className: "pt-1.5", children: /* @__PURE__ */ jsx(OpenInAthenaLink, { assetId: asset.assetId, compact: true, label: `Open ${title} in Athena` }) })
+  ] });
+};
+const SessionAttachmentsPane = () => {
+  const { isPersisted } = useSessionWorkbench();
+  const workspace = useSessionWorkbenchWorkspace();
+  const canOpenHere = useAssetPanelStore((state) => state.assetPanelHostCount > 0);
+  if (!isPersisted) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: PaperclipIcon, title: "No files yet", children: "Documents, sheets and decks the agent creates or edits show here." });
+  }
+  if (workspace.isError) return /* @__PURE__ */ jsx(PaneError, { error: workspace.error });
+  if (!workspace.data) return /* @__PURE__ */ jsx(PaneSkeleton, {});
+  const { assets } = workspace.data;
+  if (assets.length === 0) {
+    return /* @__PURE__ */ jsx(PaneEmpty, { icon: PaperclipIcon, title: "No files yet", children: "Documents, sheets and decks the agent creates or edits show here." });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col pb-2", children: [
+    /* @__PURE__ */ jsx(
+      SectionHeading,
+      {
+        trailing: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-xs tabular-nums", children: assets.length }),
+        children: "Created or edited"
+      }
+    ),
+    /* @__PURE__ */ jsx("ul", { "aria-label": "Session files", children: assets.map((asset) => /* @__PURE__ */ 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: ListChecksIcon,
+  render: () => /* @__PURE__ */ jsx(SessionTasksPane, {})
+};
+const SESSION_WORKBENCH_SHELL_PANE = {
+  id: "shell",
+  title: "Shell",
+  description: "Commands the agent ran and their output",
+  icon: TerminalIcon,
+  render: () => /* @__PURE__ */ jsx(SessionShellPane, {})
+};
+const SESSION_WORKBENCH_COMPUTER_PANE = {
+  id: "computer",
+  title: "Computer",
+  description: "The machine this session works on, and how to reach it",
+  icon: MonitorIcon,
+  render: () => /* @__PURE__ */ 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: GitPullRequestIcon,
+  render: () => /* @__PURE__ */ jsx(SessionPullRequestsPane, {})
+};
+const SESSION_WORKBENCH_ATTACHMENTS_PANE = {
+  id: "attachments",
+  title: "Attachments",
+  description: "Files and assets this session created or edited",
+  icon: PaperclipIcon,
+  render: () => /* @__PURE__ */ 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
+];
+export {
+  DEFAULT_SESSION_WORKBENCH_OPEN_PANE_IDS,
+  DEFAULT_SESSION_WORKBENCH_PANES,
+  SESSION_WORKBENCH_ATTACHMENTS_PANE,
+  SESSION_WORKBENCH_COMPUTER_PANE,
+  SESSION_WORKBENCH_PULL_REQUESTS_PANE,
+  SESSION_WORKBENCH_SHELL_PANE,
+  SESSION_WORKBENCH_TASKS_PANE,
+  SessionAttachmentsPane,
+  SessionComputerPane,
+  SessionPullRequestsPane,
+  SessionShellPane,
+  SessionTasksPane
+};
+//# sourceMappingURL=session-workbench-panes.js.map