create-expert 0.0.20 → 0.0.22

package/dist/bin/cli.js

@@ -4,11 +4,11 @@ import { parseWithFriendlyError, perstackConfigSchema, startCommandInputSchema,
 import { readFile, mkdir, writeFile } from 'fs/promises';
 import path5 from 'path';
 import { findLockfile, loadLockfile, runtimeVersion, run } from '@perstack/runtime';
+import dotenv from 'dotenv';
+import TOML from 'smol-toml';
 import { render, useApp, useInput, Box, Text } from 'ink';
 import { createContext, useMemo, useReducer, useState, useEffect, useCallback, useRef, useInsertionEffect, useContext } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import dotenv from 'dotenv';
-import TOML from 'smol-toml';
 import { Command } from 'commander';
 
 // ../../node_modules/.pnpm/@noble+hashes@2.0.1/node_modules/@noble/hashes/_u64.js
@@ -1635,7 +1635,7 @@ function toFixedPoint(str, e, z) {
 var BigNumber = clone();
 var bignumber_default = BigNumber;
 
-// ../../node_modules/.pnpm/@paralleldrive+cuid2@3.0.6/node_modules/@paralleldrive/cuid2/src/index.js
+// ../../node_modules/.pnpm/@paralleldrive+cuid2@3.3.0/node_modules/@paralleldrive/cuid2/src/index.js
 var defaultLength = 24;
 var bigLength = 32;
 var createRandom = () => {
@@ -1887,2308 +1887,2318 @@ function getRunIdsByJobId(jobId) {
   }
   return readdirSync(runsDir, { withFileTypes: true }).filter((dir) => dir.isDirectory()).map((dir) => dir.name);
 }
-
-// ../../packages/tui-components/src/utils/event-queue.ts
-var defaultErrorLogger = (message, error) => {
-  console.error(message, error);
-};
-var EventQueue = class _EventQueue {
-  static MAX_PENDING_EVENTS = 1e3;
-  pendingEvents = [];
-  handler = null;
-  onError;
-  errorLogger;
-  constructor(options) {
-    this.onError = options?.onError;
-    this.errorLogger = options?.errorLogger ?? defaultErrorLogger;
+function getEnv(envPath) {
+  const env = Object.fromEntries(
+    Object.entries(process.env).filter(([_, value]) => !!value).map(([key, value]) => [key, value])
+  );
+  dotenv.config({ path: envPath, processEnv: env, quiet: true });
+  return env;
+}
+var ALLOWED_CONFIG_HOSTS = ["raw.githubusercontent.com"];
+async function getPerstackConfig(configPath) {
+  const configString = await findPerstackConfigString(configPath);
+  if (configString === null) {
+    throw new Error("perstack.toml not found. Create one or specify --config path.");
   }
-  setHandler(fn) {
-    this.handler = fn;
-    for (const event of this.pendingEvents) {
-      this.safeHandle(event);
-    }
-    this.pendingEvents.length = 0;
+  return await parsePerstackConfig(configString);
+}
+function isRemoteUrl(configPath) {
+  const lower = configPath.toLowerCase();
+  return lower.startsWith("https://") || lower.startsWith("http://");
+}
+async function fetchRemoteConfig(url) {
+  let parsed;
+  try {
+    parsed = new URL(url);
+  } catch {
+    throw new Error(`Invalid remote config URL: ${url}`);
   }
-  emit(event) {
-    if (this.handler) {
-      this.safeHandle(event);
-    } else {
-      if (this.pendingEvents.length >= _EventQueue.MAX_PENDING_EVENTS) {
-        this.pendingEvents.shift();
-      }
-      this.pendingEvents.push(event);
+  if (parsed.protocol !== "https:") {
+    throw new Error("Remote config requires HTTPS");
+  }
+  if (!ALLOWED_CONFIG_HOSTS.includes(parsed.hostname)) {
+    throw new Error(`Remote config only allowed from: ${ALLOWED_CONFIG_HOSTS.join(", ")}`);
+  }
+  try {
+    const response = await fetch(url, { redirect: "error" });
+    if (!response.ok) {
+      throw new Error(`${response.status} ${response.statusText}`);
     }
+    return await response.text();
+  } catch (error) {
+    const message = error instanceof Error ? error.message : String(error);
+    throw new Error(`Failed to fetch remote config: ${message}`);
   }
-  safeHandle(event) {
+}
+async function findPerstackConfigString(configPath) {
+  if (configPath) {
+    if (isRemoteUrl(configPath)) {
+      return await fetchRemoteConfig(configPath);
+    }
     try {
-      this.handler?.(event);
-    } catch (error) {
-      if (this.onError) {
-        this.onError(error);
-      } else {
-        this.errorLogger("EventQueue handler error:", error);
-      }
+      const tomlString = await readFile(path5.resolve(process.cwd(), configPath), "utf-8");
+      return tomlString;
+    } catch {
+      throw new Error(`Given config path "${configPath}" is not found`);
     }
   }
-};
-var InputAreaContext = createContext(null);
-var InputAreaProvider = InputAreaContext.Provider;
-var useInputAreaContext = () => {
-  const context = useContext(InputAreaContext);
-  if (!context) {
-    throw new Error("useInputAreaContext must be used within InputAreaProvider");
+  return await findPerstackConfigStringRecursively(path5.resolve(process.cwd()));
+}
+async function findPerstackConfigStringRecursively(cwd) {
+  try {
+    const tomlString = await readFile(path5.resolve(cwd, "perstack.toml"), "utf-8");
+    return tomlString;
+  } catch {
+    if (cwd === path5.parse(cwd).root) {
+      return null;
+    }
+    return await findPerstackConfigStringRecursively(path5.dirname(cwd));
   }
-  return context;
-};
-
-// ../../packages/tui-components/src/helpers.ts
-var truncateText = (text, maxLength) => {
-  if (text.length <= maxLength) return text;
-  return `${text.slice(0, maxLength)}...`;
-};
-var assertNever = (x) => {
-  throw new Error(`Unexpected value: ${x}`);
-};
-var formatTimestamp = (timestamp) => new Date(timestamp).toLocaleString();
-var shortenPath = (fullPath, maxLength = 60) => {
-  if (fullPath.length <= maxLength) return fullPath;
-  const parts = fullPath.split("/");
-  if (parts.length <= 2) return fullPath;
-  const filename = parts[parts.length - 1] ?? "";
-  const parentDir = parts[parts.length - 2] ?? "";
-  const shortened = `.../${parentDir}/${filename}`;
-  if (shortened.length <= maxLength) return shortened;
-  return `.../${filename}`;
-};
-var summarizeOutput = (lines, maxLines) => {
-  const filtered = lines.filter((l) => l.trim());
-  const visible = filtered.slice(0, maxLines);
-  const remaining = filtered.length - visible.length;
-  return { visible, remaining };
-};
+}
+async function parsePerstackConfig(config2) {
+  const toml = TOML.parse(config2 ?? "");
+  return parseWithFriendlyError(perstackConfigSchema, toml, "perstack.toml");
+}
 
-// ../../packages/tui-components/src/constants.ts
-var UI_CONSTANTS = {
-  MAX_VISIBLE_LIST_ITEMS: 25,
-  TRUNCATE_TEXT_MEDIUM: 80,
-  TRUNCATE_TEXT_DEFAULT: 100};
-var RENDER_CONSTANTS = {
-  EXEC_OUTPUT_MAX_LINES: 4,
-  NEW_TODO_MAX_PREVIEW: 3,
-  LIST_DIR_MAX_ITEMS: 4
-};
-var INDICATOR = {
-  BULLET: "\u25CF",
-  TREE: "\u2514",
-  ELLIPSIS: "..."
+// ../../packages/tui/src/lib/provider-config.ts
+var PROVIDER_ENV_MAP = {
+  anthropic: "ANTHROPIC_API_KEY",
+  google: "GOOGLE_GENERATIVE_AI_API_KEY",
+  openai: "OPENAI_API_KEY",
+  deepseek: "DEEPSEEK_API_KEY",
+  "azure-openai": "AZURE_API_KEY",
+  "amazon-bedrock": "AWS_ACCESS_KEY_ID",
+  "google-vertex": "GOOGLE_APPLICATION_CREDENTIALS",
+  ollama: void 0
 };
-var STOP_EVENT_TYPES = [
-  "stopRunByInteractiveTool",
-  "stopRunByDelegate",
-  "stopRunByExceededMaxSteps"
-];
-var KEY_BINDINGS = {
-  NAVIGATE_UP: "\u2191",
-  NAVIGATE_DOWN: "\u2193",
-  SELECT: "Enter",
-  BACK: "b",
-  ESCAPE: "Esc",
-  INPUT_MODE: "i",
-  HISTORY: "h",
-  NEW: "n",
-  CHECKPOINTS: "c",
-  EVENTS: "e",
-  RESUME: "Enter"};
-var KEY_HINTS = {
-  NAVIGATE: `${KEY_BINDINGS.NAVIGATE_UP}${KEY_BINDINGS.NAVIGATE_DOWN}:Navigate`,
-  SELECT: `${KEY_BINDINGS.SELECT}:Select`,
-  RESUME: `${KEY_BINDINGS.RESUME}:Resume`,
-  BACK: `${KEY_BINDINGS.BACK}:Back`,
-  CANCEL: `${KEY_BINDINGS.ESCAPE}:Cancel`,
-  INPUT: `${KEY_BINDINGS.INPUT_MODE}:Input`,
-  HISTORY: `${KEY_BINDINGS.HISTORY}:History`,
-  NEW: `${KEY_BINDINGS.NEW}:New Run`,
-  CHECKPOINTS: `${KEY_BINDINGS.CHECKPOINTS}:Checkpoints`,
-  EVENTS: `${KEY_BINDINGS.EVENTS}:Events`};
-var useListNavigation = (options) => {
-  const { items, onSelect, onBack } = options;
-  const [selectedIndex, setSelectedIndex] = useState(0);
-  useEffect(() => {
-    if (selectedIndex >= items.length && items.length > 0) {
-      setSelectedIndex(items.length - 1);
+function getProviderConfig(provider, env, providerTable) {
+  const setting = providerTable?.setting ?? {};
+  switch (provider) {
+    case "anthropic": {
+      const apiKey = env.ANTHROPIC_API_KEY;
+      if (!apiKey) throw new Error("ANTHROPIC_API_KEY is not set");
+      return {
+        providerName: "anthropic",
+        apiKey,
+        baseUrl: setting.baseUrl ?? env.ANTHROPIC_BASE_URL,
+        headers: setting.headers
+      };
     }
-  }, [items.length, selectedIndex]);
-  const handleNavigation = useCallback(
-    (inputChar, key) => {
-      if (key.upArrow && items.length > 0) {
-        setSelectedIndex((prev) => Math.max(0, prev - 1));
-        return true;
-      }
-      if (key.downArrow && items.length > 0) {
-        setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
-        return true;
-      }
-      if (key.return && items[selectedIndex]) {
-        onSelect?.(items[selectedIndex]);
-        return true;
-      }
-      if ((key.escape || inputChar === "b") && onBack) {
-        onBack();
-        return true;
-      }
-      return false;
-    },
-    [items, selectedIndex, onSelect, onBack]
-  );
-  return { selectedIndex, handleNavigation };
-};
-var ListBrowser = ({
-  title,
-  items,
-  renderItem,
-  onSelect,
-  emptyMessage = "No items found",
-  extraKeyHandler,
-  onBack,
-  maxItems = UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS
-}) => {
-  const { selectedIndex, handleNavigation } = useListNavigation({
-    items,
-    onSelect,
-    onBack
-  });
-  useInput((inputChar, key) => {
-    if (extraKeyHandler?.(inputChar, key, items[selectedIndex])) return;
-    handleNavigation(inputChar, key);
-  });
-  const { scrollOffset, displayItems } = useMemo(() => {
-    const offset = Math.max(0, Math.min(selectedIndex - maxItems + 1, items.length - maxItems));
-    return {
-      scrollOffset: offset,
-      displayItems: items.slice(offset, offset + maxItems)
-    };
-  }, [items, selectedIndex, maxItems]);
-  const hasMoreAbove = scrollOffset > 0;
-  const hasMoreBelow = scrollOffset + maxItems < items.length;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: title }),
-      items.length > maxItems && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-        " ",
-        "(",
-        selectedIndex + 1,
-        "/",
-        items.length,
-        ")"
-      ] })
-    ] }),
-    hasMoreAbove && /* @__PURE__ */ jsx(Text, { color: "gray", children: INDICATOR.ELLIPSIS }),
-    /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: displayItems.length === 0 ? /* @__PURE__ */ jsx(Text, { color: "gray", children: emptyMessage }) : displayItems.map((item, index) => {
-      const actualIndex = scrollOffset + index;
-      return renderItem(item, actualIndex === selectedIndex, actualIndex);
-    }) }),
-    hasMoreBelow && /* @__PURE__ */ jsx(Text, { color: "gray", children: INDICATOR.ELLIPSIS })
-  ] });
-};
-var BrowsingCheckpointsInput = ({
-  job,
-  checkpoints,
-  onCheckpointSelect,
-  onCheckpointResume,
-  onBack,
-  showEventsHint = true
-}) => /* @__PURE__ */ jsx(
-  ListBrowser,
-  {
-    title: `Checkpoints for ${job.expertKey} ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.RESUME} ${showEventsHint ? KEY_HINTS.EVENTS : ""} ${KEY_HINTS.BACK}`.trim(),
-    items: checkpoints,
-    onSelect: onCheckpointResume,
-    onBack,
-    emptyMessage: "No checkpoints found",
-    extraKeyHandler: (char, _key, selected) => {
-      if (char === "e" && selected) {
-        onCheckpointSelect(selected);
-        return true;
-      }
-      return false;
-    },
-    renderItem: (cp, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
-      isSelected ? ">" : " ",
-      " Step ",
-      cp.stepNumber,
-      " (",
-      cp.id,
-      ")"
-    ] }, cp.id)
-  }
-);
-var BrowsingEventDetailInput = ({ event, onBack }) => {
-  useInput((input, key) => {
-    if (input === "b" || key.escape) {
-      onBack();
+    case "google": {
+      const apiKey = env.GOOGLE_GENERATIVE_AI_API_KEY;
+      if (!apiKey) throw new Error("GOOGLE_GENERATIVE_AI_API_KEY is not set");
+      return {
+        providerName: "google",
+        apiKey,
+        baseUrl: setting.baseUrl ?? env.GOOGLE_GENERATIVE_AI_BASE_URL,
+        headers: setting.headers
+      };
+    }
+    case "openai": {
+      const apiKey = env.OPENAI_API_KEY;
+      if (!apiKey) throw new Error("OPENAI_API_KEY is not set");
+      return {
+        providerName: "openai",
+        apiKey,
+        baseUrl: setting.baseUrl ?? env.OPENAI_BASE_URL,
+        organization: setting.organization ?? env.OPENAI_ORGANIZATION,
+        project: setting.project ?? env.OPENAI_PROJECT,
+        name: setting.name,
+        headers: setting.headers
+      };
+    }
+    case "ollama": {
+      return {
+        providerName: "ollama",
+        baseUrl: setting.baseUrl ?? env.OLLAMA_BASE_URL,
+        headers: setting.headers
+      };
+    }
+    case "azure-openai": {
+      const apiKey = env.AZURE_API_KEY;
+      if (!apiKey) throw new Error("AZURE_API_KEY is not set");
+      const resourceName = setting.resourceName ?? env.AZURE_RESOURCE_NAME;
+      const baseUrl = setting.baseUrl ?? env.AZURE_BASE_URL;
+      if (!resourceName && !baseUrl) throw new Error("AZURE_RESOURCE_NAME or baseUrl is not set");
+      return {
+        providerName: "azure-openai",
+        apiKey,
+        resourceName,
+        apiVersion: setting.apiVersion ?? env.AZURE_API_VERSION,
+        baseUrl,
+        headers: setting.headers,
+        useDeploymentBasedUrls: setting.useDeploymentBasedUrls
+      };
+    }
+    case "amazon-bedrock": {
+      const accessKeyId = env.AWS_ACCESS_KEY_ID;
+      const secretAccessKey = env.AWS_SECRET_ACCESS_KEY;
+      const sessionToken = env.AWS_SESSION_TOKEN;
+      if (!accessKeyId) throw new Error("AWS_ACCESS_KEY_ID is not set");
+      if (!secretAccessKey) throw new Error("AWS_SECRET_ACCESS_KEY is not set");
+      const region = setting.region ?? env.AWS_REGION;
+      if (!region) throw new Error("AWS_REGION is not set");
+      return {
+        providerName: "amazon-bedrock",
+        accessKeyId,
+        secretAccessKey,
+        region,
+        sessionToken
+      };
+    }
+    case "google-vertex": {
+      return {
+        providerName: "google-vertex",
+        project: setting.project ?? env.GOOGLE_VERTEX_PROJECT,
+        location: setting.location ?? env.GOOGLE_VERTEX_LOCATION,
+        baseUrl: setting.baseUrl ?? env.GOOGLE_VERTEX_BASE_URL,
+        headers: setting.headers
+      };
+    }
+    case "deepseek": {
+      const apiKey = env.DEEPSEEK_API_KEY;
+      if (!apiKey) throw new Error("DEEPSEEK_API_KEY is not set");
+      return {
+        providerName: "deepseek",
+        apiKey,
+        baseUrl: setting.baseUrl ?? env.DEEPSEEK_BASE_URL,
+        headers: setting.headers
+      };
     }
-  });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx(Text, { bold: true, children: "Event Detail" }),
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        " ",
-        KEY_HINTS.BACK
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Type: " }),
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: event.type })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Step: " }),
-        /* @__PURE__ */ jsx(Text, { children: event.stepNumber })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Timestamp: " }),
-        /* @__PURE__ */ jsx(Text, { children: formatTimestamp(event.timestamp) })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "ID: " }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: event.id })
-      ] }),
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Run ID: " }),
-        /* @__PURE__ */ jsx(Text, { dimColor: true, children: event.runId })
-      ] })
-    ] })
-  ] });
-};
-var BrowsingEventsInput = ({
-  checkpoint,
-  events,
-  onEventSelect,
-  onBack
-}) => /* @__PURE__ */ jsx(
-  ListBrowser,
-  {
-    title: `Events for Step ${checkpoint.stepNumber} ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.SELECT} ${KEY_HINTS.BACK}`,
-    items: events,
-    onSelect: onEventSelect,
-    onBack,
-    emptyMessage: "No events found",
-    renderItem: (ev, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
-      isSelected ? ">" : " ",
-      " [",
-      ev.type,
-      "] Step ",
-      ev.stepNumber,
-      " (",
-      formatTimestamp(ev.timestamp),
-      ")"
-    ] }, ev.id)
   }
-);
-var TOOL_RESULT_EVENT_TYPES = /* @__PURE__ */ new Set(["resolveToolResults", "attemptCompletion"]);
-function toolToActivity(toolCall, toolResult, reasoning, meta) {
-  const { skillName, toolName } = toolCall;
-  const baseActivity = skillName.startsWith(BASE_SKILL_PREFIX) ? createBaseToolActivity(toolName, toolCall, toolResult, reasoning) : createGeneralToolActivity(skillName, toolName, toolCall, toolResult, reasoning);
-  return {
-    ...baseActivity,
-    id: meta.id,
-    expertKey: meta.expertKey,
-    runId: meta.runId,
-    previousActivityId: meta.previousActivityId,
-    delegatedBy: meta.delegatedBy
-  };
 }
-function createInitialActivityProcessState() {
-  return {
-    tools: /* @__PURE__ */ new Map(),
-    runStates: /* @__PURE__ */ new Map()
-  };
+function getAllJobs2() {
+  return getAllJobs();
 }
-function getOrCreateRunState(state, runId, expertKey) {
-  let runState = state.runStates.get(runId);
-  if (!runState) {
-    runState = {
-      expertKey,
-      queryLogged: false,
-      completionLogged: false,
-      isComplete: false,
-      pendingDelegateCount: 0
-    };
-    state.runStates.set(runId, runState);
+function getAllRuns2() {
+  return getAllRuns();
+}
+function getMostRecentRun() {
+  const runs = getAllRuns2();
+  if (runs.length === 0) {
+    throw new Error("No runs found");
   }
-  return runState;
+  return runs[0];
 }
-var isRunEvent = (event) => "type" in event && "expertKey" in event;
-var isCompleteStreamingReasoningEvent = (event) => "type" in event && event.type === "completeStreamingReasoning";
-var isToolCallsEvent = (event) => event.type === "callTools" && "toolCalls" in event;
-var isStopRunByDelegateEvent = (event) => event.type === "stopRunByDelegate" && "checkpoint" in event;
-var isStopRunByInteractiveToolEvent = (event) => event.type === "stopRunByInteractiveTool" && "checkpoint" in event;
-var isToolResultsEvent = (event) => event.type === "resolveToolResults" && "toolResults" in event;
-var isToolResultEvent = (event) => TOOL_RESULT_EVENT_TYPES.has(event.type) && "toolResult" in event;
-function wrapInGroupIfParallel(activities, reasoning, meta) {
-  if (activities.length <= 1) {
-    return activities;
+function getCheckpointsByJobId2(jobId) {
+  return getCheckpointsByJobId(jobId);
+}
+function getMostRecentCheckpoint(jobId) {
+  const targetJobId = jobId ?? getMostRecentRun().jobId;
+  const checkpoints = getCheckpointsByJobId2(targetJobId);
+  if (checkpoints.length === 0) {
+    throw new Error(`No checkpoints found for job ${targetJobId}`);
   }
-  const activitiesWithoutReasoning = activities.map((a) => {
-    const { reasoning: _, ...rest } = a;
-    return rest;
-  });
-  const group = {
-    type: "parallelGroup",
-    id: `parallel-${activities[0].id}`,
-    expertKey: meta.expertKey,
-    runId: meta.runId,
-    reasoning,
-    activities: activitiesWithoutReasoning
-  };
-  return [group];
+  return checkpoints[checkpoints.length - 1];
 }
-function processRunEventToActivity(state, event, addActivity) {
-  if (isCompleteStreamingReasoningEvent(event)) {
-    const reasoningEvent = event;
-    const { runId, text, expertKey } = reasoningEvent;
-    const runState2 = state.runStates.get(runId);
-    if (runState2) {
-      runState2.completedReasoning = text;
-    } else {
-      state.runStates.set(runId, {
-        expertKey,
-        queryLogged: false,
-        completionLogged: false,
-        isComplete: false,
-        pendingDelegateCount: 0,
-        completedReasoning: text
+function getRecentExperts(limit) {
+  const runs = getAllRuns2();
+  const expertMap = /* @__PURE__ */ new Map();
+  for (const setting of runs) {
+    const expertKey = setting.expertKey;
+    if (!expertMap.has(expertKey) || expertMap.get(expertKey).lastUsed < setting.updatedAt) {
+      expertMap.set(expertKey, {
+        key: expertKey,
+        name: expertKey,
+        lastUsed: setting.updatedAt
       });
     }
-    return;
   }
-  if (!isRunEvent(event)) {
-    return;
+  return Array.from(expertMap.values()).sort((a, b) => b.lastUsed - a.lastUsed).slice(0, limit);
+}
+function getCheckpointById(jobId, checkpointId) {
+  const checkpointPath = getCheckpointPath(jobId, checkpointId);
+  if (!existsSync(checkpointPath)) {
+    throw new Error(`Checkpoint ${checkpointId} not found in job ${jobId}`);
   }
-  const runState = getOrCreateRunState(state, event.runId, event.expertKey);
-  if (event.type === "startRun") {
-    const startRunEvent = event;
-    const userMessage = startRunEvent.inputMessages.find((m) => m.type === "userMessage");
-    const queryText = userMessage?.contents?.find((c) => c.type === "textPart")?.text;
-    if (!runState.delegatedBy) {
-      const delegatedByInfo = startRunEvent.initialCheckpoint?.delegatedBy;
-      if (delegatedByInfo) {
-        runState.delegatedBy = {
-          expertKey: delegatedByInfo.expert.key,
-          runId: delegatedByInfo.runId
-        };
-      }
-    }
-    const isDelegationReturn = startRunEvent.initialCheckpoint?.status === "stoppedByDelegate" || startRunEvent.initialCheckpoint?.status === "stoppedByInteractiveTool";
-    if (queryText && !runState.queryLogged && !isDelegationReturn) {
-      const activityId = `query-${event.runId}`;
-      addActivity({
-        type: "query",
-        id: activityId,
-        expertKey: event.expertKey,
-        runId: event.runId,
-        previousActivityId: runState.lastActivityId,
-        delegatedBy: runState.delegatedBy,
-        text: queryText
-      });
-      runState.lastActivityId = activityId;
-      runState.queryLogged = true;
-    }
-    return;
+  const checkpoint = readFileSync(checkpointPath, "utf-8");
+  return checkpointSchema.parse(JSON.parse(checkpoint));
+}
+function getCheckpointsWithDetails(jobId) {
+  return getCheckpointsByJobId2(jobId).map((cp) => ({
+    id: cp.id,
+    runId: cp.runId,
+    stepNumber: cp.stepNumber,
+    contextWindowUsage: cp.contextWindowUsage ?? 0
+  })).sort((a, b) => b.stepNumber - a.stepNumber);
+}
+function getAllEventContentsForJob(jobId, maxStepNumber) {
+  const runIds = getRunIdsByJobId(jobId);
+  const allEvents = [];
+  for (const runId of runIds) {
+    const events = getEventContents(jobId, runId, maxStepNumber);
+    allEvents.push(...events);
   }
-  if (event.type === "resumeFromStop") {
-    if (!runState.delegatedBy) {
-      const resumeEvent = event;
-      const delegatedByInfo = resumeEvent.checkpoint?.delegatedBy;
-      if (delegatedByInfo) {
-        runState.delegatedBy = {
-          expertKey: delegatedByInfo.expert.key,
-          runId: delegatedByInfo.runId
-        };
-      }
+  return allEvents.sort((a, b) => a.timestamp - b.timestamp);
+}
+
+// ../../packages/tui/src/lib/context.ts
+var defaultProvider = "anthropic";
+var defaultModel = "claude-sonnet-4-5";
+async function resolveRunContext(input) {
+  const perstackConfig = input.perstackConfig ?? await getPerstackConfig(input.configPath);
+  let checkpoint;
+  if (input.resumeFrom) {
+    if (!input.continueJob) {
+      throw new Error("--resume-from requires --continue-job");
     }
-    return;
+    checkpoint = getCheckpointById(input.continueJob, input.resumeFrom);
+  } else if (input.continueJob) {
+    checkpoint = getMostRecentCheckpoint(input.continueJob);
+  } else if (input.continue) {
+    checkpoint = getMostRecentCheckpoint();
   }
-  if (event.type === "retry") {
-    const retryEvent = event;
-    const activityId = `retry-${event.id}`;
-    addActivity({
-      type: "retry",
-      id: activityId,
-      expertKey: event.expertKey,
-      runId: event.runId,
-      previousActivityId: runState.lastActivityId,
-      delegatedBy: runState.delegatedBy,
-      reasoning: runState.completedReasoning,
-      error: retryEvent.reason,
-      message: ""
-    });
-    runState.lastActivityId = activityId;
-    runState.completedReasoning = void 0;
-    return;
+  if ((input.continue || input.continueJob || input.resumeFrom) && !checkpoint) {
+    throw new Error("No checkpoint found");
   }
-  if (event.type === "completeRun") {
-    if (!runState.completionLogged) {
-      const text = event.text ?? "";
-      const activityId = `completion-${event.runId}`;
-      addActivity({
-        type: "complete",
-        id: activityId,
-        expertKey: event.expertKey,
-        runId: event.runId,
-        previousActivityId: runState.lastActivityId,
-        delegatedBy: runState.delegatedBy,
-        reasoning: runState.completedReasoning,
-        text
-      });
-      runState.lastActivityId = activityId;
-      runState.completionLogged = true;
-      runState.isComplete = true;
-      runState.completedReasoning = void 0;
-    }
-    return;
+  if (checkpoint && input.expertKey && checkpoint.expert.key !== input.expertKey) {
+    throw new Error(
+      `Checkpoint expert key ${checkpoint.expert.key} does not match input expert key ${input.expertKey}`
+    );
   }
-  if (event.type === "stopRunByError") {
-    const errorEvent = event;
-    const activityId = `error-${event.id}`;
-    addActivity({
-      type: "error",
-      id: activityId,
-      expertKey: event.expertKey,
-      runId: event.runId,
-      previousActivityId: runState.lastActivityId,
-      delegatedBy: runState.delegatedBy,
-      errorName: errorEvent.error.name,
-      error: errorEvent.error.message,
-      isRetryable: errorEvent.error.isRetryable
-    });
-    runState.lastActivityId = activityId;
-    runState.isComplete = true;
-    runState.completedReasoning = void 0;
-    return;
+  const envPath = input.envPath && input.envPath.length > 0 ? input.envPath : perstackConfig.envPath ?? [".env", ".env.local"];
+  const env = getEnv(envPath);
+  const provider = input.provider ?? perstackConfig.provider?.providerName ?? defaultProvider;
+  const model = input.model ?? perstackConfig.model ?? defaultModel;
+  const providerConfig = getProviderConfig(provider, env, perstackConfig.provider);
+  const experts = Object.fromEntries(
+    Object.entries(perstackConfig.experts ?? {}).map(([name, expert]) => {
+      return [
+        name,
+        {
+          name,
+          version: expert.version ?? "1.0.0",
+          description: expert.description,
+          instruction: expert.instruction,
+          skills: expert.skills,
+          delegates: expert.delegates,
+          tags: expert.tags
+        }
+      ];
+    })
+  );
+  return {
+    perstackConfig,
+    checkpoint,
+    env,
+    providerConfig,
+    model,
+    experts
+  };
+}
+
+// ../../packages/tui/src/lib/interactive.ts
+function parseInteractiveToolCallResult(query, checkpoint) {
+  const lastMessage = checkpoint.messages[checkpoint.messages.length - 1];
+  if (lastMessage.type !== "expertMessage") {
+    throw new Error("Last message is not a expert message");
   }
-  if (isToolCallsEvent(event)) {
-    for (const toolCall of event.toolCalls) {
-      if (!state.tools.has(toolCall.id)) {
-        state.tools.set(toolCall.id, { id: toolCall.id, toolCall, logged: false });
-      }
+  const content = lastMessage.contents.find((c) => c.type === "toolCallPart");
+  if (!content || content.type !== "toolCallPart") {
+    throw new Error("Last message content is not a tool call part");
+  }
+  const toolCallId = content.toolCallId;
+  const toolName = content.toolName;
+  const pendingToolCall = checkpoint.pendingToolCalls?.find((tc) => tc.id === toolCallId);
+  const skillName = pendingToolCall?.skillName ?? "";
+  return {
+    interactiveToolCallResult: {
+      toolCallId,
+      toolName,
+      skillName,
+      text: query
     }
+  };
+}
+
+// ../../packages/tui-components/src/utils/event-queue.ts
+var defaultErrorLogger = (message, error) => {
+  console.error(message, error);
+};
+var EventQueue = class _EventQueue {
+  static MAX_PENDING_EVENTS = 1e3;
+  pendingEvents = [];
+  handler = null;
+  onError;
+  errorLogger;
+  constructor(options) {
+    this.onError = options?.onError;
+    this.errorLogger = options?.errorLogger ?? defaultErrorLogger;
   }
-  if (isStopRunByDelegateEvent(event)) {
-    const reasoning = runState.completedReasoning;
-    const delegations = event.checkpoint.delegateTo ?? [];
-    runState.pendingDelegateCount += delegations.length;
-    const delegateActivities = [];
-    for (const delegation of delegations) {
-      const existingTool = state.tools.get(delegation.toolCallId);
-      if (!existingTool || !existingTool.logged) {
-        if (existingTool) {
-          existingTool.logged = true;
-        }
-        const activityId = `delegate-${delegation.toolCallId}`;
-        delegateActivities.push({
-          type: "delegate",
-          id: activityId,
-          expertKey: event.expertKey,
-          runId: event.runId,
-          previousActivityId: runState.lastActivityId,
-          delegatedBy: runState.delegatedBy,
-          delegateExpertKey: delegation.expert.key,
-          query: delegation.query,
-          reasoning
-        });
-        runState.lastActivityId = activityId;
-      }
-    }
-    const wrapped = wrapInGroupIfParallel(delegateActivities, reasoning, {
-      expertKey: event.expertKey,
-      runId: event.runId,
-      delegatedBy: runState.delegatedBy
-    });
-    for (const item of wrapped) {
-      addActivity(item);
+  setHandler(fn) {
+    this.handler = fn;
+    for (const event of this.pendingEvents) {
+      this.safeHandle(event);
     }
-    runState.completedReasoning = void 0;
-    return;
+    this.pendingEvents.length = 0;
   }
-  if (isStopRunByInteractiveToolEvent(event)) {
-    const reasoning = runState.completedReasoning;
-    const pendingToolCalls = event.checkpoint.pendingToolCalls ?? [];
-    const interactiveActivities = [];
-    for (const toolCall of pendingToolCalls) {
-      const existingTool = state.tools.get(toolCall.id);
-      if (!existingTool || !existingTool.logged) {
-        if (existingTool) {
-          existingTool.logged = true;
-        }
-        const activityId = `interactive-${toolCall.id}`;
-        interactiveActivities.push({
-          type: "interactiveTool",
-          id: activityId,
-          expertKey: event.expertKey,
-          runId: event.runId,
-          previousActivityId: runState.lastActivityId,
-          delegatedBy: runState.delegatedBy,
-          skillName: toolCall.skillName,
-          toolName: toolCall.toolName,
-          args: toolCall.args,
-          reasoning
-        });
-        runState.lastActivityId = activityId;
+  emit(event) {
+    if (this.handler) {
+      this.safeHandle(event);
+    } else {
+      if (this.pendingEvents.length >= _EventQueue.MAX_PENDING_EVENTS) {
+        this.pendingEvents.shift();
       }
+      this.pendingEvents.push(event);
     }
-    const wrapped = wrapInGroupIfParallel(interactiveActivities, reasoning, {
-      expertKey: event.expertKey,
-      runId: event.runId,
-      delegatedBy: runState.delegatedBy
-    });
-    for (const item of wrapped) {
-      addActivity(item);
-    }
-    runState.completedReasoning = void 0;
-    return;
   }
-  if (isToolResultsEvent(event)) {
-    const reasoning = runState.completedReasoning;
-    const toolActivities = [];
-    for (const toolResult of event.toolResults) {
-      const tool = state.tools.get(toolResult.id);
-      if (tool && !tool.logged) {
-        const activityId = `action-${tool.id}`;
-        const activity = toolToActivity(tool.toolCall, toolResult, reasoning, {
-          id: activityId,
-          expertKey: event.expertKey,
-          runId: event.runId,
-          previousActivityId: runState.lastActivityId,
-          delegatedBy: runState.delegatedBy
-        });
-        toolActivities.push(activity);
-        runState.lastActivityId = activityId;
-        tool.logged = true;
-      }
-    }
-    if (toolActivities.length > 0) {
-      const wrapped = wrapInGroupIfParallel(toolActivities, reasoning, {
-        expertKey: event.expertKey,
-        runId: event.runId,
-        delegatedBy: runState.delegatedBy
-      });
-      for (const item of wrapped) {
-        addActivity(item);
+  safeHandle(event) {
+    try {
+      this.handler?.(event);
+    } catch (error) {
+      if (this.onError) {
+        this.onError(error);
+      } else {
+        this.errorLogger("EventQueue handler error:", error);
       }
-      runState.completedReasoning = void 0;
-    }
-  } else if (isToolResultEvent(event)) {
-    const { toolResult } = event;
-    const tool = state.tools.get(toolResult.id);
-    if (tool && !tool.logged) {
-      const activityId = `action-${tool.id}`;
-      const activity = toolToActivity(tool.toolCall, toolResult, runState.completedReasoning, {
-        id: activityId,
-        expertKey: event.expertKey,
-        runId: event.runId,
-        previousActivityId: runState.lastActivityId,
-        delegatedBy: runState.delegatedBy
-      });
-      addActivity(activity);
-      runState.lastActivityId = activityId;
-      tool.logged = true;
-      runState.completedReasoning = void 0;
     }
   }
-}
+};
+var InputAreaContext = createContext(null);
+var InputAreaProvider = InputAreaContext.Provider;
+var useInputAreaContext = () => {
+  const context = useContext(InputAreaContext);
+  if (!context) {
+    throw new Error("useInputAreaContext must be used within InputAreaProvider");
+  }
+  return context;
+};
 
-// ../../packages/react/src/hooks/use-run.ts
-var STREAMING_EVENT_TYPES = /* @__PURE__ */ new Set([
-  "startStreamingReasoning",
-  "streamReasoning",
-  "completeStreamingReasoning",
-  "startStreamingRunResult",
-  "streamRunResult",
-  "completeStreamingRunResult"
-]);
-var isStreamingEvent = (event) => "type" in event && "expertKey" in event && STREAMING_EVENT_TYPES.has(event.type);
-function processStreamingEvent(event, prevState) {
-  const { runId, expertKey } = event;
-  switch (event.type) {
-    case "startStreamingReasoning": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              expertKey,
-              reasoning: "",
-              isReasoningActive: true
-            }
-          }
-        },
-        handled: true
-      };
+// ../../packages/tui-components/src/helpers.ts
+var truncateText = (text, maxLength) => {
+  if (text.length <= maxLength) return text;
+  return `${text.slice(0, maxLength)}...`;
+};
+var assertNever = (x) => {
+  throw new Error(`Unexpected value: ${x}`);
+};
+var formatTimestamp = (timestamp) => new Date(timestamp).toLocaleString();
+var shortenPath = (fullPath, maxLength = 60) => {
+  if (fullPath.length <= maxLength) return fullPath;
+  const parts = fullPath.split("/");
+  if (parts.length <= 2) return fullPath;
+  const filename = parts[parts.length - 1] ?? "";
+  const parentDir = parts[parts.length - 2] ?? "";
+  const shortened = `.../${parentDir}/${filename}`;
+  if (shortened.length <= maxLength) return shortened;
+  return `.../${filename}`;
+};
+var summarizeOutput = (lines, maxLines) => {
+  const filtered = lines.filter((l) => l.trim());
+  const visible = filtered.slice(0, maxLines);
+  const remaining = filtered.length - visible.length;
+  return { visible, remaining };
+};
+
+// ../../packages/tui-components/src/constants.ts
+var UI_CONSTANTS = {
+  MAX_VISIBLE_LIST_ITEMS: 25,
+  TRUNCATE_TEXT_MEDIUM: 80,
+  TRUNCATE_TEXT_DEFAULT: 100};
+var RENDER_CONSTANTS = {
+  EXEC_OUTPUT_MAX_LINES: 4,
+  NEW_TODO_MAX_PREVIEW: 3,
+  LIST_DIR_MAX_ITEMS: 4
+};
+var INDICATOR = {
+  BULLET: "\u25CF",
+  TREE: "\u2514",
+  ELLIPSIS: "..."
+};
+var STOP_EVENT_TYPES = [
+  "stopRunByInteractiveTool",
+  "stopRunByDelegate",
+  "stopRunByExceededMaxSteps"
+];
+var KEY_BINDINGS = {
+  NAVIGATE_UP: "\u2191",
+  NAVIGATE_DOWN: "\u2193",
+  SELECT: "Enter",
+  BACK: "b",
+  ESCAPE: "Esc",
+  INPUT_MODE: "i",
+  HISTORY: "h",
+  NEW: "n",
+  CHECKPOINTS: "c",
+  EVENTS: "e",
+  RESUME: "Enter"};
+var KEY_HINTS = {
+  NAVIGATE: `${KEY_BINDINGS.NAVIGATE_UP}${KEY_BINDINGS.NAVIGATE_DOWN}:Navigate`,
+  SELECT: `${KEY_BINDINGS.SELECT}:Select`,
+  RESUME: `${KEY_BINDINGS.RESUME}:Resume`,
+  BACK: `${KEY_BINDINGS.BACK}:Back`,
+  CANCEL: `${KEY_BINDINGS.ESCAPE}:Cancel`,
+  INPUT: `${KEY_BINDINGS.INPUT_MODE}:Input`,
+  HISTORY: `${KEY_BINDINGS.HISTORY}:History`,
+  NEW: `${KEY_BINDINGS.NEW}:New Run`,
+  CHECKPOINTS: `${KEY_BINDINGS.CHECKPOINTS}:Checkpoints`,
+  EVENTS: `${KEY_BINDINGS.EVENTS}:Events`};
+var useListNavigation = (options) => {
+  const { items, onSelect, onBack } = options;
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    if (selectedIndex >= items.length && items.length > 0) {
+      setSelectedIndex(items.length - 1);
     }
-    case "streamReasoning": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              ...prevState.runs[runId],
-              expertKey,
-              reasoning: (prevState.runs[runId]?.reasoning ?? "") + event.delta
-            }
-          }
-        },
-        handled: true
-      };
-    }
-    case "completeStreamingReasoning": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              ...prevState.runs[runId],
-              expertKey,
-              isReasoningActive: false
-            }
-          }
-        },
-        handled: false
-      };
-    }
-    case "startStreamingRunResult": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              expertKey,
-              reasoning: void 0,
-              isReasoningActive: false,
-              runResult: "",
-              isRunResultActive: true
-            }
-          }
-        },
-        handled: true
-      };
-    }
-    case "streamRunResult": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              ...prevState.runs[runId],
-              expertKey,
-              runResult: (prevState.runs[runId]?.runResult ?? "") + event.delta
-            }
-          }
-        },
-        handled: true
-      };
-    }
-    case "completeStreamingRunResult": {
-      return {
-        newState: {
-          ...prevState,
-          runs: {
-            ...prevState.runs,
-            [runId]: {
-              ...prevState.runs[runId],
-              expertKey,
-              isRunResultActive: false
-            }
-          }
-        },
-        handled: true
-      };
-    }
-    default:
-      return { newState: prevState, handled: false };
-  }
-}
-function useRun() {
-  const [activities, setActivities] = useState([]);
-  const [streaming, setStreaming] = useState({ runs: {} });
-  const [eventCount, setEventCount] = useState(0);
-  const [isComplete, setIsComplete] = useState(false);
-  const stateRef = useRef(createInitialActivityProcessState());
-  const clearStreaming = useCallback(() => {
-    setStreaming({ runs: {} });
-  }, []);
-  const handleStreamingEvent = useCallback((event) => {
-    let handled = false;
-    setStreaming((prev) => {
-      const result = processStreamingEvent(event, prev);
-      handled = result.handled;
-      return result.newState;
-    });
-    return handled;
-  }, []);
-  const processEvent = useCallback((event) => {
-    const newActivities = [];
-    const addActivity = (activity) => newActivities.push(activity);
-    processRunEventToActivity(stateRef.current, event, addActivity);
-    if (newActivities.length > 0) {
-      setActivities((prev) => [...prev, ...newActivities]);
-    }
-    const rootRunComplete = Array.from(stateRef.current.runStates.values()).some(
-      (rs) => rs.isComplete && !rs.delegatedBy
-    );
-    setIsComplete(rootRunComplete);
-  }, []);
-  const clearRunStreaming = useCallback((runId) => {
-    setStreaming((prev) => {
-      const { [runId]: _, ...rest } = prev.runs;
-      return { runs: rest };
-    });
-  }, []);
-  const addEvent = useCallback(
-    (event) => {
-      if (isStreamingEvent(event)) {
-        const handled = handleStreamingEvent(event);
-        if (handled) {
-          setEventCount((prev) => prev + 1);
-          return;
-        }
+  }, [items.length, selectedIndex]);
+  const handleNavigation = useCallback(
+    (inputChar, key) => {
+      if (key.upArrow && items.length > 0) {
+        setSelectedIndex((prev) => Math.max(0, prev - 1));
+        return true;
       }
-      if ("type" in event && "runId" in event && (event.type === "completeRun" || event.type === "stopRunByError")) {
-        clearRunStreaming(event.runId);
+      if (key.downArrow && items.length > 0) {
+        setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
+        return true;
       }
-      processEvent(event);
-      setEventCount((prev) => prev + 1);
+      if (key.return && items[selectedIndex]) {
+        onSelect?.(items[selectedIndex]);
+        return true;
+      }
+      if ((key.escape || inputChar === "b") && onBack) {
+        onBack();
+        return true;
+      }
+      return false;
     },
-    [handleStreamingEvent, clearRunStreaming, processEvent]
+    [items, selectedIndex, onSelect, onBack]
   );
-  const appendHistoricalEvents = useCallback((historicalEvents) => {
-    const newActivities = [];
-    const addActivity = (activity) => newActivities.push(activity);
-    for (const event of historicalEvents) {
-      processRunEventToActivity(stateRef.current, event, addActivity);
-    }
-    if (newActivities.length > 0) {
-      setActivities((prev) => [...prev, ...newActivities]);
-    }
-    setEventCount((prev) => prev + historicalEvents.length);
-    const rootRunComplete = Array.from(stateRef.current.runStates.values()).some(
-      (rs) => rs.isComplete && !rs.delegatedBy
-    );
-    setIsComplete(rootRunComplete);
-  }, []);
-  return {
-    activities,
-    streaming,
-    isComplete,
-    eventCount,
-    addEvent,
-    appendHistoricalEvents,
-    clearStreaming
-  };
-}
-var useRuntimeInfo = (options) => {
-  const [runtimeInfo, setRuntimeInfo] = useState({
-    status: "initializing",
-    runtimeVersion: options.initialConfig.runtimeVersion,
-    expertName: options.initialExpertName,
-    model: options.initialConfig.model,
-    maxSteps: options.initialConfig.maxSteps,
-    maxRetries: options.initialConfig.maxRetries,
-    timeout: options.initialConfig.timeout,
-    activeSkills: [],
-    contextWindowUsage: options.initialConfig.contextWindowUsage
-  });
-  const handleEvent = useCallback((event) => {
-    if (event.type === "initializeRuntime") {
-      setRuntimeInfo((prev) => ({
-        runtimeVersion: event.runtimeVersion,
-        expertName: event.expertName,
-        model: event.model,
-        maxSteps: event.maxSteps,
-        maxRetries: event.maxRetries,
-        timeout: event.timeout,
-        currentStep: 1,
-        status: "running",
-        query: event.query,
-        statusChangedAt: Date.now(),
-        activeSkills: [],
-        contextWindowUsage: prev.contextWindowUsage
-      }));
-      return { initialized: true };
-    }
-    if (event.type === "skillConnected") {
-      setRuntimeInfo((prev) => ({
-        ...prev,
-        activeSkills: [...prev.activeSkills, event.skillName]
-      }));
-      return null;
-    }
-    if (event.type === "skillDisconnected") {
-      setRuntimeInfo((prev) => ({
-        ...prev,
-        activeSkills: prev.activeSkills.filter((s) => s !== event.skillName)
-      }));
-      return null;
-    }
-    if ("stepNumber" in event) {
-      const isComplete = event.type === "completeRun";
-      const isStopped = STOP_EVENT_TYPES.includes(event.type);
-      const checkpoint = "nextCheckpoint" in event ? event.nextCheckpoint : "checkpoint" in event ? event.checkpoint : void 0;
-      setRuntimeInfo((prev) => ({
-        ...prev,
-        currentStep: event.stepNumber,
-        status: isComplete ? "completed" : isStopped ? "stopped" : "running",
-        ...isComplete || isStopped ? { statusChangedAt: Date.now() } : {},
-        ...checkpoint?.contextWindowUsage !== void 0 ? { contextWindowUsage: checkpoint.contextWindowUsage } : {}
-      }));
-      if (isComplete) return { completed: true };
-      if (isStopped) return { stopped: true };
-    }
-    return null;
-  }, []);
-  const setExpertName = useCallback((expertName) => {
-    setRuntimeInfo((prev) => ({ ...prev, expertName }));
-  }, []);
-  const setQuery = useCallback((query) => {
-    setRuntimeInfo((prev) => ({ ...prev, query }));
-  }, []);
-  const setCurrentStep = useCallback((step) => {
-    setRuntimeInfo((prev) => ({ ...prev, currentStep: step }));
-  }, []);
-  const setContextWindowUsage = useCallback((contextWindowUsage) => {
-    setRuntimeInfo((prev) => ({ ...prev, contextWindowUsage }));
-  }, []);
-  return {
-    runtimeInfo,
-    handleEvent,
-    setExpertName,
-    setQuery,
-    setCurrentStep,
-    setContextWindowUsage
-  };
-};
-var useLatestRef = (value) => {
-  const ref = useRef(value);
-  useInsertionEffect(() => {
-    ref.current = value;
-  });
-  return ref;
+  return { selectedIndex, handleNavigation };
 };
-
-// ../../packages/tui-components/src/hooks/use-text-input.ts
-var useTextInput = (options) => {
-  const [input, setInput] = useState("");
-  const inputRef = useLatestRef(input);
-  const onSubmitRef = useLatestRef(options.onSubmit);
-  const onCancelRef = useLatestRef(options.onCancel);
-  const handleInput = useCallback(
-    (inputChar, key) => {
-      if (key.escape) {
-        setInput("");
-        onCancelRef.current?.();
-        return;
-      }
-      if (key.return && inputRef.current.trim()) {
-        onSubmitRef.current(inputRef.current.trim());
-        setInput("");
-        return;
-      }
-      if (key.backspace || key.delete) {
-        setInput((prev) => prev.slice(0, -1));
-        return;
-      }
-      if (!key.ctrl && !key.meta && inputChar) {
-        setInput((prev) => prev + inputChar);
-      }
-    },
-    [inputRef, onSubmitRef, onCancelRef]
-  );
-  const reset = useCallback(() => {
-    setInput("");
-  }, []);
-  return { input, handleInput, reset };
-};
-
-// ../../packages/tui-components/src/hooks/ui/use-expert-selector.ts
-var useExpertSelector = (options) => {
-  const { experts, onExpertSelect, extraKeyHandler } = options;
-  const [inputMode, setInputMode] = useState(false);
+var ListBrowser = ({
+  title,
+  items,
+  renderItem,
+  onSelect,
+  emptyMessage = "No items found",
+  extraKeyHandler,
+  onBack,
+  maxItems = UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS
+}) => {
   const { selectedIndex, handleNavigation } = useListNavigation({
-    items: experts,
-    onSelect: (expert) => onExpertSelect(expert.key)
+    items,
+    onSelect,
+    onBack
   });
-  const { input, handleInput, reset } = useTextInput({
-    onSubmit: (value) => {
-      onExpertSelect(value);
-      setInputMode(false);
-    },
-    onCancel: () => setInputMode(false)
+  useInput((inputChar, key) => {
+    if (extraKeyHandler?.(inputChar, key, items[selectedIndex])) return;
+    handleNavigation(inputChar, key);
   });
-  const handleKeyInput = useCallback(
-    (inputChar, key) => {
-      if (inputMode) {
-        handleInput(inputChar, key);
-        return;
-      }
-      if (handleNavigation(inputChar, key)) return;
-      if (extraKeyHandler?.(inputChar, key)) return;
-      if (inputChar === "i") {
-        reset();
-        setInputMode(true);
-      }
-    },
-    [inputMode, handleInput, handleNavigation, extraKeyHandler, reset]
-  );
-  return {
-    inputMode,
-    input,
-    selectedIndex,
-    handleKeyInput
-  };
-};
-var ExpertList = ({
-  experts,
-  selectedIndex,
-  showSource = false,
-  inline = false,
-  maxItems
-}) => {
-  const displayExperts = maxItems ? experts.slice(0, maxItems) : experts;
-  if (displayExperts.length === 0) {
-    return /* @__PURE__ */ jsx(Text, { color: "gray", children: "No experts found." });
-  }
-  const items = displayExperts.map((expert, index) => /* @__PURE__ */ jsxs(Text, { color: index === selectedIndex ? "cyan" : "gray", children: [
-    index === selectedIndex ? ">" : " ",
-    " ",
-    showSource ? expert.key : expert.name,
-    showSource && expert.source && /* @__PURE__ */ jsxs(Fragment, { children: [
-      " ",
-      /* @__PURE__ */ jsxs(Text, { color: expert.source === "configured" ? "green" : "yellow", children: [
-        "[",
-        expert.source === "configured" ? "config" : "recent",
-        "]"
+  const { scrollOffset, displayItems } = useMemo(() => {
+    const offset = Math.max(0, Math.min(selectedIndex - maxItems + 1, items.length - maxItems));
+    return {
+      scrollOffset: offset,
+      displayItems: items.slice(offset, offset + maxItems)
+    };
+  }, [items, selectedIndex, maxItems]);
+  const hasMoreAbove = scrollOffset > 0;
+  const hasMoreBelow = scrollOffset + maxItems < items.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: title }),
+      items.length > maxItems && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+        " ",
+        "(",
+        selectedIndex + 1,
+        "/",
+        items.length,
+        ")"
       ] })
     ] }),
-    inline ? " " : ""
-  ] }, expert.key));
-  return inline ? /* @__PURE__ */ jsx(Box, { children: items }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: items });
-};
-var ExpertSelectorBase = ({
-  experts,
-  hint,
-  onExpertSelect,
-  showSource = false,
-  inline = false,
-  maxItems = UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS,
-  extraKeyHandler
-}) => {
-  const { inputMode, input, selectedIndex, handleKeyInput } = useExpertSelector({
-    experts,
-    onExpertSelect,
-    extraKeyHandler
-  });
-  useInput(handleKeyInput);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: inline ? "row" : "column", children: [
-    !inputMode && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: hint }) }),
-      /* @__PURE__ */ jsx(
-        ExpertList,
-        {
-          experts,
-          selectedIndex,
-          showSource,
-          inline,
-          maxItems
-        }
-      )
-    ] }),
-    inputMode && /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Expert: " }),
-      /* @__PURE__ */ jsx(Text, { color: "white", children: input }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
-    ] })
+    hasMoreAbove && /* @__PURE__ */ jsx(Text, { color: "gray", children: INDICATOR.ELLIPSIS }),
+    /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: displayItems.length === 0 ? /* @__PURE__ */ jsx(Text, { color: "gray", children: emptyMessage }) : displayItems.map((item, index) => {
+      const actualIndex = scrollOffset + index;
+      return renderItem(item, actualIndex === selectedIndex, actualIndex);
+    }) }),
+    hasMoreBelow && /* @__PURE__ */ jsx(Text, { color: "gray", children: INDICATOR.ELLIPSIS })
   ] });
 };
-var BrowsingExpertsInput = ({
-  experts,
-  onExpertSelect,
-  onSwitchToHistory
-}) => {
-  const extraKeyHandler = useCallback(
-    (inputChar) => {
-      if (inputChar === "h") {
-        onSwitchToHistory();
-        return true;
-      }
-      return false;
-    },
-    [onSwitchToHistory]
-  );
-  const hint = `Experts ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.SELECT} ${KEY_HINTS.INPUT} ${KEY_HINTS.HISTORY} ${KEY_HINTS.CANCEL}`;
-  return /* @__PURE__ */ jsx(
-    ExpertSelectorBase,
-    {
-      experts,
-      hint,
-      onExpertSelect,
-      showSource: true,
-      maxItems: UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS,
-      extraKeyHandler
-    }
-  );
-};
-var BrowsingHistoryInput = ({
-  jobs,
-  onJobSelect,
-  onJobResume,
-  onSwitchToExperts
+var BrowsingCheckpointsInput = ({
+  job,
+  checkpoints,
+  onCheckpointSelect,
+  onCheckpointResume,
+  onBack,
+  showEventsHint = true
 }) => /* @__PURE__ */ jsx(
   ListBrowser,
   {
-    title: `Job History ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.RESUME} ${KEY_HINTS.CHECKPOINTS} ${KEY_HINTS.NEW}`,
-    items: jobs,
-    onSelect: onJobResume,
-    emptyMessage: "No jobs found. Press n to start a new job.",
+    title: `Checkpoints for ${job.expertKey} ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.RESUME} ${showEventsHint ? KEY_HINTS.EVENTS : ""} ${KEY_HINTS.BACK}`.trim(),
+    items: checkpoints,
+    onSelect: onCheckpointResume,
+    onBack,
+    emptyMessage: "No checkpoints found",
     extraKeyHandler: (char, _key, selected) => {
-      if (char === "c" && selected) {
-        onJobSelect(selected);
-        return true;
-      }
-      if (char === "n") {
-        onSwitchToExperts();
+      if (char === "e" && selected) {
+        onCheckpointSelect(selected);
         return true;
       }
       return false;
     },
-    renderItem: (job, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
+    renderItem: (cp, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
       isSelected ? ">" : " ",
-      " ",
-      job.expertKey,
-      " - ",
-      job.totalSteps,
-      " steps (",
-      job.jobId,
-      ") (",
-      formatTimestamp(job.startedAt),
+      " Step ",
+      cp.stepNumber,
+      " (",
+      cp.id,
       ")"
-    ] }, job.jobId)
+    ] }, cp.id)
   }
 );
-var BrowserRouter = ({ inputState, showEventsHint = true }) => {
-  const ctx = useInputAreaContext();
-  const handleEventSelect = useCallback(
-    (event) => {
-      if (inputState.type === "browsingEvents") {
-        ctx.onEventSelect(inputState, event);
-      }
-    },
-    [ctx.onEventSelect, inputState]
-  );
-  switch (inputState.type) {
-    case "browsingHistory":
-      return /* @__PURE__ */ jsx(
-        BrowsingHistoryInput,
-        {
-          jobs: inputState.jobs,
-          onJobSelect: ctx.onJobSelect,
-          onJobResume: ctx.onJobResume,
-          onSwitchToExperts: ctx.onSwitchToExperts
-        }
-      );
-    case "browsingExperts":
-      return /* @__PURE__ */ jsx(
-        BrowsingExpertsInput,
-        {
-          experts: inputState.experts,
-          onExpertSelect: ctx.onExpertSelect,
-          onSwitchToHistory: ctx.onSwitchToHistory
-        }
-      );
-    case "browsingCheckpoints":
-      return /* @__PURE__ */ jsx(
-        BrowsingCheckpointsInput,
-        {
-          job: inputState.job,
-          checkpoints: inputState.checkpoints,
-          onCheckpointSelect: ctx.onCheckpointSelect,
-          onCheckpointResume: ctx.onCheckpointResume,
-          onBack: ctx.onBack,
-          showEventsHint
-        }
-      );
-    case "browsingEvents":
-      return /* @__PURE__ */ jsx(
-        BrowsingEventsInput,
-        {
-          checkpoint: inputState.checkpoint,
-          events: inputState.events,
-          onEventSelect: handleEventSelect,
-          onBack: ctx.onBack
-        }
-      );
-    case "browsingEventDetail":
-      return /* @__PURE__ */ jsx(BrowsingEventDetailInput, { event: inputState.selectedEvent, onBack: ctx.onBack });
-    default:
-      return assertNever(inputState);
-  }
-};
-var ActionRowSimple = ({
-  indicatorColor,
-  text,
-  textDimColor = false
-}) => /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-  /* @__PURE__ */ jsx(Box, { paddingRight: 1, children: /* @__PURE__ */ jsx(Text, { color: indicatorColor, children: INDICATOR.BULLET }) }),
-  /* @__PURE__ */ jsx(Text, { color: "white", dimColor: textDimColor, children: text })
-] }) });
-var ActionRow = ({ indicatorColor, label, summary, children }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-  /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: indicatorColor, children: INDICATOR.BULLET }),
-    /* @__PURE__ */ jsx(Text, { color: "white", children: label }),
-    summary && /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: summary })
-  ] }),
-  /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx(Box, { paddingRight: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: INDICATOR.TREE }) }),
-    children
-  ] })
-] });
-var CheckpointActionRow = ({ action }) => {
-  if (action.type === "parallelGroup") {
-    return renderParallelGroup(action);
-  }
-  const actionElement = renderAction(action);
-  if (!actionElement) return null;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    action.reasoning && renderReasoning(action.reasoning),
-    actionElement
+var BrowsingEventDetailInput = ({ event, onBack }) => {
+  useInput((input, key) => {
+    if (input === "b" || key.escape) {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { marginBottom: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, children: "Event Detail" }),
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        " ",
+        KEY_HINTS.BACK
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Type: " }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: event.type })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Step: " }),
+        /* @__PURE__ */ jsx(Text, { children: event.stepNumber })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Timestamp: " }),
+        /* @__PURE__ */ jsx(Text, { children: formatTimestamp(event.timestamp) })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "ID: " }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: event.id })
+      ] }),
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Run ID: " }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: event.runId })
+      ] })
+    ] })
   ] });
 };
-function renderParallelGroup(group) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    group.reasoning && renderReasoning(group.reasoning),
-    group.activities.map((activity, index) => {
-      const actionElement = renderAction(activity);
-      if (!actionElement) return null;
-      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: actionElement }, activity.id || `${activity.type}-${index}`);
-    })
-  ] });
+var BrowsingEventsInput = ({
+  checkpoint,
+  events,
+  onEventSelect,
+  onBack
+}) => /* @__PURE__ */ jsx(
+  ListBrowser,
+  {
+    title: `Events for Step ${checkpoint.stepNumber} ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.SELECT} ${KEY_HINTS.BACK}`,
+    items: events,
+    onSelect: onEventSelect,
+    onBack,
+    emptyMessage: "No events found",
+    renderItem: (ev, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
+      isSelected ? ">" : " ",
+      " [",
+      ev.type,
+      "] Step ",
+      ev.stepNumber,
+      " (",
+      formatTimestamp(ev.timestamp),
+      ")"
+    ] }, ev.id)
+  }
+);
+var TOOL_RESULT_EVENT_TYPES = /* @__PURE__ */ new Set(["resolveToolResults", "attemptCompletion"]);
+function toolToActivity(toolCall, toolResult, reasoning, meta) {
+  const { skillName, toolName } = toolCall;
+  const baseActivity = skillName.startsWith(BASE_SKILL_PREFIX) ? createBaseToolActivity(toolName, toolCall, toolResult, reasoning) : createGeneralToolActivity(skillName, toolName, toolCall, toolResult, reasoning);
+  return {
+    ...baseActivity,
+    id: meta.id,
+    expertKey: meta.expertKey,
+    runId: meta.runId,
+    previousActivityId: meta.previousActivityId,
+    delegatedBy: meta.delegatedBy
+  };
 }
-function renderReasoning(text) {
-  const lines = text.split("\n");
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "white", label: "Reasoning", children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `reasoning-${idx}`)) }) });
+function createInitialActivityProcessState() {
+  return {
+    tools: /* @__PURE__ */ new Map(),
+    runStates: /* @__PURE__ */ new Map()
+  };
 }
-function renderAction(action) {
-  const color = action.type === "error" || "error" in action && action.error ? "red" : "green";
-  switch (action.type) {
-    case "query":
-      return renderQuery(action.text, action.runId);
-    case "retry":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: "Retry", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: action.message || action.error }) });
-    case "complete":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "green", label: "Run Results", children: /* @__PURE__ */ jsx(Text, { children: action.text }) });
-    case "attemptCompletion": {
-      if (action.error) {
-        return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "red", label: "Completion Failed", children: /* @__PURE__ */ jsx(Text, { color: "red", children: action.error }) });
-      }
-      const remaining = action.remainingTodos?.filter((t) => !t.completed) ?? [];
-      if (remaining.length > 0) {
-        return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: "Completion Blocked", children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-          remaining.length,
-          " remaining task",
-          remaining.length > 1 ? "s" : ""
-        ] }) });
-      }
-      return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: "green", text: "Completion Accepted" });
-    }
-    case "todo":
-      return renderTodo(action, color);
-    case "clearTodo":
-      return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: "Todo Cleared" });
-    case "readTextFile":
-      return renderReadTextFile(action, color);
-    case "writeTextFile":
-      return renderWriteTextFile(action, color);
-    case "editTextFile":
-      return renderEditTextFile(action, color);
-    case "appendTextFile":
-      return renderAppendTextFile(action, color);
-    case "deleteFile":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Delete", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Removed" }) });
-    case "deleteDirectory":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Delete Dir", summary: shortenPath(action.path), children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "Removed",
-        action.recursive ? " (recursive)" : ""
-      ] }) });
-    case "moveFile":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Move", summary: shortenPath(action.source), children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "\u2192 ",
-        shortenPath(action.destination, 30)
-      ] }) });
-    case "createDirectory":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Mkdir", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Created" }) });
-    case "listDirectory":
-      return renderListDirectory(action, color);
-    case "getFileInfo":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Info", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fetched" }) });
-    case "readPdfFile":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "PDF", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Read" }) });
-    case "readImageFile":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Image", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Read" }) });
-    case "exec":
-      return renderExec(action, color);
-    case "delegate":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: action.delegateExpertKey, children: /* @__PURE__ */ jsx(
-        Text,
-        {
-          dimColor: true,
-          children: `{"query":"${truncateText(action.query, UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM)}"}`
-        }
-      ) });
-    case "delegationComplete":
-      return /* @__PURE__ */ jsx(
-        ActionRowSimple,
-        {
-          indicatorColor: "green",
-          text: `Delegation Complete (${action.count} delegate${action.count > 1 ? "s" : ""} returned)`
-        }
-      );
-    case "interactiveTool":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: `Interactive: ${action.toolName}`, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(JSON.stringify(action.args), UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM) }) });
-    case "generalTool":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: action.toolName, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(JSON.stringify(action.args), UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM) }) });
-    case "error":
-      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "red", label: action.errorName ?? "Error", children: /* @__PURE__ */ jsx(Text, { color: "red", children: action.error ?? "Unknown error" }) });
-    default: {
-      return null;
-    }
+function getOrCreateRunState(state, runId, expertKey) {
+  let runState = state.runStates.get(runId);
+  if (!runState) {
+    runState = {
+      expertKey,
+      queryLogged: false,
+      completionLogged: false,
+      isComplete: false,
+      pendingDelegateCount: 0
+    };
+    state.runStates.set(runId, runState);
   }
+  return runState;
 }
-function renderTodo(action, color) {
-  const { newTodos, completedTodos, todos } = action;
-  const hasNewTodos = newTodos && newTodos.length > 0;
-  const hasCompletedTodos = completedTodos && completedTodos.length > 0;
-  if (!hasNewTodos && !hasCompletedTodos) {
-    return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: "Todo No changes" });
+var isRunEvent = (event) => "type" in event && "expertKey" in event;
+var isCompleteStreamingReasoningEvent = (event) => "type" in event && event.type === "completeStreamingReasoning";
+var isToolCallsEvent = (event) => event.type === "callTools" && "toolCalls" in event;
+var isStopRunByDelegateEvent = (event) => event.type === "stopRunByDelegate" && "checkpoint" in event;
+var isStopRunByInteractiveToolEvent = (event) => event.type === "stopRunByInteractiveTool" && "checkpoint" in event;
+var isToolResultsEvent = (event) => event.type === "resolveToolResults" && "toolResults" in event;
+var isToolResultEvent = (event) => TOOL_RESULT_EVENT_TYPES.has(event.type) && "toolResult" in event;
+function wrapInGroupIfParallel(activities, reasoning, meta) {
+  if (activities.length <= 1) {
+    return activities;
   }
-  const labelParts = [];
-  if (hasNewTodos) {
-    labelParts.push(`Added ${newTodos.length} task${newTodos.length > 1 ? "s" : ""}`);
+  const activitiesWithoutReasoning = activities.map((a) => {
+    const { reasoning: _, ...rest } = a;
+    return rest;
+  });
+  const group = {
+    type: "parallelGroup",
+    id: `parallel-${activities[0].id}`,
+    expertKey: meta.expertKey,
+    runId: meta.runId,
+    reasoning,
+    activities: activitiesWithoutReasoning
+  };
+  return [group];
+}
+function processRunEventToActivity(state, event, addActivity) {
+  if (isCompleteStreamingReasoningEvent(event)) {
+    const reasoningEvent = event;
+    const { runId, text, expertKey } = reasoningEvent;
+    const runState2 = state.runStates.get(runId);
+    if (runState2) {
+      runState2.completedReasoning = text;
+    } else {
+      state.runStates.set(runId, {
+        expertKey,
+        queryLogged: false,
+        completionLogged: false,
+        isComplete: false,
+        pendingDelegateCount: 0,
+        completedReasoning: text
+      });
+    }
+    return;
   }
-  if (hasCompletedTodos) {
-    labelParts.push(
-      `Completed ${completedTodos.length} task${completedTodos.length > 1 ? "s" : ""}`
-    );
+  if (!isRunEvent(event)) {
+    return;
   }
-  const label = `Todo ${labelParts.join(", ")}`;
-  const completedTitles = hasCompletedTodos ? completedTodos.map((id) => todos.find((t) => t.id === id)?.title).filter((t) => t !== void 0) : [];
-  if (!hasNewTodos && completedTitles.length === 0) {
-    return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: label });
+  const runState = getOrCreateRunState(state, event.runId, event.expertKey);
+  if (event.type === "startRun") {
+    const startRunEvent = event;
+    const userMessage = startRunEvent.inputMessages.find((m) => m.type === "userMessage");
+    const queryText = userMessage?.contents?.find((c) => c.type === "textPart")?.text;
+    if (!runState.delegatedBy) {
+      const delegatedByInfo = startRunEvent.initialCheckpoint?.delegatedBy;
+      if (delegatedByInfo) {
+        runState.delegatedBy = {
+          expertKey: delegatedByInfo.expert.key,
+          runId: delegatedByInfo.runId
+        };
+      }
+    }
+    const isDelegationReturn = startRunEvent.initialCheckpoint?.status === "stoppedByDelegate" || startRunEvent.initialCheckpoint?.status === "stoppedByInteractiveTool";
+    if (queryText && !runState.queryLogged && !isDelegationReturn) {
+      const activityId = `query-${event.runId}`;
+      addActivity({
+        type: "query",
+        id: activityId,
+        expertKey: event.expertKey,
+        runId: event.runId,
+        previousActivityId: runState.lastActivityId,
+        delegatedBy: runState.delegatedBy,
+        text: queryText
+      });
+      runState.lastActivityId = activityId;
+      runState.queryLogged = true;
+    }
+    return;
   }
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    hasNewTodos && newTodos.slice(0, RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW).map((todo, idx) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u25CB ",
-      todo
-    ] }, `todo-${idx}`)),
-    hasNewTodos && newTodos.length > RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "... +",
-      newTodos.length - RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW,
-      " more"
-    ] }),
-    completedTitles.slice(0, RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW).map((title, idx) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "\u2713 ",
-      title
-    ] }, `completed-${idx}`)),
-    completedTitles.length > RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "... +",
-      completedTitles.length - RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW,
-      " more"
-    ] })
-  ] }) });
-}
-function renderReadTextFile(action, color) {
-  const { path: path6, content, from, to } = action;
-  const lineRange = from !== void 0 && to !== void 0 ? `#${from}-${to}` : "";
-  const lines = content?.split("\n") ?? [];
-  return /* @__PURE__ */ jsx(
-    ActionRow,
-    {
-      indicatorColor: color,
-      label: "Read Text File",
-      summary: `${shortenPath(path6)}${lineRange}`,
-      children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line }) }, `read-${idx}`)) })
+  if (event.type === "resumeFromStop") {
+    if (!runState.delegatedBy) {
+      const resumeEvent = event;
+      const delegatedByInfo = resumeEvent.checkpoint?.delegatedBy;
+      if (delegatedByInfo) {
+        runState.delegatedBy = {
+          expertKey: delegatedByInfo.expert.key,
+          runId: delegatedByInfo.runId
+        };
+      }
     }
-  );
-}
-function renderWriteTextFile(action, color) {
-  const { path: path6, text } = action;
-  const lines = text.split("\n");
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Write Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
-    /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
-  ] }, `write-${idx}`)) }) });
-}
-function renderEditTextFile(action, color) {
-  const { path: path6, oldText, newText } = action;
-  const oldLines = oldText.split("\n");
-  const newLines = newText.split("\n");
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Edit Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    oldLines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "red", dimColor: true, children: "-" }),
-      /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
-    ] }, `old-${idx}`)),
-    newLines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: line })
-    ] }, `new-${idx}`))
-  ] }) });
-}
-function renderAppendTextFile(action, color) {
-  const { path: path6, text } = action;
-  const lines = text.split("\n");
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Append Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
-    /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
-  ] }, `append-${idx}`)) }) });
-}
-function renderListDirectory(action, color) {
-  const { path: path6, items } = action;
-  const itemLines = items?.map((item) => `${item.type === "directory" ? "\u{1F4C1}" : "\u{1F4C4}"} ${item.name}`) ?? [];
-  const { visible, remaining } = summarizeOutput(itemLines, RENDER_CONSTANTS.LIST_DIR_MAX_ITEMS);
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "List", summary: shortenPath(path6), children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    visible.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(line, UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT) }, `dir-${idx}`)),
-    remaining > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "... +",
-      remaining,
-      " more"
-    ] })
-  ] }) });
-}
-function renderExec(action, color) {
-  const { command, args, cwd, output } = action;
-  const cwdPart = cwd ? ` ${shortenPath(cwd, 40)}` : "";
-  const cmdLine = truncateText(
-    `${command} ${args.join(" ")}${cwdPart}`,
-    UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT
-  );
-  const outputLines = output?.split("\n") ?? [];
-  const { visible, remaining } = summarizeOutput(
-    outputLines,
-    RENDER_CONSTANTS.EXEC_OUTPUT_MAX_LINES
-  );
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: `Bash ${cmdLine}`, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    visible.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(line, UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT) }, `out-${idx}`)),
-    remaining > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-      "... +",
-      remaining,
-      " more"
-    ] })
-  ] }) });
-}
-function renderQuery(text, runId) {
-  const lines = text.split("\n");
-  const shortRunId = runId.slice(0, 8);
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "cyan", label: "Query", summary: `(${shortRunId})`, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `query-${idx}`)) }) });
-}
-var RunSetting = ({
-  info,
-  eventCount,
-  isEditing,
-  expertName,
-  onQuerySubmit
-}) => {
-  const { input, handleInput } = useTextInput({
-    onSubmit: onQuerySubmit ?? (() => {
-    })
-  });
-  useInput(handleInput, { isActive: isEditing });
-  const displayExpertName = expertName ?? info.expertName;
-  const skills = info.activeSkills.length > 0 ? info.activeSkills.join(", ") : "";
-  const step = info.currentStep !== void 0 ? String(info.currentStep) : "";
-  const usagePercent = (info.contextWindowUsage * 100).toFixed(1);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      borderStyle: "single",
-      borderColor: "gray",
-      borderTop: true,
-      borderBottom: false,
-      borderLeft: false,
-      borderRight: false,
-      children: [
-        /* @__PURE__ */ jsxs(Text, { children: [
-          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Perstack" }),
-          info.runtimeVersion && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-            " (v",
-            info.runtimeVersion,
-            ")"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Expert: " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", children: displayExpertName }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Skills: " }),
-          /* @__PURE__ */ jsx(Text, { color: "green", children: skills })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Status: " }),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              color: info.status === "running" ? "green" : info.status === "completed" ? "cyan" : "yellow",
-              children: info.status
-            }
-          ),
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Step: " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", children: step }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Events: " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", children: eventCount }),
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Usage: " }),
-          /* @__PURE__ */ jsxs(Text, { color: "white", children: [
-            usagePercent,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Text, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Model: " }),
-          /* @__PURE__ */ jsx(Text, { color: "white", children: info.model })
-        ] }),
-        /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Query: " }),
-          isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Text, { color: "white", children: input }),
-            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
-          ] }) : /* @__PURE__ */ jsx(Text, { color: "white", children: info.query })
-        ] })
-      ]
+    return;
+  }
+  if (event.type === "retry") {
+    const retryEvent = event;
+    const activityId = `retry-${event.id}`;
+    addActivity({
+      type: "retry",
+      id: activityId,
+      expertKey: event.expertKey,
+      runId: event.runId,
+      previousActivityId: runState.lastActivityId,
+      delegatedBy: runState.delegatedBy,
+      reasoning: runState.completedReasoning,
+      error: retryEvent.reason,
+      message: ""
+    });
+    runState.lastActivityId = activityId;
+    runState.completedReasoning = void 0;
+    return;
+  }
+  if (event.type === "completeRun") {
+    if (!runState.completionLogged) {
+      const text = event.text ?? "";
+      const activityId = `completion-${event.runId}`;
+      addActivity({
+        type: "complete",
+        id: activityId,
+        expertKey: event.expertKey,
+        runId: event.runId,
+        previousActivityId: runState.lastActivityId,
+        delegatedBy: runState.delegatedBy,
+        reasoning: runState.completedReasoning,
+        text
+      });
+      runState.lastActivityId = activityId;
+      runState.completionLogged = true;
+      runState.isComplete = true;
+      runState.completedReasoning = void 0;
     }
-  );
-};
-var StreamingDisplay = ({ streaming }) => {
-  const activeRuns = Object.entries(streaming.runs).filter(
-    ([, run]) => run.isReasoningActive || run.isRunResultActive
-  );
-  if (activeRuns.length === 0) return null;
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: activeRuns.map(([runId, run]) => /* @__PURE__ */ jsx(StreamingRunSection, { run }, runId)) });
-};
-function StreamingRunSection({ run }) {
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    run.isReasoningActive && run.reasoning !== void 0 && /* @__PURE__ */ jsx(StreamingReasoning, { expertKey: run.expertKey, text: run.reasoning }),
-    run.isRunResultActive && run.runResult !== void 0 && /* @__PURE__ */ jsx(StreamingRunResult, { expertKey: run.expertKey, text: run.runResult })
-  ] });
-}
-function StreamingReasoning({
-  expertKey,
-  text
-}) {
-  const lines = text.split("\n");
-  const label = `[${formatExpertKey(expertKey)}] Reasoning...`;
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "cyan", label, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `streaming-reasoning-${idx}`)) }) });
-}
-function StreamingRunResult({
-  expertKey,
-  text
-}) {
-  const lines = text.split("\n");
-  const label = `[${formatExpertKey(expertKey)}] Generating...`;
-  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "green", label, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { wrap: "wrap", children: line }, `streaming-run-result-${idx}`)) }) });
-}
-function formatExpertKey(expertKey) {
-  const atIndex = expertKey.lastIndexOf("@");
-  if (atIndex > 0) {
-    return expertKey.substring(0, atIndex);
+    return;
   }
-  return expertKey;
-}
-function getActivityKey(activityOrGroup, index) {
-  return activityOrGroup.id || `activity-${index}`;
-}
-var RunBox = ({ node, isRoot }) => {
-  if (isRoot) {
-    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-      node.activities.map((activity, index) => /* @__PURE__ */ jsx(CheckpointActionRow, { action: activity }, getActivityKey(activity, index))),
-      node.children.map((child) => /* @__PURE__ */ jsx(RunBox, { node: child, isRoot: false }, child.runId))
-    ] });
+  if (event.type === "stopRunByError") {
+    const errorEvent = event;
+    const activityId = `error-${event.id}`;
+    addActivity({
+      type: "error",
+      id: activityId,
+      expertKey: event.expertKey,
+      runId: event.runId,
+      previousActivityId: runState.lastActivityId,
+      delegatedBy: runState.delegatedBy,
+      errorName: errorEvent.error.name,
+      error: errorEvent.error.message,
+      isRetryable: errorEvent.error.isRetryable
+    });
+    runState.lastActivityId = activityId;
+    runState.isComplete = true;
+    runState.completedReasoning = void 0;
+    return;
   }
-  const shortRunId = node.runId.slice(0, 8);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", marginLeft: 1, children: [
-    /* @__PURE__ */ jsxs(Text, { dimColor: true, bold: true, children: [
-      "[",
-      node.expertKey,
-      "] ",
-      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-        "(",
-        shortRunId,
-        ")"
-      ] })
-    ] }),
-    node.activities.map((activity, index) => /* @__PURE__ */ jsx(CheckpointActionRow, { action: activity }, getActivityKey(activity, index))),
-    node.children.map((child) => /* @__PURE__ */ jsx(RunBox, { node: child, isRoot: false }, child.runId))
-  ] });
-};
-function getActivityProps(activityOrGroup) {
-  if (activityOrGroup.type === "parallelGroup") {
-    const group = activityOrGroup;
-    const firstActivity = group.activities[0];
-    return {
-      runId: group.runId,
-      expertKey: group.expertKey,
-      delegatedBy: firstActivity?.delegatedBy
-    };
+  if (isToolCallsEvent(event)) {
+    for (const toolCall of event.toolCalls) {
+      if (!state.tools.has(toolCall.id)) {
+        state.tools.set(toolCall.id, { id: toolCall.id, toolCall, logged: false });
+      }
+    }
+  }
+  if (isStopRunByDelegateEvent(event)) {
+    const reasoning = runState.completedReasoning;
+    const delegations = event.checkpoint.delegateTo ?? [];
+    runState.pendingDelegateCount += delegations.length;
+    const delegateActivities = [];
+    for (const delegation of delegations) {
+      const existingTool = state.tools.get(delegation.toolCallId);
+      if (!existingTool || !existingTool.logged) {
+        if (existingTool) {
+          existingTool.logged = true;
+        }
+        const activityId = `delegate-${delegation.toolCallId}`;
+        delegateActivities.push({
+          type: "delegate",
+          id: activityId,
+          expertKey: event.expertKey,
+          runId: event.runId,
+          previousActivityId: runState.lastActivityId,
+          delegatedBy: runState.delegatedBy,
+          delegateExpertKey: delegation.expert.key,
+          query: delegation.query,
+          reasoning
+        });
+        runState.lastActivityId = activityId;
+      }
+    }
+    const wrapped = wrapInGroupIfParallel(delegateActivities, reasoning, {
+      expertKey: event.expertKey,
+      runId: event.runId,
+      delegatedBy: runState.delegatedBy
+    });
+    for (const item of wrapped) {
+      addActivity(item);
+    }
+    runState.completedReasoning = void 0;
+    return;
+  }
+  if (isStopRunByInteractiveToolEvent(event)) {
+    const reasoning = runState.completedReasoning;
+    const pendingToolCalls = event.checkpoint.pendingToolCalls ?? [];
+    const interactiveActivities = [];
+    for (const toolCall of pendingToolCalls) {
+      const existingTool = state.tools.get(toolCall.id);
+      if (!existingTool || !existingTool.logged) {
+        if (existingTool) {
+          existingTool.logged = true;
+        }
+        const activityId = `interactive-${toolCall.id}`;
+        interactiveActivities.push({
+          type: "interactiveTool",
+          id: activityId,
+          expertKey: event.expertKey,
+          runId: event.runId,
+          previousActivityId: runState.lastActivityId,
+          delegatedBy: runState.delegatedBy,
+          skillName: toolCall.skillName,
+          toolName: toolCall.toolName,
+          args: toolCall.args,
+          reasoning
+        });
+        runState.lastActivityId = activityId;
+      }
+    }
+    const wrapped = wrapInGroupIfParallel(interactiveActivities, reasoning, {
+      expertKey: event.expertKey,
+      runId: event.runId,
+      delegatedBy: runState.delegatedBy
+    });
+    for (const item of wrapped) {
+      addActivity(item);
+    }
+    runState.completedReasoning = void 0;
+    return;
+  }
+  if (isToolResultsEvent(event)) {
+    const reasoning = runState.completedReasoning;
+    const toolActivities = [];
+    for (const toolResult of event.toolResults) {
+      const tool = state.tools.get(toolResult.id);
+      if (tool && !tool.logged) {
+        const activityId = `action-${tool.id}`;
+        const activity = toolToActivity(tool.toolCall, toolResult, reasoning, {
+          id: activityId,
+          expertKey: event.expertKey,
+          runId: event.runId,
+          previousActivityId: runState.lastActivityId,
+          delegatedBy: runState.delegatedBy
+        });
+        toolActivities.push(activity);
+        runState.lastActivityId = activityId;
+        tool.logged = true;
+      }
+    }
+    if (toolActivities.length > 0) {
+      const wrapped = wrapInGroupIfParallel(toolActivities, reasoning, {
+        expertKey: event.expertKey,
+        runId: event.runId,
+        delegatedBy: runState.delegatedBy
+      });
+      for (const item of wrapped) {
+        addActivity(item);
+      }
+      runState.completedReasoning = void 0;
+    }
+  } else if (isToolResultEvent(event)) {
+    const { toolResult } = event;
+    const tool = state.tools.get(toolResult.id);
+    if (tool && !tool.logged) {
+      const activityId = `action-${tool.id}`;
+      const activity = toolToActivity(tool.toolCall, toolResult, runState.completedReasoning, {
+        id: activityId,
+        expertKey: event.expertKey,
+        runId: event.runId,
+        previousActivityId: runState.lastActivityId,
+        delegatedBy: runState.delegatedBy
+      });
+      addActivity(activity);
+      runState.lastActivityId = activityId;
+      tool.logged = true;
+      runState.completedReasoning = void 0;
+    }
   }
-  return activityOrGroup;
 }
-var ActivityLogPanel = ({ activities }) => {
-  const rootNodes = useMemo(() => {
-    const nodeMap = /* @__PURE__ */ new Map();
-    const roots = [];
-    const orphanChildren = /* @__PURE__ */ new Map();
-    for (const activityOrGroup of activities) {
-      const { runId, expertKey, delegatedBy } = getActivityProps(activityOrGroup);
-      let node = nodeMap.get(runId);
-      if (!node) {
-        node = {
-          runId,
-          expertKey,
-          activities: [],
-          children: []
-        };
-        nodeMap.set(runId, node);
-        const waitingChildren = orphanChildren.get(runId);
-        if (waitingChildren) {
-          for (const child of waitingChildren) {
-            node.children.push(child);
-            const rootIndex = roots.indexOf(child);
-            if (rootIndex !== -1) {
-              roots.splice(rootIndex, 1);
+
+// ../../packages/react/src/hooks/use-run.ts
+var STREAMING_EVENT_TYPES = /* @__PURE__ */ new Set([
+  "startStreamingReasoning",
+  "streamReasoning",
+  "completeStreamingReasoning",
+  "startStreamingRunResult",
+  "streamRunResult",
+  "completeStreamingRunResult"
+]);
+var isStreamingEvent = (event) => "type" in event && "expertKey" in event && STREAMING_EVENT_TYPES.has(event.type);
+function processStreamingEvent(event, prevState) {
+  const { runId, expertKey } = event;
+  switch (event.type) {
+    case "startStreamingReasoning": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              expertKey,
+              reasoning: "",
+              isReasoningActive: true
             }
           }
-          orphanChildren.delete(runId);
-        }
-        if (delegatedBy) {
-          const parentNode = nodeMap.get(delegatedBy.runId);
-          if (parentNode) {
-            parentNode.children.push(node);
-          } else {
-            const orphans = orphanChildren.get(delegatedBy.runId) ?? [];
-            orphans.push(node);
-            orphanChildren.set(delegatedBy.runId, orphans);
-            roots.push(node);
+        },
+        handled: true
+      };
+    }
+    case "streamReasoning": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              ...prevState.runs[runId],
+              expertKey,
+              reasoning: (prevState.runs[runId]?.reasoning ?? "") + event.delta
+            }
           }
-        } else {
-          roots.push(node);
-        }
-      }
-      node.activities.push(activityOrGroup);
+        },
+        handled: true
+      };
     }
-    return roots;
-  }, [activities]);
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rootNodes.map((node) => /* @__PURE__ */ jsx(RunBox, { node, isRoot: true }, node.runId)) });
-};
-var ContinueInputPanel = ({
-  isActive,
-  runStatus,
-  onSubmit
-}) => {
-  const { input, handleInput } = useTextInput({
-    onSubmit: (newQuery) => {
-      if (isActive && newQuery.trim()) {
-        onSubmit(newQuery.trim());
+    case "completeStreamingReasoning": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              ...prevState.runs[runId],
+              expertKey,
+              isReasoningActive: false
+            }
+          }
+        },
+        handled: false
+      };
+    }
+    case "startStreamingRunResult": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              expertKey,
+              reasoning: void 0,
+              isReasoningActive: false,
+              runResult: "",
+              isRunResultActive: true
+            }
+          }
+        },
+        handled: true
+      };
+    }
+    case "streamRunResult": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              ...prevState.runs[runId],
+              expertKey,
+              runResult: (prevState.runs[runId]?.runResult ?? "") + event.delta
+            }
+          }
+        },
+        handled: true
+      };
+    }
+    case "completeStreamingRunResult": {
+      return {
+        newState: {
+          ...prevState,
+          runs: {
+            ...prevState.runs,
+            [runId]: {
+              ...prevState.runs[runId],
+              expertKey,
+              isRunResultActive: false
+            }
+          }
+        },
+        handled: true
+      };
+    }
+    default:
+      return { newState: prevState, handled: false };
+  }
+}
+function useRun() {
+  const [activities, setActivities] = useState([]);
+  const [streaming, setStreaming] = useState({ runs: {} });
+  const [eventCount, setEventCount] = useState(0);
+  const [isComplete, setIsComplete] = useState(false);
+  const stateRef = useRef(createInitialActivityProcessState());
+  const clearStreaming = useCallback(() => {
+    setStreaming({ runs: {} });
+  }, []);
+  const handleStreamingEvent = useCallback((event) => {
+    let handled = false;
+    setStreaming((prev) => {
+      const result = processStreamingEvent(event, prev);
+      handled = result.handled;
+      return result.newState;
+    });
+    return handled;
+  }, []);
+  const processEvent = useCallback((event) => {
+    const newActivities = [];
+    const addActivity = (activity) => newActivities.push(activity);
+    processRunEventToActivity(stateRef.current, event, addActivity);
+    if (newActivities.length > 0) {
+      setActivities((prev) => [...prev, ...newActivities]);
+    }
+    const rootRunComplete = Array.from(stateRef.current.runStates.values()).some(
+      (rs) => rs.isComplete && !rs.delegatedBy
+    );
+    setIsComplete(rootRunComplete);
+  }, []);
+  const clearRunStreaming = useCallback((runId) => {
+    setStreaming((prev) => {
+      const { [runId]: _, ...rest } = prev.runs;
+      return { runs: rest };
+    });
+  }, []);
+  const addEvent = useCallback(
+    (event) => {
+      if (isStreamingEvent(event)) {
+        const handled = handleStreamingEvent(event);
+        if (handled) {
+          setEventCount((prev) => prev + 1);
+          return;
+        }
+      }
+      if ("type" in event && "runId" in event && (event.type === "completeRun" || event.type === "stopRunByError")) {
+        clearRunStreaming(event.runId);
       }
+      processEvent(event);
+      setEventCount((prev) => prev + 1);
+    },
+    [handleStreamingEvent, clearRunStreaming, processEvent]
+  );
+  const appendHistoricalEvents = useCallback((historicalEvents) => {
+    const newActivities = [];
+    const addActivity = (activity) => newActivities.push(activity);
+    for (const event of historicalEvents) {
+      processRunEventToActivity(stateRef.current, event, addActivity);
+    }
+    if (newActivities.length > 0) {
+      setActivities((prev) => [...prev, ...newActivities]);
     }
+    setEventCount((prev) => prev + historicalEvents.length);
+    const rootRunComplete = Array.from(stateRef.current.runStates.values()).some(
+      (rs) => rs.isComplete && !rs.delegatedBy
+    );
+    setIsComplete(rootRunComplete);
+  }, []);
+  return {
+    activities,
+    streaming,
+    isComplete,
+    eventCount,
+    addEvent,
+    appendHistoricalEvents,
+    clearStreaming
+  };
+}
+var useRuntimeInfo = (options) => {
+  const [runtimeInfo, setRuntimeInfo] = useState({
+    status: "initializing",
+    runtimeVersion: options.initialConfig.runtimeVersion,
+    expertName: options.initialExpertName,
+    model: options.initialConfig.model,
+    maxSteps: options.initialConfig.maxSteps,
+    maxRetries: options.initialConfig.maxRetries,
+    timeout: options.initialConfig.timeout,
+    activeSkills: [],
+    contextWindowUsage: options.initialConfig.contextWindowUsage
   });
-  useInput(handleInput, { isActive });
-  if (runStatus === "running") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: [
-    /* @__PURE__ */ jsxs(Text, { children: [
-      /* @__PURE__ */ jsx(Text, { color: runStatus === "completed" ? "green" : "yellow", bold: true, children: runStatus === "completed" ? "Completed" : "Stopped" }),
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: " - Enter a follow-up query or wait to exit" })
-    ] }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Continue: " }),
-      /* @__PURE__ */ jsx(Text, { children: input }),
-      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
-    ] })
-  ] });
-};
-var StatusPanel = ({
-  runtimeInfo,
-  eventCount,
-  runStatus
-}) => {
-  if (runStatus !== "running") {
+  const handleEvent = useCallback((event) => {
+    if (event.type === "initializeRuntime") {
+      setRuntimeInfo((prev) => ({
+        runtimeVersion: event.runtimeVersion,
+        expertName: event.expertName,
+        model: event.model,
+        maxSteps: event.maxSteps,
+        maxRetries: event.maxRetries,
+        timeout: event.timeout,
+        currentStep: 1,
+        status: "running",
+        query: event.query,
+        statusChangedAt: Date.now(),
+        activeSkills: [],
+        contextWindowUsage: prev.contextWindowUsage
+      }));
+      return { initialized: true };
+    }
+    if (event.type === "skillConnected") {
+      setRuntimeInfo((prev) => ({
+        ...prev,
+        activeSkills: [...prev.activeSkills, event.skillName]
+      }));
+      return null;
+    }
+    if (event.type === "skillDisconnected") {
+      setRuntimeInfo((prev) => ({
+        ...prev,
+        activeSkills: prev.activeSkills.filter((s) => s !== event.skillName)
+      }));
+      return null;
+    }
+    if ("stepNumber" in event) {
+      const isComplete = event.type === "completeRun";
+      const isStopped = STOP_EVENT_TYPES.includes(event.type);
+      const checkpoint = "nextCheckpoint" in event ? event.nextCheckpoint : "checkpoint" in event ? event.checkpoint : void 0;
+      setRuntimeInfo((prev) => ({
+        ...prev,
+        currentStep: event.stepNumber,
+        status: isComplete ? "completed" : isStopped ? "stopped" : "running",
+        ...isComplete || isStopped ? { statusChangedAt: Date.now() } : {},
+        ...checkpoint?.contextWindowUsage !== void 0 ? { contextWindowUsage: checkpoint.contextWindowUsage } : {}
+      }));
+      if (isComplete) return { completed: true };
+      if (isStopped) return { stopped: true };
+    }
     return null;
-  }
-  return /* @__PURE__ */ jsx(RunSetting, { info: runtimeInfo, eventCount, isEditing: false });
+  }, []);
+  const setExpertName = useCallback((expertName) => {
+    setRuntimeInfo((prev) => ({ ...prev, expertName }));
+  }, []);
+  const setQuery = useCallback((query) => {
+    setRuntimeInfo((prev) => ({ ...prev, query }));
+  }, []);
+  const setCurrentStep = useCallback((step) => {
+    setRuntimeInfo((prev) => ({ ...prev, currentStep: step }));
+  }, []);
+  const setContextWindowUsage = useCallback((contextWindowUsage) => {
+    setRuntimeInfo((prev) => ({ ...prev, contextWindowUsage }));
+  }, []);
+  return {
+    runtimeInfo,
+    handleEvent,
+    setExpertName,
+    setQuery,
+    setCurrentStep,
+    setContextWindowUsage
+  };
 };
-var useExecutionState = (options) => {
-  const { expertKey, query, config: config2, continueTimeoutMs, historicalEvents, onReady, onComplete } = options;
-  const { exit } = useApp();
-  const runState = useRun();
-  const { runtimeInfo, handleEvent, setQuery } = useRuntimeInfo({
-    initialExpertName: expertKey,
-    initialConfig: config2
+var useLatestRef = (value) => {
+  const ref = useRef(value);
+  useInsertionEffect(() => {
+    ref.current = value;
   });
-  const [runStatus, setRunStatus] = useState("running");
-  const [isAcceptingContinue, setIsAcceptingContinue] = useState(false);
-  const timeoutRef = useRef(null);
-  const clearTimeoutIfExists = useCallback(() => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-  }, []);
-  const startExitTimeout = useCallback(() => {
-    clearTimeoutIfExists();
-    timeoutRef.current = setTimeout(() => {
-      onComplete({ nextQuery: null });
-      exit();
-    }, continueTimeoutMs);
-  }, [clearTimeoutIfExists, continueTimeoutMs, onComplete, exit]);
-  useEffect(() => {
-    setQuery(query);
-  }, [query, setQuery]);
-  useEffect(() => {
-    if (historicalEvents && historicalEvents.length > 0) {
-      runState.appendHistoricalEvents(historicalEvents);
-    }
-  }, [historicalEvents, runState.appendHistoricalEvents]);
-  useEffect(() => {
-    onReady((event) => {
-      runState.addEvent(event);
-      const result = handleEvent(event);
-      if (result?.completed) {
-        setRunStatus("completed");
-        setIsAcceptingContinue(true);
-        startExitTimeout();
-      } else if (result?.stopped) {
-        setRunStatus("stopped");
-        setIsAcceptingContinue(true);
-        startExitTimeout();
+  return ref;
+};
+
+// ../../packages/tui-components/src/hooks/use-text-input.ts
+var useTextInput = (options) => {
+  const [input, setInput] = useState("");
+  const inputRef = useLatestRef(input);
+  const onSubmitRef = useLatestRef(options.onSubmit);
+  const onCancelRef = useLatestRef(options.onCancel);
+  const handleInput = useCallback(
+    (inputChar, key) => {
+      if (key.escape) {
+        setInput("");
+        onCancelRef.current?.();
+        return;
       }
-    });
-  }, [onReady, runState.addEvent, handleEvent, startExitTimeout]);
-  useEffect(() => {
-    return () => {
-      clearTimeoutIfExists();
-    };
-  }, [clearTimeoutIfExists]);
-  const handleContinueSubmit = useCallback(
-    (newQuery) => {
-      if (isAcceptingContinue && newQuery.trim()) {
-        clearTimeoutIfExists();
-        onComplete({ nextQuery: newQuery.trim() });
-        exit();
+      if (key.return && inputRef.current.trim()) {
+        onSubmitRef.current(inputRef.current.trim());
+        setInput("");
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setInput((prev) => prev.slice(0, -1));
+        return;
+      }
+      if (!key.ctrl && !key.meta && inputChar) {
+        setInput((prev) => prev + inputChar);
+      }
+    },
+    [inputRef, onSubmitRef, onCancelRef]
+  );
+  const reset = useCallback(() => {
+    setInput("");
+  }, []);
+  return { input, handleInput, reset };
+};
+
+// ../../packages/tui-components/src/hooks/ui/use-expert-selector.ts
+var useExpertSelector = (options) => {
+  const { experts, onExpertSelect, extraKeyHandler } = options;
+  const [inputMode, setInputMode] = useState(false);
+  const { selectedIndex, handleNavigation } = useListNavigation({
+    items: experts,
+    onSelect: (expert) => onExpertSelect(expert.key)
+  });
+  const { input, handleInput, reset } = useTextInput({
+    onSubmit: (value) => {
+      onExpertSelect(value);
+      setInputMode(false);
+    },
+    onCancel: () => setInputMode(false)
+  });
+  const handleKeyInput = useCallback(
+    (inputChar, key) => {
+      if (inputMode) {
+        handleInput(inputChar, key);
+        return;
+      }
+      if (handleNavigation(inputChar, key)) return;
+      if (extraKeyHandler?.(inputChar, key)) return;
+      if (inputChar === "i") {
+        reset();
+        setInputMode(true);
       }
     },
-    [isAcceptingContinue, clearTimeoutIfExists, onComplete, exit]
+    [inputMode, handleInput, handleNavigation, extraKeyHandler, reset]
   );
   return {
-    activities: runState.activities,
-    streaming: runState.streaming,
-    eventCount: runState.eventCount,
-    runtimeInfo,
-    runStatus,
-    isAcceptingContinue,
-    handleContinueSubmit,
-    clearTimeout: clearTimeoutIfExists
+    inputMode,
+    input,
+    selectedIndex,
+    handleKeyInput
   };
 };
-var ExecutionApp = (props) => {
-  const { expertKey, query, config: config2, continueTimeoutMs, historicalEvents, onReady, onComplete } = props;
-  const { exit } = useApp();
-  const state = useExecutionState({
-    expertKey,
-    query,
-    config: config2,
-    continueTimeoutMs,
-    historicalEvents,
-    onReady,
-    onComplete
-  });
-  useInput((input, key) => {
-    if (key.ctrl && input === "c") {
-      state.clearTimeout();
-      exit();
-    }
-  });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(ActivityLogPanel, { activities: state.activities }),
-    /* @__PURE__ */ jsx(StreamingDisplay, { streaming: state.streaming }),
-    /* @__PURE__ */ jsx(
-      StatusPanel,
-      {
-        runtimeInfo: state.runtimeInfo,
-        eventCount: state.eventCount,
-        runStatus: state.runStatus
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ContinueInputPanel,
-      {
-        isActive: state.isAcceptingContinue,
-        runStatus: state.runStatus,
-        onSubmit: state.handleContinueSubmit
-      }
-    )
-  ] });
+var ExpertList = ({
+  experts,
+  selectedIndex,
+  showSource = false,
+  inline = false,
+  maxItems
+}) => {
+  const displayExperts = maxItems ? experts.slice(0, maxItems) : experts;
+  if (displayExperts.length === 0) {
+    return /* @__PURE__ */ jsx(Text, { color: "gray", children: "No experts found." });
+  }
+  const items = displayExperts.map((expert, index) => /* @__PURE__ */ jsxs(Text, { color: index === selectedIndex ? "cyan" : "gray", children: [
+    index === selectedIndex ? ">" : " ",
+    " ",
+    showSource ? expert.key : expert.name,
+    showSource && expert.source && /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsxs(Text, { color: expert.source === "configured" ? "green" : "yellow", children: [
+        "[",
+        expert.source === "configured" ? "config" : "recent",
+        "]"
+      ] })
+    ] }),
+    inline ? " " : ""
+  ] }, expert.key));
+  return inline ? /* @__PURE__ */ jsx(Box, { children: items }) : /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: items });
 };
-function renderExecution(params) {
-  const eventQueue = new EventQueue();
-  const result = new Promise((resolve, reject) => {
-    let resolved = false;
-    const { waitUntilExit } = render(
+var ExpertSelectorBase = ({
+  experts,
+  hint,
+  onExpertSelect,
+  showSource = false,
+  inline = false,
+  maxItems = UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS,
+  extraKeyHandler
+}) => {
+  const { inputMode, input, selectedIndex, handleKeyInput } = useExpertSelector({
+    experts,
+    onExpertSelect,
+    extraKeyHandler
+  });
+  useInput(handleKeyInput);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: inline ? "row" : "column", children: [
+    !inputMode && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { color: "cyan", children: hint }) }),
       /* @__PURE__ */ jsx(
-        ExecutionApp,
+        ExpertList,
         {
-          ...params,
-          onReady: (handler) => {
-            eventQueue.setHandler(handler);
-          },
-          onComplete: (result2) => {
-            resolved = true;
-            resolve(result2);
-          }
+          experts,
+          selectedIndex,
+          showSource,
+          inline,
+          maxItems
         }
       )
-    );
-    waitUntilExit().then(() => {
-      if (!resolved) {
-        reject(new Error("Execution cancelled"));
-      }
-    }).catch(reject);
-  });
-  return {
-    result,
-    eventListener: (event) => {
-      eventQueue.emit(event);
-    }
-  };
-}
-var selectionReducer = (_state, action) => {
-  switch (action.type) {
-    case "BROWSE_HISTORY":
-      return { type: "browsingHistory", jobs: action.jobs };
-    case "BROWSE_EXPERTS":
-      return { type: "browsingExperts", experts: action.experts };
-    case "SELECT_EXPERT":
-      return { type: "enteringQuery", expertKey: action.expertKey };
-    case "SELECT_JOB":
-      return { type: "browsingCheckpoints", job: action.job, checkpoints: action.checkpoints };
-    case "GO_BACK_FROM_CHECKPOINTS":
-      return { type: "browsingHistory", jobs: action.jobs };
-    default:
-      return assertNever(action);
-  }
+    ] }),
+    inputMode && /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Expert: " }),
+      /* @__PURE__ */ jsx(Text, { color: "white", children: input }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+    ] })
+  ] });
 };
-var SelectionApp = (props) => {
-  const {
-    showHistory,
-    initialExpertKey,
-    initialQuery,
-    initialCheckpoint,
-    configuredExperts,
-    recentExperts,
-    historyJobs,
-    onLoadCheckpoints,
-    onComplete
-  } = props;
-  const { exit } = useApp();
-  const allExperts = useMemo(() => {
-    const configured = configuredExperts.map((e) => ({ ...e, source: "configured" }));
-    const recent = recentExperts.filter((e) => !configured.some((c) => c.key === e.key)).map((e) => ({ ...e, source: "recent" }));
-    return [...configured, ...recent];
-  }, [configuredExperts, recentExperts]);
-  const getInitialState = () => {
-    if (initialExpertKey && !initialQuery) {
-      return { type: "enteringQuery", expertKey: initialExpertKey };
-    }
-    if (showHistory && historyJobs.length > 0) {
-      return { type: "browsingHistory", jobs: historyJobs };
-    }
-    return { type: "browsingExperts", experts: allExperts };
-  };
-  const [state, dispatch] = useReducer(selectionReducer, void 0, getInitialState);
-  const [selectedCheckpoint, setSelectedCheckpoint] = useState(
-    initialCheckpoint
-  );
-  useEffect(() => {
-    if (initialExpertKey && initialQuery) {
-      onComplete({
-        expertKey: initialExpertKey,
-        query: initialQuery,
-        checkpoint: initialCheckpoint
-      });
-      exit();
-    }
-  }, [initialExpertKey, initialQuery, initialCheckpoint, onComplete, exit]);
-  const { input: queryInput, handleInput: handleQueryInput } = useTextInput({
-    onSubmit: (query) => {
-      if (state.type === "enteringQuery" && query.trim()) {
-        onComplete({
-          expertKey: state.expertKey,
-          query: query.trim(),
-          checkpoint: selectedCheckpoint
-        });
-        exit();
+var BrowsingExpertsInput = ({
+  experts,
+  onExpertSelect,
+  onSwitchToHistory
+}) => {
+  const extraKeyHandler = useCallback(
+    (inputChar) => {
+      if (inputChar === "h") {
+        onSwitchToHistory();
+        return true;
       }
+      return false;
+    },
+    [onSwitchToHistory]
+  );
+  const hint = `Experts ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.SELECT} ${KEY_HINTS.INPUT} ${KEY_HINTS.HISTORY} ${KEY_HINTS.CANCEL}`;
+  return /* @__PURE__ */ jsx(
+    ExpertSelectorBase,
+    {
+      experts,
+      hint,
+      onExpertSelect,
+      showSource: true,
+      maxItems: UI_CONSTANTS.MAX_VISIBLE_LIST_ITEMS,
+      extraKeyHandler
     }
-  });
-  useInput(handleQueryInput, { isActive: state.type === "enteringQuery" });
-  const handleExpertSelect = useCallback((expertKey) => {
-    dispatch({ type: "SELECT_EXPERT", expertKey });
-  }, []);
-  const handleJobSelect = useCallback(
-    async (job) => {
-      try {
-        const checkpoints = await onLoadCheckpoints(job);
-        dispatch({ type: "SELECT_JOB", job, checkpoints });
-      } catch {
-        dispatch({ type: "SELECT_JOB", job, checkpoints: [] });
+  );
+};
+var BrowsingHistoryInput = ({
+  jobs,
+  onJobSelect,
+  onJobResume,
+  onSwitchToExperts
+}) => /* @__PURE__ */ jsx(
+  ListBrowser,
+  {
+    title: `Job History ${KEY_HINTS.NAVIGATE} ${KEY_HINTS.RESUME} ${KEY_HINTS.CHECKPOINTS} ${KEY_HINTS.NEW}`,
+    items: jobs,
+    onSelect: onJobResume,
+    emptyMessage: "No jobs found. Press n to start a new job.",
+    extraKeyHandler: (char, _key, selected) => {
+      if (char === "c" && selected) {
+        onJobSelect(selected);
+        return true;
       }
-    },
-    [onLoadCheckpoints]
-  );
-  const handleJobResume = useCallback(
-    async (job) => {
-      try {
-        const checkpoints = await onLoadCheckpoints(job);
-        const latestCheckpoint = checkpoints[0];
-        if (latestCheckpoint) {
-          setSelectedCheckpoint(latestCheckpoint);
-        }
-        dispatch({ type: "SELECT_EXPERT", expertKey: job.expertKey });
-      } catch {
-        dispatch({ type: "SELECT_EXPERT", expertKey: job.expertKey });
+      if (char === "n") {
+        onSwitchToExperts();
+        return true;
       }
+      return false;
     },
-    [onLoadCheckpoints]
-  );
-  const handleCheckpointResume = useCallback(
-    (checkpoint) => {
-      setSelectedCheckpoint(checkpoint);
-      if (state.type === "browsingCheckpoints") {
-        dispatch({ type: "SELECT_EXPERT", expertKey: state.job.expertKey });
+    renderItem: (job, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
+      isSelected ? ">" : " ",
+      " ",
+      job.expertKey,
+      " - ",
+      job.totalSteps,
+      " steps (",
+      job.jobId,
+      ") (",
+      formatTimestamp(job.startedAt),
+      ")"
+    ] }, job.jobId)
+  }
+);
+var BrowserRouter = ({ inputState, showEventsHint = true }) => {
+  const ctx = useInputAreaContext();
+  const handleEventSelect = useCallback(
+    (event) => {
+      if (inputState.type === "browsingEvents") {
+        ctx.onEventSelect(inputState, event);
       }
     },
-    [state]
-  );
-  const handleBack = useCallback(() => {
-    if (state.type === "browsingCheckpoints") {
-      dispatch({ type: "GO_BACK_FROM_CHECKPOINTS", jobs: historyJobs });
-    }
-  }, [state, historyJobs]);
-  const handleSwitchToExperts = useCallback(() => {
-    dispatch({ type: "BROWSE_EXPERTS", experts: allExperts });
-  }, [allExperts]);
-  const handleSwitchToHistory = useCallback(() => {
-    dispatch({ type: "BROWSE_HISTORY", jobs: historyJobs });
-  }, [historyJobs]);
-  useInput((input, key) => {
-    if (key.ctrl && input === "c") {
-      exit();
-    }
-  });
-  const contextValue = useMemo(
-    () => ({
-      onExpertSelect: handleExpertSelect,
-      onQuerySubmit: () => {
-      },
-      // Not used in browser
-      onJobSelect: handleJobSelect,
-      onJobResume: handleJobResume,
-      onCheckpointSelect: () => {
-      },
-      // Not used in selection (no event browsing)
-      onCheckpointResume: handleCheckpointResume,
-      onEventSelect: () => {
-      },
-      // Not used in selection
-      onBack: handleBack,
-      onSwitchToExperts: handleSwitchToExperts,
-      onSwitchToHistory: handleSwitchToHistory
-    }),
-    [
-      handleExpertSelect,
-      handleJobSelect,
-      handleJobResume,
-      handleCheckpointResume,
-      handleBack,
-      handleSwitchToExperts,
-      handleSwitchToHistory
-    ]
+    [ctx.onEventSelect, inputState]
   );
-  if (initialExpertKey && initialQuery) {
-    return null;
+  switch (inputState.type) {
+    case "browsingHistory":
+      return /* @__PURE__ */ jsx(
+        BrowsingHistoryInput,
+        {
+          jobs: inputState.jobs,
+          onJobSelect: ctx.onJobSelect,
+          onJobResume: ctx.onJobResume,
+          onSwitchToExperts: ctx.onSwitchToExperts
+        }
+      );
+    case "browsingExperts":
+      return /* @__PURE__ */ jsx(
+        BrowsingExpertsInput,
+        {
+          experts: inputState.experts,
+          onExpertSelect: ctx.onExpertSelect,
+          onSwitchToHistory: ctx.onSwitchToHistory
+        }
+      );
+    case "browsingCheckpoints":
+      return /* @__PURE__ */ jsx(
+        BrowsingCheckpointsInput,
+        {
+          job: inputState.job,
+          checkpoints: inputState.checkpoints,
+          onCheckpointSelect: ctx.onCheckpointSelect,
+          onCheckpointResume: ctx.onCheckpointResume,
+          onBack: ctx.onBack,
+          showEventsHint
+        }
+      );
+    case "browsingEvents":
+      return /* @__PURE__ */ jsx(
+        BrowsingEventsInput,
+        {
+          checkpoint: inputState.checkpoint,
+          events: inputState.events,
+          onEventSelect: handleEventSelect,
+          onBack: ctx.onBack
+        }
+      );
+    case "browsingEventDetail":
+      return /* @__PURE__ */ jsx(BrowsingEventDetailInput, { event: inputState.selectedEvent, onBack: ctx.onBack });
+    default:
+      return assertNever(inputState);
+  }
+};
+var ActionRowSimple = ({
+  indicatorColor,
+  text,
+  textDimColor = false
+}) => /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+  /* @__PURE__ */ jsx(Box, { paddingRight: 1, children: /* @__PURE__ */ jsx(Text, { color: indicatorColor, children: INDICATOR.BULLET }) }),
+  /* @__PURE__ */ jsx(Text, { color: "white", dimColor: textDimColor, children: text })
+] }) });
+var ActionRow = ({ indicatorColor, label, summary, children }) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+  /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: indicatorColor, children: INDICATOR.BULLET }),
+    /* @__PURE__ */ jsx(Text, { color: "white", children: label }),
+    summary && /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: summary })
+  ] }),
+  /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
+    /* @__PURE__ */ jsx(Box, { paddingRight: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: INDICATOR.TREE }) }),
+    children
+  ] })
+] });
+var CheckpointActionRow = ({ action }) => {
+  if (action.type === "parallelGroup") {
+    return renderParallelGroup(action);
   }
+  const actionElement = renderAction(action);
+  if (!actionElement) return null;
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx(InputAreaProvider, { value: contextValue, children: (state.type === "browsingHistory" || state.type === "browsingExperts" || state.type === "browsingCheckpoints") && /* @__PURE__ */ jsx(
-      BrowserRouter,
-      {
-        inputState: state,
-        showEventsHint: false
-      }
-    ) }),
-    state.type === "enteringQuery" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: [
-      /* @__PURE__ */ jsxs(Text, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "Expert:" }),
-        " ",
-        /* @__PURE__ */ jsx(Text, { children: state.expertKey }),
-        selectedCheckpoint && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
-          " (resuming from step ",
-          selectedCheckpoint.stepNumber,
-          ")"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { children: [
-        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Query: " }),
-        /* @__PURE__ */ jsx(Text, { children: queryInput }),
-        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
-      ] }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press Enter to start" })
-    ] })
+    action.reasoning && renderReasoning(action.reasoning),
+    actionElement
   ] });
 };
-async function renderSelection(params) {
-  return new Promise((resolve, reject) => {
-    let resolved = false;
-    const { waitUntilExit } = render(
-      /* @__PURE__ */ jsx(
-        SelectionApp,
+function renderParallelGroup(group) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    group.reasoning && renderReasoning(group.reasoning),
+    group.activities.map((activity, index) => {
+      const actionElement = renderAction(activity);
+      if (!actionElement) return null;
+      return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: actionElement }, activity.id || `${activity.type}-${index}`);
+    })
+  ] });
+}
+function renderReasoning(text) {
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "white", label: "Reasoning", children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `reasoning-${idx}`)) }) });
+}
+function renderAction(action) {
+  const color = action.type === "error" || "error" in action && action.error ? "red" : "green";
+  switch (action.type) {
+    case "query":
+      return renderQuery(action.text, action.runId);
+    case "retry":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: "Retry", children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: action.message || action.error }) });
+    case "complete":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "green", label: "Run Results", children: /* @__PURE__ */ jsx(Text, { children: action.text }) });
+    case "attemptCompletion": {
+      if (action.error) {
+        return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "red", label: "Completion Failed", children: /* @__PURE__ */ jsx(Text, { color: "red", children: action.error }) });
+      }
+      const remaining = action.remainingTodos?.filter((t) => !t.completed) ?? [];
+      if (remaining.length > 0) {
+        return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: "Completion Blocked", children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          remaining.length,
+          " remaining task",
+          remaining.length > 1 ? "s" : ""
+        ] }) });
+      }
+      return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: "green", text: "Completion Accepted" });
+    }
+    case "todo":
+      return renderTodo(action, color);
+    case "clearTodo":
+      return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: "Todo Cleared" });
+    case "readTextFile":
+      return renderReadTextFile(action, color);
+    case "writeTextFile":
+      return renderWriteTextFile(action, color);
+    case "editTextFile":
+      return renderEditTextFile(action, color);
+    case "appendTextFile":
+      return renderAppendTextFile(action, color);
+    case "deleteFile":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Delete", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Removed" }) });
+    case "deleteDirectory":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Delete Dir", summary: shortenPath(action.path), children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "Removed",
+        action.recursive ? " (recursive)" : ""
+      ] }) });
+    case "moveFile":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Move", summary: shortenPath(action.source), children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\u2192 ",
+        shortenPath(action.destination, 30)
+      ] }) });
+    case "createDirectory":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Mkdir", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Created" }) });
+    case "listDirectory":
+      return renderListDirectory(action, color);
+    case "getFileInfo":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Info", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fetched" }) });
+    case "readPdfFile":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "PDF", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Read" }) });
+    case "readImageFile":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Image", summary: shortenPath(action.path), children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Read" }) });
+    case "exec":
+      return renderExec(action, color);
+    case "delegate":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: action.delegateExpertKey, children: /* @__PURE__ */ jsx(
+        Text,
         {
-          ...params,
-          onComplete: (result) => {
-            resolved = true;
-            resolve(result);
-          }
+          dimColor: true,
+          children: `{"query":"${truncateText(action.query, UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM)}"}`
         }
-      )
-    );
-    waitUntilExit().then(() => {
-      if (!resolved) {
-        reject(new Error("Selection cancelled"));
-      }
-    }).catch(reject);
-  });
-}
-function getEnv(envPath) {
-  const env = Object.fromEntries(
-    Object.entries(process.env).filter(([_, value]) => !!value).map(([key, value]) => [key, value])
-  );
-  dotenv.config({ path: envPath, processEnv: env, quiet: true });
-  return env;
-}
-var ALLOWED_CONFIG_HOSTS = ["raw.githubusercontent.com"];
-async function getPerstackConfig(configPath) {
-  const configString = await findPerstackConfigString(configPath);
-  if (configString === null) {
-    throw new Error("perstack.toml not found. Create one or specify --config path.");
+      ) });
+    case "delegationComplete":
+      return /* @__PURE__ */ jsx(
+        ActionRowSimple,
+        {
+          indicatorColor: "green",
+          text: `Delegation Complete (${action.count} delegate${action.count > 1 ? "s" : ""} returned)`
+        }
+      );
+    case "interactiveTool":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "yellow", label: `Interactive: ${action.toolName}`, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(JSON.stringify(action.args), UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM) }) });
+    case "generalTool":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: action.toolName, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(JSON.stringify(action.args), UI_CONSTANTS.TRUNCATE_TEXT_MEDIUM) }) });
+    case "error":
+      return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "red", label: action.errorName ?? "Error", children: /* @__PURE__ */ jsx(Text, { color: "red", children: action.error ?? "Unknown error" }) });
+    default: {
+      return null;
+    }
   }
-  return await parsePerstackConfig(configString);
 }
-function isRemoteUrl(configPath) {
-  const lower = configPath.toLowerCase();
-  return lower.startsWith("https://") || lower.startsWith("http://");
-}
-async function fetchRemoteConfig(url) {
-  let parsed;
-  try {
-    parsed = new URL(url);
-  } catch {
-    throw new Error(`Invalid remote config URL: ${url}`);
-  }
-  if (parsed.protocol !== "https:") {
-    throw new Error("Remote config requires HTTPS");
-  }
-  if (!ALLOWED_CONFIG_HOSTS.includes(parsed.hostname)) {
-    throw new Error(`Remote config only allowed from: ${ALLOWED_CONFIG_HOSTS.join(", ")}`);
+function renderTodo(action, color) {
+  const { newTodos, completedTodos, todos } = action;
+  const hasNewTodos = newTodos && newTodos.length > 0;
+  const hasCompletedTodos = completedTodos && completedTodos.length > 0;
+  if (!hasNewTodos && !hasCompletedTodos) {
+    return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: "Todo No changes" });
   }
-  try {
-    const response = await fetch(url, { redirect: "error" });
-    if (!response.ok) {
-      throw new Error(`${response.status} ${response.statusText}`);
-    }
-    return await response.text();
-  } catch (error) {
-    const message = error instanceof Error ? error.message : String(error);
-    throw new Error(`Failed to fetch remote config: ${message}`);
+  const labelParts = [];
+  if (hasNewTodos) {
+    labelParts.push(`Added ${newTodos.length} task${newTodos.length > 1 ? "s" : ""}`);
   }
-}
-async function findPerstackConfigString(configPath) {
-  if (configPath) {
-    if (isRemoteUrl(configPath)) {
-      return await fetchRemoteConfig(configPath);
-    }
-    try {
-      const tomlString = await readFile(path5.resolve(process.cwd(), configPath), "utf-8");
-      return tomlString;
-    } catch {
-      throw new Error(`Given config path "${configPath}" is not found`);
-    }
+  if (hasCompletedTodos) {
+    labelParts.push(
+      `Completed ${completedTodos.length} task${completedTodos.length > 1 ? "s" : ""}`
+    );
   }
-  return await findPerstackConfigStringRecursively(path5.resolve(process.cwd()));
-}
-async function findPerstackConfigStringRecursively(cwd) {
-  try {
-    const tomlString = await readFile(path5.resolve(cwd, "perstack.toml"), "utf-8");
-    return tomlString;
-  } catch {
-    if (cwd === path5.parse(cwd).root) {
-      return null;
-    }
-    return await findPerstackConfigStringRecursively(path5.dirname(cwd));
+  const label = `Todo ${labelParts.join(", ")}`;
+  const completedTitles = hasCompletedTodos ? completedTodos.map((id) => todos.find((t) => t.id === id)?.title).filter((t) => t !== void 0) : [];
+  if (!hasNewTodos && completedTitles.length === 0) {
+    return /* @__PURE__ */ jsx(ActionRowSimple, { indicatorColor: color, text: label });
   }
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    hasNewTodos && newTodos.slice(0, RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW).map((todo, idx) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u25CB ",
+      todo
+    ] }, `todo-${idx}`)),
+    hasNewTodos && newTodos.length > RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "... +",
+      newTodos.length - RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW,
+      " more"
+    ] }),
+    completedTitles.slice(0, RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW).map((title, idx) => /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "\u2713 ",
+      title
+    ] }, `completed-${idx}`)),
+    completedTitles.length > RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "... +",
+      completedTitles.length - RENDER_CONSTANTS.NEW_TODO_MAX_PREVIEW,
+      " more"
+    ] })
+  ] }) });
 }
-async function parsePerstackConfig(config2) {
-  const toml = TOML.parse(config2 ?? "");
-  return parseWithFriendlyError(perstackConfigSchema, toml, "perstack.toml");
-}
-
-// ../../packages/tui/src/lib/provider-config.ts
-function getProviderConfig(provider, env, providerTable) {
-  const setting = providerTable?.setting ?? {};
-  switch (provider) {
-    case "anthropic": {
-      const apiKey = env.ANTHROPIC_API_KEY;
-      if (!apiKey) throw new Error("ANTHROPIC_API_KEY is not set");
-      return {
-        providerName: "anthropic",
-        apiKey,
-        baseUrl: setting.baseUrl ?? env.ANTHROPIC_BASE_URL,
-        headers: setting.headers
-      };
-    }
-    case "google": {
-      const apiKey = env.GOOGLE_GENERATIVE_AI_API_KEY;
-      if (!apiKey) throw new Error("GOOGLE_GENERATIVE_AI_API_KEY is not set");
-      return {
-        providerName: "google",
-        apiKey,
-        baseUrl: setting.baseUrl ?? env.GOOGLE_GENERATIVE_AI_BASE_URL,
-        headers: setting.headers
-      };
-    }
-    case "openai": {
-      const apiKey = env.OPENAI_API_KEY;
-      if (!apiKey) throw new Error("OPENAI_API_KEY is not set");
-      return {
-        providerName: "openai",
-        apiKey,
-        baseUrl: setting.baseUrl ?? env.OPENAI_BASE_URL,
-        organization: setting.organization ?? env.OPENAI_ORGANIZATION,
-        project: setting.project ?? env.OPENAI_PROJECT,
-        name: setting.name,
-        headers: setting.headers
-      };
-    }
-    case "ollama": {
-      return {
-        providerName: "ollama",
-        baseUrl: setting.baseUrl ?? env.OLLAMA_BASE_URL,
-        headers: setting.headers
-      };
-    }
-    case "azure-openai": {
-      const apiKey = env.AZURE_API_KEY;
-      if (!apiKey) throw new Error("AZURE_API_KEY is not set");
-      const resourceName = setting.resourceName ?? env.AZURE_RESOURCE_NAME;
-      const baseUrl = setting.baseUrl ?? env.AZURE_BASE_URL;
-      if (!resourceName && !baseUrl) throw new Error("AZURE_RESOURCE_NAME or baseUrl is not set");
-      return {
-        providerName: "azure-openai",
-        apiKey,
-        resourceName,
-        apiVersion: setting.apiVersion ?? env.AZURE_API_VERSION,
-        baseUrl,
-        headers: setting.headers,
-        useDeploymentBasedUrls: setting.useDeploymentBasedUrls
-      };
-    }
-    case "amazon-bedrock": {
-      const accessKeyId = env.AWS_ACCESS_KEY_ID;
-      const secretAccessKey = env.AWS_SECRET_ACCESS_KEY;
-      const sessionToken = env.AWS_SESSION_TOKEN;
-      if (!accessKeyId) throw new Error("AWS_ACCESS_KEY_ID is not set");
-      if (!secretAccessKey) throw new Error("AWS_SECRET_ACCESS_KEY is not set");
-      const region = setting.region ?? env.AWS_REGION;
-      if (!region) throw new Error("AWS_REGION is not set");
-      return {
-        providerName: "amazon-bedrock",
-        accessKeyId,
-        secretAccessKey,
-        region,
-        sessionToken
-      };
-    }
-    case "google-vertex": {
-      return {
-        providerName: "google-vertex",
-        project: setting.project ?? env.GOOGLE_VERTEX_PROJECT,
-        location: setting.location ?? env.GOOGLE_VERTEX_LOCATION,
-        baseUrl: setting.baseUrl ?? env.GOOGLE_VERTEX_BASE_URL,
-        headers: setting.headers
-      };
-    }
-    case "deepseek": {
-      const apiKey = env.DEEPSEEK_API_KEY;
-      if (!apiKey) throw new Error("DEEPSEEK_API_KEY is not set");
-      return {
-        providerName: "deepseek",
-        apiKey,
-        baseUrl: setting.baseUrl ?? env.DEEPSEEK_BASE_URL,
-        headers: setting.headers
-      };
+function renderReadTextFile(action, color) {
+  const { path: path6, content, from, to } = action;
+  const lineRange = from !== void 0 && to !== void 0 ? `#${from}-${to}` : "";
+  const lines = content?.split("\n") ?? [];
+  return /* @__PURE__ */ jsx(
+    ActionRow,
+    {
+      indicatorColor: color,
+      label: "Read Text File",
+      summary: `${shortenPath(path6)}${lineRange}`,
+      children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Box, { flexDirection: "row", gap: 1, children: /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line }) }, `read-${idx}`)) })
     }
-  }
+  );
 }
-function getAllJobs2() {
-  return getAllJobs();
+function renderWriteTextFile(action, color) {
+  const { path: path6, text } = action;
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Write Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
+    /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
+  ] }, `write-${idx}`)) }) });
 }
-function getAllRuns2() {
-  return getAllRuns();
+function renderEditTextFile(action, color) {
+  const { path: path6, oldText, newText } = action;
+  const oldLines = oldText.split("\n");
+  const newLines = newText.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Edit Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    oldLines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "red", dimColor: true, children: "-" }),
+      /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
+    ] }, `old-${idx}`)),
+    newLines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: line })
+    ] }, `new-${idx}`))
+  ] }) });
 }
-function getMostRecentRun() {
-  const runs = getAllRuns2();
-  if (runs.length === 0) {
-    throw new Error("No runs found");
-  }
-  return runs[0];
+function renderAppendTextFile(action, color) {
+  const { path: path6, text } = action;
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Append Text File", summary: shortenPath(path6), children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+    /* @__PURE__ */ jsx(Text, { color: "green", dimColor: true, children: "+" }),
+    /* @__PURE__ */ jsx(Text, { color: "white", dimColor: true, children: line })
+  ] }, `append-${idx}`)) }) });
 }
-function getCheckpointsByJobId2(jobId) {
-  return getCheckpointsByJobId(jobId);
+function renderListDirectory(action, color) {
+  const { path: path6, items } = action;
+  const itemLines = items?.map((item) => `${item.type === "directory" ? "\u{1F4C1}" : "\u{1F4C4}"} ${item.name}`) ?? [];
+  const { visible, remaining } = summarizeOutput(itemLines, RENDER_CONSTANTS.LIST_DIR_MAX_ITEMS);
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "List", summary: shortenPath(path6), children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    visible.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(line, UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT) }, `dir-${idx}`)),
+    remaining > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "... +",
+      remaining,
+      " more"
+    ] })
+  ] }) });
 }
-function getMostRecentCheckpoint(jobId) {
-  const targetJobId = jobId ?? getMostRecentRun().jobId;
-  const checkpoints = getCheckpointsByJobId2(targetJobId);
-  if (checkpoints.length === 0) {
-    throw new Error(`No checkpoints found for job ${targetJobId}`);
-  }
-  return checkpoints[checkpoints.length - 1];
+function renderExec(action, color) {
+  const { command, args, cwd, output } = action;
+  const cwdPart = cwd ? ` ${shortenPath(cwd, 40)}` : "";
+  const cmdLine = truncateText(
+    `${command} ${args.join(" ")}${cwdPart}`,
+    UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT
+  );
+  const outputLines = output?.split("\n") ?? [];
+  const { visible, remaining } = summarizeOutput(
+    outputLines,
+    RENDER_CONSTANTS.EXEC_OUTPUT_MAX_LINES
+  );
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: `Bash ${cmdLine}`, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    visible.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, children: truncateText(line, UI_CONSTANTS.TRUNCATE_TEXT_DEFAULT) }, `out-${idx}`)),
+    remaining > 0 && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "... +",
+      remaining,
+      " more"
+    ] })
+  ] }) });
 }
-function getRecentExperts(limit) {
-  const runs = getAllRuns2();
-  const expertMap = /* @__PURE__ */ new Map();
-  for (const setting of runs) {
-    const expertKey = setting.expertKey;
-    if (!expertMap.has(expertKey) || expertMap.get(expertKey).lastUsed < setting.updatedAt) {
-      expertMap.set(expertKey, {
-        key: expertKey,
-        name: expertKey,
-        lastUsed: setting.updatedAt
-      });
+function renderQuery(text, runId) {
+  const lines = text.split("\n");
+  const shortRunId = runId.slice(0, 8);
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "cyan", label: "Query", summary: `(${shortRunId})`, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `query-${idx}`)) }) });
+}
+var RunSetting = ({
+  info,
+  eventCount,
+  isEditing,
+  expertName,
+  onQuerySubmit
+}) => {
+  const { input, handleInput } = useTextInput({
+    onSubmit: onQuerySubmit ?? (() => {
+    })
+  });
+  useInput(handleInput, { isActive: isEditing });
+  const displayExpertName = expertName ?? info.expertName;
+  const skills = info.activeSkills.length > 0 ? info.activeSkills.join(", ") : "";
+  const step = info.currentStep !== void 0 ? String(info.currentStep) : "";
+  const usagePercent = (info.contextWindowUsage * 100).toFixed(1);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: "gray",
+      borderTop: true,
+      borderBottom: false,
+      borderLeft: false,
+      borderRight: false,
+      children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: "Perstack" }),
+          info.runtimeVersion && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+            " (v",
+            info.runtimeVersion,
+            ")"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Expert: " }),
+          /* @__PURE__ */ jsx(Text, { color: "white", children: displayExpertName }),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Skills: " }),
+          /* @__PURE__ */ jsx(Text, { color: "green", children: skills })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Status: " }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              color: info.status === "running" ? "green" : info.status === "completed" ? "cyan" : "yellow",
+              children: info.status
+            }
+          ),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Step: " }),
+          /* @__PURE__ */ jsx(Text, { color: "white", children: step }),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Events: " }),
+          /* @__PURE__ */ jsx(Text, { color: "white", children: eventCount }),
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: " / Usage: " }),
+          /* @__PURE__ */ jsxs(Text, { color: "white", children: [
+            usagePercent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Text, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Model: " }),
+          /* @__PURE__ */ jsx(Text, { color: "white", children: info.model })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Text, { color: "gray", children: "Query: " }),
+          isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { color: "white", children: input }),
+            /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+          ] }) : /* @__PURE__ */ jsx(Text, { color: "white", children: info.query })
+        ] })
+      ]
     }
-  }
-  return Array.from(expertMap.values()).sort((a, b) => b.lastUsed - a.lastUsed).slice(0, limit);
+  );
+};
+var StreamingDisplay = ({ streaming }) => {
+  const activeRuns = Object.entries(streaming.runs).filter(
+    ([, run]) => run.isReasoningActive || run.isRunResultActive
+  );
+  if (activeRuns.length === 0) return null;
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: activeRuns.map(([runId, run]) => /* @__PURE__ */ jsx(StreamingRunSection, { run }, runId)) });
+};
+function StreamingRunSection({ run }) {
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    run.isReasoningActive && run.reasoning !== void 0 && /* @__PURE__ */ jsx(StreamingReasoning, { expertKey: run.expertKey, text: run.reasoning }),
+    run.isRunResultActive && run.runResult !== void 0 && /* @__PURE__ */ jsx(StreamingRunResult, { expertKey: run.expertKey, text: run.runResult })
+  ] });
 }
-function getCheckpointById(jobId, checkpointId) {
-  const checkpointPath = getCheckpointPath(jobId, checkpointId);
-  if (!existsSync(checkpointPath)) {
-    throw new Error(`Checkpoint ${checkpointId} not found in job ${jobId}`);
+function StreamingReasoning({
+  expertKey,
+  text
+}) {
+  const lines = text.split("\n");
+  const label = `[${formatExpertKey(expertKey)}] Reasoning...`;
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "cyan", label, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "wrap", children: line }, `streaming-reasoning-${idx}`)) }) });
+}
+function StreamingRunResult({
+  expertKey,
+  text
+}) {
+  const lines = text.split("\n");
+  const label = `[${formatExpertKey(expertKey)}] Generating...`;
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: "green", label, children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: lines.map((line, idx) => /* @__PURE__ */ jsx(Text, { wrap: "wrap", children: line }, `streaming-run-result-${idx}`)) }) });
+}
+function formatExpertKey(expertKey) {
+  const atIndex = expertKey.lastIndexOf("@");
+  if (atIndex > 0) {
+    return expertKey.substring(0, atIndex);
   }
-  const checkpoint = readFileSync(checkpointPath, "utf-8");
-  return checkpointSchema.parse(JSON.parse(checkpoint));
+  return expertKey;
 }
-function getCheckpointsWithDetails(jobId) {
-  return getCheckpointsByJobId2(jobId).map((cp) => ({
-    id: cp.id,
-    runId: cp.runId,
-    stepNumber: cp.stepNumber,
-    contextWindowUsage: cp.contextWindowUsage ?? 0
-  })).sort((a, b) => b.stepNumber - a.stepNumber);
+function getActivityKey(activityOrGroup, index) {
+  return activityOrGroup.id || `activity-${index}`;
 }
-function getAllEventContentsForJob(jobId, maxStepNumber) {
-  const runIds = getRunIdsByJobId(jobId);
-  const allEvents = [];
-  for (const runId of runIds) {
-    const events = getEventContents(jobId, runId, maxStepNumber);
-    allEvents.push(...events);
+var RunBox = ({ node, isRoot }) => {
+  if (isRoot) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+      node.activities.map((activity, index) => /* @__PURE__ */ jsx(CheckpointActionRow, { action: activity }, getActivityKey(activity, index))),
+      node.children.map((child) => /* @__PURE__ */ jsx(RunBox, { node: child, isRoot: false }, child.runId))
+    ] });
+  }
+  const shortRunId = node.runId.slice(0, 8);
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", marginLeft: 1, children: [
+    /* @__PURE__ */ jsxs(Text, { dimColor: true, bold: true, children: [
+      "[",
+      node.expertKey,
+      "] ",
+      /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "(",
+        shortRunId,
+        ")"
+      ] })
+    ] }),
+    node.activities.map((activity, index) => /* @__PURE__ */ jsx(CheckpointActionRow, { action: activity }, getActivityKey(activity, index))),
+    node.children.map((child) => /* @__PURE__ */ jsx(RunBox, { node: child, isRoot: false }, child.runId))
+  ] });
+};
+function getActivityProps(activityOrGroup) {
+  if (activityOrGroup.type === "parallelGroup") {
+    const group = activityOrGroup;
+    const firstActivity = group.activities[0];
+    return {
+      runId: group.runId,
+      expertKey: group.expertKey,
+      delegatedBy: firstActivity?.delegatedBy
+    };
   }
-  return allEvents.sort((a, b) => a.timestamp - b.timestamp);
+  return activityOrGroup;
 }
-
-// ../../packages/tui/src/lib/context.ts
-var defaultProvider = "anthropic";
-var defaultModel = "claude-sonnet-4-5";
-async function resolveRunContext(input) {
-  const perstackConfig = input.perstackConfig ?? await getPerstackConfig(input.configPath);
-  let checkpoint;
-  if (input.resumeFrom) {
-    if (!input.continueJob) {
-      throw new Error("--resume-from requires --continue-job");
+var ActivityLogPanel = ({ activities }) => {
+  const rootNodes = useMemo(() => {
+    const nodeMap = /* @__PURE__ */ new Map();
+    const roots = [];
+    const orphanChildren = /* @__PURE__ */ new Map();
+    for (const activityOrGroup of activities) {
+      const { runId, expertKey, delegatedBy } = getActivityProps(activityOrGroup);
+      let node = nodeMap.get(runId);
+      if (!node) {
+        node = {
+          runId,
+          expertKey,
+          activities: [],
+          children: []
+        };
+        nodeMap.set(runId, node);
+        const waitingChildren = orphanChildren.get(runId);
+        if (waitingChildren) {
+          for (const child of waitingChildren) {
+            node.children.push(child);
+            const rootIndex = roots.indexOf(child);
+            if (rootIndex !== -1) {
+              roots.splice(rootIndex, 1);
+            }
+          }
+          orphanChildren.delete(runId);
+        }
+        if (delegatedBy) {
+          const parentNode = nodeMap.get(delegatedBy.runId);
+          if (parentNode) {
+            parentNode.children.push(node);
+          } else {
+            const orphans = orphanChildren.get(delegatedBy.runId) ?? [];
+            orphans.push(node);
+            orphanChildren.set(delegatedBy.runId, orphans);
+            roots.push(node);
+          }
+        } else {
+          roots.push(node);
+        }
+      }
+      node.activities.push(activityOrGroup);
     }
-    checkpoint = getCheckpointById(input.continueJob, input.resumeFrom);
-  } else if (input.continueJob) {
-    checkpoint = getMostRecentCheckpoint(input.continueJob);
-  } else if (input.continue) {
-    checkpoint = getMostRecentCheckpoint();
-  }
-  if ((input.continue || input.continueJob || input.resumeFrom) && !checkpoint) {
-    throw new Error("No checkpoint found");
+    return roots;
+  }, [activities]);
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: rootNodes.map((node) => /* @__PURE__ */ jsx(RunBox, { node, isRoot: true }, node.runId)) });
+};
+var ContinueInputPanel = ({
+  isActive,
+  runStatus,
+  onSubmit
+}) => {
+  const { input, handleInput } = useTextInput({
+    onSubmit: (newQuery) => {
+      if (isActive && newQuery.trim()) {
+        onSubmit(newQuery.trim());
+      }
+    }
+  });
+  useInput(handleInput, { isActive });
+  if (runStatus === "running") {
+    return null;
   }
-  if (checkpoint && input.expertKey && checkpoint.expert.key !== input.expertKey) {
-    throw new Error(
-      `Checkpoint expert key ${checkpoint.expert.key} does not match input expert key ${input.expertKey}`
-    );
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: [
+    /* @__PURE__ */ jsxs(Text, { children: [
+      /* @__PURE__ */ jsx(Text, { color: runStatus === "completed" ? "green" : "yellow", bold: true, children: runStatus === "completed" ? "Completed" : "Stopped" }),
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: " - Enter a follow-up query or wait to exit" })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Text, { color: "gray", children: "Continue: " }),
+      /* @__PURE__ */ jsx(Text, { children: input }),
+      /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+    ] })
+  ] });
+};
+var StatusPanel = ({
+  runtimeInfo,
+  eventCount,
+  runStatus
+}) => {
+  if (runStatus !== "running") {
+    return null;
   }
-  const envPath = input.envPath && input.envPath.length > 0 ? input.envPath : perstackConfig.envPath ?? [".env", ".env.local"];
-  const env = getEnv(envPath);
-  const provider = input.provider ?? perstackConfig.provider?.providerName ?? defaultProvider;
-  const model = input.model ?? perstackConfig.model ?? defaultModel;
-  const providerConfig = getProviderConfig(provider, env, perstackConfig.provider);
-  const experts = Object.fromEntries(
-    Object.entries(perstackConfig.experts ?? {}).map(([name, expert]) => {
-      return [
-        name,
+  return /* @__PURE__ */ jsx(RunSetting, { info: runtimeInfo, eventCount, isEditing: false });
+};
+var useExecutionState = (options) => {
+  const { expertKey, query, config: config2, continueTimeoutMs, historicalEvents, onReady, onComplete } = options;
+  const { exit } = useApp();
+  const runState = useRun();
+  const { runtimeInfo, handleEvent, setQuery } = useRuntimeInfo({
+    initialExpertName: expertKey,
+    initialConfig: config2
+  });
+  const [runStatus, setRunStatus] = useState("running");
+  const [isAcceptingContinue, setIsAcceptingContinue] = useState(false);
+  const timeoutRef = useRef(null);
+  const clearTimeoutIfExists = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  }, []);
+  const startExitTimeout = useCallback(() => {
+    clearTimeoutIfExists();
+    timeoutRef.current = setTimeout(() => {
+      onComplete({ nextQuery: null });
+      exit();
+    }, continueTimeoutMs);
+  }, [clearTimeoutIfExists, continueTimeoutMs, onComplete, exit]);
+  useEffect(() => {
+    setQuery(query);
+  }, [query, setQuery]);
+  useEffect(() => {
+    if (historicalEvents && historicalEvents.length > 0) {
+      runState.appendHistoricalEvents(historicalEvents);
+    }
+  }, [historicalEvents, runState.appendHistoricalEvents]);
+  useEffect(() => {
+    onReady((event) => {
+      runState.addEvent(event);
+      const result = handleEvent(event);
+      if (result?.completed) {
+        setRunStatus("completed");
+        setIsAcceptingContinue(true);
+        startExitTimeout();
+      } else if (result?.stopped) {
+        setRunStatus("stopped");
+        setIsAcceptingContinue(true);
+        startExitTimeout();
+      }
+    });
+  }, [onReady, runState.addEvent, handleEvent, startExitTimeout]);
+  useEffect(() => {
+    return () => {
+      clearTimeoutIfExists();
+    };
+  }, [clearTimeoutIfExists]);
+  const handleContinueSubmit = useCallback(
+    (newQuery) => {
+      if (isAcceptingContinue && newQuery.trim()) {
+        clearTimeoutIfExists();
+        onComplete({ nextQuery: newQuery.trim() });
+        exit();
+      }
+    },
+    [isAcceptingContinue, clearTimeoutIfExists, onComplete, exit]
+  );
+  return {
+    activities: runState.activities,
+    streaming: runState.streaming,
+    eventCount: runState.eventCount,
+    runtimeInfo,
+    runStatus,
+    isAcceptingContinue,
+    handleContinueSubmit,
+    clearTimeout: clearTimeoutIfExists
+  };
+};
+var ExecutionApp = (props) => {
+  const { expertKey, query, config: config2, continueTimeoutMs, historicalEvents, onReady, onComplete } = props;
+  const { exit } = useApp();
+  const state = useExecutionState({
+    expertKey,
+    query,
+    config: config2,
+    continueTimeoutMs,
+    historicalEvents,
+    onReady,
+    onComplete
+  });
+  useInput((input, key) => {
+    if (key.ctrl && input === "c") {
+      state.clearTimeout();
+      exit();
+    }
+  });
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(ActivityLogPanel, { activities: state.activities }),
+    /* @__PURE__ */ jsx(StreamingDisplay, { streaming: state.streaming }),
+    /* @__PURE__ */ jsx(
+      StatusPanel,
+      {
+        runtimeInfo: state.runtimeInfo,
+        eventCount: state.eventCount,
+        runStatus: state.runStatus
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ContinueInputPanel,
+      {
+        isActive: state.isAcceptingContinue,
+        runStatus: state.runStatus,
+        onSubmit: state.handleContinueSubmit
+      }
+    )
+  ] });
+};
+function renderExecution(params) {
+  const eventQueue = new EventQueue();
+  const result = new Promise((resolve, reject) => {
+    let resolved = false;
+    const { waitUntilExit } = render(
+      /* @__PURE__ */ jsx(
+        ExecutionApp,
         {
-          name,
-          version: expert.version ?? "1.0.0",
-          description: expert.description,
-          instruction: expert.instruction,
-          skills: expert.skills,
-          delegates: expert.delegates,
-          tags: expert.tags
+          ...params,
+          onReady: (handler) => {
+            eventQueue.setHandler(handler);
+          },
+          onComplete: (result2) => {
+            resolved = true;
+            resolve(result2);
+          }
         }
-      ];
-    })
-  );
+      )
+    );
+    waitUntilExit().then(() => {
+      if (!resolved) {
+        reject(new Error("Execution cancelled"));
+      }
+    }).catch(reject);
+  });
   return {
-    perstackConfig,
-    checkpoint,
-    env,
-    providerConfig,
-    model,
-    experts
+    result,
+    eventListener: (event) => {
+      eventQueue.emit(event);
+    }
   };
 }
-
-// ../../packages/tui/src/lib/interactive.ts
-function parseInteractiveToolCallResult(query, checkpoint) {
-  const lastMessage = checkpoint.messages[checkpoint.messages.length - 1];
-  if (lastMessage.type !== "expertMessage") {
-    throw new Error("Last message is not a expert message");
-  }
-  const content = lastMessage.contents.find((c) => c.type === "toolCallPart");
-  if (!content || content.type !== "toolCallPart") {
-    throw new Error("Last message content is not a tool call part");
+var selectionReducer = (_state, action) => {
+  switch (action.type) {
+    case "BROWSE_HISTORY":
+      return { type: "browsingHistory", jobs: action.jobs };
+    case "BROWSE_EXPERTS":
+      return { type: "browsingExperts", experts: action.experts };
+    case "SELECT_EXPERT":
+      return { type: "enteringQuery", expertKey: action.expertKey };
+    case "SELECT_JOB":
+      return { type: "browsingCheckpoints", job: action.job, checkpoints: action.checkpoints };
+    case "GO_BACK_FROM_CHECKPOINTS":
+      return { type: "browsingHistory", jobs: action.jobs };
+    default:
+      return assertNever(action);
   }
-  const toolCallId = content.toolCallId;
-  const toolName = content.toolName;
-  const pendingToolCall = checkpoint.pendingToolCalls?.find((tc) => tc.id === toolCallId);
-  const skillName = pendingToolCall?.skillName ?? "";
-  return {
-    interactiveToolCallResult: {
-      toolCallId,
-      toolName,
-      skillName,
-      text: query
+};
+var SelectionApp = (props) => {
+  const {
+    showHistory,
+    initialExpertKey,
+    initialQuery,
+    initialCheckpoint,
+    configuredExperts,
+    recentExperts,
+    historyJobs,
+    onLoadCheckpoints,
+    onComplete
+  } = props;
+  const { exit } = useApp();
+  const allExperts = useMemo(() => {
+    const configured = configuredExperts.map((e) => ({ ...e, source: "configured" }));
+    const recent = recentExperts.filter((e) => !configured.some((c) => c.key === e.key)).map((e) => ({ ...e, source: "recent" }));
+    return [...configured, ...recent];
+  }, [configuredExperts, recentExperts]);
+  const getInitialState = () => {
+    if (initialExpertKey && !initialQuery) {
+      return { type: "enteringQuery", expertKey: initialExpertKey };
     }
+    if (showHistory && historyJobs.length > 0) {
+      return { type: "browsingHistory", jobs: historyJobs };
+    }
+    return { type: "browsingExperts", experts: allExperts };
   };
+  const [state, dispatch] = useReducer(selectionReducer, void 0, getInitialState);
+  const [selectedCheckpoint, setSelectedCheckpoint] = useState(
+    initialCheckpoint
+  );
+  useEffect(() => {
+    if (initialExpertKey && initialQuery) {
+      onComplete({
+        expertKey: initialExpertKey,
+        query: initialQuery,
+        checkpoint: initialCheckpoint
+      });
+      exit();
+    }
+  }, [initialExpertKey, initialQuery, initialCheckpoint, onComplete, exit]);
+  const { input: queryInput, handleInput: handleQueryInput } = useTextInput({
+    onSubmit: (query) => {
+      if (state.type === "enteringQuery" && query.trim()) {
+        onComplete({
+          expertKey: state.expertKey,
+          query: query.trim(),
+          checkpoint: selectedCheckpoint
+        });
+        exit();
+      }
+    }
+  });
+  useInput(handleQueryInput, { isActive: state.type === "enteringQuery" });
+  const handleExpertSelect = useCallback((expertKey) => {
+    dispatch({ type: "SELECT_EXPERT", expertKey });
+  }, []);
+  const handleJobSelect = useCallback(
+    async (job) => {
+      try {
+        const checkpoints = await onLoadCheckpoints(job);
+        dispatch({ type: "SELECT_JOB", job, checkpoints });
+      } catch {
+        dispatch({ type: "SELECT_JOB", job, checkpoints: [] });
+      }
+    },
+    [onLoadCheckpoints]
+  );
+  const handleJobResume = useCallback(
+    async (job) => {
+      try {
+        const checkpoints = await onLoadCheckpoints(job);
+        const latestCheckpoint = checkpoints[0];
+        if (latestCheckpoint) {
+          setSelectedCheckpoint(latestCheckpoint);
+        }
+        dispatch({ type: "SELECT_EXPERT", expertKey: job.expertKey });
+      } catch {
+        dispatch({ type: "SELECT_EXPERT", expertKey: job.expertKey });
+      }
+    },
+    [onLoadCheckpoints]
+  );
+  const handleCheckpointResume = useCallback(
+    (checkpoint) => {
+      setSelectedCheckpoint(checkpoint);
+      if (state.type === "browsingCheckpoints") {
+        dispatch({ type: "SELECT_EXPERT", expertKey: state.job.expertKey });
+      }
+    },
+    [state]
+  );
+  const handleBack = useCallback(() => {
+    if (state.type === "browsingCheckpoints") {
+      dispatch({ type: "GO_BACK_FROM_CHECKPOINTS", jobs: historyJobs });
+    }
+  }, [state, historyJobs]);
+  const handleSwitchToExperts = useCallback(() => {
+    dispatch({ type: "BROWSE_EXPERTS", experts: allExperts });
+  }, [allExperts]);
+  const handleSwitchToHistory = useCallback(() => {
+    dispatch({ type: "BROWSE_HISTORY", jobs: historyJobs });
+  }, [historyJobs]);
+  useInput((input, key) => {
+    if (key.ctrl && input === "c") {
+      exit();
+    }
+  });
+  const contextValue = useMemo(
+    () => ({
+      onExpertSelect: handleExpertSelect,
+      onQuerySubmit: () => {
+      },
+      // Not used in browser
+      onJobSelect: handleJobSelect,
+      onJobResume: handleJobResume,
+      onCheckpointSelect: () => {
+      },
+      // Not used in selection (no event browsing)
+      onCheckpointResume: handleCheckpointResume,
+      onEventSelect: () => {
+      },
+      // Not used in selection
+      onBack: handleBack,
+      onSwitchToExperts: handleSwitchToExperts,
+      onSwitchToHistory: handleSwitchToHistory
+    }),
+    [
+      handleExpertSelect,
+      handleJobSelect,
+      handleJobResume,
+      handleCheckpointResume,
+      handleBack,
+      handleSwitchToExperts,
+      handleSwitchToHistory
+    ]
+  );
+  if (initialExpertKey && initialQuery) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsx(InputAreaProvider, { value: contextValue, children: (state.type === "browsingHistory" || state.type === "browsingExperts" || state.type === "browsingCheckpoints") && /* @__PURE__ */ jsx(
+      BrowserRouter,
+      {
+        inputState: state,
+        showEventsHint: false
+      }
+    ) }),
+    state.type === "enteringQuery" && /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: "gray", children: [
+      /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "Expert:" }),
+        " ",
+        /* @__PURE__ */ jsx(Text, { children: state.expertKey }),
+        selectedCheckpoint && /* @__PURE__ */ jsxs(Text, { color: "gray", children: [
+          " (resuming from step ",
+          selectedCheckpoint.stepNumber,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Text, { color: "gray", children: "Query: " }),
+        /* @__PURE__ */ jsx(Text, { children: queryInput }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: "_" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Press Enter to start" })
+    ] })
+  ] });
+};
+async function renderSelection(params) {
+  return new Promise((resolve, reject) => {
+    let resolved = false;
+    const { waitUntilExit } = render(
+      /* @__PURE__ */ jsx(
+        SelectionApp,
+        {
+          ...params,
+          onComplete: (result) => {
+            resolved = true;
+            resolve(result);
+          }
+        }
+      )
+    );
+    waitUntilExit().then(() => {
+      if (!resolved) {
+        reject(new Error("Selection cancelled"));
+      }
+    }).catch(reject);
+  });
 }
 
 // ../../packages/tui/src/start-handler.ts
@@ -4343,13 +4353,6 @@ var config = parseWithFriendlyError(
   perstackConfigSchema,
   TOML.parse(readFileSync(tomlPath, "utf-8"))
 );
-var PROVIDER_ENV_MAP = {
-  anthropic: "ANTHROPIC_API_KEY",
-  google: "GOOGLE_GENERATIVE_AI_API_KEY",
-  openai: "OPENAI_API_KEY",
-  deepseek: "DEEPSEEK_API_KEY",
-  "azure-openai": "AZURE_API_KEY"
-};
 new Command().name("create-expert").description("Create and modify Perstack expert definitions").argument("<query>", "Description of the expert to create or modify").action(async (query) => {
   await startHandler(
     "expert",