@invergent/agent-chat-react 1.5.9 → 1.5.10

package/dist/index.js

@@ -3,7 +3,7 @@ import { createContext, memo, useRef, useState, useEffect, useCallback, useMemo,
 import { cva } from 'class-variance-authority';
 import { Collapsible as Collapsible$1, Slot, Dialog as Dialog$1, ScrollArea as ScrollArea$1, Tooltip as Tooltip$1, Tabs as Tabs$1, Popover as Popover$1, DropdownMenu as DropdownMenu$1, HoverCard as HoverCard$1, Progress as Progress$1 } from 'radix-ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, GlobeIcon, SearchIcon, ListTodoIcon, XCircleIcon, CheckCircle2Icon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircleIcon, CircleIcon, UsersIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, SquareIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
+import { ChevronDownIcon, AlertTriangle, ChevronDown, ChevronRight, RefreshCw, ChevronRightIcon, GitBranchIcon, XIcon, ThumbsUpIcon, ThumbsDownIcon, ActivityIcon, Loader2Icon, GlobeIcon, SearchIcon, ListTodoIcon, XCircleIcon, CheckCircle2Icon, Code, CheckIcon, CopyIcon, TerminalIcon, Trash2Icon, CircleDotIcon, CircleCheckIcon, CircleXIcon, SkullIcon, ClockIcon, CheckCircleIcon, CircleIcon, CalendarClockIcon, UsersIcon, MessageSquareIcon, FolderOpenIcon, UploadIcon, RefreshCwIcon, AlertCircleIcon, SquareIcon, ArrowDownIcon, DownloadIcon, TrashIcon, ImageIcon, FileTextIcon, Maximize2Icon, FolderIcon, FileIcon, ChevronLeftIcon, MinusIcon, PlusIcon, CornerDownLeftIcon } from 'lucide-react';
 import { StickToBottom, useStickToBottomContext } from 'use-stick-to-bottom';
 import { cjk } from '@streamdown/cjk';
 import { code } from '@streamdown/code';
@@ -3304,13 +3304,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__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm ", children: [
     /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: label }),
-    args.name && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: args.name })
+    name && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: name })
   ] });
 }
 function firstLine(s) {
@@ -3636,7 +3639,11 @@ function DefaultToolBlock({ tc }) {
     ] })
   ] });
 }
-function ToolCallBlock({ tc, onFileSelect }) {
+function ToolCallBlock({
+  tc,
+  resolvedArtifactName,
+  onFileSelect
+}) {
   switch (tc.toolName) {
     case "terminal":
       return /* @__PURE__ */ jsx(TerminalToolBlock, { tc });
@@ -3673,7 +3680,7 @@ function ToolCallBlock({ tc, onFileSelect }) {
     case "clarify":
       return /* @__PURE__ */ jsx(ClarifyToolBlock, { tc });
     case "create_artifact":
-      return /* @__PURE__ */ jsx(ArtifactToolBlock, { tc });
+      return /* @__PURE__ */ jsx(ArtifactToolBlock, { tc, resolvedName: resolvedArtifactName });
     case "delegate_task":
       return /* @__PURE__ */ jsx(DelegateToolBlock, { tc });
     case "memory":
@@ -5055,6 +5062,7 @@ function ChatComposerInner({
   onStop,
   isRunning,
   disabled = false,
+  disabledReason,
   tokenUsage
 }) {
   const { adapter } = useAgentChatAdapterContext();
@@ -5083,7 +5091,10 @@ function ChatComposerInner({
   const slashCommands = 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]);
@@ -5162,7 +5173,7 @@ function ChatComposerInner({
       /* @__PURE__ */ jsx(PromptInputBody, { children: /* @__PURE__ */ jsx(
         PromptInputTextarea,
         {
-          placeholder: disabled ? "Session disabled" : "Send a message...",
+          placeholder: disabled ? disabledReason ?? "Session disabled" : "Send a message...",
           disabled,
           onKeyDown: handleKeyDown
         }
@@ -5807,7 +5818,7 @@ var ErrorMessage = memo(function ErrorMessage2({
     }
   );
 });
-function messageToEntries(msg, isLast) {
+function messageToEntries(msg, isLast, artifactFallbacks) {
   if (msg.role === "system") {
     if (msg.systemKind === "skill_invoked") {
       return [{
@@ -5849,6 +5860,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 });
     }
   }
@@ -6007,7 +6030,14 @@ function TimelineEntryItem({
         )
       ] }),
       /* @__PURE__ */ jsx(TimelineContent, { children: entry.tc.cancelled ? /* @__PURE__ */ jsx(CancelledToolRow, { tc: entry.tc }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsx(ToolCallBlock, { tc: entry.tc, onFileSelect }),
+        /* @__PURE__ */ jsx(
+          ToolCallBlock,
+          {
+            tc: entry.tc,
+            resolvedArtifactName: entry.resolvedArtifactName,
+            onFileSelect
+          }
+        ),
         failureSummary ? /* @__PURE__ */ jsx("div", { className: "max-w-full truncate text-xs text-destructive", title: failureSummary, children: failureSummary }) : null
       ] }) })
     ] });
@@ -6069,13 +6099,14 @@ function AssistantGroup({
   totalMessages,
   isRunning,
   sessionId,
+  artifactFallbacks,
   onFileSelect,
   onRetry
 }) {
   const 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));
   }
   const isTailGroup = lastGlobalIndex === totalMessages - 1;
   const lastEntry = entries[entries.length - 1];
@@ -6142,11 +6173,34 @@ function ChatThread({
   onStop,
   onFileSelect,
   disabled = false,
+  disabledReason,
   tokenUsage,
   retryIndicator,
   onRetry
 }) {
   const groups = useMemo(() => groupMessages(messages), [messages]);
+  const artifactFallbacks = 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 = useMemo(() => {
     if (messages.length === 0) return null;
     const tail = messages[messages.length - 1];
@@ -6211,6 +6265,7 @@ function ChatThread({
               totalMessages: messages.length,
               isRunning,
               sessionId,
+              artifactFallbacks,
               onFileSelect,
               onRetry: groupRetry
             },
@@ -6223,13 +6278,21 @@ function ChatThread({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-4xl px-6 pb-5 pt-3", children: [
       retryIndicator && /* @__PURE__ */ jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsx(RetryBanner, { indicator: retryIndicator }) }),
-      /* @__PURE__ */ jsx(
+      disabled && disabledReason ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "rounded border border-line bg-muted/40 px-3 py-2 text-sm text-muted-foreground",
+          role: "status",
+          children: disabledReason
+        }
+      ) : /* @__PURE__ */ jsx(
         ChatComposer,
         {
           onSend,
           onStop,
           isRunning,
           disabled,
+          disabledReason,
           tokenUsage
         }
       )
@@ -7058,7 +7121,7 @@ function WorkspacePanel({
   );
   const handleDelete = useCallback(
     async (path) => {
-      if (!sessionId) return;
+      if (disabled || !sessionId) return;
       try {
         await adapter.deleteWorkspaceFile({ sessionId, path });
         if (selectedPath === path) {
@@ -7074,7 +7137,7 @@ function WorkspacePanel({
         setDeleteTarget(null);
       }
     },
-    [adapter, fetchTree, onSelectedPathChange, selectedPath, sessionId]
+    [adapter, disabled, fetchTree, onSelectedPathChange, selectedPath, sessionId]
   );
   const onResizeStart = useCallback(
     (event) => {
@@ -7157,7 +7220,7 @@ function WorkspacePanel({
           /* @__PURE__ */ jsx(FolderOpenIcon, { className: "size-4 shrink-0 text-amber-500" }),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium text-foreground", children: rootName }),
-            /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-faint", children: "Workspace" })
+            /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-faint", children: disabled ? "Workspace - Read-only" : "Workspace" })
           ] }),
           /* @__PURE__ */ jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -7268,7 +7331,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);
@@ -7332,6 +7395,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",
@@ -7944,6 +8014,7 @@ function useAgentChatRuntime({
   const [state, setState] = useState(
     () => createInitialAgentChatState({ isLoadingHistory: Boolean(sessionId) })
   );
+  const [session, setSession] = useState(null);
   const stateRef = useRef(state);
   const streamRef = useRef(null);
   const reconnectTimerRef = useRef(null);
@@ -7968,6 +8039,7 @@ function useAgentChatRuntime({
     clearReconnectTimer();
     closeStream();
     if (!sessionId) {
+      setSession(null);
       setState(createInitialAgentChatState());
       return;
     }
@@ -8015,17 +8087,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,
@@ -8114,9 +8188,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;
@@ -8157,6 +8231,7 @@ function useAgentChatRuntime({
     }
   }, [adapter, sessionId]);
   return {
+    session,
     messages: state.messages,
     isRunning: state.isRunning,
     isLoadingHistory: state.isLoadingHistory,
@@ -8204,6 +8279,9 @@ function AgentChat({
     sessionId,
     onSessionChange
   });
+  const isReadOnlySession = isScheduledRunSession(runtime.session);
+  const effectiveDisabled = disabled || isReadOnlySession;
+  const disabledReason = isReadOnlySession ? "Scheduled run is read-only" : void 0;
   useEffect(() => {
     onMessagesChange?.(runtime.messages);
   }, [onMessagesChange, runtime.messages]);
@@ -8234,7 +8312,8 @@ function AgentChat({
             onStop: () => void runtime.stop(),
             onRetry: runtime.retry,
             onFileSelect: handleFileSelect,
-            disabled,
+            disabled: effectiveDisabled,
+            disabledReason,
             tokenUsage: runtime.tokenUsage,
             retryIndicator: runtime.retryIndicator
           }
@@ -8249,13 +8328,313 @@ function AgentChat({
             collapsed: workspaceCollapsed,
             onCollapsedChange: setWorkspaceCollapsed,
             refreshSignal: runtime.workspaceRefreshKey,
-            disabled
+            disabled: effectiveDisabled
           }
         )
       ] }) })
     }
   );
 }
+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} ${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__ */ 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__ */ jsx("div", { className: "mt-0.5 flex size-5 shrink-0 items-center justify-center text-faint", children: /* @__PURE__ */ jsx(CalendarClockIcon, { className: "size-3.5" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "truncate text-foreground", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex min-w-0 items-center gap-2", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "shrink-0", children: formatKind(item.kind) }) }),
+              meta.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-0.5 space-y-0.5 text-xs text-faint", children: meta.map((line) => /* @__PURE__ */ jsx("div", { className: "truncate", children: line }, line)) })
+            ] }),
+            statusText && /* @__PURE__ */ jsx(Badge, { variant: "destructive", className: "shrink-0", children: statusText })
+          ] }),
+          item.lastError && /* @__PURE__ */ jsx("div", { className: "mt-1 line-clamp-2 text-xs text-destructive", children: item.lastError })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+          showRunNow && /* @__PURE__ */ 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__ */ jsx(CalendarClockIcon, { className: "size-3.5" })
+            }
+          ),
+          canCancel && isActive && /* @__PURE__ */ 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__ */ jsx(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] = useState([]);
+  const [error, setError] = useState(null);
+  const [hasEverLoaded, setHasEverLoaded] = useState(false);
+  const [actionScheduleId, setActionScheduleId] = useState(null);
+  const [collapsed, setCollapsed] = useState(false);
+  const mounted = useRef(true);
+  const requestId = useRef(0);
+  const lastFingerprint = useRef("");
+  const refetch = 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]
+  );
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  useEffect(() => {
+    setError(null);
+    lastFingerprint.current = "";
+    void refetch();
+  }, [refetch]);
+  useEffect(() => {
+    if (!adapter.listScheduledWork || pollIntervalMs <= 0) return;
+    const id = setInterval(() => {
+      void refetch({ silent: true });
+    }, pollIntervalMs);
+    return () => clearInterval(id);
+  }, [adapter.listScheduledWork, pollIntervalMs, refetch]);
+  const activeCount = useMemo(
+    () => items.filter((item) => item.status === "active").length,
+    [items]
+  );
+  const handleOpenLastRun = useCallback(
+    (sessionId) => {
+      onSessionSelect?.(sessionId);
+    },
+    [onSessionSelect]
+  );
+  const handleRunNow = 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 = 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__ */ jsxs("section", { className: "min-w-0 border-t border-line", children: [
+    !hideHeader && /* @__PURE__ */ 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__ */ jsx(CalendarClockIcon, { className: "size-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: title }),
+          activeCount > 0 && /* @__PURE__ */ jsx(Badge, { variant: "default", className: "ml-auto", children: activeCount }),
+          collapsed ? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5 shrink-0 text-faint" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-3.5 shrink-0 text-faint" })
+        ]
+      }
+    ),
+    showBody && error && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-destructive", children: error }),
+    showBody && !error && items.length === 0 && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-faint", children: "No scheduled work" }),
+    showBody && !error && items.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("pb-2", hideHeader && "pt-1"), children: items.map((item) => /* @__PURE__ */ jsx(
+      ScheduledWorkRow,
+      {
+        item,
+        canRunNow: Boolean(adapter.runScheduledWorkNow),
+        canCancel: Boolean(adapter.cancelScheduledWork),
+        actionScheduleId,
+        onOpenLastRun: handleOpenLastRun,
+        onRunNow: handleRunNow,
+        onCancel: handleCancel
+      },
+      item.id
+    )) })
+  ] });
+}
 var POLL_INTERVAL_ACTIVE_MS = 4e3;
 var POLL_INTERVAL_IDLE_MS = 3e4;
 var DEFAULT_SESSION_LIST_LIMIT = 50;
@@ -8280,7 +8659,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) {
@@ -8290,6 +8669,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,
@@ -8338,6 +8718,23 @@ function formatSessionTime(value) {
   if (Number.isNaN(date.getTime())) return "";
   return 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,
@@ -8353,9 +8750,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 ");
@@ -8393,7 +8792,7 @@ function TreeNodeRow({
             /* @__PURE__ */ jsx("div", { className: "text-sm truncate", children: title }),
             /* @__PURE__ */ jsx("div", { className: "text-xs text-faint truncate", children: subtitle })
           ] }),
-          isRunning && canStop && isSubAgent && /* @__PURE__ */ jsx(
+          isRunning && canStop && isChildSession && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -8402,8 +8801,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__ */ jsx(SquareIcon, { className: "w-3 h-3", fill: "currentColor" })
             }
           ),
@@ -8604,6 +9003,6 @@ function SessionTreePanel({
   ] });
 }
 
-export { AgentChat, AgentChatAdapterProvider, MessageResponse, SessionTreePanel, useAgentChatAdapterContext, useAgentChatRuntime };
+export { AgentChat, AgentChatAdapterProvider, MessageResponse, ScheduledWorkPanel, SessionTreePanel, useAgentChatAdapterContext, useAgentChatRuntime };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map