@mndrk/agx 2.0.26 → 2.0.33

package/cloud-runtime/standalone/components/thread/WorkspaceSidebar.tsx

@@ -10,6 +10,7 @@ import {
   FolderGit2,
   PanelLeftClose,
   Pencil,
+  BrainCircuit,
   LayoutDashboard,
   Plus,
   Search,
@@ -53,6 +54,9 @@ interface WorkspaceSidebarProps {
   onReorderProjectAgents?: (projectId: string, orderedAgentIds: string[]) => Promise<unknown>;
   onUpdateParticipant?: (participant: Participant) => Promise<unknown>;
   onSelectProject?: (projectId: string) => void;
+  getProjectBoardHref?: (project: ProjectWithAgents) => string;
+  activeProjectId?: string | null;
+  activeProjectView?: "board" | "thread" | "knowledge" | null;
 }
 
 export function WorkspaceSidebar({
@@ -83,6 +87,9 @@ export function WorkspaceSidebar({
   onReorderProjectAgents,
   onUpdateParticipant,
   onSelectProject,
+  getProjectBoardHref,
+  activeProjectId = null,
+  activeProjectView = null,
 }: WorkspaceSidebarProps) {
   const emptyCtaRef = useRef<HTMLButtonElement | null>(null);
   const [expandedProjects, setExpandedProjects] = useState<Set<string>>(new Set());
@@ -248,8 +255,13 @@ export function WorkspaceSidebar({
   const showEmptyState = !showLoadingState && !hasThreads;
   const isVisible = Boolean(visible);
   const sortedWorkspaces = [...threads].sort((a, b) => (a.title ?? "").localeCompare(b.title ?? ""));
+  const threadById = new Map(threads.map((thread) => [thread.id, thread]));
   const nonDefaultProjects = projectsProp.filter((project) => !project.is_default);
   const unassignedThreads = sortedWorkspaces.filter((thread) => !nonDefaultProjects.some((project) => project.thread_ids?.includes(thread.id)));
+  const resolveProjectBoardHref = useCallback(
+    (project: ProjectWithAgents) => getProjectBoardHref?.(project) ?? `/projects/${project.slug}`,
+    [getProjectBoardHref]
+  );
 
   useFocusManagement({
     focusTarget: emptyCtaRef,
@@ -258,8 +270,8 @@ export function WorkspaceSidebar({
 
   const handleCreateClick = () => {
     setInputModal({
-      title: "Create thread",
-      placeholder: "Thread title",
+      title: "Create discussion",
+      placeholder: "Discussion title",
       defaultValue: "",
       onSubmit: (title) => void onCreateThread({ title }),
     });
@@ -268,16 +280,16 @@ export function WorkspaceSidebar({
   const handleDeleteClick = (workspaceId: string) => {
     const ws = threads.find((t) => t.id === workspaceId);
     setConfirmModal({
-      title: "Delete thread",
-      message: `Delete "${ws?.title ?? "thread"}"? This cannot be undone.`,
+      title: "Delete discussion",
+      message: `Delete "${ws?.title ?? "discussion"}"? This cannot be undone.`,
       onConfirm: () => void onDeleteThread(workspaceId),
     });
   };
 
   const handleRenameClick = (workspaceId: string, currentTitle: string) => {
     setInputModal({
-      title: "Rename thread",
-      placeholder: "Thread title",
+      title: "Rename discussion",
+      placeholder: "Discussion title",
       defaultValue: currentTitle,
       onSubmit: (title) => void onRenameThread(workspaceId, title),
     });
@@ -295,8 +307,8 @@ export function WorkspaceSidebar({
             type="button"
             onClick={onToggle}
             className="workspace-sidebar__brand-icon border-none outline-none cursor-pointer"
-            aria-label="Show threads"
-            title="Show threads"
+            aria-label="Show discussions"
+            title="Show discussions"
           >
             <span className="text-[10px]">AGX</span>
           </button>
@@ -329,23 +341,23 @@ export function WorkspaceSidebar({
       aria-busy={isLoading ? "true" : undefined}
     >
       <div className="workspace-sidebar__brand">
-        <div className="flex items-center gap-2 px-1">
-          <div className="workspace-sidebar__brand-icon" aria-hidden="true">
-            <span className="text-[10px]">AGX</span>
+          <div className="workspace-sidebar__brand-content flex items-center gap-2 px-1">
+            <div className="workspace-sidebar__brand-icon" aria-hidden="true">
+              <span className="text-[10px]">AGX</span>
+            </div>
+            <span className="workspace-sidebar__brand-title">Workspace</span>
           </div>
-          <span className="workspace-sidebar__brand-title">Workspace</span>
-        </div>
-        {onToggle && (
-          <button
-            type="button"
-            onClick={onToggle}
-            aria-label="Hide threads"
-            title="Hide threads"
-            className="ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--app-shell-soft-text)] transition-all hover:bg-[var(--app-shell-subtle)] hover:text-[var(--foreground)]"
-          >
-            <PanelLeftClose className="h-4 w-4" strokeWidth={1.75} />
-          </button>
-        )}
+          {onToggle && (
+            <button
+              type="button"
+              onClick={onToggle}
+              aria-label="Hide discussions"
+              title="Hide discussions"
+              className="ml-auto inline-flex h-7 w-7 items-center justify-center rounded-md text-[var(--app-shell-soft-text)] transition-all hover:bg-[var(--app-shell-subtle)] hover:text-[var(--foreground)]"
+            >
+              <PanelLeftClose className="h-4 w-4" strokeWidth={1.75} />
+            </button>
+          )}
       </div>
 
       <div className="workspace-sidebar__content">
@@ -391,26 +403,36 @@ export function WorkspaceSidebar({
           {nonDefaultProjects.map((project) => {
             const projectIsExpanded = expandedProjects.has(project.id);
             const projectThreads = sortedWorkspaces.filter((thread) => project.thread_ids?.includes(thread.id));
+            const isActiveProject = project.id === activeProjectId;
+            const primaryProjectThreadId =
+              project.thread_ids?.find((threadId) => threadById.has(threadId)) ??
+              project.thread_ids?.[0] ??
+              projectThreads[0]?.id ??
+              null;
+            const isActiveProjectThread = isActiveProject && activeProjectView === "thread" && primaryProjectThreadId === activeThreadId;
+            const isActiveProjectBoard = isActiveProject && activeProjectView === "board";
+            const isActiveProjectKnowledge = isActiveProject && activeProjectView === "knowledge";
 
             return (
               <div key={project.id}>
                 <div className="workspace-sidebar__workspace-item group">
-                  <button
-                    type="button"
-                    className="workspace-sidebar__nav-item workspace-sidebar__workspace-nav-item"
-                    onClick={() => {
-                      onSelectProject?.(project.id);
-                      toggleProjectExpanded(project.id);
-                    }}
-                  >
-                    {projectIsExpanded ? (
-                      <ChevronDown size={14} className="flex-shrink-0 text-[var(--muted-foreground)]" onClick={(e) => { e.stopPropagation(); toggleProjectExpanded(project.id); }} />
-                    ) : (
-                      <ChevronRight size={14} className="flex-shrink-0 text-[var(--muted-foreground)]" onClick={(e) => { e.stopPropagation(); toggleProjectExpanded(project.id); }} />
-                    )}
+                  <div className="workspace-sidebar__nav-item workspace-sidebar__workspace-nav-item">
+                    <button
+                      type="button"
+                      className="inline-flex items-center justify-center rounded-sm text-[var(--muted-foreground)] transition-colors hover:text-[var(--foreground)]"
+                      onClick={() => toggleProjectExpanded(project.id)}
+                      aria-label={projectIsExpanded ? `Collapse ${project.name}` : `Expand ${project.name}`}
+                      title={projectIsExpanded ? "Collapse project" : "Expand project"}
+                    >
+                      {projectIsExpanded ? (
+                        <ChevronDown size={14} className="flex-shrink-0" />
+                      ) : (
+                        <ChevronRight size={14} className="flex-shrink-0" />
+                      )}
+                    </button>
                     <Folder size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
                     <span className="workspace-sidebar__workspace-title">{project.name}</span>
-                  </button>
+                  </div>
                   <div className="workspace-sidebar__workspace-actions">
                     <button
                       type="button"
@@ -435,15 +457,15 @@ export function WorkspaceSidebar({
                 {projectIsExpanded && (
                   <div className="ml-4 my-1 flex flex-col gap-0.5 border-l border-[var(--app-shell-border)] pl-3">
                     <div className="workspace-sidebar__workspace-item">
-                      {projectThreads[0] ? (
+                      {primaryProjectThreadId ? (
                         <button
                           type="button"
-                          className={`workspace-sidebar__nav-item ${projectThreads[0].id === activeThreadId ? "workspace-sidebar__nav-item--active" : ""}`}
-                          onClick={() => onSelectThread(projectThreads[0].id)}
-                          aria-current={projectThreads[0].id === activeThreadId ? "page" : undefined}
+                          className={`workspace-sidebar__nav-item ${isActiveProjectThread ? "workspace-sidebar__nav-item--active" : ""}`}
+                          onClick={() => onSelectThread(primaryProjectThreadId)}
+                          aria-current={isActiveProjectThread ? "page" : undefined}
                         >
                           <Hash size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                          <span className="workspace-sidebar__workspace-title text-xs">Thread</span>
+                          <span className="workspace-sidebar__workspace-title text-xs">Discussion</span>
                         </button>
                       ) : (
                         <button
@@ -452,19 +474,30 @@ export function WorkspaceSidebar({
                           onClick={handleCreateClick}
                         >
                           <Hash size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
-                          <span className="workspace-sidebar__workspace-title text-xs">Thread</span>
+                          <span className="workspace-sidebar__workspace-title text-xs">Discussion</span>
                         </button>
                       )}
                     </div>
                     <div className="workspace-sidebar__workspace-item">
                       <Link
-                        href={`/projects/${project.slug}`}
-                        className="workspace-sidebar__nav-item"
+                        href={resolveProjectBoardHref(project)}
+                        className={`workspace-sidebar__nav-item ${isActiveProjectBoard ? "workspace-sidebar__nav-item--active" : ""}`}
+                        aria-current={isActiveProjectBoard ? "page" : undefined}
                       >
                         <LayoutDashboard size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
                         <span className="workspace-sidebar__workspace-title text-xs">Board</span>
                       </Link>
                     </div>
+                    <div className="workspace-sidebar__workspace-item">
+                      <Link
+                        href={`/projects/${project.slug}/knowledge`}
+                        className={`workspace-sidebar__nav-item ${isActiveProjectKnowledge ? "workspace-sidebar__nav-item--active" : ""}`}
+                        aria-current={isActiveProjectKnowledge ? "page" : undefined}
+                      >
+                        <BrainCircuit size={12} className="flex-shrink-0 text-[var(--muted-foreground)]" />
+                        <span className="workspace-sidebar__workspace-title text-xs">Knowledge</span>
+                      </Link>
+                    </div>
                     <div className="pt-1">
                       <div className="group/repos-header flex items-center justify-between px-3 py-1">
                         <p className="text-[10px] font-medium text-[var(--muted-foreground)] uppercase tracking-wide">Repos</p>
@@ -739,9 +772,9 @@ export function WorkspaceSidebar({
               </div>
               {repoDetail.repoId ? (
                 <div>
-                  <p className="mb-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">System-Generated Repo Knowledge</p>
+                  <p className="mb-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--muted-foreground)]">Living Repo Note</p>
                   {repoDetail.isLoadingKnowledge ? (
-                    <p className="text-sm text-[var(--muted-foreground)]">Loading generated knowledge…</p>
+                    <p className="text-sm text-[var(--muted-foreground)]">Loading repo note…</p>
                   ) : repoDetail.generatedKnowledge.length > 0 ? (
                     <div className="space-y-2">
                       {repoDetail.generatedKnowledge.slice(0, 5).map((item) => (
@@ -754,7 +787,7 @@ export function WorkspaceSidebar({
                       ))}
                     </div>
                   ) : (
-                    <p className="text-sm text-[var(--muted-foreground)]">No generated repo knowledge yet.</p>
+                    <p className="text-sm text-[var(--muted-foreground)]">No repo note yet.</p>
                   )}
                 </div>
               ) : null}
@@ -953,7 +986,7 @@ export function WorkspaceSidebar({
           initial={{ name: "", provider: "claude", model: "", identity: "", skills: [] }}
           submitLabel="Create & Add"
           projects={projectsProp?.filter((project) => !project.is_default).map((project) => {
-            const threadName = (project.thread_ids ?? []).map((threadId) => threads.find((th) => th.id === threadId)?.title?.trim()).filter(Boolean).join(", ") || "No thread";
+            const threadName = (project.thread_ids ?? []).map((threadId) => threads.find((th) => th.id === threadId)?.title?.trim()).filter(Boolean).join(", ") || "No discussion";
             return { id: project.id, name: project.name, label: `${threadName} › ${project.name}` };
           })}
           initialProjectIds={addAgentModal ? [addAgentModal.projectId] : []}

package/cloud-runtime/standalone/hooks/useComposerHistory.ts

@@ -0,0 +1,130 @@
+import { useState, useCallback, useRef } from "react";
+
+const STORAGE_KEY = "agx-composer-history";
+const MAX_HISTORY = 100;
+
+/**
+ * Shell-style input history for the composer.
+ * - ArrowUp/Down navigates through previously sent messages.
+ * - While typing, ArrowUp shows the most recent entry that starts with the current text (partial match).
+ * - History is persisted in localStorage across sessions.
+ */
+export function useComposerHistory() {
+  const [historyIndex, setHistoryIndex] = useState(-1);
+  // Stores the "live" text the user was typing before they started navigating
+  const draftRef = useRef("");
+
+  const getHistory = useCallback((): string[] => {
+    try {
+      const raw = localStorage.getItem(STORAGE_KEY);
+      return raw ? JSON.parse(raw) : [];
+    } catch {
+      return [];
+    }
+  }, []);
+
+  const pushEntry = useCallback((text: string) => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+
+    const history = getHistory();
+    // Deduplicate: remove if already exists at top
+    const filtered = history.filter((h) => h !== trimmed);
+    filtered.unshift(trimmed);
+    // Cap size
+    if (filtered.length > MAX_HISTORY) filtered.length = MAX_HISTORY;
+
+    try {
+      localStorage.setItem(STORAGE_KEY, JSON.stringify(filtered));
+    } catch {
+      // localStorage full — ignore
+    }
+    setHistoryIndex(-1);
+    draftRef.current = "";
+  }, [getHistory]);
+
+  /**
+   * Handle ArrowUp/ArrowDown in the composer.
+   * Returns the text to set in the editor, or null if the event shouldn't be handled.
+   *
+   * @param direction "up" | "down"
+   * @param currentText the current editor text
+   * @param cursorAtBoundary true if cursor is at start (up) or end (down) of the editor
+   */
+  const navigate = useCallback(
+    (
+      direction: "up" | "down",
+      currentText: string,
+      cursorAtBoundary: boolean
+    ): string | null => {
+      if (!cursorAtBoundary) return null;
+
+      const history = getHistory();
+      if (history.length === 0) return null;
+
+      if (direction === "up") {
+        // Save draft when starting navigation
+        if (historyIndex === -1) {
+          draftRef.current = currentText;
+        }
+
+        // Partial match: find next entry that starts with draft
+        const draft = draftRef.current;
+        let startFrom = historyIndex + 1;
+
+        if (draft) {
+          // Find next matching entry
+          for (let i = startFrom; i < history.length; i++) {
+            if (history[i].toLowerCase().startsWith(draft.toLowerCase())) {
+              setHistoryIndex(i);
+              return history[i];
+            }
+          }
+          return null; // No more matches
+        }
+
+        // No draft — simple sequential navigation
+        const nextIndex = Math.min(historyIndex + 1, history.length - 1);
+        if (nextIndex === historyIndex && historyIndex !== -1) return null;
+        setHistoryIndex(nextIndex);
+        return history[nextIndex];
+      }
+
+      // direction === "down"
+      if (historyIndex <= 0) {
+        // Back to draft
+        if (historyIndex === 0) {
+          setHistoryIndex(-1);
+          return draftRef.current;
+        }
+        return null; // Already at draft
+      }
+
+      const draft = draftRef.current;
+      if (draft) {
+        // Find previous matching entry (going back toward recent)
+        for (let i = historyIndex - 1; i >= 0; i--) {
+          if (history[i].toLowerCase().startsWith(draft.toLowerCase())) {
+            setHistoryIndex(i);
+            return history[i];
+          }
+        }
+        // No more matches, return to draft
+        setHistoryIndex(-1);
+        return draftRef.current;
+      }
+
+      const nextIndex = historyIndex - 1;
+      setHistoryIndex(nextIndex);
+      return history[nextIndex];
+    },
+    [getHistory, historyIndex]
+  );
+
+  const resetNavigation = useCallback(() => {
+    setHistoryIndex(-1);
+    draftRef.current = "";
+  }, []);
+
+  return { pushEntry, navigate, resetNavigation, historyIndex };
+}

package/cloud-runtime/standalone/hooks/useGroupChat.ts

@@ -23,9 +23,19 @@ export interface StreamingEntry {
   rootMessageId: string | null;
 }
 
+export interface ChatRunInfo {
+  chatRunId: string;
+  threadId: string;
+  rootMessageId: string | null;
+  status: "queued" | "running" | "awaiting_user" | "blocked" | "completed" | "failed" | "cancelled";
+  optimistic?: boolean;
+  enqueuedAt?: number;
+}
+
 export function useGroupChat(threadId: string | null) {
   const [messages, setMessages] = useState<GroupMessage[]>([]);
   const [logs, setLogs] = useState<LogEntry[]>([]);
+  const [chatRuns, setChatRuns] = useState<ChatRunInfo[]>([]);
   const threadIdRef = useRef<string | null>(threadId);
   const prevThreadIdRef = useRef<string | null>(threadId);
 
@@ -37,6 +47,7 @@ export function useGroupChat(threadId: string | null) {
     prevThreadIdRef.current = threadId;
     setMessages([]);
     setLogs([]);
+    setChatRuns([]);
   }
 
   const loadHistory = useCallback(async (threadIdOverride?: string | null) => {
@@ -121,7 +132,7 @@ export function useGroupChat(threadId: string | null) {
       setMessages((prev) => [...prev, userMsg]);
 
       try {
-        await fetch("/api/chat", {
+        const response = await fetch("/api/chat", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -135,6 +146,20 @@ export function useGroupChat(threadId: string | null) {
             projectSlug: projectSlug?.trim() || undefined,
           }),
         });
+        const payload = await response.json().catch(() => null) as { chatRunId?: string } | null;
+        if (response.ok && payload?.chatRunId) {
+          setChatRuns((prev) => [
+            {
+              chatRunId: payload.chatRunId!,
+              threadId: activeThreadId,
+              rootMessageId: rootMessageId || userMessageId,
+              status: "queued",
+              optimistic: true,
+              enqueuedAt: Date.now(),
+            },
+            ...prev.filter((run) => run.chatRunId !== payload.chatRunId),
+          ]);
+        }
       } catch {
         // network error — message was already added optimistically
       }
@@ -191,6 +216,8 @@ export function useGroupChat(threadId: string | null) {
     loadHistory,
     clearHistory,
     clearLogs,
+    chatRuns,
+    setChatRuns,
     stop,
     stopThread,
   };

package/cloud-runtime/standalone/hooks/useProcessPolling.ts

@@ -3,11 +3,56 @@
 import { useState, useEffect, useRef, useCallback } from "react";
 import type { AgentProcessEntry } from "@/lib/agent-process-registry";
 import type { GroupMessage } from "@/lib/types";
-import type { StreamingEntry } from "./useGroupChat";
+import type { ChatRunInfo, StreamingEntry } from "./useGroupChat";
 
 /** Active process states that should show a typing indicator. */
 const ACTIVE_STATES = new Set(["spawning", "running"]);
 
+function normalizeChatRuns(value: unknown): ChatRunInfo[] {
+  if (!Array.isArray(value)) return [];
+  return value
+    .map<ChatRunInfo | null>((entry) => {
+      if (!entry || typeof entry !== "object") return null;
+      const row = entry as Record<string, unknown>;
+      const chatRunId =
+        typeof row.chatRunId === "string"
+          ? row.chatRunId
+          : typeof row.id === "string"
+            ? row.id
+            : null;
+      const threadId = typeof row.threadId === "string" ? row.threadId : null;
+      const status = typeof row.status === "string" ? row.status : null;
+      const rootMessageId =
+        typeof row.rootMessageId === "string"
+          ? row.rootMessageId
+          : row.rootMessageId === null
+            ? null
+            : null;
+
+      if (!chatRunId || !threadId || !status) return null;
+      if (
+        status !== "queued" &&
+        status !== "running" &&
+        status !== "awaiting_user" &&
+        status !== "blocked" &&
+        status !== "completed" &&
+        status !== "failed" &&
+        status !== "cancelled"
+      ) {
+        return null;
+      }
+
+      return {
+        chatRunId,
+        threadId,
+        rootMessageId,
+        status,
+        optimistic: false,
+      };
+    })
+    .filter((entry): entry is ChatRunInfo => Boolean(entry));
+}
+
 /**
  * Polls `/api/processes` and `/api/history?since=` to drive both the
  * "who's working" indicator and message delivery (replacing SSE).
@@ -16,14 +61,17 @@ export function useProcessPolling(
   scope: { workspaceId?: string | null; threadId?: string | null } | null,
   options?: {
     intervalMs?: number;
+    idleIntervalMs?: number;
     messages?: GroupMessage[];
     setMessages?: React.Dispatch<React.SetStateAction<GroupMessage[]>>;
   }
 ) {
-  const intervalMs = options?.intervalMs ?? 3000;
+  const busyIntervalMs = options?.intervalMs ?? 1500;
+  const idleIntervalMs = options?.idleIntervalMs ?? 10000;
   const [activeAgents, setActiveAgents] = useState<Set<string>>(new Set());
   const [processes, setProcesses] = useState<AgentProcessEntry[]>([]);
   const [streaming, setStreaming] = useState<Record<string, StreamingEntry>>({});
+  const [chatRuns, setChatRuns] = useState<ChatRunInfo[]>([]);
   const scopeRef = useRef(scope);
   scopeRef.current = scope;
   const messagesRef = useRef(options?.messages ?? []);
@@ -50,6 +98,7 @@ export function useProcessPolling(
       setActiveAgents(new Set());
       setProcesses([]);
       setStreaming({});
+      setChatRuns([]);
       return;
     }
 
@@ -64,6 +113,7 @@ export function useProcessPolling(
       setActiveAgents(new Set());
       setProcesses([]);
       setStreaming({});
+      setChatRuns([]);
       return;
     }
 
@@ -74,10 +124,15 @@ export function useProcessPolling(
         ? `/api/history?threadId=${encodeURIComponent(historyThreadId)}&since=${lastTimestampRef.current}`
         : null;
 
+      const chatRunsUrl = historyThreadId
+        ? `/api/chat-runs?threadId=${encodeURIComponent(historyThreadId)}&limit=20`
+        : null;
+
       const fetches: Promise<Response>[] = [fetch(processUrl)];
       if (historyUrl) fetches.push(fetch(historyUrl));
+      if (chatRunsUrl) fetches.push(fetch(chatRunsUrl));
 
-      const [processRes, historyRes] = await Promise.all(fetches);
+      const [processRes, historyRes, chatRunsRes] = await Promise.all(fetches);
 
       // Stale check
       const current = scopeRef.current;
@@ -103,6 +158,11 @@ export function useProcessPolling(
         setStreaming(newStreaming);
       }
 
+      if (chatRunsRes?.ok) {
+        const runs = normalizeChatRuns(await chatRunsRes.json());
+        setChatRuns(runs);
+      }
+
       // Merge new messages
       if (historyRes?.ok && setMessagesRef.current) {
         const newMessages: GroupMessage[] = await historyRes.json();
@@ -130,19 +190,23 @@ export function useProcessPolling(
   }, []);
 
   const key = scope?.threadId || scope?.workspaceId || null;
+  const hasActiveChatRuns = chatRuns.some((run) => run.status === "queued" || run.status === "running");
+  const hasActiveProcesses = processes.some((process) => ACTIVE_STATES.has(process.state));
+  const pollIntervalMs = hasActiveChatRuns || hasActiveProcesses ? busyIntervalMs : idleIntervalMs;
 
   useEffect(() => {
     if (!key) {
       setActiveAgents(new Set());
       setProcesses([]);
       setStreaming({});
+      setChatRuns([]);
       return;
     }
 
     poll();
-    const id = setInterval(poll, intervalMs);
+    const id = setInterval(poll, pollIntervalMs);
     return () => clearInterval(id);
-  }, [key, intervalMs, poll]);
+  }, [key, pollIntervalMs, poll]);
 
-  return { activeAgents, processes, streaming, poll };
+  return { activeAgents, processes, streaming, chatRuns, poll };
 }

package/cloud-runtime/standalone/hooks/useThreadState.ts

@@ -41,10 +41,18 @@ export function useThreadState(initialThreadId?: string) {
 
     (async () => {
       try {
-        const fetched = await threadService.listThreads();
+        const routeThreadId = (initialThreadId || searchParams.get("thread") || "").trim() || null;
+        let fetched = await threadService.listThreads();
+        if (routeThreadId && !fetched.some((thread) => thread.id === routeThreadId)) {
+          const placeholder = await threadService.createThread({ id: routeThreadId });
+          fetched = sortByCreatedAt([
+            ...fetched.filter((thread) => thread.id !== placeholder.id),
+            placeholder,
+          ]);
+        }
         if (cancelled || !isMounted.current) return;
         setThreads(fetched);
-        const urlThreadId = initialThreadId || searchParams.get("thread");
+        const urlThreadId = routeThreadId;
         const savedThreadId = urlThreadId || loadLastThreadId();
         const { threadId: resolvedThreadId, shouldClearSavedId, restoredFromStorage } =
           resolveInitialThreadSelection(fetched, savedThreadId);