replicas-cli 0.2.161 → 0.2.163

package/dist/interactive-ZWNJ2QJA.mjs

@@ -1,3137 +0,0 @@
-#!/usr/bin/env bun
-import {
-  SOURCE_CONFIG,
-  buildGroups,
-  createMockWorkspaceRecord,
-  createUserMessage,
-  extractPrNumber,
-  filterDisplayMessages,
-  getInitialChatId,
-  getOrganizationId,
-  getValidToken,
-  isAgentBackendEvent,
-  parseAgentEvents,
-  parseSseChunk,
-  parseUserMessage
-} from "./chunk-5N4AMDTY.mjs";
-import "./chunk-FFDYI4OH.mjs";
-
-// src/interactive/index.tsx
-import { createCliRenderer } from "@opentui/core";
-import { createRoot } from "@opentui/react";
-
-// src/interactive/App.tsx
-import { useState as useState8, useEffect as useEffect3, useMemo as useMemo6, useCallback as useCallback7, useRef as useRef5 } from "react";
-import { useKeyboard as useKeyboard5, useRenderer, useTerminalDimensions as useTerminalDimensions3 } from "@opentui/react";
-import { QueryClient } from "@tanstack/react-query";
-
-// ../shared/src/hooks/auth-context.ts
-import { createContext, useContext } from "react";
-var ReplicasAuthContext = createContext(null);
-var ReplicasAuthProvider = ReplicasAuthContext.Provider;
-function useReplicasAuth() {
-  const ctx = useContext(ReplicasAuthContext);
-  if (!ctx) {
-    throw new Error("useReplicasAuth must be used within a ReplicasAuthProvider");
-  }
-  return ctx;
-}
-
-// ../shared/src/hooks/fetch.ts
-import { useCallback } from "react";
-var REDIRECT_STATUSES = /* @__PURE__ */ new Set([301, 302, 303, 307, 308]);
-var MAX_REDIRECTS = 5;
-async function fetchWithRedirects(url, init, attempt = 0) {
-  const response = await fetch(url, { ...init, redirect: "manual" });
-  if (REDIRECT_STATUSES.has(response.status)) {
-    if (attempt >= MAX_REDIRECTS) {
-      throw new Error("Too many redirects while contacting the Replicas API");
-    }
-    const location = response.headers.get("location");
-    if (!location) {
-      throw new Error(`Redirect status ${response.status} missing Location header`);
-    }
-    const nextUrl = new URL(location, url).toString();
-    const shouldForceGet = response.status === 303 && init.method !== void 0 && init.method.toUpperCase() !== "GET";
-    const nextInit = {
-      ...init,
-      method: shouldForceGet ? "GET" : init.method,
-      body: shouldForceGet ? void 0 : init.body
-    };
-    return fetchWithRedirects(nextUrl, nextInit, attempt + 1);
-  }
-  return response;
-}
-function useOrgFetch() {
-  const auth = useReplicasAuth();
-  return useCallback(
-    async function orgFetch(url, options) {
-      const token = await auth.getAccessToken();
-      const orgId = auth.getOrganizationId();
-      const headers = {
-        "Authorization": `Bearer ${token}`,
-        "Replicas-Org-Id": orgId,
-        "Content-Type": "application/json",
-        ...options?.headers || {}
-      };
-      const absoluteUrl = `${auth.monolithUrl}${url}`;
-      const requestInit = {
-        ...options,
-        headers,
-        body: options?.body !== void 0 ? JSON.stringify(options.body) : void 0
-      };
-      const response = await fetchWithRedirects(absoluteUrl, requestInit);
-      if (!response.ok) {
-        const error = await response.json().catch(() => ({ error: "Request failed" }));
-        throw new Error(error.error || `Request failed with status ${response.status}`);
-      }
-      return response.json();
-    },
-    [auth]
-  );
-}
-function useRawOrgFetch() {
-  const auth = useReplicasAuth();
-  return useCallback(
-    async function rawOrgFetch(url, options) {
-      const token = await auth.getAccessToken();
-      const orgId = auth.getOrganizationId();
-      const headers = {
-        "Authorization": `Bearer ${token}`,
-        "Replicas-Org-Id": orgId,
-        ...options?.headers || {}
-      };
-      const absoluteUrl = `${auth.monolithUrl}${url}`;
-      return fetch(absoluteUrl, { ...options, headers });
-    },
-    [auth]
-  );
-}
-
-// ../shared/src/hooks/useWorkspaces.ts
-import { useQuery, useMutation } from "@tanstack/react-query";
-function useWorkspaces(page = 1, limit = 100, scope = "organization") {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useQuery({
-    queryKey: ["workspaces", orgId, scope, page, limit],
-    queryFn: () => orgFetch(`/v1/workspaces?scope=${scope}&page=${page}&limit=${limit}`),
-    enabled: !!orgId,
-    staleTime: 1e4
-  }, auth.queryClient);
-}
-function useCreateWorkspace() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useMutation({
-    mutationFn: (request) => orgFetch("/v1/workspaces", {
-      method: "POST",
-      body: request
-    }),
-    onSettled: () => {
-      auth.queryClient.invalidateQueries({ queryKey: ["workspaces", orgId] });
-    }
-  }, auth.queryClient);
-}
-function useDeleteWorkspace() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useMutation({
-    mutationFn: (workspaceId) => orgFetch(`/v1/workspaces/${workspaceId}`, {
-      method: "DELETE"
-    }),
-    onSuccess: (_data, deletedWorkspaceId) => {
-      auth.queryClient.invalidateQueries({ queryKey: ["workspaces", orgId] });
-      auth.queryClient.removeQueries({ queryKey: ["workspace-status", deletedWorkspaceId] });
-      auth.queryClient.removeQueries({ queryKey: ["workspace-chats", deletedWorkspaceId] });
-      auth.queryClient.removeQueries({ queryKey: ["chat-history", deletedWorkspaceId] });
-      auth.queryClient.removeQueries({ queryKey: ["workspace-previews", deletedWorkspaceId] });
-    }
-  }, auth.queryClient);
-}
-function useWakeWorkspace() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useMutation({
-    mutationFn: (workspaceId) => orgFetch(`/v1/workspaces/${workspaceId}/wake`, {
-      method: "POST"
-    }),
-    onSuccess: (_data, workspaceId) => {
-      auth.queryClient.invalidateQueries({ queryKey: ["workspaces", orgId] });
-      auth.queryClient.invalidateQueries({ queryKey: ["workspace-status", workspaceId] });
-      auth.queryClient.invalidateQueries({ queryKey: ["workspace-chats", workspaceId] });
-    }
-  }, auth.queryClient);
-}
-function useGenerateWorkspaceName() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useMutation({
-    mutationFn: ({ workspaceId, prompt }) => orgFetch(`/v1/workspaces/${workspaceId}/generate-name`, {
-      method: "POST",
-      body: { prompt }
-    }),
-    onSuccess: () => {
-      auth.queryClient.invalidateQueries({ queryKey: ["workspaces"] });
-    }
-  }, auth.queryClient);
-}
-
-// ../shared/src/hooks/useWorkspaceEngine.ts
-import { useCallback as useCallback2, useEffect, useMemo, useState } from "react";
-import { useQuery as useQuery2, useMutation as useMutation2 } from "@tanstack/react-query";
-function upsertChat(chats, chat) {
-  const existingIndex = chats.findIndex((item) => item.id === chat.id);
-  if (existingIndex === -1) {
-    return [chat, ...chats].sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
-  }
-  const next = [...chats];
-  next[existingIndex] = chat;
-  return next.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
-}
-function patchChat(chats, chatId, patch) {
-  let changed = false;
-  const next = chats.map((chat) => {
-    if (chat.id !== chatId) return chat;
-    changed = true;
-    return { ...chat, ...patch };
-  });
-  return changed ? next.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt)) : chats;
-}
-function getEventSignature(value) {
-  const normalize = (input) => {
-    if (Array.isArray(input)) return input.map(normalize);
-    if (input && typeof input === "object") {
-      const entries = Object.entries(input).sort(([a], [b]) => a.localeCompare(b)).map(([key, val]) => [key, normalize(val)]);
-      return Object.fromEntries(entries);
-    }
-    return input;
-  };
-  try {
-    return JSON.stringify(normalize(value));
-  } catch {
-    return String(value);
-  }
-}
-function useWorkspaceChats(workspaceId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useQuery2({
-    queryKey: ["workspace-chats", workspaceId],
-    queryFn: () => orgFetch(`/v1/workspaces/${workspaceId}/chats`),
-    enabled: !!workspaceId,
-    staleTime: 6e4
-  }, auth.queryClient);
-}
-function useChatHistory(workspaceId, chatId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useQuery2({
-    queryKey: ["chat-history", workspaceId, chatId],
-    queryFn: () => orgFetch(`/v1/workspaces/${workspaceId}/chats/${chatId}/history`),
-    enabled: !!workspaceId && !!chatId
-  }, auth.queryClient);
-}
-function useSendChatMessage(workspaceId, chatId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useMutation2({
-    mutationFn: (body) => {
-      if (!workspaceId || !chatId) throw new Error("No chat selected");
-      return orgFetch(
-        `/v1/workspaces/${workspaceId}/chats/${chatId}/messages`,
-        { method: "POST", body }
-      );
-    }
-  }, auth.queryClient);
-}
-function useInterruptChat(workspaceId, chatId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useMutation2({
-    mutationFn: () => {
-      if (!workspaceId || !chatId) throw new Error("No chat selected");
-      return orgFetch(
-        `/v1/workspaces/${workspaceId}/chats/${chatId}/interrupt`,
-        { method: "POST" }
-      );
-    }
-  }, auth.queryClient);
-}
-function useWorkspaceStatus(workspaceId, options) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const includeDiffs = options?.includeDiffs ?? false;
-  const enabled = options?.enabled ?? true;
-  return useQuery2({
-    queryKey: ["workspace-status", workspaceId, includeDiffs],
-    queryFn: () => {
-      const url = `/v1/workspaces/${workspaceId}/status${includeDiffs ? "?includeDiffs=true" : ""}`;
-      return orgFetch(url);
-    },
-    enabled: !!workspaceId && enabled,
-    staleTime: 3e3,
-    retry: 2,
-    placeholderData: (previousData) => previousData
-  }, auth.queryClient);
-}
-function useWorkspacePreviews(workspaceId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useQuery2({
-    queryKey: ["workspace-previews", workspaceId],
-    queryFn: () => orgFetch(`/v1/workspaces/${workspaceId}/previews`),
-    enabled: !!workspaceId,
-    staleTime: 5e3,
-    retry: 2
-  }, auth.queryClient);
-}
-function useAgentAvailability(workspaceId) {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  return useQuery2({
-    queryKey: ["agent-availability", workspaceId],
-    queryFn: () => orgFetch(`/v1/workspaces/${workspaceId}/agent-availability`),
-    enabled: !!workspaceId,
-    staleTime: 6e4,
-    refetchInterval: 6e4,
-    retry: 2
-  }, auth.queryClient);
-}
-function useWorkspaceEvents(workspaceId, enabled = true) {
-  const auth = useReplicasAuth();
-  const rawFetch = useRawOrgFetch();
-  const qc = auth.queryClient;
-  const [connected, setConnected] = useState(false);
-  const handleEvent = useCallback2((event) => {
-    if (!workspaceId) return;
-    const chatsKey = ["workspace-chats", workspaceId];
-    if (event.type === "chat.created" || event.type === "chat.updated") {
-      if (event.payload.chat.parentChatId === null) {
-        qc.setQueryData(chatsKey, (current) => {
-          if (!current) return { chats: [event.payload.chat] };
-          return { chats: upsertChat(current.chats, event.payload.chat) };
-        });
-      }
-      return;
-    }
-    if (event.type === "chat.deleted") {
-      qc.setQueryData(chatsKey, (current) => {
-        if (!current) return current;
-        return { chats: current.chats.filter((chat) => chat.id !== event.payload.chatId) };
-      });
-      qc.removeQueries({ queryKey: ["chat-history", workspaceId, event.payload.chatId] });
-      return;
-    }
-    if (event.type === "chat.turn.accepted") {
-      if (!event.payload.queued) {
-        qc.setQueryData(chatsKey, (current) => {
-          if (!current) return current;
-          return { chats: patchChat(current.chats, event.payload.chatId, { processing: true, updatedAt: event.ts }) };
-        });
-      }
-      return;
-    }
-    if (event.type === "chat.turn.started") {
-      qc.setQueryData(chatsKey, (current) => {
-        if (!current) return current;
-        return { chats: patchChat(current.chats, event.payload.chatId, { processing: true, updatedAt: event.ts }) };
-      });
-      return;
-    }
-    if (event.type === "chat.turn.completed" || event.type === "chat.interrupted") {
-      qc.setQueryData(chatsKey, (current) => {
-        if (!current) return current;
-        return { chats: patchChat(current.chats, event.payload.chatId, { processing: false, updatedAt: event.ts }) };
-      });
-      qc.invalidateQueries({ queryKey: ["chat-history", workspaceId, event.payload.chatId] });
-      return;
-    }
-    if (event.type === "chat.turn.delta") {
-      qc.setQueryData(
-        ["chat-history", workspaceId, event.payload.chatId],
-        (current) => {
-          const incomingSignature = getEventSignature(event.payload.event);
-          if (!current) {
-            return { thread_id: null, events: [event.payload.event] };
-          }
-          const hasDuplicate = current.events.some((e) => getEventSignature(e) === incomingSignature);
-          if (hasDuplicate) return current;
-          return { ...current, events: [...current.events, event.payload.event] };
-        }
-      );
-      return;
-    }
-    if (event.type === "repo.status.changed") {
-      qc.setQueryData(["workspace-status", workspaceId, false], (current) => {
-        if (!current) return current;
-        return { ...current, repoStatuses: event.payload.repos };
-      });
-      qc.invalidateQueries({ queryKey: ["workspace-status", workspaceId, true] });
-      return;
-    }
-    if (event.type === "preview.changed") {
-      qc.setQueryData(["workspace-previews", workspaceId], {
-        previews: event.payload.previews
-      });
-      return;
-    }
-  }, [qc, workspaceId]);
-  useEffect(() => {
-    if (!workspaceId || !enabled) return;
-    const controller = new AbortController();
-    let cancelled = false;
-    const connect = async () => {
-      try {
-        const response = await rawFetch(`/v1/workspaces/${workspaceId}/events`, {
-          headers: { "Accept": "text/event-stream" },
-          signal: controller.signal
-        });
-        if (!response.ok || !response.body) {
-          setConnected(false);
-          return false;
-        }
-        setConnected(true);
-        const reader = response.body.getReader();
-        const decoder = new TextDecoder();
-        let buffer = "";
-        while (!cancelled) {
-          const { done, value } = await reader.read();
-          if (done) return false;
-          buffer += decoder.decode(value, { stream: true });
-          const chunks = buffer.split("\n\n");
-          buffer = chunks.pop() ?? "";
-          for (const chunk of chunks) {
-            const event = parseSseChunk(chunk);
-            if (event) handleEvent(event);
-          }
-        }
-        return false;
-      } catch {
-        setConnected(false);
-        return false;
-      }
-    };
-    const run = async () => {
-      while (!cancelled) {
-        await connect();
-        if (cancelled) break;
-        await new Promise((resolve) => setTimeout(resolve, 1e3));
-      }
-    };
-    run().catch(() => setConnected(false));
-    return () => {
-      cancelled = true;
-      controller.abort();
-      setConnected(false);
-    };
-  }, [enabled, handleEvent, rawFetch, workspaceId]);
-  return useMemo(() => ({ connected }), [connected]);
-}
-
-// ../shared/src/hooks/useRepositories.ts
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-function useRepositorySets() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useQuery3({
-    queryKey: ["repository-sets", orgId],
-    queryFn: () => orgFetch("/v1/repository-sets"),
-    enabled: !!orgId
-  }, auth.queryClient);
-}
-
-// ../shared/src/hooks/useEnvironment.ts
-import { useQuery as useQuery4 } from "@tanstack/react-query";
-function useEnvironments() {
-  const auth = useReplicasAuth();
-  const orgFetch = useOrgFetch();
-  const orgId = auth.getOrganizationId();
-  return useQuery4({
-    queryKey: ["environments", orgId],
-    queryFn: () => orgFetch("/v1/environments"),
-    enabled: !!orgId
-  }, auth.queryClient);
-}
-
-// src/interactive/components/StatusBar.tsx
-import { jsx, jsxs } from "@opentui/react/jsx-runtime";
-var KEYBINDS = {
-  sidebar: "j/k nav  \u21B5 select  d del  a add  w wake",
-  "chat-tabs": "\u2190/\u2192 switch tabs",
-  "chat-history": "j/k scroll",
-  "chat-input": "\u21B5 send  \u21E5 plan/build",
-  info: "j/k nav  \u21B5 open  o dashboard  w wake"
-};
-var DIFF_KEYBINDS = "j/k nav  \u21E5 switch pane";
-var MODE_HINT = "1 chat  2 diff";
-var MODE_HINT_PANELS = /* @__PURE__ */ new Set([
-  "chat-tabs",
-  "chat-history",
-  "info"
-]);
-function StatusBar({ focusPanel, viewingDiff, hasDiffAvailable }) {
-  const showingDiffHints = viewingDiff && focusPanel !== "sidebar" && focusPanel !== "info";
-  const baseHints = showingDiffHints ? DIFF_KEYBINDS : KEYBINDS[focusPanel];
-  const showModeHint = hasDiffAvailable && (showingDiffHints || MODE_HINT_PANELS.has(focusPanel));
-  const hints = showModeHint ? `${baseHints}  ${MODE_HINT}` : baseHints;
-  return /* @__PURE__ */ jsxs(
-    "box",
-    {
-      height: 1,
-      backgroundColor: "#111111",
-      paddingX: 1,
-      flexDirection: "row",
-      justifyContent: "space-between",
-      width: "100%",
-      children: [
-        /* @__PURE__ */ jsx("text", { children: /* @__PURE__ */ jsx("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx("strong", { children: "Replicas" }) }) }),
-        /* @__PURE__ */ jsxs("text", { children: [
-          /* @__PURE__ */ jsxs("span", { fg: "#555555", children: [
-            hints,
-            "  "
-          ] }),
-          /* @__PURE__ */ jsxs("span", { fg: "#888888", children: [
-            "\u21E7",
-            "Tab"
-          ] }),
-          /* @__PURE__ */ jsx("span", { fg: "#555555", children: " panels  " }),
-          /* @__PURE__ */ jsx("span", { fg: "#888888", children: "^C" }),
-          /* @__PURE__ */ jsx("span", { fg: "#555555", children: " quit" })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/interactive/components/WorkspaceSidebar.tsx
-import { useState as useState2, useMemo as useMemo2, useCallback as useCallback3 } from "react";
-import { useKeyboard, useTerminalDimensions } from "@opentui/react";
-import { jsx as jsx2, jsxs as jsxs2 } from "@opentui/react/jsx-runtime";
-function flattenGroups(groups, collapsedGroups) {
-  const items = [];
-  for (const group of groups) {
-    if (group.id === "__ungrouped__" && group.workspaces.length === 0) continue;
-    const expanded = !collapsedGroups.has(group.id);
-    items.push({
-      type: "group",
-      id: group.id,
-      name: group.name,
-      isSetBound: !!group.repoSetIdForCreate,
-      expanded
-    });
-    if (expanded) {
-      for (const ws of group.workspaces) {
-        items.push({
-          type: "workspace",
-          workspaceId: ws.id,
-          name: ws.name,
-          status: ws.status,
-          isMock: ws.status === "preparing"
-        });
-      }
-      if (group.id !== "__ungrouped__") {
-        items.push({ type: "add", group });
-      }
-    }
-  }
-  return items;
-}
-function truncate(text, maxLen) {
-  return text.length > maxLen ? text.slice(0, maxLen - 1) + "\u2026" : text;
-}
-function WorkspaceSidebar({
-  groups,
-  selectedWorkspaceId,
-  mockIds,
-  onSelectWorkspace,
-  onCreateWorkspace,
-  onDeleteWorkspace,
-  onWakeWorkspace,
-  wakingWorkspaceId,
-  focused,
-  loading
-}) {
-  const { height: termHeight } = useTerminalDimensions();
-  const [collapsedGroups, setCollapsedGroups] = useState2(/* @__PURE__ */ new Set());
-  const [cursorIndex, setCursorIndex] = useState2(0);
-  const [scrollOffset, setScrollOffset] = useState2(0);
-  const [confirmDelete, setConfirmDelete] = useState2(null);
-  const items = useMemo2(() => flattenGroups(groups, collapsedGroups), [groups, collapsedGroups]);
-  const clampedCursor = Math.min(cursorIndex, Math.max(0, items.length - 1));
-  if (clampedCursor !== cursorIndex) {
-    setCursorIndex(clampedCursor);
-  }
-  const visibleHeight = Math.max(1, termHeight - 4);
-  const adjustScroll = useCallback3(
-    (newCursor) => {
-      let newOffset = scrollOffset;
-      if (newCursor < newOffset) {
-        newOffset = newCursor;
-      } else if (newCursor >= newOffset + visibleHeight) {
-        newOffset = newCursor - visibleHeight + 1;
-      }
-      setScrollOffset(newOffset);
-    },
-    [scrollOffset, visibleHeight]
-  );
-  const moveCursor = useCallback3(
-    (next) => {
-      const len = items.length;
-      if (len === 0) return;
-      const wrapped = (next % len + len) % len;
-      setCursorIndex(wrapped);
-      adjustScroll(wrapped);
-    },
-    [items.length, adjustScroll]
-  );
-  const handleAction = useCallback3(
-    (item) => {
-      if (item.type === "group") {
-        setCollapsedGroups((prev) => {
-          const next = new Set(prev);
-          if (next.has(item.id)) {
-            next.delete(item.id);
-          } else {
-            next.add(item.id);
-          }
-          return next;
-        });
-      } else if (item.type === "workspace") {
-        onSelectWorkspace(item.workspaceId);
-      } else if (item.type === "add") {
-        onCreateWorkspace(item.group);
-      }
-    },
-    [onSelectWorkspace, onCreateWorkspace]
-  );
-  const handleDelete = useCallback3(() => {
-    const item = items[cursorIndex];
-    if (!item || item.type !== "workspace") return;
-    if (item.isMock) return;
-    if (confirmDelete === item.workspaceId) {
-      onDeleteWorkspace(item.workspaceId);
-      setConfirmDelete(null);
-    } else {
-      setConfirmDelete(item.workspaceId);
-    }
-  }, [items, cursorIndex, confirmDelete, onDeleteWorkspace]);
-  const moveCursorAndClearConfirm = useCallback3(
-    (next) => {
-      setConfirmDelete(null);
-      moveCursor(next);
-    },
-    [moveCursor]
-  );
-  useKeyboard((key) => {
-    if (!focused) return;
-    if (confirmDelete) {
-      if (key.name === "y") {
-        onDeleteWorkspace(confirmDelete);
-        setConfirmDelete(null);
-        return;
-      }
-      if (key.name === "n" || key.name === "escape") {
-        setConfirmDelete(null);
-        return;
-      }
-      return;
-    }
-    if (key.name === "up" || key.name === "k") {
-      moveCursorAndClearConfirm(cursorIndex - 1);
-      return;
-    }
-    if (key.name === "down" || key.name === "j") {
-      moveCursorAndClearConfirm(cursorIndex + 1);
-      return;
-    }
-    if (key.name === "g" && !key.shift) {
-      moveCursorAndClearConfirm(0);
-      return;
-    }
-    if (key.name === "g" && key.shift) {
-      moveCursorAndClearConfirm(items.length - 1);
-      return;
-    }
-    if (key.name === "enter" || key.name === "return" || key.name === "l") {
-      const item = items[cursorIndex];
-      if (item) handleAction(item);
-      return;
-    }
-    if (key.name === "h") {
-      const item = items[cursorIndex];
-      if (item?.type === "group" && item.expanded) {
-        handleAction(item);
-      }
-      return;
-    }
-    if (key.name === "d" || key.name === "x" || key.name === "delete") {
-      handleDelete();
-      return;
-    }
-    if (key.name === "a") {
-      const item = items[cursorIndex];
-      if (item?.type === "add") {
-        onCreateWorkspace(item.group);
-      }
-      return;
-    }
-    if (key.name === "w") {
-      const item = items[cursorIndex];
-      if (item?.type === "workspace" && item.status === "sleeping" && wakingWorkspaceId !== item.workspaceId) {
-        onWakeWorkspace(item.workspaceId);
-      }
-      return;
-    }
-  });
-  const handleItemClick = useCallback3(
-    (globalIndex) => {
-      setConfirmDelete(null);
-      setCursorIndex(globalIndex);
-      const item = items[globalIndex];
-      if (item) handleAction(item);
-    },
-    [items, handleAction]
-  );
-  const handleDeleteClick = useCallback3(
-    (workspaceId, e) => {
-      e?.preventDefault?.();
-      if (confirmDelete === workspaceId) {
-        onDeleteWorkspace(workspaceId);
-        setConfirmDelete(null);
-      } else {
-        setConfirmDelete(workspaceId);
-      }
-    },
-    [confirmDelete, onDeleteWorkspace]
-  );
-  const visibleItems = items.slice(scrollOffset, scrollOffset + visibleHeight);
-  if (loading) {
-    return /* @__PURE__ */ jsx2(
-      "box",
-      {
-        width: 28,
-        border: true,
-        borderStyle: "rounded",
-        borderColor: "#333333",
-        title: "Workspaces",
-        titleAlignment: "center",
-        flexDirection: "column",
-        backgroundColor: "#000000",
-        children: /* @__PURE__ */ jsx2("text", { fg: "#666666", children: "Loading..." })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs2(
-    "box",
-    {
-      width: 28,
-      border: true,
-      borderStyle: "rounded",
-      borderColor: focused ? "#66bb6a" : "#333333",
-      title: "Workspaces",
-      titleAlignment: "center",
-      flexDirection: "column",
-      backgroundColor: "#000000",
-      children: [
-        items.length === 0 ? /* @__PURE__ */ jsx2("text", { fg: "#666666", paddingX: 1, children: "No repositories" }) : visibleItems.map((item, vi) => {
-          const globalIndex = scrollOffset + vi;
-          const isCursor = globalIndex === cursorIndex;
-          if (item.type === "group") {
-            const chevron = item.expanded ? "\u25BE" : "\u25B8";
-            const label = truncate(item.name, 20);
-            const suffix = item.isSetBound ? " Set" : "";
-            return /* @__PURE__ */ jsx2(
-              "box",
-              {
-                height: 1,
-                backgroundColor: isCursor ? "#1a1a1a" : "#151515",
-                paddingX: 1,
-                onMouseDown: () => handleItemClick(globalIndex),
-                children: /* @__PURE__ */ jsxs2("text", { children: [
-                  /* @__PURE__ */ jsxs2("span", { fg: isCursor ? "#ffffff" : "#888888", children: [
-                    chevron,
-                    " "
-                  ] }),
-                  /* @__PURE__ */ jsx2("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx2("strong", { children: label }) }),
-                  suffix && /* @__PURE__ */ jsxs2("span", { fg: "#555555", children: [
-                    " ",
-                    suffix
-                  ] })
-                ] })
-              },
-              `g-${item.id}`
-            );
-          }
-          if (item.type === "workspace") {
-            const isSelected = item.workspaceId === selectedWorkspaceId;
-            const isConfirming = confirmDelete === item.workspaceId;
-            const dot = item.status === "active" ? "\u25CF" : item.status === "preparing" ? "\u25CC" : "\u25CB";
-            const dotColor = item.status === "active" ? "#66bb6a" : item.status === "preparing" ? "#ffaa00" : "#666666";
-            const nameColor = isSelected ? "#66bb6a" : "#cccccc";
-            const itemBg = isConfirming ? "#331111" : isCursor ? "#1a1a1a" : isSelected ? "#0a1a0a" : "#0a0a0a";
-            if (isConfirming) {
-              return /* @__PURE__ */ jsxs2("box", { height: 1, backgroundColor: "#331111", paddingX: 1, flexDirection: "row", gap: 1, children: [
-                /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#ff4444", children: "Delete?" }) }),
-                /* @__PURE__ */ jsx2("box", { onMouseDown: () => {
-                  onDeleteWorkspace(item.workspaceId);
-                  setConfirmDelete(null);
-                }, children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#66bb6a", children: "[y]" }) }) }),
-                /* @__PURE__ */ jsx2("box", { onMouseDown: () => setConfirmDelete(null), children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: "#ff4444", children: "[n]" }) }) })
-              ] }, `w-${item.workspaceId}`);
-            }
-            return /* @__PURE__ */ jsxs2(
-              "box",
-              {
-                height: 1,
-                backgroundColor: itemBg,
-                paddingX: 1,
-                flexDirection: "row",
-                justifyContent: "space-between",
-                onMouseDown: () => handleItemClick(globalIndex),
-                children: [
-                  /* @__PURE__ */ jsxs2("text", { children: [
-                    /* @__PURE__ */ jsxs2("span", { fg: dotColor, children: [
-                      " ",
-                      dot,
-                      " "
-                    ] }),
-                    /* @__PURE__ */ jsx2("span", { fg: nameColor, children: truncate(item.name, 17) })
-                  ] }),
-                  !item.isMock && /* @__PURE__ */ jsx2("box", { onMouseDown: (e) => handleDeleteClick(item.workspaceId, e), children: /* @__PURE__ */ jsx2("text", { children: /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#ff4444" : "#222222", children: "\u2717" }) }) })
-                ]
-              },
-              `w-${item.workspaceId}`
-            );
-          }
-          return /* @__PURE__ */ jsx2(
-            "box",
-            {
-              height: 1,
-              backgroundColor: isCursor ? "#1a1a1a" : "#0a0a0a",
-              paddingX: 1,
-              onMouseDown: () => handleItemClick(globalIndex),
-              children: /* @__PURE__ */ jsxs2("text", { children: [
-                /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#66bb6a" : "#444444", children: " + " }),
-                /* @__PURE__ */ jsx2("span", { fg: isCursor ? "#888888" : "#333333", children: "New workspace" })
-              ] })
-            },
-            `a-${item.group.id}`
-          );
-        }),
-        focused && /* @__PURE__ */ jsx2("box", { height: 1, paddingX: 1, backgroundColor: "#111111", children: /* @__PURE__ */ jsxs2("text", { children: [
-          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "j/k:nav " }),
-          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "d:del " }),
-          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "a:add " }),
-          /* @__PURE__ */ jsx2("span", { fg: "#555555", children: "w:wake" })
-        ] }) })
-      ]
-    }
-  );
-}
-
-// src/interactive/components/ChatArea.tsx
-import { useRef as useRef2, useEffect as useEffect2 } from "react";
-import { useKeyboard as useKeyboard3 } from "@opentui/react";
-
-// src/interactive/components/ChatMessage.tsx
-import { useState as useState5, useMemo as useMemo4 } from "react";
-
-// src/interactive/components/Spinner.tsx
-import "opentui-spinner/react";
-import { createPulse } from "opentui-spinner";
-import { jsx as jsx3, jsxs as jsxs3 } from "@opentui/react/jsx-runtime";
-var thinkingColor = createPulse(["#66bb6a", "#4caf50", "#2e7d32"], 0.5);
-function SpinnerLabel({ color, label }) {
-  return /* @__PURE__ */ jsxs3("box", { flexDirection: "row", gap: 1, children: [
-    /* @__PURE__ */ jsx3("spinner", { name: "dots", color: color ?? thinkingColor, interval: 80 }),
-    label && /* @__PURE__ */ jsx3("text", { children: /* @__PURE__ */ jsx3("span", { fg: color ?? "#66bb6a", children: label }) })
-  ] });
-}
-
-// src/interactive/components/StructuredUserMessage.tsx
-import { useState as useState4 } from "react";
-
-// src/interactive/components/diff-utils.tsx
-import React2, { useState as useState3, useMemo as useMemo3, useCallback as useCallback4, useRef } from "react";
-import { SyntaxStyle } from "@opentui/core";
-import { useKeyboard as useKeyboard2 } from "@opentui/react";
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "@opentui/react/jsx-runtime";
-var sharedSyntaxStyle = null;
-function getSyntaxStyle() {
-  if (!sharedSyntaxStyle) {
-    sharedSyntaxStyle = SyntaxStyle.fromTheme([
-      { scope: ["markup.heading", "markup.heading.1", "markup.heading.2", "markup.heading.3"], style: { foreground: "#66bb6a", bold: true } },
-      { scope: ["markup.bold", "markup.strong"], style: { foreground: "#ffffff", bold: true } },
-      { scope: ["markup.italic", "markup.emphasis"], style: { foreground: "#e0e0e0", italic: true } },
-      { scope: ["markup.link"], style: { foreground: "#7dcfff", underline: true } },
-      { scope: ["markup.link.url"], style: { foreground: "#7dcfff", underline: true } },
-      { scope: ["markup.link.text"], style: { foreground: "#66bb6a", underline: true } },
-      { scope: ["markup.link.label"], style: { foreground: "#66bb6a", underline: true } },
-      { scope: ["markup.list"], style: { foreground: "#66bb6a" } },
-      { scope: ["markup.quote"], style: { foreground: "#888888", italic: true } },
-      { scope: ["markup.raw", "markup.raw.block"], style: { foreground: "#bb9af7" } },
-      { scope: ["markup.raw.inline"], style: { foreground: "#bb9af7", background: "#1a1a2e" } },
-      { scope: ["keyword", "keyword.control", "keyword.operator"], style: { foreground: "#bb9af7" } },
-      { scope: ["string", "string.quoted"], style: { foreground: "#9ece6a" } },
-      { scope: ["comment", "comment.line", "comment.block"], style: { foreground: "#555555", italic: true } },
-      { scope: ["constant", "constant.numeric", "constant.language"], style: { foreground: "#ff9e64" } },
-      { scope: ["entity.name.function", "support.function"], style: { foreground: "#7aa2f7" } },
-      { scope: ["entity.name.type", "support.type"], style: { foreground: "#2ac3de" } },
-      { scope: ["variable", "variable.other"], style: { foreground: "#c0caf5" } },
-      { scope: ["punctuation"], style: { foreground: "#888888" } }
-    ]);
-  }
-  return sharedSyntaxStyle;
-}
-function truncateName(text, maxLen) {
-  if (maxLen <= 0) return "";
-  if (text.length <= maxLen) return text;
-  if (maxLen === 1) return "\u2026";
-  return text.slice(0, maxLen - 1) + "\u2026";
-}
-function countDiffStats(diff) {
-  let added = 0;
-  let removed = 0;
-  for (const line of diff.split("\n")) {
-    if (line.startsWith("+") && !line.startsWith("+++")) added++;
-    else if (line.startsWith("-") && !line.startsWith("---")) removed++;
-  }
-  return { added, removed };
-}
-var EXT_TO_FILETYPE = {
-  ts: "typescript",
-  tsx: "typescriptreact",
-  js: "javascript",
-  jsx: "javascriptreact",
-  cts: "typescript",
-  mts: "typescript",
-  cjs: "javascript",
-  mjs: "javascript",
-  py: "python",
-  rs: "rust",
-  go: "go",
-  rb: "ruby",
-  java: "java",
-  kt: "kotlin",
-  swift: "swift",
-  c: "c",
-  cpp: "cpp",
-  h: "c",
-  hpp: "cpp",
-  cs: "csharp",
-  css: "css",
-  scss: "scss",
-  html: "html",
-  json: "json",
-  yaml: "yaml",
-  yml: "yaml",
-  toml: "toml",
-  md: "markdown",
-  sh: "bash",
-  bash: "bash",
-  zsh: "bash",
-  sql: "sql"
-};
-function extFromPath(path) {
-  const ext = path.split(".").pop()?.toLowerCase();
-  return ext ? EXT_TO_FILETYPE[ext] : void 0;
-}
-function ensureUnifiedHeaders(diff, filePath) {
-  if (/^--- /m.test(diff) && /^@@ /m.test(diff)) return diff;
-  const file = filePath ?? "a";
-  const fileHeaders = `--- a/${file}
-+++ b/${file}
-`;
-  if (/^@@ -\d+/m.test(diff)) {
-    return fileHeaders + diff;
-  }
-  const lines = diff.split("\n");
-  const diffLines = lines.filter((l) => !l.startsWith("@@"));
-  let oldCount = 0;
-  let newCount = 0;
-  for (const line of diffLines) {
-    if (line.startsWith("+") && !line.startsWith("+++")) newCount++;
-    else if (line.startsWith("-") && !line.startsWith("---")) oldCount++;
-    else if (line.startsWith(" ") || !line.startsWith("+") && !line.startsWith("-") && line.length > 0) {
-      oldCount++;
-      newCount++;
-    }
-  }
-  const hunk = `@@ -1,${oldCount} +1,${newCount} @@`;
-  return `${fileHeaders}${hunk}
-${diffLines.join("\n")}`;
-}
-function diffProps(filePath) {
-  return {
-    view: "split",
-    filetype: filePath ? extFromPath(filePath) : void 0,
-    syntaxStyle: getSyntaxStyle(),
-    showLineNumbers: true,
-    width: "100%",
-    wrapMode: "word",
-    fg: "#cccccc",
-    addedBg: "#0d2b0d",
-    removedBg: "#2b0d0d",
-    contextBg: "#0a0a0a",
-    addedSignColor: "#66bb6a",
-    removedSignColor: "#ff4444",
-    lineNumberFg: "#555555",
-    lineNumberBg: "#0a0a0a",
-    addedLineNumberBg: "#0d2b0d",
-    removedLineNumberBg: "#2b0d0d"
-  };
-}
-function DiffView({ diff, filePath }) {
-  const hunks = useMemo3(() => splitDiffByHunks(diff), [diff]);
-  const props = diffProps(filePath);
-  if (hunks.length <= 1) {
-    return /* @__PURE__ */ jsx4("diff", { diff: ensureUnifiedHeaders(diff, filePath), ...props });
-  }
-  return /* @__PURE__ */ jsx4("box", { flexDirection: "column", children: hunks.map((hunk, i) => {
-    const prev = i > 0 ? hunks[i - 1] : null;
-    const gap = prev ? hunk.newStart - (prev.newStart + prev.newCount) : 0;
-    return /* @__PURE__ */ jsxs4(React2.Fragment, { children: [
-      prev && gap > 0 && /* @__PURE__ */ jsx4("box", { backgroundColor: "#151515", paddingX: 1, height: 1, children: /* @__PURE__ */ jsx4("text", { children: /* @__PURE__ */ jsxs4("span", { fg: "#666666", children: [
-        gap,
-        " unmodified ",
-        gap === 1 ? "line" : "lines"
-      ] }) }) }),
-      /* @__PURE__ */ jsx4("diff", { diff: ensureUnifiedHeaders(hunk.body, filePath), ...props })
-    ] }, i);
-  }) });
-}
-function splitDiffByFile(fullDiff) {
-  const chunks = [];
-  const lines = fullDiff.split("\n");
-  let currentLines = [];
-  let currentPath = "";
-  for (const line of lines) {
-    if (line.startsWith("diff --git ")) {
-      if (currentPath && currentLines.length > 0) {
-        const diff = currentLines.join("\n");
-        chunks.push({ path: currentPath, diff, ...countDiffStats(diff) });
-      }
-      const match = line.match(/^diff --git a\/(.+) b\/(.+)$/);
-      currentPath = match ? match[2] : "";
-      currentLines = [line];
-    } else {
-      currentLines.push(line);
-    }
-  }
-  if (currentPath && currentLines.length > 0) {
-    const diff = currentLines.join("\n");
-    chunks.push({ path: currentPath, diff, ...countDiffStats(diff) });
-  }
-  return chunks;
-}
-function splitDiffByHunks(fileDiff) {
-  const hunks = [];
-  const lines = fileDiff.split("\n");
-  let current = null;
-  for (const line of lines) {
-    const match = line.match(/^@@ -\d+(?:,\d+)? \+(\d+)(?:,(\d+))? @@/);
-    if (match) {
-      if (current) hunks.push({ body: current.lines.join("\n"), newStart: current.newStart, newCount: current.newCount });
-      current = {
-        lines: [line],
-        newStart: parseInt(match[1], 10),
-        newCount: match[2] ? parseInt(match[2], 10) : 1
-      };
-    } else if (current) {
-      current.lines.push(line);
-    }
-  }
-  if (current) hunks.push({ body: current.lines.join("\n"), newStart: current.newStart, newCount: current.newCount });
-  return hunks;
-}
-function buildFileTree(files) {
-  const root = { name: "", children: /* @__PURE__ */ new Map() };
-  files.forEach((file, idx) => {
-    const segments = file.path.split("/");
-    let node = root;
-    for (const seg of segments) {
-      if (!node.children.has(seg)) {
-        node.children.set(seg, { name: seg, children: /* @__PURE__ */ new Map() });
-      }
-      node = node.children.get(seg);
-    }
-    node.fileIndex = idx;
-    node.added = file.added;
-    node.removed = file.removed;
-  });
-  const result = [];
-  function walk(node, depth, accumulatedPath, parentPath) {
-    if (node.fileIndex !== void 0) {
-      const fullPath = parentPath ? `${parentPath}/${node.name}` : node.name;
-      result.push({
-        type: "file",
-        name: node.name,
-        path: fullPath,
-        depth,
-        fileIndex: node.fileIndex,
-        added: node.added,
-        removed: node.removed
-      });
-      return;
-    }
-    const children = Array.from(node.children.values());
-    if (children.length === 1 && children[0].fileIndex === void 0) {
-      walk(children[0], depth, [...accumulatedPath, node.name], parentPath);
-      return;
-    }
-    let folderFullPath = parentPath;
-    if (node.name !== "") {
-      const displayName = [...accumulatedPath, node.name].filter(Boolean).join("/");
-      folderFullPath = parentPath ? `${parentPath}/${displayName}` : displayName;
-      result.push({ type: "folder", name: displayName, path: folderFullPath, depth });
-    }
-    const childDepth = node.name === "" ? depth : depth + 1;
-    for (const child of children) {
-      walk(child, childDepth, [], folderFullPath);
-    }
-  }
-  walk(root, 0, [], "");
-  return result;
-}
-var FILE_PANEL_WIDTH = 32;
-function DiffViewer({ diff, repoName, focused }) {
-  const files = useMemo3(() => splitDiffByFile(diff), [diff]);
-  const tree = useMemo3(() => buildFileTree(files), [files]);
-  const [selectedFileIndex, setSelectedFileIndex] = useState3(0);
-  const [collapsedFolders, setCollapsedFolders] = useState3(/* @__PURE__ */ new Set());
-  const [cursorIndex, setCursorIndex] = useState3(0);
-  const [innerFocus, setInnerFocus] = useState3("files");
-  const safeFileIndex = Math.min(selectedFileIndex, Math.max(0, files.length - 1));
-  const diffScrollRef = useRef(null);
-  const fileTreeScrollRef = useRef(null);
-  const visibleTree = useMemo3(() => {
-    const result = [];
-    let hideUntilDepth = null;
-    for (const node of tree) {
-      if (hideUntilDepth !== null && node.depth <= hideUntilDepth) {
-        hideUntilDepth = null;
-      }
-      if (hideUntilDepth !== null) continue;
-      result.push(node);
-      if (node.type === "folder" && collapsedFolders.has(node.path)) {
-        hideUntilDepth = node.depth;
-      }
-    }
-    return result;
-  }, [tree, collapsedFolders]);
-  const safeCursorIndex = Math.min(cursorIndex, Math.max(0, visibleTree.length - 1));
-  const scrollCursorIntoView = useCallback4((treeIdx) => {
-    const node = visibleTree[treeIdx];
-    if (!node) return;
-    fileTreeScrollRef.current?.scrollChildIntoView(`tree-${node.path}`);
-  }, [visibleTree]);
-  const moveCursor = useCallback4((next) => {
-    const len = visibleTree.length;
-    if (len === 0) return;
-    const wrapped = (next % len + len) % len;
-    setCursorIndex(wrapped);
-    scrollCursorIntoView(wrapped);
-    const node = visibleTree[wrapped];
-    if (node?.type === "file" && node.fileIndex !== void 0) {
-      setSelectedFileIndex(node.fileIndex);
-    }
-  }, [visibleTree, scrollCursorIntoView]);
-  const toggleFolder = useCallback4((folderPath) => {
-    setCollapsedFolders((prev) => {
-      const next = new Set(prev);
-      if (next.has(folderPath)) next.delete(folderPath);
-      else next.add(folderPath);
-      return next;
-    });
-  }, []);
-  const selectFile = useCallback4((fileIndex, treeIndex) => {
-    setSelectedFileIndex(fileIndex);
-    setCursorIndex(treeIndex);
-    scrollCursorIntoView(treeIndex);
-  }, [scrollCursorIntoView]);
-  useKeyboard2((key) => {
-    if (!focused) return;
-    if (key.name === "tab" && !key.shift) {
-      setInnerFocus((f) => f === "files" ? "diff" : "files");
-      return;
-    }
-    if (innerFocus === "files") {
-      if (visibleTree.length > 1 && (key.name === "up" || key.name === "k" && !key.ctrl)) {
-        moveCursor(safeCursorIndex - 1);
-        return;
-      }
-      if (visibleTree.length > 1 && (key.name === "down" || key.name === "j" && !key.ctrl)) {
-        moveCursor(safeCursorIndex + 1);
-        return;
-      }
-      if (key.name === "return" || key.name === "enter") {
-        const node = visibleTree[safeCursorIndex];
-        if (node?.type === "folder") toggleFolder(node.path);
-        return;
-      }
-      return;
-    }
-    if (innerFocus === "diff") {
-      const sb = diffScrollRef.current;
-      if (!sb) return;
-      if (key.ctrl && key.name === "d") {
-        sb.scrollBy((sb.viewport?.height ?? 20) / 2);
-      } else if (key.ctrl && key.name === "u") {
-        sb.scrollBy(-((sb.viewport?.height ?? 20) / 2));
-      }
-    }
-  });
-  const statsColumnWidth = useMemo3(() => {
-    let max = 0;
-    for (const f of files) {
-      const a = f.added > 0 ? `+${f.added}`.length : 0;
-      const r = f.removed > 0 ? `-${f.removed}`.length : 0;
-      const len = a + r + (a > 0 && r > 0 ? 1 : 0);
-      if (len > max) max = len;
-    }
-    return max;
-  }, [files]);
-  if (files.length === 0) {
-    return /* @__PURE__ */ jsxs4("box", { flexGrow: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs4("box", { paddingX: 1, marginBottom: 1, flexDirection: "row", justifyContent: "space-between", flexShrink: 0, height: 1, children: [
-        /* @__PURE__ */ jsxs4("text", { children: [
-          /* @__PURE__ */ jsx4("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: "Diff" }) }),
-          /* @__PURE__ */ jsxs4("span", { fg: "#555555", children: [
-            " ",
-            "\u2502",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx4("span", { fg: "#cccccc", children: repoName })
-        ] }),
-        /* @__PURE__ */ jsx4("text", { fg: "#555555", children: "1 file" })
-      ] }),
-      /* @__PURE__ */ jsx4("scrollbox", { flexGrow: 1, focused, children: /* @__PURE__ */ jsx4("box", { paddingX: 1, children: /* @__PURE__ */ jsx4(DiffView, { diff }) }) })
-    ] });
-  }
-  const selected = files[safeFileIndex];
-  const totalAdded = files.reduce((s, f) => s + f.added, 0);
-  const totalRemoved = files.reduce((s, f) => s + f.removed, 0);
-  const filesPaneActive = focused === true && innerFocus === "files";
-  const diffPaneActive = focused === true && innerFocus === "diff";
-  return /* @__PURE__ */ jsxs4("box", { flexGrow: 1, flexDirection: "row", children: [
-    /* @__PURE__ */ jsxs4(
-      "box",
-      {
-        width: FILE_PANEL_WIDTH,
-        flexDirection: "column",
-        backgroundColor: "#0a0a0a",
-        flexShrink: 0,
-        children: [
-          /* @__PURE__ */ jsx4("box", { paddingX: 1, flexShrink: 0, height: 1, children: /* @__PURE__ */ jsxs4("text", { children: [
-            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#66bb6a" : "#333333", children: filesPaneActive ? "\u25B8 " : "  " }),
-            /* @__PURE__ */ jsx4("span", { fg: filesPaneActive ? "#66bb6a" : "#888888", children: filesPaneActive ? /* @__PURE__ */ jsxs4("strong", { children: [
-              files.length,
-              " ",
-              files.length === 1 ? "file" : "files",
-              " changed"
-            ] }) : `${files.length} ${files.length === 1 ? "file" : "files"} changed` })
-          ] }) }),
-          /* @__PURE__ */ jsx4("scrollbox", { ref: fileTreeScrollRef, flexGrow: 1, focused: false, children: visibleTree.map((node, i) => {
-            const indent = "  ".repeat(node.depth);
-            const usable = FILE_PANEL_WIDTH - 2;
-            const isCursor = filesPaneActive && i === safeCursorIndex;
-            if (node.type === "folder") {
-              const isCollapsed = collapsedFolders.has(node.path);
-              const chevron = isCollapsed ? "\u25B8" : "\u25BE";
-              const overhead2 = indent.length + 2;
-              const nameMax2 = Math.max(1, usable - overhead2);
-              const displayName2 = truncateName(node.name, nameMax2);
-              return /* @__PURE__ */ jsx4(
-                "box",
-                {
-                  id: `tree-${node.path}`,
-                  paddingX: 1,
-                  height: 1,
-                  backgroundColor: isCursor ? "#1a1a1a" : void 0,
-                  onMouseDown: () => {
-                    setCursorIndex(i);
-                    toggleFolder(node.path);
-                  },
-                  children: /* @__PURE__ */ jsxs4("text", { children: [
-                    /* @__PURE__ */ jsx4("span", { fg: "#555555", children: indent }),
-                    /* @__PURE__ */ jsxs4("span", { fg: isCursor ? "#cccccc" : "#888888", children: [
-                      chevron,
-                      " ",
-                      displayName2
-                    ] })
-                  ] })
-                },
-                `folder-${node.path}`
-              );
-            }
-            const isSelectedFile = node.fileIndex === safeFileIndex;
-            const added = node.added ?? 0;
-            const removed = node.removed ?? 0;
-            const addedPart = added > 0 ? `+${added}` : "";
-            const removedPart = removed > 0 ? `-${removed}` : "";
-            const bubbleColor = added > 0 && removed > 0 ? "#ffaa00" : removed > 0 ? "#ff4444" : "#66bb6a";
-            const overhead = indent.length + 2 + statsColumnWidth + 1;
-            const nameMax = Math.max(1, usable - overhead);
-            const displayName = truncateName(node.name, nameMax);
-            const bg = isCursor ? "#0d2b0d" : isSelectedFile ? "#0a1a0a" : void 0;
-            return /* @__PURE__ */ jsxs4(
-              "box",
-              {
-                id: `tree-${node.path}`,
-                paddingX: 1,
-                height: 1,
-                backgroundColor: bg,
-                onMouseDown: () => selectFile(node.fileIndex, i),
-                flexDirection: "row",
-                justifyContent: "space-between",
-                children: [
-                  /* @__PURE__ */ jsxs4("text", { children: [
-                    /* @__PURE__ */ jsx4("span", { fg: "#555555", children: indent }),
-                    /* @__PURE__ */ jsxs4("span", { fg: bubbleColor, children: [
-                      "\u25CF",
-                      " "
-                    ] }),
-                    /* @__PURE__ */ jsx4("span", { fg: isSelectedFile || isCursor ? "#66bb6a" : "#cccccc", children: displayName })
-                  ] }),
-                  /* @__PURE__ */ jsx4("box", { width: statsColumnWidth, flexShrink: 0, justifyContent: "flex-end", flexDirection: "row", children: /* @__PURE__ */ jsxs4("text", { children: [
-                    addedPart && /* @__PURE__ */ jsx4("span", { fg: "#66bb6a", children: addedPart }),
-                    addedPart && removedPart && /* @__PURE__ */ jsx4("span", { fg: "#444444", children: " " }),
-                    removedPart && /* @__PURE__ */ jsx4("span", { fg: "#ff4444", children: removedPart })
-                  ] }) })
-                ]
-              },
-              `file-${node.path}`
-            );
-          }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs4("box", { flexGrow: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsxs4("box", { paddingX: 1, flexDirection: "column", flexShrink: 0, children: [
-        /* @__PURE__ */ jsxs4("box", { flexDirection: "row", justifyContent: "space-between", height: 1, children: [
-          /* @__PURE__ */ jsxs4("text", { children: [
-            /* @__PURE__ */ jsx4("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: repoName }) }),
-            totalAdded > 0 && /* @__PURE__ */ jsxs4("span", { fg: "#66bb6a", children: [
-              "  +",
-              totalAdded
-            ] }),
-            totalAdded > 0 && totalRemoved > 0 && /* @__PURE__ */ jsx4("span", { fg: "#444444", children: " " }),
-            totalRemoved > 0 && /* @__PURE__ */ jsxs4("span", { fg: "#ff4444", children: [
-              "-",
-              totalRemoved
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs4("text", { fg: "#555555", children: [
-            safeFileIndex + 1,
-            "/",
-            files.length
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx4("box", { flexDirection: "row", height: 1, backgroundColor: "#0d0d0d", paddingX: 1, children: /* @__PURE__ */ jsxs4("text", { children: [
-          /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#66bb6a" : "#444444", children: diffPaneActive ? "\u25B8 " : "  " }),
-          (() => {
-            const lastSlash = selected.path.lastIndexOf("/");
-            const dir = lastSlash >= 0 ? selected.path.slice(0, lastSlash + 1) : "";
-            const base = lastSlash >= 0 ? selected.path.slice(lastSlash + 1) : selected.path;
-            return /* @__PURE__ */ jsxs4(Fragment, { children: [
-              dir && /* @__PURE__ */ jsx4("span", { fg: "#666666", children: dir }),
-              /* @__PURE__ */ jsx4("span", { fg: diffPaneActive ? "#66bb6a" : "#ffffff", children: /* @__PURE__ */ jsx4("strong", { children: base }) })
-            ] });
-          })()
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx4("scrollbox", { ref: diffScrollRef, flexGrow: 1, focused: focused && innerFocus === "diff", children: /* @__PURE__ */ jsx4("box", { paddingX: 1, children: /* @__PURE__ */ jsx4(DiffView, { diff: selected.diff, filePath: selected.path }) }) })
-    ] })
-  ] });
-}
-
-// src/interactive/components/StructuredUserMessage.tsx
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "@opentui/react/jsx-runtime";
-function SourceBadge({ source }) {
-  const config = SOURCE_CONFIG[source];
-  return /* @__PURE__ */ jsx5("text", { children: /* @__PURE__ */ jsx5("span", { fg: "#000000", bg: config.color, children: ` ${config.label} ` }) });
-}
-function MetadataPill({ label, value }) {
-  return /* @__PURE__ */ jsx5("text", { children: label ? /* @__PURE__ */ jsxs5(Fragment2, { children: [
-    /* @__PURE__ */ jsxs5("span", { fg: "#888888", children: [
-      label,
-      ": "
-    ] }),
-    /* @__PURE__ */ jsx5("span", { fg: "#cccccc", children: value })
-  ] }) : /* @__PURE__ */ jsx5("span", { fg: "#cccccc", children: value }) });
-}
-function MessageBody({ children }) {
-  if (!children) return null;
-  return /* @__PURE__ */ jsx5("text", { fg: "#ffffff", selectable: true, children });
-}
-function ExpandableSection({ label, children }) {
-  const [expanded, setExpanded] = useState4(false);
-  if (!children) return null;
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5("box", { onMouseDown: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsxs5("text", { children: [
-      /* @__PURE__ */ jsxs5("span", { fg: "#555555", children: [
-        expanded ? "\u25BE" : "\u25B8",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx5("span", { fg: "#888888", children: label })
-    ] }) }),
-    expanded && /* @__PURE__ */ jsx5("box", { paddingLeft: 2, children: /* @__PURE__ */ jsx5("text", { fg: "#888888", selectable: true, children }) })
-  ] });
-}
-function ExpandableDiffSection({ label, diffContent, filePath }) {
-  const [expanded, setExpanded] = useState4(false);
-  if (!diffContent) return null;
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx5("box", { onMouseDown: () => setExpanded((e) => !e), children: /* @__PURE__ */ jsxs5("text", { children: [
-      /* @__PURE__ */ jsxs5("span", { fg: "#555555", children: [
-        expanded ? "\u25BE" : "\u25B8",
-        " "
-      ] }),
-      /* @__PURE__ */ jsx5("span", { fg: "#888888", children: label })
-    ] }) }),
-    expanded && /* @__PURE__ */ jsx5("box", { paddingLeft: 1, children: /* @__PURE__ */ jsx5(DiffView, { diff: diffContent, filePath }) })
-  ] });
-}
-function CIFailureMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "ci_failure" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "PR", value: `#${data.prNumber}` }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "Workflow", value: data.workflowName }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "Status", value: data.conclusion })
-    ] }),
-    /* @__PURE__ */ jsxs5("text", { fg: "#ffffff", children: [
-      "Workflow ",
-      /* @__PURE__ */ jsx5("span", { fg: "#ff4444", children: data.conclusionText }),
-      " on PR #" + data.prNumber
-    ] }),
-    data.workflowFile && /* @__PURE__ */ jsx5(MetadataPill, { label: "File", value: data.workflowFile }),
-    data.runUrl && /* @__PURE__ */ jsx5(MetadataPill, { label: "Run", value: data.runUrl })
-  ] });
-}
-function LinearIssueMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "linear_issue" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "", value: data.identifier })
-    ] }),
-    /* @__PURE__ */ jsx5("text", { fg: "#ffffff", children: /* @__PURE__ */ jsx5("strong", { children: data.title }) }),
-    data.description && data.description !== "No description provided." && /* @__PURE__ */ jsx5(MessageBody, { children: data.description }),
-    /* @__PURE__ */ jsx5(ExpandableSection, { label: "Additional context", children: data.additionalContext }),
-    data.parentIssue && /* @__PURE__ */ jsx5(ExpandableSection, { label: `Parent: ${data.parentIssue.identifier} - ${data.parentIssue.title}`, children: data.parentIssue.description })
-  ] });
-}
-function GitHubIssueNewMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_issue_new" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "Issue", value: `#${data.issueNumber}` }),
-      data.triggeringUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.triggeringUser}` })
-    ] }),
-    /* @__PURE__ */ jsx5("text", { fg: "#ffffff", children: /* @__PURE__ */ jsx5("strong", { children: data.issueTitle }) }),
-    data.triggeringComment && /* @__PURE__ */ jsx5(MessageBody, { children: data.triggeringComment }),
-    /* @__PURE__ */ jsx5(ExpandableSection, { label: "Issue description", children: data.issueDescription })
-  ] });
-}
-function GitHubIssueExistingMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_issue_existing" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "Issue", value: `#${data.issueNumber}` }),
-      data.commentUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.commentUser}` })
-    ] }),
-    /* @__PURE__ */ jsx5(MessageBody, { children: data.commentBody })
-  ] });
-}
-function GitHubPRNewMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_pr_new" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "PR", value: `#${data.prNumber}` }),
-      data.mentioningUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.mentioningUser}` })
-    ] }),
-    /* @__PURE__ */ jsx5(MessageBody, { children: data.contextMessage })
-  ] });
-}
-function GitHubPRCodeReviewMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_pr_existing_review" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "PR", value: `#${data.prNumber}` }),
-      data.commentUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.commentUser}` }),
-      data.filePath && /* @__PURE__ */ jsx5(MetadataPill, { label: "File", value: data.filePath })
-    ] }),
-    /* @__PURE__ */ jsx5(MessageBody, { children: data.commentBody }),
-    /* @__PURE__ */ jsx5(ExpandableDiffSection, { label: "Diff context", diffContent: data.diffHunk, filePath: data.filePath })
-  ] });
-}
-function GitHubPRReviewMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_pr_existing_pr_review" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "PR", value: `#${data.prNumber}` }),
-      data.reviewUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.reviewUser}` })
-    ] }),
-    /* @__PURE__ */ jsxs5("text", { fg: "#888888", children: [
-      "@" + data.reviewUser + " ",
-      /* @__PURE__ */ jsx5("span", { fg: "#ffffff", children: data.reviewAction })
-    ] }),
-    data.commentBody && /* @__PURE__ */ jsx5(MessageBody, { children: data.commentBody })
-  ] });
-}
-function GitHubPRGeneralMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "github_pr_existing_general" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "PR", value: `#${data.prNumber}` }),
-      data.commentUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.commentUser}` })
-    ] }),
-    /* @__PURE__ */ jsx5(MessageBody, { children: data.commentBody })
-  ] });
-}
-function SlackTaskMessage({ data }) {
-  const hasDistinctContext = data.threadContext && data.threadContext !== `@${data.latestMessageUser}: ${data.latestMessageText}`;
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "slack_task" }),
-      data.workspaceTarget && /* @__PURE__ */ jsx5(MetadataPill, { label: "Target", value: data.workspaceTarget }),
-      data.latestMessageUser && /* @__PURE__ */ jsx5(MetadataPill, { label: "From", value: `@${data.latestMessageUser}` })
-    ] }),
-    /* @__PURE__ */ jsx5(MessageBody, { children: data.latestMessageText }),
-    hasDistinctContext && /* @__PURE__ */ jsx5(ExpandableSection, { label: "Thread context", children: data.threadContext })
-  ] });
-}
-function InlineDiffCommentsMessage({ data }) {
-  return /* @__PURE__ */ jsxs5("box", { flexDirection: "column", gap: 0, children: [
-    /* @__PURE__ */ jsxs5("box", { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsx5(SourceBadge, { source: "inline_diff_comments" }),
-      /* @__PURE__ */ jsx5(MetadataPill, { label: "Comments", value: `${data.comments.length}` }),
-      data.comments[0] && /* @__PURE__ */ jsx5(MetadataPill, { label: "File", value: data.comments[0].location })
-    ] }),
-    data.leadingPlanQuote ? /* @__PURE__ */ jsx5(MessageBody, { children: data.leadingPlanQuote.blocks.map((b) => `> ${b.quotedText}
-${b.replyText}`).join("\n\n") }) : data.leadingText && /* @__PURE__ */ jsx5(MessageBody, { children: data.leadingText }),
-    data.comments.map((comment, index) => /* @__PURE__ */ jsxs5("box", { flexDirection: "column", paddingLeft: 1, children: [
-      /* @__PURE__ */ jsxs5("text", { fg: "#888888", children: [
-        comment.location,
-        " (",
-        comment.side,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx5(MessageBody, { children: comment.body })
-    ] }, `${comment.location}-${index}`))
-  ] });
-}
-function StructuredUserMessage({ parsed }) {
-  switch (parsed.source) {
-    case "ci_failure":
-      return /* @__PURE__ */ jsx5(CIFailureMessage, { data: parsed });
-    case "linear_issue":
-      return /* @__PURE__ */ jsx5(LinearIssueMessage, { data: parsed });
-    case "github_issue_new":
-      return /* @__PURE__ */ jsx5(GitHubIssueNewMessage, { data: parsed });
-    case "github_issue_existing":
-      return /* @__PURE__ */ jsx5(GitHubIssueExistingMessage, { data: parsed });
-    case "github_pr_new":
-      return /* @__PURE__ */ jsx5(GitHubPRNewMessage, { data: parsed });
-    case "github_pr_existing_review":
-      return /* @__PURE__ */ jsx5(GitHubPRCodeReviewMessage, { data: parsed });
-    case "github_pr_existing_pr_review":
-      return /* @__PURE__ */ jsx5(GitHubPRReviewMessage, { data: parsed });
-    case "github_pr_existing_general":
-      return /* @__PURE__ */ jsx5(GitHubPRGeneralMessage, { data: parsed });
-    case "slack_task":
-      return /* @__PURE__ */ jsx5(SlackTaskMessage, { data: parsed });
-    case "inline_diff_comments":
-      return /* @__PURE__ */ jsx5(InlineDiffCommentsMessage, { data: parsed });
-    case "automation_triggered":
-    case "plan_quote":
-      return /* @__PURE__ */ jsx5("text", { fg: "#cccccc", selectable: true, children: parsed.source === "plan_quote" ? parsed.blocks.map((b) => `> ${b.quotedText}
-${b.replyText}`).join("\n\n") : `Automation: ${parsed.automationName} (${parsed.triggerType})
-${parsed.userPrompt}` });
-    default: {
-      const _exhaustive = parsed;
-      throw new Error(`Unhandled prompt source: ${_exhaustive.source}`);
-    }
-  }
-}
-
-// src/interactive/components/ChatMessage.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "@opentui/react/jsx-runtime";
-var AGENT_LABELS = {
-  claude: "Claude",
-  codex: "Codex",
-  relay: "Relay"
-};
-function truncate2(text, maxLen) {
-  return text.length > maxLen ? text.slice(0, maxLen - 1) + "\u2026" : text;
-}
-function StatusIcon({ status }) {
-  if (status === "completed") return /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
-    " ",
-    "\u2713"
-  ] });
-  if (status === "failed") return /* @__PURE__ */ jsxs6("span", { fg: "#ff4444", children: [
-    " ",
-    "\u2717"
-  ] });
-  if (status === "in_progress") return /* @__PURE__ */ jsxs6("span", { fg: "#ffaa00", children: [
-    " ",
-    "\u2026"
-  ] });
-  return null;
-}
-function ActionLine({
-  label,
-  arg,
-  status,
-  expandable,
-  onToggle,
-  expanded
-}) {
-  return /* @__PURE__ */ jsxs6(
-    "box",
-    {
-      paddingX: 1,
-      flexDirection: "row",
-      justifyContent: "space-between",
-      onMouseDown: onToggle,
-      children: [
-        /* @__PURE__ */ jsxs6("text", { children: [
-          /* @__PURE__ */ jsx6("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx6("strong", { children: label }) }),
-          /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
-            " ",
-            arg.replace(/\n/g, " ").replace(/\s+/g, " ")
-          ] }),
-          /* @__PURE__ */ jsx6(StatusIcon, { status })
-        ] }),
-        expandable && /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#555555", children: expanded ? "\u25BE" : "\u25B8" }) })
-      ]
-    }
-  );
-}
-function ExpandableAction({
-  label,
-  arg,
-  status,
-  children
-}) {
-  const [expanded, setExpanded] = useState5(false);
-  return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", children: [
-    /* @__PURE__ */ jsx6(
-      ActionLine,
-      {
-        label,
-        arg,
-        status,
-        expandable: true,
-        expanded,
-        onToggle: () => setExpanded((e) => !e)
-      }
-    ),
-    expanded && children
-  ] });
-}
-var CHANGE_STYLE = {
-  add: { color: "#66bb6a", sign: "+" },
-  delete: { color: "#ff4444", sign: "-" }
-};
-var DEFAULT_CHANGE_STYLE = { color: "#ffaa00", sign: "~" };
-function getChangeStyle(action) {
-  return CHANGE_STYLE[action] ?? DEFAULT_CHANGE_STYLE;
-}
-function PatchOperation({ op, defaultExpanded = false }) {
-  const [expanded, setExpanded] = useState5(defaultExpanded);
-  const { color, sign } = getChangeStyle(op.action);
-  const stats = useMemo4(() => op.diff ? countDiffStats(op.diff) : null, [op.diff]);
-  if (!op.diff) {
-    return /* @__PURE__ */ jsxs6("text", { children: [
-      /* @__PURE__ */ jsx6("span", { fg: color, children: sign }),
-      /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
-        " ",
-        op.path
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs6("box", { onMouseDown: () => setExpanded((e) => !e), flexDirection: "row", justifyContent: "space-between", children: [
-      /* @__PURE__ */ jsxs6("text", { children: [
-        /* @__PURE__ */ jsx6("span", { fg: color, children: sign }),
-        /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
-          " ",
-          op.path
-        ] }),
-        stats && /* @__PURE__ */ jsxs6(Fragment3, { children: [
-          /* @__PURE__ */ jsx6("span", { fg: "#444444", children: " " }),
-          stats.removed > 0 && /* @__PURE__ */ jsxs6("span", { fg: "#ff4444", children: [
-            "-",
-            stats.removed
-          ] }),
-          stats.removed > 0 && stats.added > 0 && /* @__PURE__ */ jsx6("span", { fg: "#444444", children: " " }),
-          stats.added > 0 && /* @__PURE__ */ jsxs6("span", { fg: "#66bb6a", children: [
-            "+",
-            stats.added
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#555555", children: expanded ? "\u25BE" : "\u25B8" }) })
-    ] }),
-    expanded && /* @__PURE__ */ jsx6("box", { paddingLeft: 1, children: /* @__PURE__ */ jsx6(DiffView, { diff: op.diff, filePath: op.path }) })
-  ] });
-}
-function isStructuredPrompt(p) {
-  return p.source !== "raw";
-}
-function UserMessageContent({ content }) {
-  const parsed = useMemo4(() => parseUserMessage(content), [content]);
-  return /* @__PURE__ */ jsx6(
-    "box",
-    {
-      flexDirection: "column",
-      backgroundColor: "#151515",
-      paddingX: 2,
-      paddingY: 1,
-      marginX: 1,
-      children: isStructuredPrompt(parsed) ? /* @__PURE__ */ jsx6(StructuredUserMessage, { parsed }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
-        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx6("strong", { children: "You" }) }) }),
-        /* @__PURE__ */ jsx6("text", { fg: "#ffffff", selectable: true, children: content })
-      ] })
-    }
-  );
-}
-function ChatMessage({ message, provider }) {
-  switch (message.type) {
-    case "user": {
-      if (message.content === "Request interrupted") {
-        return /* @__PURE__ */ jsx6("box", { paddingX: 1, justifyContent: "center", children: /* @__PURE__ */ jsx6("text", { fg: "#555555", children: "--- Request interrupted ---" }) });
-      }
-      return /* @__PURE__ */ jsx6(UserMessageContent, { content: message.content });
-    }
-    case "agent":
-      return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", paddingX: 1, children: [
-        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx6("strong", { children: AGENT_LABELS[provider] }) }) }),
-        /* @__PURE__ */ jsx6(
-          "markdown",
-          {
-            content: message.content,
-            streaming: true,
-            syntaxStyle: getSyntaxStyle(),
-            conceal: true,
-            fg: "#ffffff",
-            bg: "#000000"
-          }
-        )
-      ] });
-    case "reasoning":
-      return /* @__PURE__ */ jsx6("box", { paddingX: 1, children: /* @__PURE__ */ jsx6(SpinnerLabel, { color: "#555555", label: "thinking" }) });
-    case "command": {
-      const cmdArg = truncate2(message.command, 60);
-      const exitSuffix = message.exitCode !== void 0 && message.exitCode !== 0 ? ` (exit ${message.exitCode})` : "";
-      if (!message.output) {
-        return /* @__PURE__ */ jsx6(ActionLine, { label: "Command", arg: cmdArg + exitSuffix, status: message.status });
-      }
-      return /* @__PURE__ */ jsx6(ExpandableAction, { label: "Command", arg: cmdArg + exitSuffix, status: message.status, children: /* @__PURE__ */ jsx6("box", { paddingLeft: 2, paddingX: 1, children: /* @__PURE__ */ jsx6("text", { fg: "#888888", selectable: true, children: message.output.length > 500 ? message.output.slice(0, 500) + "\n\u2026" : message.output }) }) });
-    }
-    case "file_change": {
-      const count = message.changes.length;
-      return /* @__PURE__ */ jsx6(ExpandableAction, { label: "Files", arg: `${count}`, status: message.status, children: /* @__PURE__ */ jsx6("box", { flexDirection: "column", paddingLeft: 2, paddingX: 1, children: message.changes.map((change, i) => {
-        const { color, sign } = getChangeStyle(change.kind);
-        return /* @__PURE__ */ jsxs6("text", { children: [
-          /* @__PURE__ */ jsx6("span", { fg: color, children: sign }),
-          /* @__PURE__ */ jsxs6("span", { fg: "#cccccc", children: [
-            " ",
-            change.path
-          ] })
-        ] }, i);
-      }) }) });
-    }
-    case "tool_call": {
-      const toolArg = truncate2(message.tool, 50);
-      if (message.output || message.input) {
-        return /* @__PURE__ */ jsx6(ExpandableAction, { label: "Tool", arg: toolArg, status: message.status, children: /* @__PURE__ */ jsxs6("box", { flexDirection: "column", paddingLeft: 2, paddingX: 1, children: [
-          message.input && /* @__PURE__ */ jsx6("text", { fg: "#888888", selectable: true, children: typeof message.input === "string" ? truncate2(message.input, 300) : truncate2(JSON.stringify(message.input, null, 2), 300) }),
-          message.output && /* @__PURE__ */ jsx6("text", { fg: "#888888", selectable: true, children: truncate2(message.output, 300) })
-        ] }) });
-      }
-      return /* @__PURE__ */ jsx6(ActionLine, { label: "Tool", arg: toolArg, status: message.status });
-    }
-    case "web_search":
-      return /* @__PURE__ */ jsx6(ActionLine, { label: "Search", arg: truncate2(message.query, 50), status: message.status });
-    case "todo_list": {
-      const completed = message.items.filter((i) => i.completed).length;
-      const total = message.items.length;
-      return /* @__PURE__ */ jsxs6("box", { flexDirection: "column", paddingX: 1, children: [
-        /* @__PURE__ */ jsx6("text", { children: /* @__PURE__ */ jsx6("span", { fg: "#888888", children: /* @__PURE__ */ jsxs6("strong", { children: [
-          "Plan (",
-          completed,
-          "/",
-          total,
-          ")"
-        ] }) }) }),
-        message.items.map((item, i) => /* @__PURE__ */ jsxs6("text", { children: [
-          /* @__PURE__ */ jsx6("span", { fg: item.completed ? "#66bb6a" : "#555555", children: item.completed ? "  \u2611" : "  \u2610" }),
-          /* @__PURE__ */ jsxs6("span", { fg: "#ffffff", children: [
-            " ",
-            item.text
-          ] })
-        ] }, i))
-      ] });
-    }
-    case "subagent":
-      return /* @__PURE__ */ jsx6(ActionLine, { label: "Agent", arg: truncate2(message.description, 50), status: message.status });
-    case "error":
-      return /* @__PURE__ */ jsx6("box", { paddingX: 1, children: /* @__PURE__ */ jsx6("text", { fg: "#ff4444", selectable: true, children: message.message }) });
-    case "skill":
-      return /* @__PURE__ */ jsx6(ActionLine, { label: "Skill", arg: message.skillName + (message.args ? ` ${message.args}` : ""), status: message.status });
-    case "patch": {
-      const opCount = message.operations.length;
-      const autoExpand = opCount === 1 && !!message.operations[0].diff;
-      return /* @__PURE__ */ jsx6(ExpandableAction, { label: "Patch", arg: `${opCount}`, children: /* @__PURE__ */ jsx6("box", { flexDirection: "column", paddingLeft: 2, paddingX: 1, children: message.operations.map((op, i) => /* @__PURE__ */ jsx6(PatchOperation, { op, defaultExpanded: autoExpand }, i)) }) });
-    }
-    default:
-      return null;
-  }
-}
-
-// src/interactive/components/ChatArea.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "@opentui/react/jsx-runtime";
-var textareaKeyBindings = [
-  { name: "return", action: "submit" },
-  { name: "return", shift: true, action: "newline" },
-  { name: "return", ctrl: true, action: "newline" },
-  { name: "return", meta: true, action: "newline" }
-];
-var MODE_COLORS = {
-  build: { border: "#66bb6a", text: "#66bb6a" },
-  plan: { border: "#d97706", text: "#d97706" }
-};
-function ChatArea({
-  chats,
-  selectedChatId,
-  displayMessages,
-  onSelectChat,
-  onSendMessage,
-  onFocus,
-  focusPanel,
-  taskMode,
-  isProcessing,
-  loading,
-  agentAvailable,
-  agentLabel
-}) {
-  const textareaRef = useRef2(null);
-  const scrollboxRef = useRef2(null);
-  const isAtBottomRef = useRef2(true);
-  const onSendMessageRef = useRef2(onSendMessage);
-  onSendMessageRef.current = onSendMessage;
-  const inputFocused = focusPanel === "chat-input";
-  const tabsFocused = focusPanel === "chat-tabs";
-  const historyFocused = focusPanel === "chat-history";
-  const anyFocused = inputFocused || tabsFocused || historyFocused;
-  const modeColors = MODE_COLORS[taskMode];
-  useEffect2(() => {
-    const scrollbox = scrollboxRef.current;
-    if (!scrollbox) return;
-    let lastScrollHeight = 0;
-    const tick = () => {
-      const viewportHeight = scrollbox.viewport?.height ?? 0;
-      const atBottom = scrollbox.scrollTop + viewportHeight >= scrollbox.scrollHeight - 3;
-      if (atBottom) {
-        isAtBottomRef.current = true;
-      } else if (scrollbox.scrollHeight === lastScrollHeight) {
-        isAtBottomRef.current = false;
-      }
-      if (isAtBottomRef.current && scrollbox.scrollHeight > lastScrollHeight) {
-        scrollbox.scrollTo(scrollbox.scrollHeight);
-      }
-      lastScrollHeight = scrollbox.scrollHeight;
-    };
-    const interval = setInterval(tick, 100);
-    return () => clearInterval(interval);
-  }, []);
-  useEffect2(() => {
-    const textarea = textareaRef.current;
-    if (!textarea) return;
-    textarea.onSubmit = () => {
-      const message = textarea.plainText.trim();
-      if (message) {
-        isAtBottomRef.current = true;
-        onSendMessageRef.current(message);
-        textarea.setText("");
-      }
-    };
-    return () => {
-      textarea.onSubmit = void 0;
-    };
-  }, []);
-  useKeyboard3((key) => {
-    if (!tabsFocused || chats.length <= 1 || !selectedChatId) return;
-    if (key.name === "left" || key.name === "right" || key.name === "tab" && !key.shift) {
-      const currentIdx = chats.findIndex((c) => c.id === selectedChatId);
-      if (currentIdx >= 0) {
-        const nextIdx = key.name === "left" ? (currentIdx - 1 + chats.length) % chats.length : (currentIdx + 1) % chats.length;
-        onSelectChat(chats[nextIdx].id);
-      }
-    }
-  });
-  return /* @__PURE__ */ jsxs7(
-    "box",
-    {
-      flexGrow: 1,
-      border: true,
-      borderStyle: "rounded",
-      borderColor: anyFocused ? "#66bb6a" : "#333333",
-      title: "Chat",
-      titleAlignment: "center",
-      flexDirection: "column",
-      backgroundColor: "#000000",
-      children: [
-        chats.length > 1 && /* @__PURE__ */ jsx7(
-          "box",
-          {
-            height: 3,
-            paddingX: 1,
-            marginX: 1,
-            border: true,
-            borderColor: tabsFocused ? "#66bb6a" : "#333333",
-            backgroundColor: "#000000",
-            flexDirection: "row",
-            gap: 1,
-            alignItems: "center",
-            onMouseDown: () => onFocus("chat-tabs"),
-            children: chats.map((chat) => {
-              const isSelected = chat.id === selectedChatId;
-              const label = `${chat.title}${chat.processing ? " ..." : ""}`;
-              return /* @__PURE__ */ jsx7(
-                "box",
-                {
-                  backgroundColor: isSelected ? "#1a1a1a" : void 0,
-                  paddingX: 1,
-                  onMouseDown: () => {
-                    onSelectChat(chat.id);
-                    onFocus("chat-tabs");
-                  },
-                  children: /* @__PURE__ */ jsx7("text", { children: /* @__PURE__ */ jsx7("span", { fg: isSelected ? modeColors.text : "#666666", children: label }) })
-                },
-                chat.id
-              );
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx7(
-          "scrollbox",
-          {
-            ref: scrollboxRef,
-            flexGrow: 1,
-            focused: historyFocused,
-            paddingX: 1,
-            paddingY: 1,
-            onMouseDown: () => onFocus("chat-history"),
-            children: loading ? /* @__PURE__ */ jsx7("box", { paddingX: 1, children: /* @__PURE__ */ jsx7("text", { fg: "#666666", children: "Loading messages..." }) }) : displayMessages.length === 0 ? /* @__PURE__ */ jsx7("box", { paddingX: 1, children: /* @__PURE__ */ jsx7("text", { fg: "#666666", children: "No messages yet. Send a message to start chatting." }) }) : (() => {
-              const activeChat = chats.find((c) => c.id === selectedChatId);
-              const provider = activeChat?.provider ?? "claude";
-              const primaryTypes = /* @__PURE__ */ new Set(["user", "agent", "todo_list"]);
-              return displayMessages.map((msg, i) => {
-                const prev = i > 0 ? displayMessages[i - 1] : null;
-                const needsSpacing = prev && (primaryTypes.has(msg.type) || primaryTypes.has(prev.type));
-                return /* @__PURE__ */ jsxs7("box", { flexDirection: "column", children: [
-                  needsSpacing && /* @__PURE__ */ jsx7("box", { height: 1 }),
-                  /* @__PURE__ */ jsx7(ChatMessage, { message: msg, provider })
-                ] }, msg.id || `msg-${i}`);
-              });
-            })()
-          }
-        ),
-        /* @__PURE__ */ jsxs7(
-          "box",
-          {
-            flexDirection: "column",
-            flexShrink: 0,
-            border: true,
-            borderColor: inputFocused ? modeColors.border : "#333333",
-            backgroundColor: "#111111",
-            onMouseDown: () => onFocus("chat-input"),
-            children: [
-              /* @__PURE__ */ jsx7("box", { height: 6, paddingX: 1, children: /* @__PURE__ */ jsx7(
-                "textarea",
-                {
-                  ref: textareaRef,
-                  keyBindings: textareaKeyBindings,
-                  placeholder: "Type a message... (Enter to send, Shift+Enter for newline)",
-                  focused: inputFocused,
-                  backgroundColor: "#111111",
-                  textColor: "#ffffff",
-                  focusedBackgroundColor: "#111111",
-                  placeholderColor: "#555555",
-                  width: "100%",
-                  height: 5
-                }
-              ) }),
-              !agentAvailable && /* @__PURE__ */ jsx7("box", { paddingX: 1, height: 1, children: /* @__PURE__ */ jsx7("text", { children: /* @__PURE__ */ jsxs7("span", { fg: "#d97706", children: [
-                agentLabel,
-                " is not connected. Run `replicas ",
-                agentLabel === "Codex" ? "codex-auth" : "claude-auth",
-                "` to connect."
-              ] }) }) }),
-              /* @__PURE__ */ jsxs7(
-                "box",
-                {
-                  height: 1,
-                  paddingX: 1,
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  children: [
-                    /* @__PURE__ */ jsx7("text", { children: /* @__PURE__ */ jsx7("span", { fg: modeColors.text, children: taskMode === "build" ? "Build" : "Plan" }) }),
-                    isProcessing && /* @__PURE__ */ jsx7(SpinnerLabel, { color: "#ffaa00", label: "thinking" })
-                  ]
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/interactive/components/WorkspaceInfo.tsx
-import React6, { useState as useState6, useMemo as useMemo5, useCallback as useCallback5, useRef as useRef3 } from "react";
-import open from "open";
-import { useKeyboard as useKeyboard4 } from "@opentui/react";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "@opentui/react/jsx-runtime";
-var WEB_APP_URL = process.env.REPLICAS_WEB_URL || "https://tryreplicas.com";
-function buildInteractiveItems(workspaceId, status, previews, wakingWorkspaceId) {
-  const items = [];
-  const hasAnyPr = status.repoStatuses?.some((repo) => repo.prUrls.length > 0);
-  const githubConfigured = status.environmentDetails?.githubAccessConfigured;
-  if (workspaceId && status.status === "active" && !hasAnyPr && githubConfigured) {
-    items.push({ type: "createPr" });
-  }
-  if (workspaceId) {
-    items.push({ type: "dashboard", workspaceId });
-  }
-  if (workspaceId && status.status === "sleeping" && wakingWorkspaceId !== workspaceId) {
-    items.push({ type: "wake", workspaceId });
-  }
-  const repoDiffs = [];
-  if (status.repoStatuses) {
-    for (const repo of status.repoStatuses) {
-      if (repo.gitDiff?.fullDiff && (repo.gitDiff.added > 0 || repo.gitDiff.removed > 0)) {
-        repoDiffs.push({ type: "diff", repoName: repo.name, diff: repo.gitDiff.fullDiff, added: repo.gitDiff.added, removed: repo.gitDiff.removed });
-      }
-    }
-  }
-  items.push({ type: "view-chat" });
-  if (repoDiffs.length > 0) {
-    items.push({ type: "view-diff" });
-    items.push(...repoDiffs);
-  }
-  for (const preview of previews) {
-    if (preview.publicUrl) {
-      items.push({ type: "preview", url: preview.publicUrl, port: preview.port });
-    }
-  }
-  if (status.repoStatuses) {
-    for (const repo of status.repoStatuses) {
-      for (const prUrl of repo.prUrls) {
-        items.push({ type: "pr", url: prUrl, repoName: repo.name });
-      }
-    }
-  }
-  return items;
-}
-function getItemLabel(item) {
-  switch (item.type) {
-    case "dashboard":
-      return "\u2197 Open in Dashboard";
-    case "wake":
-      return "\u25B6 Wake";
-    case "preview":
-      return `\u2197 Preview :${item.port}`;
-    case "pr": {
-      const prNumber = extractPrNumber(item.url);
-      const suffix = prNumber ? ` #${prNumber}` : "";
-      return `\u2197 View PR (${item.repoName})${suffix}`;
-    }
-    case "diff":
-      return `\u25B8 Diff +${item.added} -${item.removed}`;
-    case "view-chat":
-      return "1 Chat";
-    case "view-diff":
-      return "2 Diff";
-    case "createPr":
-      return "+ Create PR";
-  }
-}
-function getItemId(item) {
-  switch (item.type) {
-    case "dashboard":
-      return "info-dashboard";
-    case "wake":
-      return "info-wake";
-    case "preview":
-      return `info-preview-${item.port}`;
-    case "pr": {
-      const prNumber = extractPrNumber(item.url);
-      return `info-pr-${item.repoName}-${prNumber ?? item.url}`;
-    }
-    case "diff":
-      return `info-diff-${item.repoName}`;
-    case "view-chat":
-      return "info-view-chat";
-    case "view-diff":
-      return "info-view-diff";
-    case "createPr":
-      return "info-create-pr";
-  }
-}
-var AUTH_METHOD_LABELS = {
-  oauth: "OAuth",
-  api_key: "API Key",
-  bedrock: "Bedrock",
-  none: null
-};
-function StatusDot({ status }) {
-  if (status === true || status === "yes") {
-    return /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: "\u2713" });
-  }
-  if (status === false || status === "no") {
-    return /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" });
-  }
-  return /* @__PURE__ */ jsx8("span", { fg: "#555555", children: "-" });
-}
-function SectionLabel({ title }) {
-  return /* @__PURE__ */ jsx8("box", { backgroundColor: "#151515", paddingX: 1, children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#666666", children: /* @__PURE__ */ jsx8("strong", { children: title.toUpperCase() }) }) }) });
-}
-function Section({ title, children }) {
-  return /* @__PURE__ */ jsxs8("box", { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx8(SectionLabel, { title }),
-    /* @__PURE__ */ jsx8("box", { flexDirection: "column", backgroundColor: "#0a0a0a", children })
-  ] });
-}
-function CardItem({ label, status }) {
-  return /* @__PURE__ */ jsxs8(
-    "box",
-    {
-      flexDirection: "row",
-      justifyContent: "space-between",
-      paddingX: 1,
-      backgroundColor: "#111111",
-      marginBottom: 0,
-      children: [
-        /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: label }) }),
-        /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8(StatusDot, { status }) })
-      ]
-    }
-  );
-}
-function DetailList({
-  expected,
-  actual
-}) {
-  const uniqueExpected = Array.from(new Set(expected)).sort((a, b) => a.localeCompare(b));
-  const actualSet = new Set(actual);
-  const rows = uniqueExpected.length > 0 ? uniqueExpected : Array.from(actualSet).sort((a, b) => a.localeCompare(b));
-  if (rows.length === 0) return null;
-  return /* @__PURE__ */ jsx8(Fragment4, { children: rows.map((item, i) => /* @__PURE__ */ jsx8(CardItem, { label: item, status: actualSet.has(item) }, i)) });
-}
-function InteractiveRow({ id, label, highlighted, disabled, onClick }) {
-  if (disabled) {
-    return /* @__PURE__ */ jsx8("box", { id, paddingX: 1, backgroundColor: "#111111", children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#444444", children: label }) }) });
-  }
-  return /* @__PURE__ */ jsx8(
-    "box",
-    {
-      id,
-      paddingX: 1,
-      backgroundColor: highlighted ? "#1a2a1a" : "#111111",
-      onMouseDown: onClick,
-      children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: highlighted ? "#66bb6a" : "#7dcfff", children: label }) })
-    }
-  );
-}
-function ViewModeRow({
-  id,
-  label,
-  active,
-  highlighted,
-  disabled,
-  onClick
-}) {
-  const bg = highlighted ? "#1a2a1a" : "#111111";
-  const fg = disabled ? "#444444" : active ? "#66bb6a" : "#cccccc";
-  const marker = active ? "\u25B8" : " ";
-  return /* @__PURE__ */ jsx8(
-    "box",
-    {
-      id,
-      paddingX: 1,
-      backgroundColor: bg,
-      onMouseDown: disabled ? void 0 : onClick,
-      children: /* @__PURE__ */ jsxs8("text", { children: [
-        /* @__PURE__ */ jsxs8("span", { fg: active ? "#66bb6a" : "#555555", children: [
-          marker,
-          " "
-        ] }),
-        active ? /* @__PURE__ */ jsx8("span", { fg, children: /* @__PURE__ */ jsx8("strong", { children: label }) }) : /* @__PURE__ */ jsx8("span", { fg, children: label })
-      ] })
-    }
-  );
-}
-function WorkspaceInfo({ status, workspaceName, workspaceId, focused, loading, agentAvailability, previews, onWakeWorkspace, onViewDiff, wakingWorkspaceId, viewMode, viewingDiffRepoName, onSelectChatMode, onSelectDiffMode, onCreatePr, isPlanMode }) {
-  const borderColor = focused ? "#66bb6a" : "#333333";
-  const [cursorIndex, setCursorIndex] = useState6(0);
-  const interactiveItems = useMemo5(() => {
-    if (!status || !workspaceName) return [];
-    return buildInteractiveItems(workspaceId, status, previews, wakingWorkspaceId);
-  }, [workspaceId, workspaceName, status, previews, wakingWorkspaceId]);
-  const diffItems = useMemo5(
-    () => interactiveItems.filter((item) => item.type === "diff"),
-    [interactiveItems]
-  );
-  const hasAnyDiff = diffItems.length > 0;
-  const safeCursor = interactiveItems.length > 0 ? Math.min(cursorIndex, interactiveItems.length - 1) : 0;
-  const scrollboxRef = useRef3(null);
-  const moveCursor = useCallback5(
-    (next) => {
-      const len = interactiveItems.length;
-      if (len === 0) return;
-      const wrapped = (next % len + len) % len;
-      setCursorIndex(wrapped);
-      const item = interactiveItems[wrapped];
-      if (item) scrollboxRef.current?.scrollChildIntoView(getItemId(item));
-    },
-    [interactiveItems]
-  );
-  const handleAction = useCallback5(
-    (item) => {
-      if (!item) return;
-      switch (item.type) {
-        case "dashboard":
-          open(`${WEB_APP_URL}/workspaces/${item.workspaceId}`).catch(() => {
-          });
-          break;
-        case "wake":
-          onWakeWorkspace(item.workspaceId);
-          break;
-        case "preview":
-          open(item.url).catch(() => {
-          });
-          break;
-        case "pr":
-          open(item.url).catch(() => {
-          });
-          break;
-        case "diff":
-          onViewDiff?.(item.diff, item.repoName);
-          break;
-        case "view-chat":
-          onSelectChatMode();
-          break;
-        case "view-diff":
-          onSelectDiffMode();
-          break;
-        case "createPr":
-          if (!isPlanMode) onCreatePr();
-          break;
-      }
-    },
-    [onWakeWorkspace, onCreatePr]
-  );
-  useKeyboard4((key) => {
-    if (!focused) return;
-    if (interactiveItems.length === 0) return;
-    if (key.name === "j" || key.name === "down") {
-      moveCursor(safeCursor + 1);
-      return;
-    }
-    if (key.name === "k" || key.name === "up") {
-      moveCursor(safeCursor - 1);
-      return;
-    }
-    if (key.name === "g" && !key.shift) {
-      moveCursor(0);
-      return;
-    }
-    if (key.name === "g" && key.shift) {
-      moveCursor(interactiveItems.length - 1);
-      return;
-    }
-    if (key.name === "enter" || key.name === "return") {
-      handleAction(interactiveItems[safeCursor]);
-      return;
-    }
-    if (key.name === "o") {
-      const dashboardItem2 = interactiveItems.find((item) => item.type === "dashboard");
-      if (dashboardItem2) handleAction(dashboardItem2);
-      return;
-    }
-    if (key.name === "w") {
-      const wakeItem2 = interactiveItems.find((item) => item.type === "wake");
-      if (wakeItem2) handleAction(wakeItem2);
-      return;
-    }
-  });
-  const isHighlighted = useCallback5(
-    (item) => {
-      if (!focused) return false;
-      const idx = interactiveItems.indexOf(item);
-      return idx === safeCursor;
-    },
-    [focused, interactiveItems, safeCursor]
-  );
-  const findItem = useCallback5(
-    (type, key) => {
-      return interactiveItems.find((item) => {
-        if (item.type !== type) return false;
-        if (type === "preview" && key) return item.port === Number(key);
-        if (type === "pr" && key) return item.repoName === key;
-        if (type === "diff" && key) return item.repoName === key;
-        return true;
-      });
-    },
-    [interactiveItems]
-  );
-  if (!workspaceName) {
-    return /* @__PURE__ */ jsx8(
-      "box",
-      {
-        width: 30,
-        border: true,
-        borderStyle: "rounded",
-        borderColor,
-        title: "Info",
-        titleAlignment: "center",
-        flexDirection: "column",
-        paddingX: 1,
-        backgroundColor: "#000000",
-        children: /* @__PURE__ */ jsx8("text", { fg: "#666666", children: "Select a workspace" })
-      }
-    );
-  }
-  if (loading || !status) {
-    return /* @__PURE__ */ jsx8(
-      "box",
-      {
-        width: 30,
-        border: true,
-        borderStyle: "rounded",
-        borderColor,
-        title: "Info",
-        titleAlignment: "center",
-        flexDirection: "column",
-        paddingX: 1,
-        backgroundColor: "#000000",
-        children: /* @__PURE__ */ jsx8("text", { fg: "#666666", children: "Loading..." })
-      }
-    );
-  }
-  const statusColor = status.status === "active" ? "#66bb6a" : status.status === "sleeping" ? "#ffaa00" : "#ff4444";
-  const rawEnv = status.environmentDetails;
-  const env = rawEnv && agentAvailability ? {
-    ...rawEnv,
-    claudeAuthMethod: agentAvailability.claude.available ? rawEnv.claudeAuthMethod : "none",
-    codexAuthMethod: agentAvailability.codex.available ? rawEnv.codexAuthMethod : "none"
-  } : rawEnv;
-  const dashboardItem = findItem("dashboard");
-  const wakeItem = findItem("wake");
-  const createPrItem = findItem("createPr");
-  return /* @__PURE__ */ jsx8(
-    "box",
-    {
-      width: 30,
-      border: true,
-      borderStyle: "rounded",
-      borderColor,
-      title: "Info",
-      titleAlignment: "center",
-      flexDirection: "column",
-      backgroundColor: "#000000",
-      children: /* @__PURE__ */ jsxs8("scrollbox", { ref: scrollboxRef, focused: false, flexGrow: 1, children: [
-        /* @__PURE__ */ jsx8("box", { backgroundColor: "#111111", paddingX: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs8("box", { flexDirection: "column", children: [
-          /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx8("strong", { children: workspaceName }) }) }),
-          /* @__PURE__ */ jsxs8("text", { children: [
-            /* @__PURE__ */ jsxs8("span", { fg: statusColor, children: [
-              "\u25CF",
-              " ",
-              status.status
-            ] }),
-            env && /* @__PURE__ */ jsxs8("span", { fg: "#555555", children: [
-              " ",
-              "\u2502",
-              " ",
-              env.engineVersion
-            ] })
-          ] })
-        ] }) }),
-        createPrItem && /* @__PURE__ */ jsx8(
-          InteractiveRow,
-          {
-            id: getItemId(createPrItem),
-            label: getItemLabel(createPrItem),
-            highlighted: isHighlighted(createPrItem),
-            disabled: isPlanMode,
-            onClick: () => handleAction(createPrItem)
-          }
-        ),
-        dashboardItem && /* @__PURE__ */ jsx8(
-          InteractiveRow,
-          {
-            id: getItemId(dashboardItem),
-            label: getItemLabel(dashboardItem),
-            highlighted: isHighlighted(dashboardItem),
-            onClick: () => handleAction(dashboardItem)
-          }
-        ),
-        wakeItem && /* @__PURE__ */ jsx8(
-          InteractiveRow,
-          {
-            id: getItemId(wakeItem),
-            label: getItemLabel(wakeItem),
-            highlighted: isHighlighted(wakeItem),
-            onClick: () => handleAction(wakeItem)
-          }
-        ),
-        (status.isClaudeProcessing || status.isCodexProcessing || status.isRelayProcessing) && /* @__PURE__ */ jsxs8("box", { backgroundColor: "#1a1500", paddingX: 1, marginX: 1, marginBottom: 1, children: [
-          status.isClaudeProcessing && /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsxs8("span", { fg: "#ffaa00", children: [
-            "\u25C6",
-            " Claude thinking..."
-          ] }) }),
-          status.isCodexProcessing && /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsxs8("span", { fg: "#ffaa00", children: [
-            "\u25C6",
-            " Codex thinking..."
-          ] }) }),
-          status.isRelayProcessing && /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsxs8("span", { fg: "#ffaa00", children: [
-            "\u25C6",
-            " Relay thinking..."
-          ] }) })
-        ] }),
-        env && /* @__PURE__ */ jsxs8(Section, { title: "Agents", children: [
-          /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
-            /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "Claude" }) }),
-            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.claudeAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: AUTH_METHOD_LABELS[env.claudeAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
-          ] }),
-          /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
-            /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "Codex" }) }),
-            /* @__PURE__ */ jsx8("text", { children: AUTH_METHOD_LABELS[env.codexAuthMethod] ? /* @__PURE__ */ jsx8("span", { fg: "#66bb6a", children: AUTH_METHOD_LABELS[env.codexAuthMethod] }) : /* @__PURE__ */ jsx8("span", { fg: "#ff4444", children: "\u2717" }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx8(Section, { title: "View", children: (() => {
-          const chatItem = findItem("view-chat");
-          const diffItem = findItem("view-diff");
-          return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-            chatItem && /* @__PURE__ */ jsx8(
-              ViewModeRow,
-              {
-                id: getItemId(chatItem),
-                label: "1 Chat",
-                active: viewMode === "chat",
-                highlighted: isHighlighted(chatItem),
-                onClick: () => handleAction(chatItem)
-              }
-            ),
-            diffItem ? /* @__PURE__ */ jsx8(
-              ViewModeRow,
-              {
-                id: getItemId(diffItem),
-                label: "2 Diff",
-                active: viewMode === "diff",
-                highlighted: isHighlighted(diffItem),
-                onClick: () => handleAction(diffItem)
-              }
-            ) : /* @__PURE__ */ jsx8(ViewModeRow, { label: "2 Diff", active: false, highlighted: false, disabled: true, onClick: () => {
-            } }),
-            hasAnyDiff && diffItems.map((item, i) => {
-              const isActive = viewMode === "diff" && viewingDiffRepoName === item.repoName;
-              const cursorOn = isHighlighted(item);
-              const bg = cursorOn ? "#1a2a1a" : isActive ? "#0d2b0d" : "#111111";
-              const nameColor = isActive || cursorOn ? "#66bb6a" : "#cccccc";
-              return /* @__PURE__ */ jsxs8(
-                "box",
-                {
-                  id: getItemId(item),
-                  paddingX: 1,
-                  backgroundColor: bg,
-                  onMouseDown: () => handleAction(item),
-                  flexDirection: "row",
-                  justifyContent: "space-between",
-                  children: [
-                    /* @__PURE__ */ jsxs8("text", { children: [
-                      /* @__PURE__ */ jsx8("span", { fg: isActive ? "#66bb6a" : "#555555", children: isActive ? "  \u25B8 " : "    \u2514 " }),
-                      isActive ? /* @__PURE__ */ jsx8("span", { fg: nameColor, children: /* @__PURE__ */ jsx8("strong", { children: item.repoName }) }) : /* @__PURE__ */ jsx8("span", { fg: nameColor, children: item.repoName })
-                    ] }),
-                    /* @__PURE__ */ jsxs8("text", { children: [
-                      item.added > 0 && /* @__PURE__ */ jsxs8("span", { fg: "#66bb6a", children: [
-                        "+",
-                        item.added
-                      ] }),
-                      item.added > 0 && item.removed > 0 && /* @__PURE__ */ jsx8("span", { fg: "#444444", children: " " }),
-                      item.removed > 0 && /* @__PURE__ */ jsxs8("span", { fg: "#ff4444", children: [
-                        "-",
-                        item.removed
-                      ] })
-                    ] })
-                  ]
-                },
-                `diff-${i}`
-              );
-            })
-          ] });
-        })() }),
-        env && /* @__PURE__ */ jsxs8(Section, { title: "Integrations", children: [
-          /* @__PURE__ */ jsx8(CardItem, { label: "GitHub", status: env.githubAccessConfigured }),
-          /* @__PURE__ */ jsx8(CardItem, { label: "Slack", status: env.slackAccessConfigured }),
-          /* @__PURE__ */ jsx8(CardItem, { label: "Linear", status: env.linearAccessConfigured })
-        ] }),
-        previews.length > 0 && /* @__PURE__ */ jsx8(Section, { title: "Previews", children: previews.map((preview, i) => {
-          const previewItem = findItem("preview", String(preview.port));
-          return /* @__PURE__ */ jsxs8(
-            "box",
-            {
-              id: previewItem ? getItemId(previewItem) : void 0,
-              flexDirection: "row",
-              justifyContent: "space-between",
-              paddingX: 1,
-              backgroundColor: previewItem && isHighlighted(previewItem) ? "#1a2a1a" : "#111111",
-              onMouseDown: () => previewItem && handleAction(previewItem),
-              children: [
-                /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsxs8("span", { fg: "#cccccc", children: [
-                  ":",
-                  preview.port
-                ] }) }),
-                /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: previewItem && isHighlighted(previewItem) ? "#66bb6a" : "#7dcfff", children: "\u2197" }) })
-              ]
-            },
-            i
-          );
-        }) }),
-        status.repoStatuses && status.repoStatuses.length > 0 && /* @__PURE__ */ jsx8(Section, { title: "Repositories", children: status.repoStatuses.map((repo, i) => {
-          const prItems = interactiveItems.filter(
-            (item) => item.type === "pr" && item.repoName === repo.name
-          );
-          return /* @__PURE__ */ jsxs8(React6.Fragment, { children: [
-            /* @__PURE__ */ jsx8("box", { backgroundColor: "#111111", paddingX: 1, children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx8("strong", { children: repo.name }) }) }) }),
-            /* @__PURE__ */ jsx8("box", { backgroundColor: "#111111", paddingX: 1, flexDirection: "row", justifyContent: "space-between", children: /* @__PURE__ */ jsxs8("text", { children: [
-              /* @__PURE__ */ jsxs8("span", { fg: "#555555", children: [
-                "\u2514",
-                " "
-              ] }),
-              /* @__PURE__ */ jsx8("span", { fg: repo.currentBranch !== repo.defaultBranch ? "#ffaa00" : "#66bb6a", children: repo.currentBranch })
-            ] }) }),
-            prItems.map((prItem) => /* @__PURE__ */ jsx8(
-              InteractiveRow,
-              {
-                id: getItemId(prItem),
-                label: `  ${getItemLabel(prItem)}`,
-                highlighted: isHighlighted(prItem),
-                onClick: () => handleAction(prItem)
-              },
-              getItemId(prItem)
-            ))
-          ] }, i);
-        }) }),
-        env && /* @__PURE__ */ jsxs8(Section, { title: "Hooks", children: [
-          /* @__PURE__ */ jsx8(CardItem, { label: "Global warm", status: env.globalWarmHookCompleted.status }),
-          env.repositories.map((repo, i) => /* @__PURE__ */ jsxs8(React6.Fragment, { children: [
-            /* @__PURE__ */ jsx8("box", { backgroundColor: "#111111", paddingX: 1, children: /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8("span", { fg: "#ffffff", children: /* @__PURE__ */ jsx8("strong", { children: repo.repositoryName }) }) }) }),
-            /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
-              /* @__PURE__ */ jsxs8("text", { children: [
-                /* @__PURE__ */ jsxs8("span", { fg: "#555555", children: [
-                  "\u251C",
-                  " "
-                ] }),
-                /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "warm" })
-              ] }),
-              /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8(StatusDot, { status: repo.warmHookCompleted }) })
-            ] }),
-            /* @__PURE__ */ jsxs8("box", { flexDirection: "row", justifyContent: "space-between", paddingX: 1, backgroundColor: "#111111", children: [
-              /* @__PURE__ */ jsxs8("text", { children: [
-                /* @__PURE__ */ jsxs8("span", { fg: "#555555", children: [
-                  "\u2514",
-                  " "
-                ] }),
-                /* @__PURE__ */ jsx8("span", { fg: "#cccccc", children: "start" })
-              ] }),
-              /* @__PURE__ */ jsx8("text", { children: /* @__PURE__ */ jsx8(StatusDot, { status: repo.startHookCompleted }) })
-            ] })
-          ] }, i))
-        ] }),
-        env && env.skillsInstalled.length > 0 && /* @__PURE__ */ jsx8(Section, { title: "Skills", children: /* @__PURE__ */ jsx8(DetailList, { expected: [], actual: env.skillsInstalled }) }),
-        env && env.envVarsSet.length > 0 && /* @__PURE__ */ jsx8(Section, { title: "Env Vars", children: /* @__PURE__ */ jsx8(DetailList, { expected: [], actual: env.envVarsSet }) }),
-        env && env.filesUploaded.length > 0 && /* @__PURE__ */ jsx8(Section, { title: "Files", children: /* @__PURE__ */ jsx8(DetailList, { expected: [], actual: env.filesUploaded }) })
-      ] })
-    }
-  );
-}
-
-// src/interactive/components/Toast.tsx
-import { useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
-
-// src/interactive/toast-context.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState7, useCallback as useCallback6, useRef as useRef4 } from "react";
-import { jsx as jsx9 } from "@opentui/react/jsx-runtime";
-var ToastContext = createContext2(null);
-function useToast() {
-  const ctx = useContext2(ToastContext);
-  if (!ctx) throw new Error("useToast must be used within ToastProvider");
-  return ctx;
-}
-function ToastProvider({ children }) {
-  const [current, setCurrent] = useState7(null);
-  const timeoutRef = useRef4(null);
-  const show = useCallback6((options) => {
-    const { message, variant = "info", duration = 3e3 } = options;
-    setCurrent({ message, variant });
-    if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    timeoutRef.current = setTimeout(() => {
-      setCurrent(null);
-    }, duration);
-  }, []);
-  const error = useCallback6((err) => {
-    const message = err instanceof Error ? err.message : "An error occurred";
-    show({ message, variant: "error", duration: 5e3 });
-  }, [show]);
-  return /* @__PURE__ */ jsx9(ToastContext.Provider, { value: { current, show, error }, children });
-}
-
-// src/interactive/components/Toast.tsx
-import { jsx as jsx10 } from "@opentui/react/jsx-runtime";
-var VARIANT_COLORS = {
-  info: { border: "#66bb6a", bg: "#0a1a0a" },
-  success: { border: "#66bb6a", bg: "#0a1a0a" },
-  warning: { border: "#ffaa00", bg: "#1a1a0a" },
-  error: { border: "#ff4444", bg: "#1a0a0a" }
-};
-function Toast() {
-  const { current } = useToast();
-  const { width } = useTerminalDimensions2();
-  if (!current) return null;
-  const colors = VARIANT_COLORS[current.variant] ?? VARIANT_COLORS.info;
-  const toastWidth = Math.min(60, width - 4);
-  return /* @__PURE__ */ jsx10(
-    "box",
-    {
-      position: "absolute",
-      bottom: 2,
-      right: 2,
-      width: toastWidth,
-      paddingX: 2,
-      paddingY: 1,
-      backgroundColor: colors.bg,
-      borderColor: colors.border,
-      border: true,
-      borderStyle: "rounded",
-      zIndex: 100,
-      children: /* @__PURE__ */ jsx10("text", { fg: "#ffffff", selectable: true, children: current.message })
-    }
-  );
-}
-
-// src/interactive/App.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "@opentui/react/jsx-runtime";
-var FOCUS_ORDER = ["sidebar", "chat-tabs", "chat-history", "chat-input", "info"];
-var MOCK_CHATS = [
-  { id: "mock-claude", provider: "claude", title: "Claude Code", createdAt: "", updatedAt: "", processing: false, parentChatId: null },
-  { id: "mock-codex", provider: "codex", title: "Codex", createdAt: "", updatedAt: "", processing: false, parentChatId: null }
-];
-var MONOLITH_URL = process.env.REPLICAS_MONOLITH_URL || "https://api.tryreplicas.com";
-var workspacePollingStarted = false;
-var queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      retry: 1,
-      refetchOnWindowFocus: false
-    }
-  }
-});
-var authValue = {
-  getAccessToken: () => getValidToken(),
-  getOrganizationId: () => getOrganizationId(),
-  monolithUrl: MONOLITH_URL,
-  queryClient
-};
-function App() {
-  return /* @__PURE__ */ jsx11(ReplicasAuthProvider, { value: authValue, children: /* @__PURE__ */ jsxs9(ToastProvider, { children: [
-    /* @__PURE__ */ jsx11(AppInner, {}),
-    /* @__PURE__ */ jsx11(Toast, {})
-  ] }) });
-}
-function AppInner() {
-  const renderer = useRenderer();
-  const { width } = useTerminalDimensions3();
-  const toast = useToast();
-  const rendererRef = useRef5(renderer);
-  rendererRef.current = renderer;
-  if (!workspacePollingStarted) {
-    workspacePollingStarted = true;
-    setInterval(() => {
-      queryClient.invalidateQueries({ queryKey: ["workspaces"] });
-      rendererRef.current.requestRender();
-    }, 3e4);
-  }
-  useEffect3(() => {
-    const handler = (selection) => {
-      const text = selection.getSelectedText();
-      if (text) {
-        renderer.copyToClipboardOSC52(text);
-        toast.show({ message: "Copied to clipboard", variant: "info", duration: 1500 });
-      }
-    };
-    renderer.on("selection", handler);
-    return () => {
-      renderer.off("selection", handler);
-    };
-  }, [renderer, toast]);
-  const [selectedWorkspaceId, setSelectedWorkspaceId] = useState8(null);
-  const [selectedChatId, setSelectedChatId] = useState8(null);
-  const [focusPanel, setFocusPanel] = useState8("sidebar");
-  const [taskMode, setTaskMode] = useState8("build");
-  const [mockWorkspaces, setMockWorkspaces] = useState8([]);
-  const mockToRealRef = useRef5(/* @__PURE__ */ new Map());
-  const mockGroupRef = useRef5(/* @__PURE__ */ new Map());
-  const mockPollingRef = useRef5(null);
-  if (mockWorkspaces.length > 0 && !mockPollingRef.current) {
-    mockPollingRef.current = setInterval(() => {
-      queryClient.invalidateQueries({ queryKey: ["workspaces"] });
-      rendererRef.current.requestRender();
-    }, 5e3);
-  } else if (mockWorkspaces.length === 0 && mockPollingRef.current) {
-    clearInterval(mockPollingRef.current);
-    mockPollingRef.current = null;
-  }
-  const [mockMessages, setMockMessages] = useState8([]);
-  const [mockThinking, setMockThinking] = useState8(false);
-  const pendingMessageRef = useRef5(/* @__PURE__ */ new Map());
-  const [viewingDiff, setViewingDiff] = useState8(null);
-  const [lastViewedDiff, setLastViewedDiff] = useState8(null);
-  const mockIds = useMemo6(() => new Set(mockWorkspaces.map((m) => m.id)), [mockWorkspaces]);
-  const isMockSelected = selectedWorkspaceId ? mockIds.has(selectedWorkspaceId) : false;
-  const { data: workspacesData, isLoading: loadingWorkspaces } = useWorkspaces(1, 100, "organization");
-  const { data: setsData } = useRepositorySets();
-  const { data: envsData } = useEnvironments();
-  const { data: statusData, isLoading: loadingStatus } = useWorkspaceStatus(
-    isMockSelected ? null : selectedWorkspaceId,
-    { includeDiffs: true }
-  );
-  const { data: chatsData } = useWorkspaceChats(isMockSelected ? null : selectedWorkspaceId);
-  const chats = isMockSelected ? MOCK_CHATS : chatsData?.chats ?? [];
-  const resolvedChatId = useMemo6(() => {
-    if (selectedChatId && chats.find((c) => c.id === selectedChatId)) {
-      return selectedChatId;
-    }
-    return getInitialChatId(chats);
-  }, [chats, selectedChatId]);
-  const { data: historyData, isLoading: loadingMessages } = useChatHistory(
-    isMockSelected ? null : selectedWorkspaceId,
-    resolvedChatId?.startsWith("mock-") ? null : resolvedChatId
-  );
-  const { data: previewsData } = useWorkspacePreviews(isMockSelected ? null : selectedWorkspaceId);
-  const { connected: sseConnected } = useWorkspaceEvents(
-    isMockSelected ? null : selectedWorkspaceId
-  );
-  const { data: agentAvailability } = useAgentAvailability(isMockSelected ? null : selectedWorkspaceId);
-  const createWorkspaceMutation = useCreateWorkspace();
-  const deleteWorkspaceMutation = useDeleteWorkspace();
-  const wakeWorkspaceMutation = useWakeWorkspace();
-  const generateNameMutation = useGenerateWorkspaceName();
-  const [wakingWorkspaceId, setWakingWorkspaceId] = useState8(null);
-  const sendMessageMutation = useSendChatMessage(selectedWorkspaceId, resolvedChatId);
-  const interruptMutation = useInterruptChat(selectedWorkspaceId, resolvedChatId);
-  const workspaces = workspacesData?.workspaces ?? [];
-  const repositorySets = setsData?.repository_sets ?? [];
-  const environments = envsData?.environments ?? [];
-  const previews = previewsData?.previews ?? [];
-  const allWorkspaces = useMemo6(() => [...mockWorkspaces, ...workspaces], [mockWorkspaces, workspaces]);
-  const groups = useMemo6(
-    () => buildGroups(allWorkspaces, workspacesData, environments, repositorySets, mockGroupRef.current),
-    [allWorkspaces, workspacesData, environments, repositorySets]
-  );
-  const selectedWorkspace = allWorkspaces.find((ws) => ws.id === selectedWorkspaceId) ?? null;
-  const selectedChat = chats.find((c) => c.id === resolvedChatId) ?? null;
-  const isProcessing = mockThinking || (selectedChat?.processing ?? false);
-  const selectedAgent = selectedChat?.provider ?? "claude";
-  const agentAvailable = agentAvailability ? selectedAgent === "codex" ? agentAvailability.codex.available : agentAvailability.claude.available : true;
-  const agentLabel = selectedAgent === "codex" ? "Codex" : "Claude Code";
-  const displayMessages = useMemo6(() => {
-    if (isMockSelected) return mockMessages;
-    const rawEvents = historyData?.events ?? [];
-    const events = rawEvents.filter(isAgentBackendEvent);
-    if (events.length === 0) return [];
-    const provider = selectedChat?.provider ?? "claude";
-    const parsed = parseAgentEvents(events, provider);
-    return filterDisplayMessages(parsed, provider);
-  }, [isMockSelected, mockMessages, historyData, selectedChat?.provider]);
-  const showInfoPanel = width >= 100;
-  const showWorkspacePanel = width >= 60;
-  useEffect3(() => {
-    if (!selectedWorkspaceId && workspaces.length > 0) {
-      setSelectedWorkspaceId(workspaces[0].id);
-    }
-  }, [workspaces, selectedWorkspaceId]);
-  useEffect3(() => {
-    if (mockWorkspaces.length === 0) return;
-    const realIds = new Set(workspaces.map((w) => w.id));
-    let changed = false;
-    const remaining = mockWorkspaces.filter((mock) => {
-      const realId = mockToRealRef.current.get(mock.id);
-      if (realId && realIds.has(realId)) {
-        if (selectedWorkspaceId === mock.id) {
-          setSelectedWorkspaceId(realId);
-        }
-        const pending = pendingMessageRef.current.get(mock.id);
-        if (pending) {
-          pendingMessageRef.current.delete(mock.id);
-          pendingMessageRef.current.set(realId, pending);
-        }
-        mockToRealRef.current.delete(mock.id);
-        mockGroupRef.current.delete(mock.id);
-        setSelectedChatId(null);
-        setMockMessages([]);
-        setMockThinking(false);
-        changed = true;
-        return false;
-      }
-      return true;
-    });
-    if (changed) setMockWorkspaces(remaining);
-  }, [workspaces, mockWorkspaces, selectedWorkspaceId]);
-  useEffect3(() => {
-    if (!selectedWorkspaceId || isMockSelected) return;
-    if (!resolvedChatId || resolvedChatId.startsWith("mock-")) return;
-    if (statusData?.status !== "active") return;
-    const pending = pendingMessageRef.current.get(selectedWorkspaceId);
-    if (!pending) return;
-    pendingMessageRef.current.delete(selectedWorkspaceId);
-    const noBranches = statusData?.repoStatuses && statusData.repoStatuses.length > 0 && statusData.repoStatuses.every((r) => r.currentBranch === r.defaultBranch);
-    if (noBranches) {
-      generateNameMutation.mutateAsync({ workspaceId: selectedWorkspaceId, prompt: pending }).catch(() => {
-      });
-    }
-    sendMessageMutation.mutate({ message: pending });
-  }, [selectedWorkspaceId, resolvedChatId, isMockSelected, statusData?.status]);
-  const handleSelectWorkspace = useCallback7((workspaceId) => {
-    setSelectedWorkspaceId(workspaceId);
-    setSelectedChatId(null);
-    setMockMessages([]);
-    setMockThinking(false);
-    setViewingDiff(null);
-    setLastViewedDiff(null);
-    setFocusPanel("chat-input");
-  }, []);
-  const handleFocus = useCallback7((panel) => {
-    if (panel === "sidebar") {
-      queryClient.invalidateQueries({ queryKey: ["workspaces"] });
-    }
-    setFocusPanel(panel);
-  }, []);
-  const handleCreateWorkspace = useCallback7(
-    async (group) => {
-      if (group.id === "__ungrouped__") {
-        toast.error("Cannot create a workspace in the Other / Ungrouped folder");
-        return;
-      }
-      const orgId = getOrganizationId() ?? "";
-      const mock = createMockWorkspaceRecord(orgId);
-      mockGroupRef.current.set(mock.id, group.id);
-      setMockWorkspaces((prev) => [mock, ...prev]);
-      setSelectedWorkspaceId(mock.id);
-      setViewingDiff(null);
-      setLastViewedDiff(null);
-      setFocusPanel("chat-input");
-      try {
-        const request = {
-          environment_id: group.environmentId,
-          name: mock.name,
-          placeholder: true
-        };
-        const result = await createWorkspaceMutation.mutateAsync(request);
-        mockToRealRef.current.set(mock.id, result.workspace.id);
-      } catch (err) {
-        mockGroupRef.current.delete(mock.id);
-        setMockWorkspaces((prev) => prev.filter((m) => m.id !== mock.id));
-        toast.error(err);
-      }
-    },
-    [createWorkspaceMutation, toast]
-  );
-  const handleDeleteWorkspace = useCallback7(
-    async (workspaceId) => {
-      if (mockIds.has(workspaceId)) {
-        mockGroupRef.current.delete(workspaceId);
-        mockToRealRef.current.delete(workspaceId);
-        setMockWorkspaces((prev) => prev.filter((m) => m.id !== workspaceId));
-        if (selectedWorkspaceId === workspaceId) {
-          setSelectedWorkspaceId(null);
-          setViewingDiff(null);
-          setLastViewedDiff(null);
-        }
-        return;
-      }
-      try {
-        await deleteWorkspaceMutation.mutateAsync(workspaceId);
-        if (selectedWorkspaceId === workspaceId) {
-          setSelectedWorkspaceId(null);
-          setViewingDiff(null);
-          setLastViewedDiff(null);
-        }
-        toast.show({ message: "Workspace deleted", variant: "info" });
-      } catch (err) {
-        toast.error(err);
-      }
-    },
-    [mockIds, selectedWorkspaceId, deleteWorkspaceMutation]
-  );
-  const handleWakeWorkspace = useCallback7(
-    async (workspaceId) => {
-      setWakingWorkspaceId(workspaceId);
-      try {
-        await wakeWorkspaceMutation.mutateAsync(workspaceId);
-        toast.show({ message: "Workspace waking up...", variant: "info" });
-      } catch (err) {
-        toast.error(err);
-      } finally {
-        setWakingWorkspaceId(null);
-      }
-    },
-    [wakeWorkspaceMutation, toast]
-  );
-  const handleSelectChat = useCallback7((chatId) => {
-    setSelectedChatId(chatId);
-  }, []);
-  useKeyboard5((key) => {
-    if (key.name === "f12") {
-      renderer.console.toggle();
-      return;
-    }
-    if (key.ctrl && key.name === "c") {
-      renderer.destroy();
-      return;
-    }
-    if (key.name === "escape") {
-      if (isProcessing && selectedWorkspaceId && resolvedChatId) {
-        interruptMutation.mutate();
-      }
-      return;
-    }
-    if (key.shift && key.name === "tab") {
-      setFocusPanel((current) => {
-        const availablePanels = FOCUS_ORDER.filter((p) => {
-          if (p === "sidebar" && !showWorkspacePanel) return false;
-          if ((p === "chat-tabs" || p === "chat-history" || p === "chat-input") && (!selectedWorkspaceId || statusData?.status === "sleeping")) return false;
-          if (viewingDiff && (p === "chat-tabs" || p === "chat-input")) return false;
-          if (p === "chat-tabs" && chats.length <= 1) return false;
-          if (p === "info" && !showInfoPanel) return false;
-          return true;
-        });
-        const idx = availablePanels.indexOf(current);
-        const next = availablePanels[(idx + 1) % availablePanels.length];
-        if (next === "sidebar") {
-          queryClient.invalidateQueries({ queryKey: ["workspaces"] });
-        }
-        return next;
-      });
-      return;
-    }
-    if (key.name === "tab" && focusPanel === "chat-input") {
-      setTaskMode((m) => m === "build" ? "plan" : "build");
-      return;
-    }
-    if ((key.name === "1" || key.name === "2") && focusPanel !== "chat-input") {
-      if (key.name === "1") {
-        setViewingDiff(null);
-      } else if (firstAvailableDiff) {
-        setViewingDiff(firstAvailableDiff);
-        setLastViewedDiff(firstAvailableDiff);
-      }
-      return;
-    }
-    if (key.name === "w" && focusPanel !== "sidebar" && focusPanel !== "info" && selectedWorkspaceId) {
-      if (statusData?.status === "sleeping" && !wakingWorkspaceId) {
-        handleWakeWorkspace(selectedWorkspaceId);
-      }
-      return;
-    }
-    if (focusPanel === "chat-input") return;
-  });
-  const handleViewDiff = useCallback7((diff, repoName) => {
-    setViewingDiff({ diff, repoName });
-    setLastViewedDiff({ diff, repoName });
-    setFocusPanel("chat-history");
-  }, []);
-  const handleSelectChatMode = useCallback7(() => {
-    setViewingDiff(null);
-    setFocusPanel("chat-history");
-  }, []);
-  const firstAvailableDiff = useMemo6(() => {
-    if (lastViewedDiff) return lastViewedDiff;
-    const repos = statusData?.repoStatuses ?? [];
-    for (const repo of repos) {
-      if (repo.gitDiff?.fullDiff && (repo.gitDiff.added > 0 || repo.gitDiff.removed > 0)) {
-        return { diff: repo.gitDiff.fullDiff, repoName: repo.name };
-      }
-    }
-    return null;
-  }, [lastViewedDiff, statusData?.repoStatuses]);
-  const handleSelectDiffMode = useCallback7(() => {
-    if (firstAvailableDiff) {
-      setViewingDiff(firstAvailableDiff);
-      setLastViewedDiff(firstAvailableDiff);
-      setFocusPanel("chat-history");
-    }
-  }, [firstAvailableDiff]);
-  const handleSendMessage = useCallback7(
-    async (message) => {
-      if (!selectedWorkspaceId || !resolvedChatId) return;
-      if (isMockSelected) {
-        const { message: userMsg } = createUserMessage(message);
-        setMockMessages((prev) => [...prev, userMsg]);
-        pendingMessageRef.current.set(selectedWorkspaceId, message);
-        setMockThinking(true);
-        return;
-      }
-      if (!agentAvailable) {
-        toast.error(new Error(`${agentLabel} is not connected. Run \`replicas ${selectedAgent === "codex" ? "codex-auth" : "claude-auth"}\` to connect.`));
-        return;
-      }
-      sendMessageMutation.mutate({
-        message,
-        permissionMode: taskMode === "plan" ? "read" : void 0
-      });
-    },
-    [selectedWorkspaceId, resolvedChatId, isMockSelected, sendMessageMutation, taskMode, agentAvailable, agentLabel, selectedAgent, toast.error]
-  );
-  return /* @__PURE__ */ jsxs9("box", { flexDirection: "column", width: "100%", height: "100%", backgroundColor: "#000000", children: [
-    /* @__PURE__ */ jsxs9("box", { flexDirection: "row", flexGrow: 1, backgroundColor: "#000000", children: [
-      showWorkspacePanel && /* @__PURE__ */ jsx11(
-        WorkspaceSidebar,
-        {
-          groups,
-          selectedWorkspaceId,
-          mockIds,
-          onSelectWorkspace: handleSelectWorkspace,
-          onCreateWorkspace: handleCreateWorkspace,
-          onDeleteWorkspace: handleDeleteWorkspace,
-          onWakeWorkspace: handleWakeWorkspace,
-          wakingWorkspaceId,
-          focused: focusPanel === "sidebar",
-          loading: loadingWorkspaces
-        }
-      ),
-      /* @__PURE__ */ jsx11("box", { flexDirection: "column", flexGrow: 1, children: viewingDiff ? /* @__PURE__ */ jsx11(
-        "box",
-        {
-          flexGrow: 1,
-          border: true,
-          borderStyle: "rounded",
-          borderColor: focusPanel !== "sidebar" && focusPanel !== "info" ? "#66bb6a" : "#333333",
-          backgroundColor: "#000000",
-          flexDirection: "column",
-          title: "Diff",
-          titleAlignment: "center",
-          children: /* @__PURE__ */ jsx11(DiffViewer, { diff: viewingDiff.diff, repoName: viewingDiff.repoName, focused: focusPanel !== "sidebar" && focusPanel !== "info" })
-        }
-      ) : selectedWorkspaceId && statusData?.status !== "sleeping" ? /* @__PURE__ */ jsx11(
-        ChatArea,
-        {
-          chats,
-          selectedChatId: resolvedChatId,
-          displayMessages,
-          onSelectChat: handleSelectChat,
-          onSendMessage: handleSendMessage,
-          onFocus: handleFocus,
-          focusPanel,
-          taskMode,
-          isProcessing,
-          loading: loadingMessages,
-          agentAvailable,
-          agentLabel
-        }
-      ) : selectedWorkspaceId && statusData?.status === "sleeping" ? /* @__PURE__ */ jsxs9(
-        "box",
-        {
-          flexGrow: 1,
-          border: true,
-          borderStyle: "rounded",
-          borderColor: "#333333",
-          backgroundColor: "#000000",
-          justifyContent: "center",
-          alignItems: "center",
-          flexDirection: "column",
-          gap: 1,
-          children: [
-            /* @__PURE__ */ jsxs9("text", { fg: "#888888", children: [
-              "\u263E",
-              " This workspace is sleeping"
-            ] }),
-            /* @__PURE__ */ jsxs9("text", { fg: "#555555", children: [
-              "Press ",
-              /* @__PURE__ */ jsx11("span", { fg: "#66bb6a", children: /* @__PURE__ */ jsx11("strong", { children: "w" }) }),
-              " to wake it up"
-            ] })
-          ]
-        }
-      ) : /* @__PURE__ */ jsx11(
-        "box",
-        {
-          flexGrow: 1,
-          border: true,
-          borderStyle: "rounded",
-          borderColor: "#333333",
-          backgroundColor: "#000000",
-          justifyContent: "center",
-          alignItems: "center",
-          children: /* @__PURE__ */ jsx11("text", { fg: "#555555", children: "Create a workspace to begin building!" })
-        }
-      ) }),
-      showInfoPanel && /* @__PURE__ */ jsx11(
-        WorkspaceInfo,
-        {
-          status: statusData ?? null,
-          workspaceName: selectedWorkspace?.name ?? null,
-          workspaceId: selectedWorkspaceId,
-          focused: focusPanel === "info",
-          loading: loadingStatus,
-          previews,
-          agentAvailability: agentAvailability ?? null,
-          onWakeWorkspace: handleWakeWorkspace,
-          onViewDiff: handleViewDiff,
-          onCreatePr: () => {
-            if (!resolvedChatId) return;
-            sendMessageMutation.mutate({ message: "Push changes and create a GitHub PR" });
-          },
-          isPlanMode: taskMode === "plan",
-          wakingWorkspaceId,
-          viewMode: viewingDiff ? "diff" : "chat",
-          viewingDiffRepoName: viewingDiff?.repoName ?? null,
-          onSelectChatMode: handleSelectChatMode,
-          onSelectDiffMode: handleSelectDiffMode
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx11(
-      StatusBar,
-      {
-        focusPanel,
-        viewingDiff: !!viewingDiff,
-        hasDiffAvailable: !!firstAvailableDiff
-      }
-    )
-  ] });
-}
-
-// src/interactive/index.tsx
-import { jsx as jsx12 } from "@opentui/react/jsx-runtime";
-async function launchInteractive() {
-  const renderer = await createCliRenderer({
-    exitOnCtrlC: false
-  });
-  createRoot(renderer).render(/* @__PURE__ */ jsx12(App, {}));
-}
-export {
-  launchInteractive
-};