@invergent/agent-chat-react 1.5.9 → 1.6.0

package/dist/index.cjs

@@ -6,9 +6,9 @@ var react = require('react');
 var auto = require('chart.js/auto');
 var nextThemes = require('next-themes');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
 var classVarianceAuthority = require('class-variance-authority');
 var radixUi = require('radix-ui');
-var lucideReact = require('lucide-react');
 var useStickToBottom = require('use-stick-to-bottom');
 var cjk = require('@streamdown/cjk');
 var code = require('@streamdown/code');
@@ -263,6 +263,117 @@ function Button({
     }
   );
 }
+function BrowserControlBar({
+  sessionId,
+  hasControl,
+  adapter
+}) {
+  const [pending, setPending] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  async function toggleControl() {
+    if (!sessionId || pending) return;
+    setPending(true);
+    setError(null);
+    try {
+      if (hasControl) {
+        await adapter.releaseBrowserControl(sessionId);
+      } else {
+        await adapter.acquireBrowserControl(sessionId);
+      }
+    } catch (nextError) {
+      setError(nextError.message);
+    } finally {
+      setPending(false);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-11 items-center gap-2 border-t border-line bg-card px-3 py-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        type: "button",
+        size: "xs",
+        variant: hasControl ? "secondary" : "default",
+        disabled: !sessionId || pending,
+        onClick: () => void toggleControl(),
+        children: [
+          hasControl ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcwIcon, { className: "size-3", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MousePointer2Icon, { className: "size-3", "aria-hidden": "true" }),
+          hasControl ? "Return control" : "Take control"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto flex items-center gap-1.5 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-1.5 rounded-full bg-red-500", "aria-hidden": "true" }),
+      "Live"
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-40 truncate text-[11px] text-destructive", children: error })
+  ] });
+}
+function BrowserLiveView({ src }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "iframe",
+    {
+      "data-testid": "browser-iframe",
+      title: "Browser live view",
+      src,
+      className: "h-full w-full border-0 bg-black",
+      allow: "clipboard-read; clipboard-write"
+    }
+  );
+}
+
+// src/components/browser/browser-status-dot.tsx
+init_utils();
+function BrowserStatusDot({
+  status
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "inline-block size-2 shrink-0 rounded-full",
+        status === "live" && "bg-emerald-500",
+        status === "user-control" && "bg-amber-500",
+        status === "provisioning" && "animate-pulse bg-sky-500",
+        status === "closed" && "bg-muted-foreground"
+      )
+    }
+  );
+}
+function BrowserPane({ sessionId, state, adapter }) {
+  const liveViewUrl = react.useMemo(
+    () => adapter.browserLiveViewUrl(sessionId),
+    [adapter, sessionId]
+  );
+  const hasLiveView = state.status !== "provisioning" && state.status !== "closed";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "browser-pane",
+      className: "flex h-full min-h-0 flex-col bg-background",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "flex min-h-10 items-center gap-2 border-b border-line bg-card px-3 text-xs text-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZapIcon, { className: "size-3.5 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Browser" }),
+          /* @__PURE__ */ jsxRuntime.jsx(BrowserStatusDot, { status: state.status }),
+          state.controlOwner && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 truncate text-amber-500", children: [
+            state.controlOwner,
+            " has control"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 bg-black", children: state.status === "provisioning" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center bg-background text-sm text-muted-foreground", children: "Starting browser..." }) : state.status === "closed" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center bg-background text-sm text-muted-foreground", children: "Browser closed." }) : /* @__PURE__ */ jsxRuntime.jsx(BrowserLiveView, { src: liveViewUrl }) }),
+        hasLiveView && /* @__PURE__ */ jsxRuntime.jsx(
+          BrowserControlBar,
+          {
+            sessionId,
+            hasControl: state.status === "user-control",
+            adapter
+          }
+        )
+      ]
+    }
+  );
+}
 
 // src/components/ai-elements/conversation.tsx
 init_utils();
@@ -767,6 +878,80 @@ function TimelineSeparator({
     }
   );
 }
+function BrowserActivityGroup({ calls }) {
+  const [open, setOpen] = react.useState(false);
+  const latest = calls[calls.length - 1];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-none border border-line bg-card text-xs", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((current) => !current),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left hover:bg-muted/40",
+        children: [
+          open ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-3 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-3 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZapIcon, { className: "size-3 shrink-0 text-amber-500", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "browser" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 truncate text-muted-foreground", children: [
+            "(",
+            calls.length,
+            " ",
+            calls.length === 1 ? "action" : "actions",
+            " - latest:",
+            " ",
+            latest ? summarise(latest) : "none",
+            ")"
+          ] })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "border-t border-line py-1", children: calls.map((call) => {
+      const error = stringValue(parseJson(call.result).error);
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "li",
+        {
+          className: "flex items-center gap-2 px-6 py-1 font-mono text-[11px]",
+          children: [
+            error && /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.AlertCircleIcon,
+              {
+                "data-testid": `activity-error-${call.id}`,
+                className: "size-3 shrink-0 text-destructive",
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate", children: summarise(call) }),
+            error && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto max-w-40 truncate text-destructive", children: error })
+          ]
+        },
+        call.id
+      );
+    }) })
+  ] });
+}
+function summarise(call) {
+  const verb = call.toolName.replace(/^browser_/, "");
+  const args = parseJson(call.args);
+  const ref = stringValue(args.ref);
+  const url = stringValue(args.url);
+  const text = stringValue(args.text);
+  if (url) return `${verb} ${url}`;
+  if (ref) return `${verb} ${ref}`;
+  if (text) return `${verb} "${text.slice(0, 24)}"`;
+  return verb;
+}
+function parseJson(raw) {
+  if (!raw) return {};
+  try {
+    const parsed = JSON.parse(raw);
+    return typeof parsed === "object" && parsed !== null && !Array.isArray(parsed) ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function stringValue(value) {
+  return typeof value === "string" ? value : "";
+}
 init_utils();
 
 // src/components/chat/tools/shared.ts
@@ -3552,13 +3737,16 @@ function ClarifyLocked({
     }) })
   ] });
 }
-function ArtifactToolBlock({ tc }) {
-  const args = parseArgs(tc.args) ?? {};
+function ArtifactToolBlock({
+  tc,
+  resolvedName
+}) {
   const status = effectiveStatus(tc);
   const label = status === "running" ? "Creating artifact\u2026" : status === "error" ? "Creating artifact\u2026" : "Created";
+  const name = resolvedName ?? parseArgs(tc.args)?.name;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm ", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: label }),
-    args.name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground truncate", children: args.name })
+    name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground truncate", children: name })
   ] });
 }
 
@@ -3891,7 +4079,11 @@ function DefaultToolBlock({ tc }) {
     ] })
   ] });
 }
-function ToolCallBlock({ tc, onFileSelect }) {
+function ToolCallBlock({
+  tc,
+  resolvedArtifactName,
+  onFileSelect
+}) {
   switch (tc.toolName) {
     case "terminal":
       return /* @__PURE__ */ jsxRuntime.jsx(TerminalToolBlock, { tc });
@@ -3928,7 +4120,7 @@ function ToolCallBlock({ tc, onFileSelect }) {
     case "clarify":
       return /* @__PURE__ */ jsxRuntime.jsx(ClarifyToolBlock, { tc });
     case "create_artifact":
-      return /* @__PURE__ */ jsxRuntime.jsx(ArtifactToolBlock, { tc });
+      return /* @__PURE__ */ jsxRuntime.jsx(ArtifactToolBlock, { tc, resolvedName: resolvedArtifactName });
     case "delegate_task":
       return /* @__PURE__ */ jsxRuntime.jsx(DelegateToolBlock, { tc });
     case "memory":
@@ -5337,6 +5529,7 @@ function ChatComposerInner({
   onStop,
   isRunning,
   disabled = false,
+  disabledReason,
   tokenUsage
 }) {
   const { adapter } = useAgentChatAdapterContext();
@@ -5365,7 +5558,10 @@ function ChatComposerInner({
   const slashCommands = react.useMemo(() => {
     const builtin = [
       { value: "/clear", label: "/clear", description: "Clear conversation" },
-      { value: "/compress", label: "/compress", description: "Compress context" }
+      { value: "/compress", label: "/compress", description: "Compress context" },
+      { value: "/loop", label: "/loop", description: "Schedule recurring prompt" },
+      { value: "/loop list", label: "/loop list", description: "List active loops" },
+      { value: "/loop cancel", label: "/loop cancel", description: "Cancel a loop by ID" }
     ];
     return [...adapterCommands, ...builtin];
   }, [adapterCommands]);
@@ -5444,7 +5640,7 @@ function ChatComposerInner({
       /* @__PURE__ */ jsxRuntime.jsx(PromptInputBody, { children: /* @__PURE__ */ jsxRuntime.jsx(
         PromptInputTextarea,
         {
-          placeholder: disabled ? "Session disabled" : "Send a message...",
+          placeholder: disabled ? disabledReason ?? "Session disabled" : "Send a message...",
           disabled,
           onKeyDown: handleKeyDown
         }
@@ -6099,7 +6295,7 @@ var ErrorMessage = react.memo(function ErrorMessage2({
 
 // src/components/chat/chat-thread.tsx
 init_utils();
-function messageToEntries(msg, isLast) {
+function messageToEntries(msg, isLast, artifactFallbacks) {
   if (msg.role === "system") {
     if (msg.systemKind === "skill_invoked") {
       return [{
@@ -6141,6 +6337,18 @@ function messageToEntries(msg, isLast) {
   }
   if (hasToolCalls) {
     for (const tc of msg.toolCalls) {
+      if (tc.toolName === "create_artifact") {
+        const resolvedName = parseArgs(tc.args)?.name ?? artifactFallbacks[tc.id];
+        const status = effectiveStatus(tc);
+        if (!resolvedName && status !== "error") continue;
+        entries.push({
+          kind: "tool",
+          key: tc.id,
+          tc,
+          resolvedArtifactName: resolvedName
+        });
+        continue;
+      }
       entries.push({ kind: "tool", key: tc.id, tc });
     }
   }
@@ -6155,6 +6363,32 @@ function messageToEntries(msg, isLast) {
   }
   return entries;
 }
+function groupBrowserActivityEntries(entries) {
+  const grouped = [];
+  let buffer = [];
+  const flush = () => {
+    if (buffer.length === 0) return;
+    grouped.push({
+      kind: "browser_activity",
+      key: `browser-activity-${buffer[0]?.id}-${buffer[buffer.length - 1]?.id}`,
+      calls: buffer
+    });
+    buffer = [];
+  };
+  for (const entry of entries) {
+    if (entry.kind === "tool" && isBrowserToolCall(entry.tc)) {
+      buffer.push(entry.tc);
+      continue;
+    }
+    flush();
+    grouped.push(entry);
+  }
+  flush();
+  return grouped;
+}
+function isBrowserToolCall(call) {
+  return call.toolName.startsWith("browser_");
+}
 function groupMessages(messages) {
   const groups = [];
   let pendingSystem = [];
@@ -6299,11 +6533,27 @@ function TimelineEntryItem({
         )
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: entry.tc.cancelled ? /* @__PURE__ */ jsxRuntime.jsx(CancelledToolRow, { tc: entry.tc }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolCallBlock, { tc: entry.tc, onFileSelect }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ToolCallBlock,
+          {
+            tc: entry.tc,
+            resolvedArtifactName: entry.resolvedArtifactName,
+            onFileSelect
+          }
+        ),
         failureSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-full truncate text-xs text-destructive", title: failureSummary, children: failureSummary }) : null
       ] }) })
     ] });
   }
+  if (entry.kind === "browser_activity") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
+        /* @__PURE__ */ jsxRuntime.jsx(TimelineIndicator, { className: "size-2 border-none bg-amber-500" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: /* @__PURE__ */ jsxRuntime.jsx(BrowserActivityGroup, { calls: entry.calls }) })
+    ] });
+  }
   if (entry.kind === "text") {
     return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
@@ -6361,14 +6611,16 @@ function AssistantGroup({
   totalMessages,
   isRunning,
   sessionId,
+  artifactFallbacks,
   onFileSelect,
   onRetry
 }) {
-  const entries = [];
+  let entries = [];
   for (let i = 0; i < messages.length; i++) {
     const isLast = i === messages.length - 1 && lastGlobalIndex === totalMessages - 1;
-    entries.push(...messageToEntries(messages[i], isLast));
+    entries.push(...messageToEntries(messages[i], isLast, artifactFallbacks));
   }
+  entries = groupBrowserActivityEntries(entries);
   const isTailGroup = lastGlobalIndex === totalMessages - 1;
   const lastEntry = entries[entries.length - 1];
   const hasRunningTool = entries.some(
@@ -6434,11 +6686,34 @@ function ChatThread({
   onStop,
   onFileSelect,
   disabled = false,
+  disabledReason,
   tokenUsage,
   retryIndicator,
   onRetry
 }) {
   const groups = react.useMemo(() => groupMessages(messages), [messages]);
+  const artifactFallbacks = react.useMemo(() => {
+    const fallbacks = {};
+    const createArtifactToolCallIds = [];
+    let artifactIdx = 0;
+    for (const msg of messages) {
+      if (msg.role === "assistant" && msg.toolCalls) {
+        for (const tc of msg.toolCalls) {
+          if (tc.toolName === "create_artifact" && !tc.cancelled && tc.status !== "error") {
+            createArtifactToolCallIds.push(tc.id);
+          }
+        }
+      } else if (msg.role === "system" && msg.systemKind === "artifact") {
+        const tcId = createArtifactToolCallIds[artifactIdx];
+        if (tcId) {
+          const { name } = unpackArtifactMeta(msg.systemMeta, msg.content);
+          if (name) fallbacks[tcId] = name;
+        }
+        artifactIdx += 1;
+      }
+    }
+    return fallbacks;
+  }, [messages]);
   const activeFailureId = react.useMemo(() => {
     if (messages.length === 0) return null;
     const tail = messages[messages.length - 1];
@@ -6503,6 +6778,7 @@ function ChatThread({
               totalMessages: messages.length,
               isRunning,
               sessionId,
+              artifactFallbacks,
               onFileSelect,
               onRetry: groupRetry
             },
@@ -6515,13 +6791,21 @@ function ChatThread({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-4xl px-6 pb-5 pt-3", children: [
       retryIndicator && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(RetryBanner, { indicator: retryIndicator }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      disabled && disabledReason ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "rounded border border-line bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
+          role: "status",
+          children: disabledReason
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
         ChatComposer,
         {
           onSend,
           onStop,
           isRunning,
           disabled,
+          disabledReason,
           tokenUsage
         }
       )
@@ -7359,7 +7643,7 @@ function WorkspacePanel({
   );
   const handleDelete = react.useCallback(
     async (path) => {
-      if (!sessionId) return;
+      if (disabled || !sessionId) return;
       try {
         await adapter.deleteWorkspaceFile({ sessionId, path });
         if (selectedPath === path) {
@@ -7375,7 +7659,7 @@ function WorkspacePanel({
         setDeleteTarget(null);
       }
     },
-    [adapter, fetchTree, onSelectedPathChange, selectedPath, sessionId]
+    [adapter, disabled, fetchTree, onSelectedPathChange, selectedPath, sessionId]
   );
   const onResizeStart = react.useCallback(
     (event) => {
@@ -7413,6 +7697,7 @@ function WorkspacePanel({
     return /* @__PURE__ */ jsxRuntime.jsx(
       "aside",
       {
+        "data-testid": "workspace-panel",
         role: "button",
         tabIndex: 0,
         className: "relative z-10 flex min-h-0 w-10 shrink-0 cursor-pointer items-center justify-center border-l border-muted-foreground/20 bg-card text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30",
@@ -7431,6 +7716,7 @@ function WorkspacePanel({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
+      "data-testid": "workspace-panel",
       className: "relative z-10 flex min-h-0 flex-col overflow-hidden border-l border-muted-foreground/20 bg-card",
       style: { width, minWidth: MIN_WIDTH, maxWidth: MAX_WIDTH },
       children: [
@@ -7458,7 +7744,7 @@ function WorkspacePanel({
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpenIcon, { className: "size-4 shrink-0 text-amber-500" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium text-foreground", children: rootName }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-xs text-faint", children: "Workspace" })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-xs text-faint", children: disabled ? "Workspace - Read-only" : "Workspace" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -7569,7 +7855,7 @@ function WorkspacePanel({
               sessionId,
               path: file.path
             }) : null,
-            onDelete: file ? () => setDeleteTarget(file.path) : null,
+            onDelete: file && !disabled ? () => setDeleteTarget(file.path) : null,
             onClose: () => {
               onSelectedPathChange(null);
               setFile(null);
@@ -7633,6 +7919,13 @@ function ConfirmDialog({
   );
 }
 
+// src/lib/sessions.ts
+function isScheduledRunSession(session) {
+  return Boolean(
+    session?.channel === "scheduled" || session?.config?.scheduled_session_id
+  );
+}
+
 // src/runtime/events.ts
 var WORKSPACE_MUTATING_TOOLS = /* @__PURE__ */ new Set([
   "terminal",
@@ -7665,6 +7958,10 @@ var AGENT_CHAT_LISTENED_EVENTS = [
   "expert.override",
   "artifact.created",
   "artifact.updated",
+  "browser.provisioned",
+  "browser.destroyed",
+  "browser.control_granted",
+  "browser.control_returned",
   "clarify.response"
 ];
 
@@ -7689,7 +7986,8 @@ function createInitialAgentChatState(options = {}) {
     sessionDone: false,
     hadDeltas: false,
     terminal: false,
-    workspaceRefreshKey: 0
+    workspaceRefreshKey: 0,
+    browser: null
   };
 }
 function applyAgentChatEvent(state, event) {
@@ -7713,7 +8011,7 @@ function applyAgentChatEvent(state, event) {
         {
           id: `evt-${event.eventId}`,
           role: "system",
-          content: stringValue(event.data.skill),
+          content: stringValue2(event.data.skill),
           createdAt: /* @__PURE__ */ new Date(),
           status: "complete",
           systemKind: "skill_invoked",
@@ -7730,7 +8028,7 @@ function applyAgentChatEvent(state, event) {
         {
           id: `evt-${event.eventId}`,
           role: "system",
-          content: stringValue(event.data.name),
+          content: stringValue2(event.data.name),
           createdAt: /* @__PURE__ */ new Date(),
           status: "complete",
           systemKind: "artifact",
@@ -7743,6 +8041,23 @@ function applyAgentChatEvent(state, event) {
           }
         }
       ]);
+    case "browser.provisioned":
+      return applyBrowserEvent(nextState, event, {
+        status: "live",
+        controlOwner: null
+      });
+    case "browser.control_granted":
+      return applyBrowserEvent(nextState, event, {
+        status: "user-control",
+        controlOwner: stringValue2(event.data.owner_user_id) || null
+      });
+    case "browser.control_returned":
+      return applyBrowserEvent(nextState, event, {
+        status: "live",
+        controlOwner: null
+      });
+    case "browser.destroyed":
+      return applyBrowserEvent(nextState, event, null);
     case "llm.delta":
       return applyLlmDelta(nextState, event);
     case "llm.response":
@@ -7752,7 +8067,7 @@ function applyAgentChatEvent(state, event) {
     case "tool.call":
       return applyToolCall(nextState, event);
     case "tool.result": {
-      const toolCallId = stringValue(event.data.tool_call_id);
+      const toolCallId = stringValue2(event.data.tool_call_id);
       const toolName = findToolNameById(nextState.messages, toolCallId);
       const messages = applyToolResult(nextState.messages, event.data);
       const mutatesWorkspace = toolName !== null && WORKSPACE_MUTATING_TOOLS.has(toolName);
@@ -7822,8 +8137,8 @@ function applyRetryIndicator(state, event) {
     case "session.done":
       return { ...state, retryIndicator: null };
     case "harness.crash": {
-      const title = stringValue(event.data.error_title) || "A transient error occurred, retrying...";
-      const detail = stringValue(event.data.error_detail) || stringValue(event.data.error);
+      const title = stringValue2(event.data.error_title) || "A transient error occurred, retrying...";
+      const detail = stringValue2(event.data.error_detail) || stringValue2(event.data.error);
       return {
         ...state,
         retryIndicator: {
@@ -7838,7 +8153,7 @@ function applyRetryIndicator(state, event) {
   }
 }
 function applyUserMessage(messages, eventId, data) {
-  const content = stringValue(data.content);
+  const content = stringValue2(data.content);
   const next = [...messages];
   const localIdx = next.findIndex(
     (m) => m.role === "user" && m.id.startsWith("local-") && m.content === content
@@ -7856,9 +8171,47 @@ function applyUserMessage(messages, eventId, data) {
   });
   return next;
 }
+function applyBrowserEvent(state, event, browser) {
+  return withMessages(
+    { ...state, browser },
+    [...state.messages, browserMarker(event)]
+  );
+}
+function browserMarker(event) {
+  const labels = {
+    "browser.provisioned": {
+      content: "Browser ready.",
+      warning: false
+    },
+    "browser.control_granted": {
+      content: "A user took control of the browser.",
+      warning: true
+    },
+    "browser.control_returned": {
+      content: "Browser control returned to the agent.",
+      warning: false
+    },
+    "browser.destroyed": {
+      content: "Browser closed.",
+      warning: false
+    }
+  };
+  const label = labels[event.type] ?? {
+    content: "Browser updated.",
+    warning: false
+  };
+  return {
+    id: `browser-marker-${event.eventId}`,
+    role: "system",
+    content: label.content,
+    createdAt: /* @__PURE__ */ new Date(),
+    status: "complete",
+    systemKind: label.warning ? "browser_marker_warning" : "browser_marker"
+  };
+}
 function applyLlmDelta(state, event) {
-  const deltaContent = stringValue(event.data.content);
-  const deltaReasoning = stringValue(event.data.reasoning);
+  const deltaContent = stringValue2(event.data.content);
+  const deltaReasoning = stringValue2(event.data.reasoning);
   const messages = [...state.messages];
   const lastIdx = findLastAssistantIndex(messages);
   const lastMsg = lastIdx >= 0 ? messages[lastIdx] : null;
@@ -7895,7 +8248,7 @@ function applyLlmDelta(state, event) {
 function applyLlmResponse(state, event) {
   const messages = [...state.messages];
   const message = objectValue(event.data.message);
-  const responseContent = stringValue(message?.content) || stringValue(event.data.content);
+  const responseContent = stringValue2(message?.content) || stringValue2(event.data.content);
   const toolCalls = Array.isArray(message?.tool_calls) ? message?.tool_calls : [];
   const hasToolCalls = toolCalls.length > 0;
   const idx = findLastAssistantIndex(messages);
@@ -7953,12 +8306,12 @@ function applyLlmResponse(state, event) {
       cachedInputTokens: numberValue(event.data.cache_read_tokens),
       totalTokens: inputTokens + outputTokens,
       contextWindow: numberValue(event.data.context_window),
-      model: stringValue(event.data.model)
+      model: stringValue2(event.data.model)
     }
   };
 }
 function applyLlmThinking(state, event) {
-  const reasoningText = stringValue(event.data.reasoning) || stringValue(event.data.content);
+  const reasoningText = stringValue2(event.data.reasoning) || stringValue2(event.data.content);
   const messages = [...state.messages];
   const idx = findLastAssistantIndex(messages);
   const prev = idx >= 0 ? messages[idx] : null;
@@ -8006,11 +8359,11 @@ function applyToolCall(state, event) {
     messages[assistantIdx] = assistant;
   }
   const existingCalls = assistant.toolCalls ?? [];
-  const toolCallId = stringValue(event.data.tool_call_id) || `tc-${event.eventId}`;
+  const toolCallId = stringValue2(event.data.tool_call_id) || `tc-${event.eventId}`;
   if (!existingCalls.some((tc) => tc.id === toolCallId)) {
     const entry = {
       id: toolCallId,
-      toolName: stringValue(event.data.name) || stringValue(event.data.tool_name) || "unknown",
+      toolName: stringValue2(event.data.name) || stringValue2(event.data.tool_name) || "unknown",
       args: typeof event.data.arguments === "string" ? event.data.arguments : JSON.stringify(event.data.arguments ?? {}),
       status: "running"
     };
@@ -8026,7 +8379,7 @@ function applyToolCall(state, event) {
   };
 }
 function applyToolResult(messages, data) {
-  const targetId = stringValue(data.tool_call_id);
+  const targetId = stringValue2(data.tool_call_id);
   let matchIdx = -1;
   for (let i = messages.length - 1; i >= 0; i--) {
     if (messages[i]?.role === "assistant" && messages[i]?.toolCalls?.some((tc) => tc.id === targetId)) {
@@ -8095,8 +8448,8 @@ function buildErrorInfo(event) {
   }
   return {
     category: event.data.error_category,
-    title: stringValue(event.data.error_title) || "The session failed due to an internal error.",
-    detail: stringValue(event.data.error_detail) || stringValue(event.data.error),
+    title: stringValue2(event.data.error_title) || "The session failed due to an internal error.",
+    detail: stringValue2(event.data.error_detail) || stringValue2(event.data.error),
     retryable: Boolean(event.data.retryable)
   };
 }
@@ -8140,7 +8493,7 @@ function applyExpertFeedback(messages, type, data) {
   return messages;
 }
 function applyClarifyResponse(messages, data) {
-  const targetToolId = stringValue(data.tool_call_id);
+  const targetToolId = stringValue2(data.tool_call_id);
   const responses = Array.isArray(data.responses) ? data.responses : void 0;
   if (!targetToolId || !responses) return messages;
   const next = [...messages];
@@ -8155,8 +8508,8 @@ function applyClarifyResponse(messages, data) {
           clarifyAnswers: responses.map((response) => {
             const row = objectValue(response) ?? {};
             return {
-              question: stringValue(row.question),
-              answer: stringValue(row.answer),
+              question: stringValue2(row.question),
+              answer: stringValue2(row.answer),
               is_other: Boolean(row.is_other)
             };
           })
@@ -8176,7 +8529,7 @@ function applyPolicyDenied(state, data) {
       ...policyMsg,
       content: `${policyMsg.content}
 
-**Policy denied**: ${stringValue(data.reason) || "Action blocked by governance policy."}`,
+**Policy denied**: ${stringValue2(data.reason) || "Action blocked by governance policy."}`,
       status: "error"
     };
   }
@@ -8228,7 +8581,7 @@ function objectValue(value) {
   }
   return void 0;
 }
-function stringValue(value) {
+function stringValue2(value) {
   return typeof value === "string" ? value : "";
 }
 function numberValue(value) {
@@ -8245,6 +8598,7 @@ function useAgentChatRuntime({
   const [state, setState] = react.useState(
     () => createInitialAgentChatState({ isLoadingHistory: Boolean(sessionId) })
   );
+  const [session, setSession] = react.useState(null);
   const stateRef = react.useRef(state);
   const streamRef = react.useRef(null);
   const reconnectTimerRef = react.useRef(null);
@@ -8269,6 +8623,7 @@ function useAgentChatRuntime({
     clearReconnectTimer();
     closeStream();
     if (!sessionId) {
+      setSession(null);
       setState(createInitialAgentChatState());
       return;
     }
@@ -8316,17 +8671,19 @@ function useAgentChatRuntime({
       isLoadingHistory: true
     });
     stateRef.current = initialState;
+    setSession(null);
     setState(initialState);
     connect(0);
-    adapter.getSession({ sessionId }).then((session) => {
+    adapter.getSession({ sessionId }).then((loadedSession) => {
       if (cancelled) return;
-      if (session.messageCount === 0) {
+      setSession(loadedSession);
+      if (loadedSession.messageCount === 0) {
         setState((prev) => ({
           ...prev,
           isLoadingHistory: false
         }));
       }
-      if (isTerminalStatus(session.status)) {
+      if (isTerminalStatus(loadedSession.status)) {
         setState((prev) => ({
           ...prev,
           terminal: true,
@@ -8415,9 +8772,9 @@ function useAgentChatRuntime({
       markSending(content, images);
       if (!sessionId) {
         try {
-          const session = await adapter.createSession({ agentId });
-          onSessionChange?.(session.id);
-          await adapter.sendMessage({ sessionId: session.id, content, images });
+          const session2 = await adapter.createSession({ agentId });
+          onSessionChange?.(session2.id);
+          await adapter.sendMessage({ sessionId: session2.id, content, images });
         } catch (error) {
           markSendError(error instanceof Error ? error.message : "send failed");
           throw error;
@@ -8458,6 +8815,8 @@ function useAgentChatRuntime({
     }
   }, [adapter, sessionId]);
   return {
+    state,
+    session,
     messages: state.messages,
     isRunning: state.isRunning,
     isLoadingHistory: state.isLoadingHistory,
@@ -8505,6 +8864,10 @@ function AgentChat({
     sessionId,
     onSessionChange
   });
+  const isReadOnlySession = isScheduledRunSession(runtime.session);
+  const effectiveDisabled = disabled || isReadOnlySession;
+  const disabledReason = isReadOnlySession ? "Scheduled run is read-only" : void 0;
+  const browserState = runtime.state.browser;
   react.useEffect(() => {
     onMessagesChange?.(runtime.messages);
   }, [onMessagesChange, runtime.messages]);
@@ -8535,29 +8898,341 @@ function AgentChat({
             onStop: () => void runtime.stop(),
             onRetry: runtime.retry,
             onFileSelect: handleFileSelect,
-            disabled,
+            disabled: effectiveDisabled,
+            disabledReason,
             tokenUsage: runtime.tokenUsage,
             retryIndicator: runtime.retryIndicator
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          WorkspacePanel,
-          {
-            adapter,
-            sessionId,
-            selectedPath: workspacePath,
-            onSelectedPathChange: setWorkspacePath,
-            collapsed: workspaceCollapsed,
-            onCollapsedChange: setWorkspaceCollapsed,
-            refreshSignal: runtime.workspaceRefreshKey,
-            disabled
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "right-stack", className: "flex min-h-0 shrink-0 flex-col", children: [
+          browserState !== null && sessionId && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 border-b border-line", children: /* @__PURE__ */ jsxRuntime.jsx(
+            BrowserPane,
+            {
+              sessionId,
+              state: browserState,
+              adapter
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            WorkspacePanel,
+            {
+              adapter,
+              sessionId,
+              selectedPath: workspacePath,
+              onSelectedPathChange: setWorkspacePath,
+              collapsed: workspaceCollapsed,
+              onCollapsedChange: setWorkspaceCollapsed,
+              refreshSignal: runtime.workspaceRefreshKey,
+              disabled: effectiveDisabled
+            }
+          )
+        ] })
       ] }) })
     }
   );
 }
 init_utils();
+var DEFAULT_LIMIT = 50;
+var DEFAULT_POLL_INTERVAL_MS = 3e4;
+function fingerprint(items) {
+  return items.map(
+    (item) => `${item.id}:${item.status}:${item.kind ?? ""}:${item.name ?? ""}:${item.prompt}:${item.scheduleDisplay}:${item.runCount}:${item.nextRunAt ?? ""}:${item.lastRunAt ?? ""}:${item.lastSessionId ?? ""}:${item.lastError ?? ""}:${item.updatedAt}`
+  ).join("|");
+}
+function formatKind(value) {
+  if (value === "dynamic_loop") return "Dynamic loop";
+  if (value === "cron") return "Cron";
+  if (value === "one_shot") return "One-shot";
+  if (value === "scheduled") return "Scheduled";
+  if (!value) return "Scheduled";
+  return value.split(/[_-]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function formatRelative(value, label) {
+  if (!value) return null;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return null;
+  return `${label} ${dateFns.formatDistanceToNow(date, { addSuffix: true })}`;
+}
+function formatRuns(count) {
+  return `${count} ${count === 1 ? "run" : "runs"}`;
+}
+function scheduleTitle(item) {
+  const title = item.name?.trim();
+  if (title) return title;
+  return item.prompt;
+}
+function canRunScheduleNow(item) {
+  return item.repeatLimit === 1;
+}
+function scheduleDisplay(item) {
+  if (item.kind === "dynamic_loop") return null;
+  return item.scheduleDisplay;
+}
+function sortScheduledWork(items) {
+  return [...items].sort((a, b) => {
+    if (a.status === "active" && b.status !== "active") return -1;
+    if (a.status !== "active" && b.status === "active") return 1;
+    const aNext = a.nextRunAt ?? "";
+    const bNext = b.nextRunAt ?? "";
+    if (aNext && bNext && aNext !== bNext) return aNext < bNext ? -1 : 1;
+    if (aNext && !bNext) return -1;
+    if (!aNext && bNext) return 1;
+    return (a.updatedAt ?? "") > (b.updatedAt ?? "") ? -1 : 1;
+  });
+}
+function ScheduledWorkRow({
+  item,
+  canRunNow,
+  canCancel,
+  actionScheduleId,
+  onOpenLastRun,
+  onRunNow,
+  onCancel
+}) {
+  const isActive = item.status === "active";
+  const disabled = actionScheduleId === item.id;
+  const title = scheduleTitle(item);
+  const statusText = item.status === "active" ? null : item.status;
+  const showRunNow = canRunNow && isActive && canRunScheduleNow(item);
+  const lastSessionId = item.lastSessionId ?? null;
+  const meta = [
+    scheduleDisplay(item),
+    formatRelative(item.nextRunAt, "Next"),
+    formatRelative(item.lastRunAt, "Last"),
+    formatRuns(item.runCount),
+    item.expiresAt ? formatRelative(item.expiresAt, "Expires") : null
+  ].filter(Boolean);
+  const openLastRun = () => {
+    if (lastSessionId) onOpenLastRun(lastSessionId);
+  };
+  const handleRowKeyDown = (e) => {
+    if (!lastSessionId) return;
+    if (e.key !== "Enter" && e.key !== " ") return;
+    e.preventDefault();
+    openLastRun();
+  };
+  const stopActionClick = (e) => {
+    e.stopPropagation();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn(
+        "group flex min-w-0 items-start gap-2 border-l-2 border-l-transparent px-3 py-2 text-sm transition-colors hover:border-l-primary hover:bg-input",
+        lastSessionId && "cursor-pointer"
+      ),
+      onClick: openLastRun,
+      onKeyDown: handleRowKeyDown,
+      role: lastSessionId ? "button" : void 0,
+      tabIndex: lastSessionId ? 0 : void 0,
+      "aria-label": lastSessionId ? `Open last run for ${title}` : void 0,
+      title: lastSessionId ? "Open last run" : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex size-5 shrink-0 items-center justify-center text-faint", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClockIcon, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-foreground", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex min-w-0 items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "secondary", className: "shrink-0", children: formatKind(item.kind) }) }),
+              meta.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 space-y-0.5 text-xs text-faint", children: meta.map((line) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate", children: line }, line)) })
+            ] }),
+            statusText && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "destructive", className: "shrink-0", children: statusText })
+          ] }),
+          item.lastError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 line-clamp-2 text-xs text-destructive", children: item.lastError })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          showRunNow && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rounded p-1 text-faint opacity-70 transition-all hover:bg-line hover:text-foreground disabled:pointer-events-none disabled:opacity-40 group-hover:opacity-100",
+              onClick: (e) => {
+                stopActionClick(e);
+                onRunNow(item.id);
+              },
+              "aria-label": "Run schedule now",
+              title: "Run schedule now",
+              disabled,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClockIcon, { className: "size-3.5" })
+            }
+          ),
+          canCancel && isActive && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "rounded p-1 text-faint opacity-70 transition-all hover:bg-destructive/10 hover:text-destructive disabled:pointer-events-none disabled:opacity-40 group-hover:opacity-100",
+              onClick: (e) => {
+                stopActionClick(e);
+                onCancel(item.id);
+              },
+              "aria-label": "Cancel schedule",
+              title: "Cancel schedule",
+              disabled,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { className: "size-3.5" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ScheduledWorkPanel({
+  adapter,
+  agentId,
+  title = "Scheduled Work",
+  limit = DEFAULT_LIMIT,
+  status = "active",
+  hideHeader = false,
+  pollIntervalMs = DEFAULT_POLL_INTERVAL_MS,
+  onSessionSelect,
+  onScheduleCancel,
+  onScheduleRunNow
+}) {
+  const [items, setItems] = react.useState([]);
+  const [error, setError] = react.useState(null);
+  const [hasEverLoaded, setHasEverLoaded] = react.useState(false);
+  const [actionScheduleId, setActionScheduleId] = react.useState(null);
+  const [collapsed, setCollapsed] = react.useState(false);
+  const mounted = react.useRef(true);
+  const requestId = react.useRef(0);
+  const lastFingerprint = react.useRef("");
+  const refetch = react.useCallback(
+    async (opts) => {
+      if (!adapter.listScheduledWork) {
+        setItems([]);
+        setHasEverLoaded(true);
+        return;
+      }
+      const currentRequestId = ++requestId.current;
+      try {
+        const list = await adapter.listScheduledWork({
+          agentId,
+          status,
+          limit
+        });
+        if (!mounted.current || currentRequestId !== requestId.current) return;
+        const nextItems = sortScheduledWork(list.items);
+        const fp = fingerprint(nextItems);
+        if (fp !== lastFingerprint.current) {
+          lastFingerprint.current = fp;
+          setItems(nextItems);
+        }
+        setError(null);
+        setHasEverLoaded(true);
+      } catch (e) {
+        if (!mounted.current || currentRequestId !== requestId.current) return;
+        if (!opts?.silent) {
+          setError(
+            e instanceof Error ? e.message : "Failed to load scheduled work"
+          );
+          setHasEverLoaded(true);
+        }
+      }
+    },
+    [adapter, agentId, limit, status]
+  );
+  react.useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  react.useEffect(() => {
+    setError(null);
+    lastFingerprint.current = "";
+    void refetch();
+  }, [refetch]);
+  react.useEffect(() => {
+    if (!adapter.listScheduledWork || pollIntervalMs <= 0) return;
+    const id = setInterval(() => {
+      void refetch({ silent: true });
+    }, pollIntervalMs);
+    return () => clearInterval(id);
+  }, [adapter.listScheduledWork, pollIntervalMs, refetch]);
+  const activeCount = react.useMemo(
+    () => items.filter((item) => item.status === "active").length,
+    [items]
+  );
+  const handleOpenLastRun = react.useCallback(
+    (sessionId) => {
+      onSessionSelect?.(sessionId);
+    },
+    [onSessionSelect]
+  );
+  const handleRunNow = react.useCallback(
+    async (scheduleId) => {
+      if (!adapter.runScheduledWorkNow || actionScheduleId) return;
+      setActionScheduleId(scheduleId);
+      try {
+        const result = await adapter.runScheduledWorkNow({ scheduleId });
+        onScheduleRunNow?.(scheduleId, result?.sessionId);
+        await refetch({ silent: true });
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to run schedule");
+      } finally {
+        if (mounted.current) setActionScheduleId(null);
+      }
+    },
+    [actionScheduleId, adapter, onScheduleRunNow, refetch]
+  );
+  const handleCancel = react.useCallback(
+    async (scheduleId) => {
+      if (!adapter.cancelScheduledWork || actionScheduleId) return;
+      setActionScheduleId(scheduleId);
+      try {
+        await adapter.cancelScheduledWork({ scheduleId });
+        setItems((current) => {
+          const next = current.filter((item) => item.id !== scheduleId);
+          lastFingerprint.current = fingerprint(next);
+          return next;
+        });
+        onScheduleCancel?.(scheduleId);
+        await refetch({ silent: true });
+      } catch (e) {
+        setError(e instanceof Error ? e.message : "Failed to cancel schedule");
+      } finally {
+        if (mounted.current) setActionScheduleId(null);
+      }
+    },
+    [actionScheduleId, adapter, onScheduleCancel, refetch]
+  );
+  if (!hasEverLoaded) return null;
+  if (!adapter.listScheduledWork) return null;
+  const showBody = hideHeader || !collapsed;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "min-w-0 border-t border-line", children: [
+    !hideHeader && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex w-full items-center gap-1.5 px-3 py-2 text-left text-xs font-semibold uppercase tracking-wide text-foreground transition-colors hover:bg-input",
+        onClick: () => setCollapsed((current) => !current),
+        "aria-expanded": !collapsed,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarClockIcon, { className: "size-3.5" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: title }),
+          activeCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", className: "ml-auto", children: activeCount }),
+          collapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-3.5 shrink-0 text-faint" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: "size-3.5 shrink-0 text-faint" })
+        ]
+      }
+    ),
+    showBody && error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-xs text-destructive", children: error }),
+    showBody && !error && items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-xs text-faint", children: "No scheduled work" }),
+    showBody && !error && items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pb-2", hideHeader && "pt-1"), children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      ScheduledWorkRow,
+      {
+        item,
+        canRunNow: Boolean(adapter.runScheduledWorkNow),
+        canCancel: Boolean(adapter.cancelScheduledWork),
+        actionScheduleId,
+        onOpenLastRun: handleOpenLastRun,
+        onRunNow: handleRunNow,
+        onCancel: handleCancel
+      },
+      item.id
+    )) })
+  ] });
+}
+init_utils();
 var POLL_INTERVAL_ACTIVE_MS = 4e3;
 var POLL_INTERVAL_IDLE_MS = 3e4;
 var DEFAULT_SESSION_LIST_LIMIT = 50;
@@ -8582,7 +9257,7 @@ function buildTree(nodes) {
 }
 function treeFingerprint(nodes) {
   return nodes.map(
-    (n) => `${n.id}:${n.parentId ?? ""}:${n.status}:${n.agentType ?? ""}:${n.messageCount ?? 0}:${n.toolCallCount ?? 0}:${n.updatedAt}`
+    (n) => `${n.id}:${n.parentId ?? ""}:${n.status}:${n.agentType ?? ""}:${n.runKind ?? ""}:${n.title ?? ""}:${n.messageCount ?? 0}:${n.toolCallCount ?? 0}:${n.updatedAt}`
   ).join("|");
 }
 function sessionToTreeNode(session) {
@@ -8592,6 +9267,7 @@ function sessionToTreeNode(session) {
     parentId: session.parentId ?? null,
     agentId: session.agentId,
     channel: session.channel,
+    runKind: session.runKind ?? deriveRunKind(session.channel, session.config),
     status: session.status,
     title: session.title,
     model: session.model,
@@ -8640,6 +9316,23 @@ function formatSessionTime(value) {
   if (Number.isNaN(date.getTime())) return "";
   return dateFns.formatDistanceToNow(date, { addSuffix: true });
 }
+function deriveRunKind(channel, config) {
+  if (channel === "scheduled" && config?.scheduled_dynamic_loop === true) {
+    return "dynamic_loop";
+  }
+  if (channel === "scheduled") return "scheduled";
+  return null;
+}
+function formatRunKind(value) {
+  if (value === "dynamic_loop") return "Loop";
+  if (value === "scheduled") return "Scheduled";
+  return null;
+}
+function fallbackSessionTitle(entry) {
+  if (entry.runKind === "dynamic_loop") return "Loop run";
+  if (entry.runKind === "scheduled") return "Scheduled run";
+  return "New session";
+}
 function TreeNodeRow({
   entry,
   depth,
@@ -8655,9 +9348,11 @@ function TreeNodeRow({
   const hasChildren = entry.children.length > 0;
   const isActive = entry.id === activeSessionId;
   const isRunning = entry.status === "active";
-  const isSubAgent = entry.parentId != null;
-  const title = entry.title ?? "New session";
+  const isChildSession = entry.parentId != null;
+  const title = entry.title ?? fallbackSessionTitle(entry);
   const subtitle = [
+    formatRunKind(entry.runKind),
+    entry.agentType,
     entry.model ?? "default",
     formatSessionTime(entry.updatedAt)
   ].filter(Boolean).join(" \xB7 ");
@@ -8695,7 +9390,7 @@ function TreeNodeRow({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm truncate", children: title }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-faint truncate", children: subtitle })
           ] }),
-          isRunning && canStop && isSubAgent && /* @__PURE__ */ jsxRuntime.jsx(
+          isRunning && canStop && isChildSession && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               type: "button",
@@ -8704,8 +9399,8 @@ function TreeNodeRow({
                 e.stopPropagation();
                 onStop(entry.id);
               },
-              "aria-label": "Stop sub-agent",
-              title: "Stop sub-agent",
+              "aria-label": "Stop child session",
+              title: "Stop child session",
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SquareIcon, { className: "w-3 h-3", fill: "currentColor" })
             }
           ),
@@ -8909,6 +9604,7 @@ function SessionTreePanel({
 exports.AgentChat = AgentChat;
 exports.AgentChatAdapterProvider = AgentChatAdapterProvider;
 exports.MessageResponse = MessageResponse;
+exports.ScheduledWorkPanel = ScheduledWorkPanel;
 exports.SessionTreePanel = SessionTreePanel;
 exports.useAgentChatAdapterContext = useAgentChatAdapterContext;
 exports.useAgentChatRuntime = useAgentChatRuntime;