perstack 0.0.83 → 0.0.85

package/dist/bin/cli.js

@@ -1,36 +1,111 @@
 #!/usr/bin/env node
-import { getPerstackConfig, getEnv, resolveRunContext, parseInteractiveToolCallResultJson, parseInteractiveToolCallResult, createInitialJob, retrieveJob, storeJob, defaultRetrieveCheckpoint, defaultStoreEvent, defaultStoreCheckpoint, startCommand, getAllRuns, getEventContents, getCheckpointsByJobId, getAllJobs } from '../chunk-FOHDMSVR.js';
 import { Command } from 'commander';
-import { writeFile, readFile } from 'fs/promises';
-import path from 'path';
+import { writeFile, readFile, mkdir } from 'fs/promises';
+import path2 from 'path';
 import { createApiClient } from '@perstack/api-client';
-import { parseWithFriendlyError, runCommandInputSchema, validateEventFilter, createFilteredEventListener, defaultPerstackApiBaseUrl, expertSchema } from '@perstack/core';
-import { collectToolDefinitionsForExpert, findLockfile, loadLockfile, run } from '@perstack/runtime';
+import { parseWithFriendlyError, runCommandInputSchema, validateEventFilter, createFilteredEventListener, defaultPerstackApiBaseUrl, jobSchema, checkpointSchema, startCommandInputSchema, defaultMaxRetries, defaultTimeout, perstackConfigSchema, expertSchema, runSettingSchema, BASE_SKILL_PREFIX, createBaseToolActivity, createGeneralToolActivity } from '@perstack/core';
+import { collectToolDefinitionsForExpert, findLockfile, loadLockfile, run, runtimeVersion } from '@perstack/runtime';
+import dotenv from 'dotenv';
 import TOML from 'smol-toml';
-import { existsSync, readdirSync, statSync } from 'fs';
+import { existsSync, readdirSync, readFileSync, mkdirSync, writeFileSync, statSync } from 'fs';
 import { createId } from '@paralleldrive/cuid2';
+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';
 
 // package.json
 var package_default = {
   name: "perstack",
-  version: "0.0.83",
+  version: "0.0.85",
   description: "PerStack CLI"};
+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.");
+  }
+  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(", ")}`);
+  }
+  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}`);
+  }
+}
+async function findPerstackConfigString(configPath) {
+  if (configPath) {
+    if (isRemoteUrl(configPath)) {
+      return await fetchRemoteConfig(configPath);
+    }
+    try {
+      const tomlString = await readFile(path2.resolve(process.cwd(), configPath), "utf-8");
+      return tomlString;
+    } catch {
+      throw new Error(`Given config path "${configPath}" is not found`);
+    }
+  }
+  return await findPerstackConfigStringRecursively(path2.resolve(process.cwd()));
+}
+async function findPerstackConfigStringRecursively(cwd) {
+  try {
+    const tomlString = await readFile(path2.resolve(cwd, "perstack.toml"), "utf-8");
+    return tomlString;
+  } catch {
+    if (cwd === path2.parse(cwd).root) {
+      return null;
+    }
+    return await findPerstackConfigStringRecursively(path2.dirname(cwd));
+  }
+}
+async function parsePerstackConfig(config) {
+  const toml = TOML.parse(config ?? "");
+  return parseWithFriendlyError(perstackConfigSchema, toml, "perstack.toml");
+}
 async function findConfigPath(configPath) {
   if (configPath) {
-    return path.resolve(process.cwd(), configPath);
+    return path2.resolve(process.cwd(), configPath);
   }
   return await findConfigPathRecursively(process.cwd());
 }
 async function findConfigPathRecursively(cwd) {
-  const configPath = path.resolve(cwd, "perstack.toml");
+  const configPath = path2.resolve(cwd, "perstack.toml");
   try {
     await readFile(configPath);
     return configPath;
   } catch {
-    if (cwd === path.parse(cwd).root) {
+    if (cwd === path2.parse(cwd).root) {
       throw new Error("perstack.toml not found. Create one or specify --config path.");
     }
-    return await findConfigPathRecursively(path.dirname(cwd));
+    return await findConfigPathRecursively(path2.dirname(cwd));
   }
 }
 function toRuntimeExpert(key, expert) {
@@ -209,10 +284,10 @@ var installCommand = new Command().command("install").description("Generate pers
     const lockfile = {
       version: "1",
       generatedAt: Date.now(),
-      configPath: path.basename(configPath),
+      configPath: path2.basename(configPath),
       experts: lockfileExperts
     };
-    const lockfilePath = path.join(path.dirname(configPath), "perstack.lock");
+    const lockfilePath = path2.join(path2.dirname(configPath), "perstack.lock");
     const lockfileContent = generateLockfileToml(lockfile);
     await writeFile(lockfilePath, lockfileContent, "utf-8");
     console.log(`Generated ${lockfilePath}`);
@@ -225,6 +300,178 @@ var installCommand = new Command().command("install").description("Generate pers
     process.exit(1);
   }
 });
+function getJobsDir() {
+  return `${process.cwd()}/perstack/jobs`;
+}
+function getJobDir(jobId) {
+  return `${getJobsDir()}/${jobId}`;
+}
+function storeJob(job) {
+  const jobDir = getJobDir(job.id);
+  if (!existsSync(jobDir)) {
+    mkdirSync(jobDir, { recursive: true });
+  }
+  const jobPath = path2.resolve(jobDir, "job.json");
+  writeFileSync(jobPath, JSON.stringify(job, null, 2));
+}
+function retrieveJob(jobId) {
+  const jobDir = getJobDir(jobId);
+  const jobPath = path2.resolve(jobDir, "job.json");
+  if (!existsSync(jobPath)) {
+    return void 0;
+  }
+  const content = readFileSync(jobPath, "utf-8");
+  return jobSchema.parse(JSON.parse(content));
+}
+function getAllJobs() {
+  const jobsDir = getJobsDir();
+  if (!existsSync(jobsDir)) {
+    return [];
+  }
+  const jobDirNames = readdirSync(jobsDir, { withFileTypes: true }).filter((dir) => dir.isDirectory()).map((dir) => dir.name);
+  if (jobDirNames.length === 0) {
+    return [];
+  }
+  const jobs = [];
+  for (const jobDirName of jobDirNames) {
+    const jobPath = path2.resolve(jobsDir, jobDirName, "job.json");
+    if (!existsSync(jobPath)) {
+      continue;
+    }
+    try {
+      const content = readFileSync(jobPath, "utf-8");
+      jobs.push(jobSchema.parse(JSON.parse(content)));
+    } catch {
+    }
+  }
+  return jobs.sort((a, b) => b.startedAt - a.startedAt);
+}
+function createInitialJob(jobId, expertKey, maxSteps) {
+  return {
+    id: jobId,
+    status: "running",
+    coordinatorExpertKey: expertKey,
+    runtimeVersion: "v1.0",
+    totalSteps: 0,
+    maxSteps,
+    usage: {
+      inputTokens: 0,
+      outputTokens: 0,
+      reasoningTokens: 0,
+      totalTokens: 0,
+      cachedInputTokens: 0
+    },
+    startedAt: Date.now()
+  };
+}
+
+// ../../packages/filesystem/src/checkpoint.ts
+function getCheckpointDir(jobId) {
+  return `${getJobDir(jobId)}/checkpoints`;
+}
+function getCheckpointPath(jobId, checkpointId) {
+  return `${getCheckpointDir(jobId)}/${checkpointId}.json`;
+}
+async function defaultRetrieveCheckpoint(jobId, checkpointId) {
+  const checkpointPath = getCheckpointPath(jobId, checkpointId);
+  if (!existsSync(checkpointPath)) {
+    throw new Error(`checkpoint not found: ${checkpointId}`);
+  }
+  const checkpoint = await readFile(checkpointPath, "utf8");
+  return checkpointSchema.parse(JSON.parse(checkpoint));
+}
+async function defaultStoreCheckpoint(checkpoint) {
+  const { id, jobId } = checkpoint;
+  const checkpointDir = getCheckpointDir(jobId);
+  await mkdir(checkpointDir, { recursive: true });
+  await writeFile(getCheckpointPath(jobId, id), JSON.stringify(checkpoint));
+}
+function getCheckpointsByJobId(jobId) {
+  const checkpointDir = getCheckpointDir(jobId);
+  if (!existsSync(checkpointDir)) {
+    return [];
+  }
+  const files = readdirSync(checkpointDir).filter((file) => file.endsWith(".json"));
+  const checkpoints = [];
+  for (const file of files) {
+    try {
+      const content = readFileSync(path2.resolve(checkpointDir, file), "utf-8");
+      checkpoints.push(checkpointSchema.parse(JSON.parse(content)));
+    } catch {
+    }
+  }
+  return checkpoints.sort((a, b) => a.stepNumber - b.stepNumber);
+}
+function defaultGetRunDir(jobId, runId) {
+  return `${process.cwd()}/perstack/jobs/${jobId}/runs/${runId}`;
+}
+function getAllRuns() {
+  const jobsDir = getJobsDir();
+  if (!existsSync(jobsDir)) {
+    return [];
+  }
+  const jobDirNames = readdirSync(jobsDir, { withFileTypes: true }).filter((dir) => dir.isDirectory()).map((dir) => dir.name);
+  if (jobDirNames.length === 0) {
+    return [];
+  }
+  const runs = [];
+  for (const jobDirName of jobDirNames) {
+    const runsDir = path2.resolve(jobsDir, jobDirName, "runs");
+    if (!existsSync(runsDir)) {
+      continue;
+    }
+    const runDirNames = readdirSync(runsDir, { withFileTypes: true }).filter((dir) => dir.isDirectory()).map((dir) => dir.name);
+    for (const runDirName of runDirNames) {
+      const runSettingPath = path2.resolve(runsDir, runDirName, "run-setting.json");
+      if (!existsSync(runSettingPath)) {
+        continue;
+      }
+      try {
+        const content = readFileSync(runSettingPath, "utf-8");
+        runs.push(runSettingSchema.parse(JSON.parse(content)));
+      } catch {
+      }
+    }
+  }
+  return runs.sort((a, b) => b.updatedAt - a.updatedAt);
+}
+
+// ../../packages/filesystem/src/event.ts
+async function defaultStoreEvent(event) {
+  const { timestamp, jobId, runId, stepNumber, type } = event;
+  const runDir = defaultGetRunDir(jobId, runId);
+  const eventPath = `${runDir}/event-${timestamp}-${stepNumber}-${type}.json`;
+  await mkdir(runDir, { recursive: true });
+  await writeFile(eventPath, JSON.stringify(event));
+}
+function getEventContents(jobId, runId, maxStepNumber) {
+  const runDir = defaultGetRunDir(jobId, runId);
+  if (!existsSync(runDir)) {
+    return [];
+  }
+  const eventFiles = readdirSync(runDir).filter((file) => file.startsWith("event-")).map((file) => {
+    const [_, timestamp, step, type] = file.split(".")[0].split("-");
+    return { file, timestamp: Number(timestamp), stepNumber: Number(step), type };
+  }).filter((e) => maxStepNumber === void 0 || e.stepNumber <= maxStepNumber).sort((a, b) => a.timestamp - b.timestamp);
+  const events = [];
+  for (const { file } of eventFiles) {
+    try {
+      const content = readFileSync(path2.resolve(runDir, file), "utf-8");
+      events.push(JSON.parse(content));
+    } catch {
+    }
+  }
+  return events;
+}
+function getRunIdsByJobId(jobId) {
+  const runsDir = path2.resolve(getJobDir(jobId), "runs");
+  if (!existsSync(runsDir)) {
+    return [];
+  }
+  return readdirSync(runsDir, { withFileTypes: true }).filter((dir) => dir.isDirectory()).map((dir) => dir.name);
+}
+
+// src/lib/log/data-fetcher.ts
 function createLogDataFetcher(storage) {
   return {
     async getJob(jobId) {
@@ -285,7 +532,7 @@ function createLogDataFetcher(storage) {
 }
 function getJobDirMtime(basePath, jobId) {
   try {
-    const jobDir = path.join(basePath, "jobs", jobId);
+    const jobDir = path2.join(basePath, "jobs", jobId);
     const stats = statSync(jobDir);
     return stats.mtimeMs;
   } catch {
@@ -301,7 +548,7 @@ function createStorageAdapter(basePath) {
     getEventContents: async (jobId, runId, maxStep) => getEventContents(jobId, runId, maxStep),
     getAllRuns: async () => getAllRuns(),
     getJobIds: () => {
-      const jobsDir = path.join(basePath, "jobs");
+      const jobsDir = path2.join(basePath, "jobs");
       if (!existsSync(jobsDir)) return [];
       return readdirSync(jobsDir, { withFileTypes: true }).filter((d) => d.isDirectory()).map((d) => d.name);
     },
@@ -365,18 +612,18 @@ function parseFilterExpression(expression) {
   const value = parseValue(trimmedValue);
   return { field, operator, value };
 }
-function parseFieldPath(path3) {
+function parseFieldPath(path8) {
   const parts = [];
   let current = "";
   let i = 0;
-  while (i < path3.length) {
-    if (path3[i] === ".") {
+  while (i < path8.length) {
+    if (path8[i] === ".") {
       if (current) {
         parts.push(current);
         current = "";
       }
       i++;
-    } else if (path3[i] === "[" && path3[i + 1] === "]") {
+    } else if (path8[i] === "[" && path8[i + 1] === "]") {
       if (current) {
         parts.push(current);
         current = "";
@@ -384,7 +631,7 @@ function parseFieldPath(path3) {
       parts.push("*");
       i += 2;
     } else {
-      current += path3[i];
+      current += path8[i];
       i++;
     }
   }
@@ -419,10 +666,10 @@ function evaluateCondition(event, condition) {
   }
   return compareValues(actualValue, operator, value);
 }
-function getFieldValue(obj, path3) {
+function getFieldValue(obj, path8) {
   let current = obj;
-  for (let i = 0; i < path3.length; i++) {
-    const segment = path3[i];
+  for (let i = 0; i < path8.length; i++) {
+    const segment = path8[i];
     if (current === null || current === void 0) {
       return void 0;
     }
@@ -430,7 +677,7 @@ function getFieldValue(obj, path3) {
       if (!Array.isArray(current)) {
         return void 0;
       }
-      const remainingPath = path3.slice(i + 1);
+      const remainingPath = path8.slice(i + 1);
       if (remainingPath.length === 0) {
         return current;
       }
@@ -937,6 +1184,260 @@ async function buildOutput(fetcher, options, filterOptions, storagePath) {
     matchedAfterPagination: result.matchedAfterPagination
   };
 }
+
+// ../../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 getAllJobs2() {
+  return getAllJobs();
+}
+function getAllRuns2() {
+  return getAllRuns();
+}
+function getMostRecentRun() {
+  const runs = getAllRuns2();
+  if (runs.length === 0) {
+    throw new Error("No runs found");
+  }
+  return runs[0];
+}
+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}`);
+  }
+  return checkpoints[checkpoints.length - 1];
+}
+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 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 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);
+  }
+  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");
+    }
+    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");
+  }
+  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}`
+    );
+  }
+  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");
+  }
+  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
+    }
+  };
+}
+function parseInteractiveToolCallResultJson(query) {
+  try {
+    const parsed = JSON.parse(query);
+    if (typeof parsed === "object" && parsed !== null && "toolCallId" in parsed && "toolName" in parsed && "skillName" in parsed && "text" in parsed) {
+      return {
+        interactiveToolCallResult: parsed
+      };
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
 var defaultEventListener = (event) => console.log(JSON.stringify(event));
 var runCommand = new Command().command("run").description("Run Perstack with JSON output").argument("<expertKey>", "Expert key to run").argument("<query>", "Query to run").option("--config <configPath>", "Path to perstack.toml config file").option("--provider <provider>", "Provider to use").option("--model <model>", "Model to use").option(
   "--reasoning-budget <budget>",
@@ -1034,6 +1535,2160 @@ var runCommand = new Command().command("run").description("Run Perstack with JSO
   }
 });
 
+// ../../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;
+  }
+  setHandler(fn) {
+    this.handler = fn;
+    for (const event of this.pendingEvents) {
+      this.safeHandle(event);
+    }
+    this.pendingEvents.length = 0;
+  }
+  emit(event) {
+    if (this.handler) {
+      this.safeHandle(event);
+    } else {
+      if (this.pendingEvents.length >= _EventQueue.MAX_PENDING_EVENTS) {
+        this.pendingEvents.shift();
+      }
+      this.pendingEvents.push(event);
+    }
+  }
+  safeHandle(event) {
+    try {
+      this.handler?.(event);
+    } catch (error) {
+      if (this.onError) {
+        this.onError(error);
+      } else {
+        this.errorLogger("EventQueue handler error:", error);
+      }
+    }
+  }
+};
+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/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 formatTimestamp2 = (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);
+    }
+  }, [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();
+    }
+  });
+  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: formatTimestamp2(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,
+      " (",
+      formatTimestamp2(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 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;
+}
+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 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 (!isRunEvent(event)) {
+    return;
+  }
+  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;
+  }
+  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;
+  }
+  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;
+    }
+    return;
+  }
+  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;
+  }
+  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;
+    }
+  }
+}
+
+// ../../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
+      };
+    }
+    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;
+        }
+      }
+      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
+  });
+  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;
+};
+
+// ../../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);
+  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);
+      }
+    },
+    [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",
+        "]"
+      ] })
+    ] }),
+    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: "_" })
+    ] })
+  ] });
+};
+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
+}) => /* @__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;
+      }
+      if (char === "n") {
+        onSwitchToExperts();
+        return true;
+      }
+      return false;
+    },
+    renderItem: (job, isSelected) => /* @__PURE__ */ jsxs(Text, { color: isSelected ? "cyan" : "gray", children: [
+      isSelected ? ">" : " ",
+      " ",
+      job.expertKey,
+      " - ",
+      job.totalSteps,
+      " steps (",
+      job.jobId,
+      ") (",
+      formatTimestamp2(job.startedAt),
+      ")"
+    ] }, job.jobId)
+  }
+);
+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
+  ] });
+};
+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,
+        {
+          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 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" });
+  }
+  const labelParts = [];
+  if (hasNewTodos) {
+    labelParts.push(`Added ${newTodos.length} task${newTodos.length > 1 ? "s" : ""}`);
+  }
+  if (hasCompletedTodos) {
+    labelParts.push(
+      `Completed ${completedTodos.length} task${completedTodos.length > 1 ? "s" : ""}`
+    );
+  }
+  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"
+    ] })
+  ] }) });
+}
+function renderReadTextFile(action, color) {
+  const { path: path8, 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(path8)}${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 renderWriteTextFile(action, color) {
+  const { path: path8, text } = action;
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Write Text File", summary: shortenPath(path8), 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: path8, 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(path8), 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: path8, text } = action;
+  const lines = text.split("\n");
+  return /* @__PURE__ */ jsx(ActionRow, { indicatorColor: color, label: "Append Text File", summary: shortenPath(path8), 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: path8, 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(path8), 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 })
+        ] })
+      ]
+    }
+  );
+};
+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 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))
+    ] });
+  }
+  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 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);
+            }
+          }
+          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);
+    }
+    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;
+  }
+  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;
+  }
+  return /* @__PURE__ */ jsx(RunSetting, { info: runtimeInfo, eventCount, isEditing: false });
+};
+var useExecutionState = (options) => {
+  const { expertKey, query, config, continueTimeoutMs, historicalEvents, onReady, onComplete } = options;
+  const { exit } = useApp();
+  const runState = useRun();
+  const { runtimeInfo, handleEvent, setQuery } = useRuntimeInfo({
+    initialExpertName: expertKey,
+    initialConfig: config
+  });
+  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, continueTimeoutMs, historicalEvents, onReady, onComplete } = props;
+  const { exit } = useApp();
+  const state = useExecutionState({
+    expertKey,
+    query,
+    config,
+    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,
+        {
+          ...params,
+          onReady: (handler) => {
+            eventQueue.setHandler(handler);
+          },
+          onComplete: (result2) => {
+            resolved = true;
+            resolve(result2);
+          }
+        }
+      )
+    );
+    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);
+  }
+};
+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
+var CONTINUE_TIMEOUT_MS = 6e4;
+async function startHandler(expertKey, query, options, handlerOptions) {
+  const input = parseWithFriendlyError(startCommandInputSchema, { expertKey, query, options });
+  try {
+    const { perstackConfig, checkpoint, env, providerConfig, model, experts } = await resolveRunContext({
+      configPath: input.options.config,
+      provider: input.options.provider,
+      model: input.options.model,
+      envPath: input.options.envPath,
+      continue: input.options.continue,
+      continueJob: input.options.continueJob,
+      resumeFrom: input.options.resumeFrom,
+      expertKey: input.expertKey,
+      perstackConfig: handlerOptions?.perstackConfig
+    });
+    if (handlerOptions?.additionalEnv) ;
+    const maxSteps = input.options.maxSteps ?? perstackConfig.maxSteps;
+    const maxRetries = input.options.maxRetries ?? perstackConfig.maxRetries ?? defaultMaxRetries;
+    const timeout = input.options.timeout ?? perstackConfig.timeout ?? defaultTimeout;
+    const configuredExperts = Object.keys(perstackConfig.experts ?? {}).map((key) => ({
+      key,
+      name: key
+    }));
+    const recentExperts = getRecentExperts(10);
+    const showHistory = !input.expertKey && !input.query && !checkpoint;
+    const historyJobs = showHistory ? getAllJobs2().map((j) => ({
+      jobId: j.id,
+      status: j.status,
+      expertKey: j.coordinatorExpertKey,
+      totalSteps: j.totalSteps,
+      startedAt: j.startedAt,
+      finishedAt: j.finishedAt
+    })) : [];
+    const selection = await renderSelection({
+      showHistory,
+      initialExpertKey: input.expertKey,
+      initialQuery: input.query,
+      initialCheckpoint: checkpoint ? {
+        id: checkpoint.id,
+        jobId: checkpoint.jobId,
+        runId: checkpoint.runId,
+        stepNumber: checkpoint.stepNumber,
+        contextWindowUsage: checkpoint.contextWindowUsage ?? 0
+      } : void 0,
+      configuredExperts,
+      recentExperts,
+      historyJobs,
+      onLoadCheckpoints: async (j) => {
+        const checkpoints = getCheckpointsWithDetails(j.jobId);
+        return checkpoints.map((cp) => ({ ...cp, jobId: j.jobId }));
+      }
+    });
+    if (!selection.expertKey) {
+      console.error("Expert key is required");
+      return;
+    }
+    if (!selection.query && !selection.checkpoint) {
+      console.error("Query is required");
+      return;
+    }
+    let currentCheckpoint = selection.checkpoint ? getCheckpointById(selection.checkpoint.jobId, selection.checkpoint.id) : checkpoint;
+    if (currentCheckpoint && currentCheckpoint.expert.key !== selection.expertKey) {
+      console.error(
+        `Checkpoint expert key ${currentCheckpoint.expert.key} does not match input expert key ${selection.expertKey}`
+      );
+      return;
+    }
+    const lockfilePath = findLockfile();
+    const lockfile = lockfilePath ? loadLockfile(lockfilePath) ?? void 0 : void 0;
+    let currentQuery = selection.query;
+    let currentJobId = currentCheckpoint?.jobId ?? input.options.jobId ?? createId();
+    let isNextQueryInteractiveToolResult = input.options.interactiveToolCallResult ?? false;
+    let isFirstIteration = true;
+    const initialHistoricalEvents = currentCheckpoint ? getAllEventContentsForJob(currentCheckpoint.jobId, currentCheckpoint.stepNumber) : void 0;
+    while (currentQuery !== null) {
+      const historicalEvents = isFirstIteration ? initialHistoricalEvents : void 0;
+      const runId = createId();
+      const { result: executionResult, eventListener } = renderExecution({
+        expertKey: selection.expertKey,
+        query: currentQuery,
+        config: {
+          runtimeVersion,
+          model,
+          maxSteps,
+          maxRetries,
+          timeout,
+          contextWindowUsage: currentCheckpoint?.contextWindowUsage ?? 0
+        },
+        continueTimeoutMs: CONTINUE_TIMEOUT_MS,
+        historicalEvents
+      });
+      const runResult = await run(
+        {
+          setting: {
+            jobId: currentJobId,
+            runId,
+            expertKey: selection.expertKey,
+            input: isNextQueryInteractiveToolResult && currentCheckpoint ? parseInteractiveToolCallResult(currentQuery, currentCheckpoint) : { text: currentQuery },
+            experts,
+            model,
+            providerConfig,
+            reasoningBudget: input.options.reasoningBudget ?? perstackConfig.reasoningBudget,
+            maxSteps: input.options.maxSteps ?? perstackConfig.maxSteps,
+            maxRetries: input.options.maxRetries ?? perstackConfig.maxRetries,
+            timeout: input.options.timeout ?? perstackConfig.timeout,
+            perstackApiBaseUrl: perstackConfig.perstackApiBaseUrl,
+            perstackApiKey: env.PERSTACK_API_KEY,
+            perstackBaseSkillCommand: perstackConfig.perstackBaseSkillCommand,
+            env,
+            verbose: input.options.verbose
+          },
+          checkpoint: currentCheckpoint
+        },
+        {
+          eventListener,
+          storeCheckpoint: defaultStoreCheckpoint,
+          storeEvent: defaultStoreEvent,
+          retrieveCheckpoint: defaultRetrieveCheckpoint,
+          storeJob,
+          retrieveJob,
+          createJob: createInitialJob,
+          lockfile
+        }
+      );
+      const result = await executionResult;
+      const canContinue = runResult.status === "completed" || runResult.status === "stoppedByExceededMaxSteps" || runResult.status === "stoppedByError" || runResult.status === "stoppedByInteractiveTool";
+      if (result.nextQuery && canContinue) {
+        currentQuery = result.nextQuery;
+        currentCheckpoint = runResult;
+        currentJobId = runResult.jobId;
+        isNextQueryInteractiveToolResult = runResult.status === "stoppedByInteractiveTool";
+        isFirstIteration = false;
+      } else {
+        currentQuery = null;
+      }
+    }
+  } catch (error) {
+    if (error instanceof Error) {
+      console.error(error.message);
+    } else {
+      console.error(error);
+    }
+  }
+}
+var startCommand = new Command().command("start").description("Start Perstack with interactive TUI").argument("[expertKey]", "Expert key to run (optional, will prompt if not provided)").argument("[query]", "Query to run (optional, will prompt if not provided)").option("--config <configPath>", "Path to perstack.toml config file").option("--provider <provider>", "Provider to use").option("--model <model>", "Model to use").option(
+  "--reasoning-budget <budget>",
+  "Reasoning budget for native LLM reasoning (minimal, low, medium, high, or token count)"
+).option(
+  "--max-steps <maxSteps>",
+  "Maximum number of steps to run, default is undefined (no limit)"
+).option("--max-retries <maxRetries>", "Maximum number of generation retries, default is 5").option(
+  "--timeout <timeout>",
+  "Timeout for each generation in milliseconds, default is 300000 (5 minutes)"
+).option("--job-id <jobId>", "Job ID for identifying the job").option(
+  "--env-path <path>",
+  "Path to the environment file (can be specified multiple times), default is .env and .env.local",
+  (value, previous) => previous.concat(value),
+  []
+).option("--verbose", "Enable verbose logging").option("--continue", "Continue the most recent job with new query").option("--continue-job <jobId>", "Continue the specified job with new query").option(
+  "--resume-from <checkpointId>",
+  "Resume from a specific checkpoint (requires --continue or --continue-job)"
+).option("-i, --interactive-tool-call-result", "Query is interactive tool call result").action((expertKey, query, options) => startHandler(expertKey, query, options));
+
 // bin/cli.ts
 var program = new Command().name(package_default.name).description(package_default.description).version(package_default.version).addCommand(startCommand).addCommand(runCommand).addCommand(logCommand).addCommand(installCommand);
 program.parse();