@unikode/cli 1.0.7 → 1.0.9

package/dist/index.js

@@ -3,26 +3,4129 @@
 import { createCliRenderer } from "@opentui/core";
 import { createRoot } from "@opentui/react";
 import { createMemoryRouter, RouterProvider } from "react-router";
-import { RootLayout } from "./layouts/root-layout";
-import { Home } from "./screens/home";
-import { Docs } from "./screens/docs";
-import { NewSession } from "./screens/new-session";
-import { Session } from "./screens/session";
+
+// src/layouts/root-layout.tsx
+import { Outlet } from "react-router";
+
+// src/providers/toast/index.tsx
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useRef,
+  useState as useState2,
+  useCallback as useCallback2,
+  useMemo
+} from "react";
+import { useTerminalDimensions } from "@opentui/react";
+
+// src/providers/toast/types.ts
+var DEFAULT_DURATION = 3000;
+
+// src/providers/theme/index.tsx
+import { mkdirSync, readFileSync, writeFileSync } from "fs";
+import { homedir } from "os";
+import { join } from "path";
+import { createContext, useContext, useState, useCallback } from "react";
+
+// src/theme.ts
+var THEMES = [
+  {
+    name: "Nightfox",
+    colors: {
+      primary: "#56D6C2",
+      planMode: "#CF8EF4",
+      selection: "#89B4FA",
+      thinking: "#CF8EF4",
+      success: "#82E0AA",
+      error: "#E74C5E",
+      info: "#56D6C2",
+      background: "#0D0D12",
+      surface: "#1A1A24",
+      dialogSurface: "#0A0A10",
+      thinkingBorder: "#34344A",
+      dimSeparator: "#4E4E66"
+    }
+  },
+  {
+    name: "Catppuccin Mocha",
+    colors: {
+      primary: "#E0AF68",
+      planMode: "#9D7CD8",
+      selection: "#B4A4E8",
+      thinking: "#9D7CD8",
+      success: "#73DACA",
+      error: "#F7768E",
+      info: "#7AA2F7",
+      background: "#11111B",
+      surface: "#1E1E2E",
+      dialogSurface: "#13131D",
+      thinkingBorder: "#45475A",
+      dimSeparator: "#585B70"
+    }
+  },
+  {
+    name: "Dracula",
+    colors: {
+      primary: "#BD93F9",
+      planMode: "#FF79C6",
+      selection: "#6272A4",
+      thinking: "#FF79C6",
+      success: "#50FA7B",
+      error: "#FF5555",
+      info: "#8BE9FD",
+      background: "#282A36",
+      surface: "#343746",
+      dialogSurface: "#21222C",
+      thinkingBorder: "#6272A4",
+      dimSeparator: "#44475A"
+    }
+  },
+  {
+    name: "Monokai Pro",
+    colors: {
+      primary: "#FFD866",
+      planMode: "#AB9DF2",
+      selection: "#AB9DF2",
+      thinking: "#AB9DF2",
+      success: "#A9DC76",
+      error: "#FF6188",
+      info: "#78DCE8",
+      background: "#2D2A2E",
+      surface: "#403E41",
+      dialogSurface: "#221F22",
+      thinkingBorder: "#5B595C",
+      dimSeparator: "#727072"
+    }
+  },
+  {
+    name: "Tokyo Night",
+    colors: {
+      primary: "#7AA2F7",
+      planMode: "#BB9AF7",
+      selection: "#7AA2F7",
+      thinking: "#BB9AF7",
+      success: "#9ECE6A",
+      error: "#F7768E",
+      info: "#7DCFFF",
+      background: "#1A1B26",
+      surface: "#24283B",
+      dialogSurface: "#16161E",
+      thinkingBorder: "#3B4261",
+      dimSeparator: "#565F89"
+    }
+  },
+  {
+    name: "Nord",
+    colors: {
+      primary: "#EBCB8B",
+      planMode: "#B48EAD",
+      selection: "#81A1C1",
+      thinking: "#B48EAD",
+      success: "#A3BE8C",
+      error: "#BF616A",
+      info: "#88C0D0",
+      background: "#2E3440",
+      surface: "#3B4252",
+      dialogSurface: "#272C36",
+      thinkingBorder: "#4C566A",
+      dimSeparator: "#616E88"
+    }
+  },
+  {
+    name: "Synthwave",
+    colors: {
+      primary: "#F472B6",
+      planMode: "#A855F7",
+      selection: "#E879F9",
+      thinking: "#A855F7",
+      success: "#4ADE80",
+      error: "#EF4444",
+      info: "#C084FC",
+      background: "#0A0A0A",
+      surface: "#171717",
+      dialogSurface: "#0D0D0D",
+      thinkingBorder: "#404040",
+      dimSeparator: "#525252"
+    }
+  },
+  {
+    name: "Midnight Sky",
+    colors: {
+      primary: "#6AAEF5",
+      planMode: "#B07AE8",
+      selection: "#8CC4F0",
+      thinking: "#B07AE8",
+      success: "#58CEA0",
+      error: "#E8555A",
+      info: "#7DCFFF",
+      background: "#0A0E14",
+      surface: "#141A22",
+      dialogSurface: "#0E1319",
+      thinkingBorder: "#4A5A6E",
+      dimSeparator: "#607080"
+    }
+  },
+  {
+    name: "Neon Nights",
+    colors: {
+      primary: "#E86ACA",
+      planMode: "#5ED4E8",
+      selection: "#D48EE0",
+      thinking: "#5ED4E8",
+      success: "#4ED89C",
+      error: "#F04858",
+      info: "#E86ACA",
+      background: "#0C0814",
+      surface: "#18122A",
+      dialogSurface: "#110C1E",
+      thinkingBorder: "#5C4878",
+      dimSeparator: "#745E90"
+    }
+  },
+  {
+    name: "Hacker Terminal",
+    colors: {
+      primary: "#00E5A0",
+      planMode: "#D946EF",
+      selection: "#2DD4BF",
+      thinking: "#D946EF",
+      success: "#4ADE80",
+      error: "#F43F5E",
+      info: "#06B6D4",
+      background: "#050505",
+      surface: "#131313",
+      dialogSurface: "#0A0A0A",
+      thinkingBorder: "#2E2E2E",
+      dimSeparator: "#454545"
+    }
+  },
+  {
+    name: "One Dark",
+    colors: {
+      primary: "#CBAACB",
+      planMode: "#55B6C2",
+      selection: "#98C379",
+      thinking: "#55B6C2",
+      success: "#98C379",
+      error: "#E06C75",
+      info: "#61AFEF",
+      background: "#1E2127",
+      surface: "#282C34",
+      dialogSurface: "#191C21",
+      thinkingBorder: "#3E4451",
+      dimSeparator: "#5C6370"
+    }
+  },
+  {
+    name: "Xcode Midnight",
+    colors: {
+      primary: "#FF7AB2",
+      planMode: "#6BDFFF",
+      selection: "#ACF2E4",
+      thinking: "#6BDFFF",
+      success: "#83C9BC",
+      error: "#FF6961",
+      info: "#B281EB",
+      background: "#1F1F24",
+      surface: "#2A2A30",
+      dialogSurface: "#18181D",
+      thinkingBorder: "#3E3E45",
+      dimSeparator: "#57575F"
+    }
+  },
+  {
+    name: "Catppuccin Frappe",
+    colors: {
+      primary: "#8CAAEE",
+      planMode: "#CA9EE6",
+      selection: "#A6D189",
+      thinking: "#CA9EE6",
+      success: "#A6D189",
+      error: "#E78284",
+      info: "#85C1DC",
+      background: "#232634",
+      surface: "#303446",
+      dialogSurface: "#1E2030",
+      thinkingBorder: "#51576D",
+      dimSeparator: "#626880"
+    }
+  },
+  {
+    name: "Vercel Dark",
+    colors: {
+      primary: "#8B5CF6",
+      planMode: "#EC4899",
+      selection: "#6366F1",
+      thinking: "#EC4899",
+      success: "#10B981",
+      error: "#EF4444",
+      info: "#3B82F6",
+      background: "#030712",
+      surface: "#111827",
+      dialogSurface: "#060C18",
+      thinkingBorder: "#1F2937",
+      dimSeparator: "#374151"
+    }
+  },
+  {
+    name: "Material Ocean",
+    colors: {
+      primary: "#82AAFF",
+      planMode: "#C792EA",
+      selection: "#717CB4",
+      thinking: "#C792EA",
+      success: "#C3E88D",
+      error: "#FF5370",
+      info: "#89DDFF",
+      background: "#0F111A",
+      surface: "#1A1C2A",
+      dialogSurface: "#090B16",
+      thinkingBorder: "#3B3F5C",
+      dimSeparator: "#4B5178"
+    }
+  },
+  {
+    name: "Dusk",
+    colors: {
+      primary: "#C9A0DC",
+      planMode: "#F2B866",
+      selection: "#E8889A",
+      thinking: "#F2B866",
+      success: "#7ED4A6",
+      error: "#E25A6E",
+      info: "#C9A0DC",
+      background: "#110D16",
+      surface: "#1E1726",
+      dialogSurface: "#15101C",
+      thinkingBorder: "#6B5880",
+      dimSeparator: "#7E6E94"
+    }
+  },
+  {
+    name: "Ocean",
+    colors: {
+      primary: "#3B9ECF",
+      planMode: "#E0A846",
+      selection: "#6CC9A1",
+      thinking: "#E0A846",
+      success: "#A8D45F",
+      error: "#D94F4F",
+      info: "#3B9ECF",
+      background: "#0B1218",
+      surface: "#152028",
+      dialogSurface: "#0F181F",
+      thinkingBorder: "#4A6A7A",
+      dimSeparator: "#5E7888"
+    }
+  },
+  {
+    name: "Soft Midnight",
+    colors: {
+      primary: "#60A5FA",
+      planMode: "#F9A8D4",
+      selection: "#93C5FD",
+      thinking: "#F9A8D4",
+      success: "#6EE7B7",
+      error: "#FCA5A5",
+      info: "#67E8F9",
+      background: "#0F172A",
+      surface: "#1E293B",
+      dialogSurface: "#0C1322",
+      thinkingBorder: "#334155",
+      dimSeparator: "#475569"
+    }
+  },
+  {
+    name: "Minimal Dark",
+    colors: {
+      primary: "#A78BFA",
+      planMode: "#38BDF8",
+      selection: "#818CF8",
+      thinking: "#38BDF8",
+      success: "#34D399",
+      error: "#FB7185",
+      info: "#22D3EE",
+      background: "#09090B",
+      surface: "#18181B",
+      dialogSurface: "#0C0C0F",
+      thinkingBorder: "#3F3F46",
+      dimSeparator: "#52525B"
+    }
+  },
+  {
+    name: "Unikrew Theme",
+    colors: {
+      primary: "#FDB415",
+      planMode: "#7C6CF5",
+      selection: "#3EC7E0",
+      thinking: "#8B7CFF",
+      success: "#4ADE80",
+      error: "#F87171",
+      info: "#38BDF8",
+      background: "#091B33",
+      surface: "#122640",
+      dialogSurface: "#18304D",
+      thinkingBorder: "#43617D",
+      dimSeparator: "#58738C"
+    }
+  },
+  {
+    name: "Gruvbox Dark",
+    colors: {
+      primary: "#FABD2F",
+      planMode: "#D3869B",
+      selection: "#FABD2F",
+      thinking: "#D3869B",
+      success: "#B8BB26",
+      error: "#FB4934",
+      info: "#83A598",
+      background: "#282828",
+      surface: "#3C3836",
+      dialogSurface: "#1D2021",
+      thinkingBorder: "#504945",
+      dimSeparator: "#665C54"
+    }
+  },
+  {
+    name: "Ros\xE9 Pine",
+    colors: {
+      primary: "#EBBCBA",
+      planMode: "#C4A7E7",
+      selection: "#C4A7E7",
+      thinking: "#C4A7E7",
+      success: "#31748F",
+      error: "#EB6F92",
+      info: "#9CCFD8",
+      background: "#191724",
+      surface: "#1F1D2E",
+      dialogSurface: "#16141F",
+      thinkingBorder: "#26233A",
+      dimSeparator: "#524F67"
+    }
+  },
+  {
+    name: "Ros\xE9 Pine Moon",
+    colors: {
+      primary: "#EA9A97",
+      planMode: "#C4A7E7",
+      selection: "#EA9A97",
+      thinking: "#C4A7E7",
+      success: "#3E8FB0",
+      error: "#EB6F92",
+      info: "#9CCFD8",
+      background: "#232136",
+      surface: "#2A273F",
+      dialogSurface: "#1E1C31",
+      thinkingBorder: "#393552",
+      dimSeparator: "#56526E"
+    }
+  },
+  {
+    name: "Kanagawa",
+    colors: {
+      primary: "#DCD7BA",
+      planMode: "#957FB8",
+      selection: "#7E9CD8",
+      thinking: "#957FB8",
+      success: "#76946A",
+      error: "#C34043",
+      info: "#7E9CD8",
+      background: "#1F1F28",
+      surface: "#2A2A37",
+      dialogSurface: "#16161D",
+      thinkingBorder: "#54546D",
+      dimSeparator: "#727169"
+    }
+  },
+  {
+    name: "Everforest Dark",
+    colors: {
+      primary: "#A7C080",
+      planMode: "#D699B6",
+      selection: "#A7C080",
+      thinking: "#D699B6",
+      success: "#83C092",
+      error: "#E67E80",
+      info: "#7FBBB3",
+      background: "#2D353B",
+      surface: "#343F44",
+      dialogSurface: "#272E33",
+      thinkingBorder: "#4F585E",
+      dimSeparator: "#859289"
+    }
+  },
+  {
+    name: "Ayu Dark",
+    colors: {
+      primary: "#E6B450",
+      planMode: "#D2A6FF",
+      selection: "#73B8FF",
+      thinking: "#D2A6FF",
+      success: "#7FD962",
+      error: "#D95757",
+      info: "#59C2FF",
+      background: "#0B0E14",
+      surface: "#11151C",
+      dialogSurface: "#080A0F",
+      thinkingBorder: "#2D3640",
+      dimSeparator: "#475266"
+    }
+  },
+  {
+    name: "GitHub Dark",
+    colors: {
+      primary: "#79C0FF",
+      planMode: "#D2A8FF",
+      selection: "#79C0FF",
+      thinking: "#D2A8FF",
+      success: "#56D364",
+      error: "#F85149",
+      info: "#58A6FF",
+      background: "#0D1117",
+      surface: "#161B22",
+      dialogSurface: "#090D13",
+      thinkingBorder: "#30363D",
+      dimSeparator: "#484F58"
+    }
+  },
+  {
+    name: "Palenight",
+    colors: {
+      primary: "#82AAFF",
+      planMode: "#C792EA",
+      selection: "#82AAFF",
+      thinking: "#C792EA",
+      success: "#C3E88D",
+      error: "#FF5370",
+      info: "#89DDFF",
+      background: "#292D3E",
+      surface: "#343850",
+      dialogSurface: "#232738",
+      thinkingBorder: "#4E5272",
+      dimSeparator: "#676E95"
+    }
+  },
+  {
+    name: "Vesper",
+    colors: {
+      primary: "#FFC799",
+      planMode: "#A78BFA",
+      selection: "#FFC799",
+      thinking: "#A78BFA",
+      success: "#6EE7B7",
+      error: "#EF4444",
+      info: "#FFC799",
+      background: "#101010",
+      surface: "#1C1C1C",
+      dialogSurface: "#0C0C0C",
+      thinkingBorder: "#333333",
+      dimSeparator: "#505050"
+    }
+  },
+  {
+    name: "Poimandres",
+    colors: {
+      primary: "#ADD7FF",
+      planMode: "#A6ACCD",
+      selection: "#ADD7FF",
+      thinking: "#A6ACCD",
+      success: "#5DE4C7",
+      error: "#D0679D",
+      info: "#89DDFF",
+      background: "#1B1E28",
+      surface: "#252B37",
+      dialogSurface: "#161922",
+      thinkingBorder: "#3B4058",
+      dimSeparator: "#506477"
+    }
+  },
+  {
+    name: "Moonlight",
+    colors: {
+      primary: "#82AAFF",
+      planMode: "#C099FF",
+      selection: "#C099FF",
+      thinking: "#C099FF",
+      success: "#C3E88D",
+      error: "#FF757F",
+      info: "#77E0C6",
+      background: "#1E2030",
+      surface: "#2B2F44",
+      dialogSurface: "#191B28",
+      thinkingBorder: "#3E4265",
+      dimSeparator: "#5B5E7A"
+    }
+  },
+  {
+    name: "Vitesse Dark",
+    colors: {
+      primary: "#4FC1FF",
+      planMode: "#C186E0",
+      selection: "#4FC1FF",
+      thinking: "#C186E0",
+      success: "#80C97F",
+      error: "#E45649",
+      info: "#4FC1FF",
+      background: "#121212",
+      surface: "#1E1E1E",
+      dialogSurface: "#0E0E0E",
+      thinkingBorder: "#333333",
+      dimSeparator: "#555555"
+    }
+  }
+];
+var DEFAULT_THEME = THEMES.find((t) => t.name === "Unikrew Theme");
+
+// src/providers/theme/index.tsx
 import { jsxDEV } from "@opentui/react/jsx-dev-runtime";
+var CONFIG_DIR = join(homedir(), ".Claude-Code-Clone");
+var THEME_PREFERENCES_PATH = join(CONFIG_DIR, "preferences.json");
+function getInitialTheme() {
+  try {
+    const preferences = JSON.parse(readFileSync(THEME_PREFERENCES_PATH, "utf8"));
+    const savedTheme = THEMES.find((theme) => theme.name === preferences.themeName);
+    return savedTheme ?? DEFAULT_THEME;
+  } catch {
+    return DEFAULT_THEME;
+  }
+}
+function persistTheme(theme) {
+  try {
+    mkdirSync(CONFIG_DIR, { recursive: true });
+    writeFileSync(THEME_PREFERENCES_PATH, JSON.stringify({ themeName: theme.name }, null, 2), "utf8");
+  } catch {}
+}
+var ThemeContext = createContext(null);
+function useTheme() {
+  const value = useContext(ThemeContext);
+  if (!value) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return value;
+}
+function ThemeProvider({ children }) {
+  const [currentTheme, setCurrentTheme] = useState(getInitialTheme);
+  const setTheme = useCallback((theme) => {
+    setCurrentTheme(theme);
+    persistTheme(theme);
+  }, []);
+  return /* @__PURE__ */ jsxDEV(ThemeContext.Provider, {
+    value: { colors: currentTheme.colors, currentTheme, setTheme },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/providers/toast/index.tsx
+import { jsxDEV as jsxDEV2 } from "@opentui/react/jsx-dev-runtime";
+var ToastContext = createContext2(null);
+function useToast() {
+  const value = useContext2(ToastContext);
+  if (!value) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return value;
+}
+function ToastProvider({ children }) {
+  const [currentToast, setCurrentToast] = useState2(null);
+  const timeoutHandleRef = useRef(null);
+  const clearCurrentTimeout = useCallback2(() => {
+    if (timeoutHandleRef.current) {
+      clearTimeout(timeoutHandleRef.current);
+      timeoutHandleRef.current = null;
+    }
+  }, []);
+  const show = useCallback2((options) => {
+    const duration = options.duration ?? DEFAULT_DURATION;
+    clearCurrentTimeout();
+    setCurrentToast({
+      variant: options.variant ?? "info",
+      ...options,
+      duration
+    });
+    timeoutHandleRef.current = setTimeout(() => {
+      setCurrentToast(null);
+    }, duration).unref();
+  }, [clearCurrentTimeout]);
+  const value = useMemo(() => ({ show }), [show]);
+  return /* @__PURE__ */ jsxDEV2(ToastContext.Provider, {
+    value,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV2(Toast, {
+        currentToast
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function Toast({ currentToast }) {
+  const { width } = useTerminalDimensions();
+  const { colors } = useTheme();
+  if (!currentToast) {
+    return null;
+  }
+  const variantColors = {
+    success: colors.success,
+    error: colors.error,
+    info: colors.info
+  };
+  const borderColor = currentToast.variant ? variantColors[currentToast.variant] : variantColors.info;
+  return /* @__PURE__ */ jsxDEV2("box", {
+    position: "absolute",
+    justifyContent: "center",
+    alignItems: "flex-start",
+    top: 2,
+    right: 2,
+    zIndex: 100,
+    width: Math.max(1, Math.min(60, width - 6)),
+    paddingLeft: 2,
+    paddingRight: 2,
+    paddingTop: 1,
+    paddingBottom: 1,
+    backgroundColor: colors.surface,
+    borderColor,
+    border: ["left", "right"],
+    children: /* @__PURE__ */ jsxDEV2("box", {
+      flexDirection: "column",
+      gap: 1,
+      width: "100%",
+      children: /* @__PURE__ */ jsxDEV2("text", {
+        fg: "#E1E1E1",
+        wrapMode: "word",
+        width: "100%",
+        children: currentToast.message
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/providers/dialog/index.tsx
+import { createContext as createContext4, useContext as useContext4, useState as useState4, useCallback as useCallback4 } from "react";
+import { TextAttributes, RGBA } from "@opentui/core";
+import { useKeyboard as useKeyboard2, useTerminalDimensions as useTerminalDimensions2 } from "@opentui/react";
+
+// src/providers/keyboard-layer/index.tsx
+import {
+  createContext as createContext3,
+  useContext as useContext3,
+  useState as useState3,
+  useCallback as useCallback3,
+  useRef as useRef2
+} from "react";
+import { useKeyboard, useRenderer } from "@opentui/react";
+import { jsxDEV as jsxDEV3 } from "@opentui/react/jsx-dev-runtime";
+var KeyboardLayerContext = createContext3(null);
+function KeyboardLayerProvider({ children }) {
+  const [stack, setStack] = useState3(["base"]);
+  const stackRef = useRef2(stack);
+  stackRef.current = stack;
+  const responders = useRef2(new Map);
+  const renderer = useRenderer();
+  const push = useCallback3((id, responder) => {
+    if (responder) {
+      responders.current.set(id, responder);
+    }
+    setStack((prev) => {
+      if (prev.includes(id)) {
+        return prev;
+      }
+      return [...prev, id];
+    });
+  }, []);
+  const pop = useCallback3((id) => {
+    responders.current.delete(id);
+    setStack((prev) => prev.filter((layer) => layer !== id));
+  }, []);
+  const isTopLayer = useCallback3((id) => {
+    return stack.length === 0 || stack[stack.length - 1] === id;
+  }, [stack]);
+  const setResponder = useCallback3((id, responder) => {
+    if (responder) {
+      responders.current.set(id, responder);
+    } else {
+      responders.current.delete(id);
+    }
+  }, []);
+  useKeyboard((key) => {
+    if (!key.ctrl || key.name !== "c")
+      return;
+    const currentStack = stackRef.current;
+    for (let i = currentStack.length - 1;i >= 0; i--) {
+      const layerId = currentStack[i];
+      const responder = responders.current.get(layerId);
+      if (responder && responder()) {
+        return;
+      }
+    }
+    renderer.destroy();
+  });
+  return /* @__PURE__ */ jsxDEV3(KeyboardLayerContext.Provider, {
+    value: { push, pop, isTopLayer, setResponder },
+    children
+  }, undefined, false, undefined, this);
+}
+function useKeyboardLayer() {
+  const context = useContext3(KeyboardLayerContext);
+  if (!context) {
+    throw new Error("useKeyboardLayer must be used within a KeyboardLayerProvider");
+  }
+  return context;
+}
+
+// src/providers/dialog/index.tsx
+import { jsxDEV as jsxDEV4 } from "@opentui/react/jsx-dev-runtime";
+var DialogContext = createContext4(null);
+function useDialog() {
+  const value = useContext4(DialogContext);
+  if (!value) {
+    throw new Error("use dialog must be used within a dialog provider");
+  }
+  return value;
+}
+function DialogProvider({ children }) {
+  const [currentDialog, setCurrentDialog] = useState4(null);
+  const { push, pop } = useKeyboardLayer();
+  const close = useCallback4(() => {
+    setCurrentDialog(null);
+    pop("dialog");
+  }, [pop]);
+  const open = useCallback4((config) => {
+    setCurrentDialog(config);
+    push("dialog", () => {
+      close();
+      return true;
+    });
+  }, [push, close]);
+  const value = {
+    open,
+    close
+  };
+  return /* @__PURE__ */ jsxDEV4(DialogContext.Provider, {
+    value,
+    children: [
+      children,
+      /* @__PURE__ */ jsxDEV4(Dialog, {
+        currentDialog,
+        close
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function Dialog({ currentDialog, close }) {
+  const { isTopLayer } = useKeyboardLayer();
+  const dimensions = useTerminalDimensions2();
+  const { colors } = useTheme();
+  useKeyboard2((key) => {
+    if (!currentDialog || !isTopLayer("dialog"))
+      return;
+    if (key.name === "escape") {
+      close();
+    }
+  });
+  if (!currentDialog) {
+    return null;
+  }
+  const { title, children } = currentDialog;
+  return /* @__PURE__ */ jsxDEV4("box", {
+    position: "absolute",
+    left: 0,
+    top: 0,
+    width: dimensions.width,
+    height: dimensions.height,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: RGBA.fromInts(0, 0, 0, 150),
+    zIndex: 100,
+    onMouseDown: () => close(),
+    children: /* @__PURE__ */ jsxDEV4("box", {
+      width: Math.min(60, dimensions.width - 4),
+      height: "auto",
+      backgroundColor: colors.dialogSurface,
+      paddingX: 4,
+      paddingY: 1,
+      flexDirection: "column",
+      gap: 1,
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxDEV4("box", {
+          paddingBottom: 1,
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [
+            /* @__PURE__ */ jsxDEV4("text", {
+              attributes: TextAttributes.BOLD,
+              children: title
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV4("text", {
+              attributes: TextAttributes.DIM,
+              onMouseDown: () => close(),
+              children: "esc"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV4("box", {
+          flexGrow: 1,
+          children
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/layouts/themed-root.tsx
+import { jsxDEV as jsxDEV5 } from "@opentui/react/jsx-dev-runtime";
+function ThemedRoot({ children }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ jsxDEV5("box", {
+    backgroundColor: colors.background,
+    width: "100%",
+    height: "100%",
+    flexGrow: 1,
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/providers/prompt-config/index.tsx
+import { createContext as createContext5, useContext as useContext5, useState as useState5, useCallback as useCallback5 } from "react";
+
+// ../shared/src/models.ts
+var SUPPORTED_CHAT_MODELS = [
+  {
+    id: "claude-sonnet-4-6",
+    provider: "anthropic",
+    pricing: {
+      inputUsdPerMillionTokens: 3,
+      outputUsdPerMillionTokens: 15
+    }
+  },
+  {
+    id: "claude-haiku-4-5",
+    provider: "anthropic",
+    pricing: {
+      inputUsdPerMillionTokens: 1,
+      outputUsdPerMillionTokens: 5
+    }
+  },
+  {
+    id: "claude-opus-4-6",
+    provider: "anthropic",
+    pricing: {
+      inputUsdPerMillionTokens: 5,
+      outputUsdPerMillionTokens: 25
+    }
+  },
+  {
+    id: "gpt-5.4",
+    provider: "openai",
+    pricing: {
+      inputUsdPerMillionTokens: 2.5,
+      outputUsdPerMillionTokens: 15
+    }
+  },
+  {
+    id: "gpt-5.4-mini",
+    provider: "openai",
+    pricing: {
+      inputUsdPerMillionTokens: 0.75,
+      outputUsdPerMillionTokens: 4.5
+    }
+  },
+  {
+    id: "gpt-5.4-nano",
+    provider: "openai",
+    pricing: {
+      inputUsdPerMillionTokens: 0.2,
+      outputUsdPerMillionTokens: 1.25
+    }
+  },
+  {
+    id: "gemini-2.5-flash",
+    provider: "google",
+    pricing: {
+      inputUsdPerMillionTokens: 0.3,
+      outputUsdPerMillionTokens: 1
+    }
+  },
+  {
+    id: "gemini-3.1-flash-lite",
+    provider: "google",
+    pricing: {
+      inputUsdPerMillionTokens: 100.25,
+      outputUsdPerMillionTokens: 110.5
+    }
+  },
+  {
+    id: "ai/smollm2",
+    provider: "local-docker",
+    pricing: {
+      inputUsdPerMillionTokens: 2,
+      outputUsdPerMillionTokens: 2
+    }
+  },
+  {
+    id: "gpt-oss:20b-cloud",
+    provider: "local-ollama",
+    pricing: {
+      inputUsdPerMillionTokens: 30,
+      outputUsdPerMillionTokens: 30
+    }
+  }
+];
+function findSupportedChatModel(modelId) {
+  return SUPPORTED_CHAT_MODELS.find((model) => model.id === modelId);
+}
+var DEFAULT_CHAT_MODEL_ID = "gemini-2.5-flash";
+// ../shared/src/schemas.ts
+import { z } from "zod";
+import { tool } from "ai";
+var Mode = {
+  BUILD: "BUILD",
+  PLAN: "PLAN",
+  DOCUMENTATION: "DOCUMENTATION"
+};
+var allModes = Object.values(Mode);
+var modeSchema = z.enum(Object.values(Mode));
+var toolInputSchemas = {
+  readFile: z.object({
+    path: z.string().describe("Relative path to the file to read")
+  }),
+  listDirectory: z.object({
+    path: z.string().default(".").describe("Relative directory path to list")
+  }),
+  glob: z.object({
+    pattern: z.string().describe("Glob pattern to match files"),
+    path: z.string().default(".").describe("Directory to search from")
+  }),
+  grep: z.object({
+    pattern: z.string().describe("Regex pattern to search for"),
+    path: z.string().default(".").describe("Directory to search from"),
+    include: z.string().optional().describe("Optional glob for files to include")
+  }),
+  writeFile: z.object({
+    path: z.string().describe("Relative path to write"),
+    content: z.string().describe("File contents")
+  }),
+  editFile: z.object({
+    path: z.string().describe("Relative path to edit"),
+    oldString: z.string().describe("Exact text to replace; must be unique"),
+    newString: z.string().describe("Replacement text")
+  }),
+  bash: z.object({
+    command: z.string().describe("Shell command to run"),
+    description: z.string().optional().describe("Short description of the command"),
+    timeout: z.number().optional().describe("Timeout in milliseconds")
+  }),
+  webSearchTool: z.object({
+    query: z.string().describe("The search query. Keep it short and specific (3-8 words works best)."),
+    searchDepth: z.enum(["basic", "advanced"]).optional().default("basic").describe("'basic' is faster and cheaper, good for simple factual queries. " + "'advanced' does deeper analysis, better for research-heavy queries."),
+    maxResults: z.number().int().min(1).max(10).optional().default(5).describe("Number of search results to return (1-10)."),
+    includeAnswer: z.boolean().optional().default(true).describe("Whether to include Tavily's own synthesized short answer alongside raw results.")
+  }),
+  fetchUrlTool: z.object({
+    url: z.string().url().describe("The exact URL of the webpage or documentation to download and read")
+  }),
+  undoLastEditSchema: z.object({
+    path: z.string().describe("Relative path to the file you want to revert to its previous state")
+  }),
+  viewOutline: z.object({
+    path: z.string().describe("Relative path to the code file (e.g., .ts, .py, .go, .java) to extract the structure from")
+  }),
+  proposePlanTool: z.object({
+    title: z.string().describe("Short descriptive title of the architectural change"),
+    currentState: z.string().describe("Brief description of how the code/system currently works, relevant to this change"),
+    desiredState: z.string().describe("Brief description of how the code/system should work after this change"),
+    steps: z.array(z.string()).min(1).describe("Step-by-step logical roadmap of what will be modified, in execution order"),
+    affectedFiles: z.array(z.string()).describe("List of relative file paths that will be edited or created. Use an empty array if no files are known yet (e.g. still investigating)."),
+    risks: z.array(z.string()).optional().describe("Optional: notable risks, breaking changes, or things the user should be aware of before approving (e.g. 'will require a database migration').")
+  }),
+  askQuestionTool: z.object({
+    title: z.string().optional().describe("Optional short title for the clarification request"),
+    context: z.string().optional().describe("Optional short note explaining why clarification is needed"),
+    questions: z.array(z.string()).min(1).describe("One or more clarification questions for the user")
+  }),
+  getFileMetadata: z.object({
+    path: z.string().describe("Relative path to the target file")
+  }),
+  writeMarkdownFile: z.object({
+    path: z.string().describe("Relative path to the markdown file. MUST end in .md or .mdx"),
+    content: z.string().describe("The full markdown content to write to the file. This will overwrite the file if it already exists.")
+  })
+};
+var documentationToolContracts = {
+  writeMarkdownFile: tool({
+    description: "Create or overwrite a Markdown (.md or .mdx) file with specified content. Use this tool exclusively for writing documentation, guides, or notes. This tool cannot modify code or configuration files, and will reject any path that does not end in a markdown extension. It will automatically create any missing parent directories.",
+    inputSchema: toolInputSchemas.writeMarkdownFile
+  }),
+  getFileMetadata: tool({
+    description: "Retrieve metadata for a file (size, line count, extension) to determine if it is safe to read entirely.",
+    inputSchema: toolInputSchemas.getFileMetadata
+  }),
+  listDirectory: tool({
+    description: "List entries in a directory under the current project directory.",
+    inputSchema: toolInputSchemas.listDirectory
+  }),
+  glob: tool({
+    description: "Find files matching a glob pattern under the current project directory.",
+    inputSchema: toolInputSchemas.glob
+  }),
+  grep: tool({
+    description: "Search file contents with a regular expression under the current project directory.",
+    inputSchema: toolInputSchemas.grep
+  }),
+  viewOutline: tool({
+    description: "Extracts classes, function signatures, interfaces, and methods from a file without loading its full text content, saving context tokens.",
+    inputSchema: toolInputSchemas.viewOutline
+  }),
+  readFile: tool({
+    description: "Read a file from the current project directory.",
+    inputSchema: toolInputSchemas.readFile
+  })
+};
+var readOnlyToolContracts = {
+  readFile: tool({
+    description: "Read a file from the current project directory.",
+    inputSchema: toolInputSchemas.readFile
+  }),
+  listDirectory: tool({
+    description: "List entries in a directory under the current project directory.",
+    inputSchema: toolInputSchemas.listDirectory
+  }),
+  glob: tool({
+    description: "Find files matching a glob pattern under the current project directory.",
+    inputSchema: toolInputSchemas.glob
+  }),
+  grep: tool({
+    description: "Search file contents with a regular expression under the current project directory.",
+    inputSchema: toolInputSchemas.grep
+  }),
+  webSearchTool: tool({
+    description: "Searches the live web to find up-to-date information, news, or factual data. Use this tool whenever the user asks about current events, real-time data, or topics requiring external verification. The input should be a concise, targeted search query string.",
+    inputSchema: toolInputSchemas.webSearchTool
+  }),
+  fetchUrlTool: tool({
+    description: "Fetch and read the full content of a specific webpage URL, returned as clean markdown. " + "Use this after a web search points you to a specific documentation page, GitHub issue, " + "blog post, or article, and you need the actual content \u2014 not just the search snippet. " + "Do not use this for search; use webSearch to find URLs first, then this tool to read one.",
+    inputSchema: toolInputSchemas.fetchUrlTool
+  }),
+  viewOutline: tool({
+    description: "Extracts classes, function signatures, interfaces, and methods from a file without loading its full text content, saving context tokens.",
+    inputSchema: toolInputSchemas.viewOutline
+  }),
+  proposePlanTool: tool({
+    description: "Use this tool BEFORE making any file changes when the user's request involves " + "architectural changes, multi-file edits, new features, or anything non-trivial. " + "It presents a structured plan (current state vs. desired state, step-by-step roadmap, " + "and affected files) for the user to review and approve in the UI. " + "Do NOT call editFile, undoLastEdit, or any other file-modifying tool in the same turn " + "as this one \u2014 wait for explicit user approval first. " + "Skip this tool only for trivial, single-line, unambiguous fixes the user has already " + "described in full detail.",
+    inputSchema: toolInputSchemas.proposePlanTool
+  }),
+  askQuestionTool: tool({
+    description: "Use this tool when you need to ask the user one or more clarification questions before continuing. " + "Provide a short title when helpful, then ask concise questions that the UI can display in a dedicated clarification message.",
+    inputSchema: toolInputSchemas.askQuestionTool
+  }),
+  getFileMetadata: tool({
+    description: "Retrieve metadata for a file (size, line count, extension) to determine if it is safe to read entirely.",
+    inputSchema: toolInputSchemas.getFileMetadata
+  })
+};
+var buildToolContracts = {
+  ...readOnlyToolContracts,
+  writeFile: tool({
+    description: "Create or overwrite a file under the current project directory.",
+    inputSchema: toolInputSchemas.writeFile
+  }),
+  editFile: tool({
+    description: "Replace exact text in a file under the current project directory.",
+    inputSchema: toolInputSchemas.editFile
+  }),
+  bash: tool({
+    description: "Run a shell command in the current project directory.",
+    inputSchema: toolInputSchemas.bash
+  }),
+  undoLastEditSchema: tool({
+    description: "Reverts the specified file to its exact state before the most recent modification. Use this immediately if your last edit introduced syntax errors, broke tests, or failed to solve the issue.",
+    inputSchema: toolInputSchemas.undoLastEditSchema
+  })
+};
+// src/providers/prompt-config/index.tsx
+import { jsxDEV as jsxDEV6 } from "@opentui/react/jsx-dev-runtime";
+var PromptConfigContext = createContext5(null);
+function usePromptConfig() {
+  const value = useContext5(PromptConfigContext);
+  if (!value) {
+    throw new Error("usePromptConfig must be used within a PromptConfigProvider");
+  }
+  return value;
+}
+function PromptConfigProvider({ children }) {
+  const [mode, setMode] = useState5(Mode.BUILD);
+  const [model, setModel] = useState5(DEFAULT_CHAT_MODEL_ID);
+  const toggleMode = useCallback5(() => {
+    setMode((m) => m === Mode.BUILD ? Mode.PLAN : Mode.BUILD);
+  }, []);
+  return /* @__PURE__ */ jsxDEV6(PromptConfigContext.Provider, {
+    value: {
+      mode,
+      toggleMode,
+      setMode,
+      model,
+      setModel
+    },
+    children
+  }, undefined, false, undefined, this);
+}
+
+// src/layouts/root-layout.tsx
+import { jsxDEV as jsxDEV7 } from "@opentui/react/jsx-dev-runtime";
+function RootLayout() {
+  return /* @__PURE__ */ jsxDEV7(ThemeProvider, {
+    children: /* @__PURE__ */ jsxDEV7(ToastProvider, {
+      children: /* @__PURE__ */ jsxDEV7(KeyboardLayerProvider, {
+        children: /* @__PURE__ */ jsxDEV7(DialogProvider, {
+          children: /* @__PURE__ */ jsxDEV7(PromptConfigProvider, {
+            children: /* @__PURE__ */ jsxDEV7(ThemedRoot, {
+              children: /* @__PURE__ */ jsxDEV7(Outlet, {}, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/header.tsx
+import { jsxDEV as jsxDEV8 } from "@opentui/react/jsx-dev-runtime";
+function Header() {
+  return /* @__PURE__ */ jsxDEV8("box", {
+    flexDirection: "column",
+    alignItems: "center",
+    marginBottom: 2,
+    children: [
+      /* @__PURE__ */ jsxDEV8("text", {
+        fg: "#FDB515",
+        children: "\u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8("box", {
+        children: /* @__PURE__ */ jsxDEV8("ascii-font", {
+          font: "block",
+          text: "UniKode"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8("text", {
+        fg: "#B0B0B0",
+        children: "Build \u2022 Debug \u2022 Explain \u2022 Ship"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8("text", {
+        fg: "#FDB515",
+        children: "\u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV8("text", {
+        children: [
+          /* @__PURE__ */ jsxDEV8("span", {
+            fg: "#FDB515",
+            children: ">"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV8("span", {
+            fg: "#FFFFFF",
+            children: [
+              " ",
+              "Ready for your next command..."
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/input-bar.tsx
+import { readdir } from "fs/promises";
+import { isAbsolute, relative, resolve } from "path";
+import { TextAttributes as TextAttributes6 } from "@opentui/core";
+import { useRef as useRef6, useCallback as useCallback11, useEffect as useEffect3, useState as useState9 } from "react";
+import { useRenderer as useRenderer2, useKeyboard as useKeyboard5 } from "@opentui/react";
+
+// src/components/command-menu/index.tsx
+import { TextAttributes as TextAttributes4 } from "@opentui/core";
+
+// src/components/dialogs/models-dialog.tsx
+import { useCallback as useCallback7 } from "react";
+
+// src/components/dialog-search-list.tsx
+import { useCallback as useCallback6, useRef as useRef3, useState as useState6 } from "react";
+import { TextAttributes as TextAttributes2 } from "@opentui/core";
+import { useKeyboard as useKeyboard3 } from "@opentui/react";
+import { jsxDEV as jsxDEV9 } from "@opentui/react/jsx-dev-runtime";
+var MAX_VISIBLE_ITEMS = 6;
+function DialogSearchList({
+  items,
+  onSelect,
+  onHighlight,
+  filterFn,
+  renderItem,
+  getKey,
+  placeholder = "Search",
+  emptyText = "No results"
+}) {
+  const [selectedIndex, setSelectedIndex] = useState6(0);
+  const [searchValue, setSearchValue] = useState6("");
+  const inputRef = useRef3(null);
+  const scrollRef = useRef3(null);
+  const { isTopLayer } = useKeyboardLayer();
+  const { colors } = useTheme();
+  const handleContentChange = useCallback6(() => {
+    const text = inputRef.current?.value ?? "";
+    setSearchValue(text);
+    setSelectedIndex(0);
+    const scrollbox = scrollRef.current;
+    if (scrollbox) {
+      scrollbox.scrollTo(0);
+    }
+  }, []);
+  const filtered = searchValue ? items.filter((item) => filterFn(item, searchValue)) : items;
+  const visibleHeight = Math.min(filtered.length, MAX_VISIBLE_ITEMS);
+  useKeyboard3((key) => {
+    if (!isTopLayer("dialog"))
+      return;
+    if (key.name === "return" || key.name === "enter") {
+      const item = filtered[selectedIndex];
+      if (item) {
+        onSelect(item);
+      }
+    } else if (key.name === "up") {
+      setSelectedIndex((i) => {
+        const newIndex = Math.max(0, i - 1);
+        const sb = scrollRef.current;
+        if (sb && newIndex < sb.scrollTop) {
+          sb.scrollTo(newIndex);
+        }
+        const item = filtered[newIndex];
+        if (item && onHighlight)
+          onHighlight(item);
+        return newIndex;
+      });
+    } else if (key.name === "down") {
+      setSelectedIndex((i) => {
+        const newIndex = Math.min(filtered.length - 1, i + 1);
+        const sb = scrollRef.current;
+        if (sb) {
+          const viewportHeight = sb.viewport.height;
+          const visibleEnd = sb.scrollTop + viewportHeight - 1;
+          if (newIndex > visibleEnd) {
+            sb.scrollTo(newIndex - viewportHeight + 1);
+          }
+        }
+        const item = filtered[newIndex];
+        if (item && onHighlight)
+          onHighlight(item);
+        return newIndex;
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxDEV9("box", {
+    flexDirection: "column",
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV9("input", {
+        ref: inputRef,
+        placeholder,
+        focused: true,
+        onContentChange: handleContentChange
+      }, undefined, false, undefined, this),
+      filtered.length === 0 ? /* @__PURE__ */ jsxDEV9("text", {
+        attributes: TextAttributes2.DIM,
+        children: emptyText
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV9("scrollbox", {
+        ref: scrollRef,
+        height: visibleHeight,
+        children: filtered.map((item, i) => {
+          const isSelected = i === selectedIndex;
+          return /* @__PURE__ */ jsxDEV9("box", {
+            flexDirection: "row",
+            height: 1,
+            overflow: "hidden",
+            backgroundColor: isSelected ? colors.selection : undefined,
+            onMouseMove: () => {
+              setSelectedIndex(i);
+              if (onHighlight)
+                onHighlight(item);
+            },
+            onMouseDown: () => onSelect(item),
+            children: renderItem(item, isSelected)
+          }, getKey(item), false, undefined, this);
+        })
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/dialogs/models-dialog.tsx
+import { jsxDEV as jsxDEV10 } from "@opentui/react/jsx-dev-runtime";
+var ModelsDialogContent = ({ models, onSelectModel }) => {
+  const dialog = useDialog();
+  const handleSelect = useCallback7((modelId) => {
+    onSelectModel(modelId);
+    dialog.close();
+  }, [dialog, onSelectModel]);
+  const getDisplayName = useCallback7((modelId) => {
+    const model = findSupportedChatModel(modelId);
+    const isLocal = model ? model.provider === "local-docker" || model.provider === "local-ollama" : false;
+    return isLocal ? `${modelId} (L)` : modelId;
+  }, []);
+  return /* @__PURE__ */ jsxDEV10(DialogSearchList, {
+    items: models,
+    onSelect: handleSelect,
+    filterFn: (modelId, query) => getDisplayName(modelId).toLowerCase().includes(query.toLowerCase()),
+    renderItem: (modelId, isSelected) => /* @__PURE__ */ jsxDEV10("text", {
+      selectable: false,
+      fg: isSelected ? "black" : "white",
+      children: getDisplayName(modelId)
+    }, undefined, false, undefined, this),
+    getKey: (modelId) => modelId,
+    placeholder: "Search models",
+    emptyText: "No matching models"
+  }, undefined, false, undefined, this);
+};
+// src/components/dialogs/sessions-dialog.tsx
+import { useCallback as useCallback8, useEffect, useState as useState7 } from "react";
+import { TextAttributes as TextAttributes3 } from "@opentui/core";
+import { format } from "date-fns";
+import { useNavigate } from "react-router";
+
+// src/lib/api-client.ts
+import { hc } from "hono/client";
+
+// src/lib/auth.ts
+import { existsSync, mkdirSync as mkdirSync2, readFileSync as readFileSync2, writeFileSync as writeFileSync2, unlinkSync } from "fs";
+import { homedir as homedir2 } from "os";
+import { join as join2 } from "path";
+var AUTH_DIR = join2(homedir2(), ".Claude-Code-Clone");
+var AUTH_FILE = join2(AUTH_DIR, "auth.json");
+function getAuth() {
+  try {
+    const data = readFileSync2(AUTH_FILE, "utf-8");
+    const parsed = JSON.parse(data);
+    return typeof parsed.token === "string" ? { token: parsed.token } : null;
+  } catch {
+    return null;
+  }
+}
+function saveAuth(data) {
+  if (!existsSync(AUTH_DIR)) {
+    mkdirSync2(AUTH_DIR, { mode: 448 });
+  }
+  writeFileSync2(AUTH_FILE, JSON.stringify(data), { mode: 384 });
+}
+function clearAuth() {
+  try {
+    unlinkSync(AUTH_FILE);
+  } catch {}
+}
+
+// src/lib/api-client.ts
+var apiClient = hc(process.env.API_URL ?? "http://localhost:3000", {
+  fetch: async (input, init) => {
+    const headers = new Headers(init?.headers);
+    const auth = getAuth();
+    if (auth) {
+      headers.set("Authorization", `Bearer ${auth.token}`);
+    }
+    const response = await fetch(input, { ...init, headers });
+    if (response.status === 401) {
+      clearAuth();
+    }
+    return response;
+  }
+});
+
+// src/lib/http-errors.ts
+async function getErrorMessage(response) {
+  try {
+    const data = await response.json();
+    if (typeof data.error === "string" && data.error.length > 0) {
+      return data.error;
+    }
+  } catch {}
+  return response.statusText || `request failed with status ${response.status}`;
+}
+
+// src/components/dialogs/sessions-dialog.tsx
+import { jsxDEV as jsxDEV11, Fragment } from "@opentui/react/jsx-dev-runtime";
+var SessionsDialogContent = () => {
+  const [sessions, setSessions] = useState7([]);
+  const [loading, setLoading] = useState7(true);
+  const { close } = useDialog();
+  const navigate = useNavigate();
+  const { show } = useToast();
+  useEffect(() => {
+    let ignore = false;
+    const fetchSessions = async () => {
+      try {
+        const res = await apiClient.sessions.$get();
+        if (!res.ok) {
+          throw new Error(await getErrorMessage(res));
+        }
+        const data = await res.json();
+        if (!ignore) {
+          setSessions(data);
+          setLoading(false);
+        }
+      } catch (error) {
+        if (!ignore) {
+          show({
+            variant: "error",
+            message: error instanceof Error ? error.message : "Failed to fetch sessions"
+          });
+          close();
+        }
+      }
+    };
+    fetchSessions();
+    return () => {
+      ignore = true;
+    };
+  }, [close, show]);
+  const handleSelect = useCallback8((session) => {
+    close();
+    navigate(`/sessions/${session.id}`);
+  }, [close, navigate]);
+  if (loading) {
+    return /* @__PURE__ */ jsxDEV11("box", {
+      flexDirection: "column",
+      children: /* @__PURE__ */ jsxDEV11("text", {
+        attributes: TextAttributes3.DIM,
+        children: "Loading sessions..."
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV11(DialogSearchList, {
+    items: sessions,
+    onSelect: handleSelect,
+    filterFn: (s, query) => s.title.toLowerCase().includes(query.toLowerCase()),
+    renderItem: (session, isSelected) => /* @__PURE__ */ jsxDEV11(Fragment, {
+      children: [
+        /* @__PURE__ */ jsxDEV11("text", {
+          selectable: false,
+          fg: isSelected ? "black" : "white",
+          children: session.title
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV11("box", {
+          flexGrow: 1
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV11("text", {
+          selectable: false,
+          fg: isSelected ? "black" : undefined,
+          attributes: TextAttributes3.DIM,
+          children: format(new Date(session.createdAt), "hh:mm a")
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this),
+    getKey: (s) => s.id,
+    placeholder: "Search sessions",
+    emptyText: "No matching sessions"
+  }, undefined, false, undefined, this);
+};
+// src/components/dialogs/agents-dialog.tsx
+import { useCallback as useCallback9 } from "react";
+import { jsxDEV as jsxDEV12 } from "@opentui/react/jsx-dev-runtime";
+var AVAILABLE_MODES = [...Object.values(Mode)];
+function getModeLabel(mode) {
+  return mode.charAt(0).toUpperCase() + mode.slice(1).toLowerCase();
+}
+var AgentsDialogContent = ({ currentMode, onSelectMode }) => {
+  const dialog = useDialog();
+  const handleSelect = useCallback9((nextMode) => {
+    onSelectMode(nextMode);
+    dialog.close();
+  }, [onSelectMode, dialog]);
+  return /* @__PURE__ */ jsxDEV12(DialogSearchList, {
+    items: AVAILABLE_MODES,
+    onSelect: handleSelect,
+    filterFn: (item, query) => getModeLabel(item).toLowerCase().includes(query.toLowerCase()),
+    renderItem: (item, isSelected) => /* @__PURE__ */ jsxDEV12("text", {
+      selectable: false,
+      fg: isSelected ? "black" : "white",
+      children: [
+        item === currentMode ? " \u2022 " : "   ",
+        getModeLabel(item)
+      ]
+    }, undefined, true, undefined, this),
+    getKey: (item) => item,
+    placeholder: "Search agents",
+    emptyText: "No matching agents"
+  }, undefined, false, undefined, this);
+};
+// src/components/dialogs/theme-dialog.tsx
+import { useCallback as useCallback10, useEffect as useEffect2, useRef as useRef4 } from "react";
+import { jsxDEV as jsxDEV13 } from "@opentui/react/jsx-dev-runtime";
+var ThemeDialogContent = () => {
+  const dialog = useDialog();
+  const { setTheme, currentTheme } = useTheme();
+  const originalThemeRef = useRef4(currentTheme);
+  const confirmedRef = useRef4(false);
+  useEffect2(() => {
+    return () => {
+      if (!confirmedRef.current) {
+        setTheme(originalThemeRef.current);
+      }
+    };
+  }, [setTheme]);
+  const handleSelect = useCallback10((theme) => {
+    confirmedRef.current = true;
+    setTheme(theme);
+    dialog.close();
+  }, [setTheme, dialog]);
+  const handleHighlight = useCallback10((theme) => {
+    setTheme(theme);
+  }, [setTheme]);
+  return /* @__PURE__ */ jsxDEV13(DialogSearchList, {
+    items: THEMES,
+    onSelect: handleSelect,
+    onHighlight: handleHighlight,
+    filterFn: (t, query) => t.name.toLowerCase().includes(query.toLowerCase()),
+    renderItem: (theme, isSelected) => /* @__PURE__ */ jsxDEV13("text", {
+      selectable: false,
+      fg: isSelected ? "black" : "white",
+      children: [
+        theme.name === originalThemeRef.current.name ? " \u2022 " : "   ",
+        theme.name
+      ]
+    }, undefined, true, undefined, this),
+    getKey: (t) => t.name,
+    placeholder: "Search themes",
+    emptyText: "No matching themes"
+  }, undefined, false, undefined, this);
+};
+// src/lib/oauth.ts
+import open from "open";
+var LOGIN_TIMEOUT_MS = 5 * 60 * 1000;
+function toBase64Url(input) {
+  return Buffer.from(input).toString("base64url");
+}
+async function createPkceChallenge(verifier) {
+  const digest = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(verifier));
+  return toBase64Url(new Uint8Array(digest));
+}
+function encodeState(state) {
+  return toBase64Url(JSON.stringify(state));
+}
+function decodeState(state) {
+  const [encoded] = state.split(".");
+  if (!encoded) {
+    throw new Error("Invalid state");
+  }
+  return JSON.parse(Buffer.from(encoded, "base64url").toString());
+}
+function getErrorMessage2(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+async function performLogin() {
+  const clerkFrontendApi = process.env.CLERK_FRONTEND_API;
+  const clientId = process.env.CLERK_OAUTH_CLIENT_ID;
+  const apiUrl = process.env.API_URL ?? "http://localhost:3000";
+  if (!clerkFrontendApi)
+    throw new Error("CLERK_FRONTEND_API not set");
+  if (!clientId)
+    throw new Error("CLERK_OAUTH_CLIENT_ID not set");
+  const nonce = crypto.randomUUID();
+  const codeVerifier = toBase64Url(crypto.getRandomValues(new Uint8Array(32)));
+  const codeChallenge = await createPkceChallenge(codeVerifier);
+  let settled = false;
+  return new Promise((resolve, reject) => {
+    const server = Bun.serve({
+      port: 0,
+      async fetch(req) {
+        const url = new URL(req.url);
+        if (url.pathname !== "/callback") {
+          return new Response("Not found", { status: 404 });
+        }
+        const error = url.searchParams.get("error");
+        if (error) {
+          const msg = url.searchParams.get("error_description") ?? error;
+          settled = true;
+          reject(new Error(msg));
+          setTimeout(() => server.stop(), 500);
+          return new Response(`Authentication failed: ${msg}`, { status: 400 });
+        }
+        const code = url.searchParams.get("code");
+        const state2 = url.searchParams.get("state");
+        if (!code || !state2) {
+          settled = true;
+          reject(new Error("Missing code or state"));
+          setTimeout(() => server.stop(), 500);
+          return new Response("Bad request", { status: 400 });
+        }
+        try {
+          const payload = decodeState(state2);
+          if (payload.nonce !== nonce)
+            throw new Error("State mismatch");
+        } catch (err) {
+          settled = true;
+          reject(err);
+          setTimeout(() => server.stop(), 500);
+          return new Response("Invalid state", { status: 400 });
+        }
+        try {
+          const redirectUri2 = `${apiUrl}/auth/callback`;
+          const tokenRes = await fetch(`${clerkFrontendApi}/oauth/token`, {
+            method: "POST",
+            headers: { "Content-Type": "application/x-www-form-urlencoded" },
+            body: new URLSearchParams({
+              grant_type: "authorization_code",
+              code,
+              redirect_uri: redirectUri2,
+              client_id: clientId,
+              code_verifier: codeVerifier
+            })
+          });
+          if (!tokenRes.ok) {
+            const details = await tokenRes.text();
+            throw new Error(details || "Failed to exchange authorization code");
+          }
+          const tokenData = await tokenRes.json();
+          settled = true;
+          saveAuth({ token: tokenData.access_token });
+          resolve({ token: tokenData.access_token });
+          setTimeout(() => server.stop(), 500);
+          return new Response("Authenticated! You can close this tab.");
+        } catch (err) {
+          settled = true;
+          reject(err);
+          const message = getErrorMessage2(err);
+          setTimeout(() => server.stop(), 500);
+          return new Response(`Authentication failed: ${message}`, { status: 400 });
+        }
+      }
+    });
+    const port = server.port;
+    if (typeof port !== "number") {
+      server.stop();
+      reject(new Error("Failed to start callback server"));
+      return;
+    }
+    const state = encodeState({ port, nonce });
+    const redirectUri = `${apiUrl}/auth/callback`;
+    const authorizeUrl = new URL(`${clerkFrontendApi}/oauth/authorize`);
+    authorizeUrl.searchParams.set("response_type", "code");
+    authorizeUrl.searchParams.set("client_id", clientId);
+    authorizeUrl.searchParams.set("redirect_uri", redirectUri);
+    authorizeUrl.searchParams.set("scope", "openid email profile");
+    authorizeUrl.searchParams.set("state", state);
+    authorizeUrl.searchParams.set("prompt", "login");
+    authorizeUrl.searchParams.set("code_challenge", codeChallenge);
+    authorizeUrl.searchParams.set("code_challenge_method", "S256");
+    open(authorizeUrl.toString());
+    setTimeout(() => {
+      if (!settled) {
+        settled = true;
+        server.stop();
+        reject(new Error("Login timed out"));
+      }
+    }, LOGIN_TIMEOUT_MS);
+  });
+}
+
+// src/lib/upgrage.ts
+import open2 from "open";
+async function openUpgradeCheckout() {
+  const response = await apiClient.billing.checkout.$post();
+  if (response.ok) {
+    const data = await response.json();
+    await open2(data.url);
+    return;
+  }
+  throw new Error(await getErrorMessage(response));
+}
+async function openBillingPortal() {
+  const response = await apiClient.billing.portal.$post();
+  if (response.ok) {
+    const data = await response.json();
+    await open2(data.url);
+    return;
+  }
+  throw new Error(await getErrorMessage(response));
+}
+
+// src/components/command-menu/commands.tsx
+import { jsxDEV as jsxDEV14 } from "@opentui/react/jsx-dev-runtime";
+var COMMANDS = [
+  {
+    name: "new",
+    description: "start a new conversation",
+    value: "/new",
+    action: (ctx) => {
+      ctx.navigate("/");
+    }
+  },
+  {
+    name: "agents",
+    description: "switch agents",
+    value: "/agents",
+    action: (ctx) => {
+      ctx.dialog.open({
+        title: "Agent Selection",
+        children: /* @__PURE__ */ jsxDEV14(AgentsDialogContent, {
+          currentMode: ctx.mode,
+          onSelectMode: ctx.setMode
+        }, undefined, false, undefined, this)
+      });
+    }
+  },
+  {
+    name: "models",
+    description: "select an AI model for generaftion",
+    value: "/models",
+    action: (ctx) => {
+      ctx.dialog.open({
+        title: "Agent Selection",
+        children: /* @__PURE__ */ jsxDEV14(ModelsDialogContent, {
+          models: SUPPORTED_CHAT_MODELS.map((model) => model.id),
+          onSelectModel: ctx.setModel
+        }, undefined, false, undefined, this)
+      });
+    }
+  },
+  {
+    name: "sessions",
+    description: "browse past sessions",
+    value: "/sessions",
+    action: (ctx) => {
+      ctx.dialog.open({
+        title: "Sessions Selection",
+        children: /* @__PURE__ */ jsxDEV14(SessionsDialogContent, {}, undefined, false, undefined, this)
+      });
+    }
+  },
+  {
+    name: "themes",
+    description: "change color theme",
+    value: "/themes",
+    action: (ctx) => {
+      ctx.dialog.open({
+        title: "Theme Selection",
+        children: /* @__PURE__ */ jsxDEV14(ThemeDialogContent, {}, undefined, false, undefined, this)
+      });
+    }
+  },
+  {
+    name: "login",
+    description: "sign in to your account",
+    value: "/login",
+    action: async (ctx) => {
+      ctx.toast.show({ message: "logging in  " });
+      try {
+        await performLogin();
+        ctx.toast.show({ variant: "success", message: "login successful" });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "login unsuccessful";
+        ctx.toast.show({ variant: "error", message });
+      }
+    }
+  },
+  {
+    name: "logout",
+    description: "sign out of your account",
+    value: "/logout",
+    action: (ctx) => {
+      clearAuth();
+      ctx.toast.show({ variant: "success", message: "logging out " });
+    }
+  },
+  {
+    name: "upgrade",
+    description: "buy more credits",
+    value: "/upgrade",
+    action: async (ctx) => {
+      ctx.toast.show({ message: "opening credit checkout " });
+      try {
+        await openUpgradeCheckout();
+        ctx.toast.show({
+          variant: "success",
+          message: "Checkout opened in browser"
+        });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to open checkout";
+        ctx.toast.show({ variant: "error", message });
+      }
+    }
+  },
+  {
+    name: "usage",
+    description: "open billing porta; in your browser",
+    value: "/usage",
+    action: async (ctx) => {
+      ctx.toast.show({ message: "opening billing portal " });
+      try {
+        await openBillingPortal();
+        ctx.toast.show({
+          variant: "success",
+          message: "Billing portal opened in browser"
+        });
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Failed to open billing portal";
+        ctx.toast.show({ variant: "error", message });
+      }
+    }
+  },
+  {
+    name: "docs",
+    description: "open the docs page",
+    value: "/docs",
+    action: (ctx) => {
+      ctx.navigate("/docs");
+    }
+  },
+  {
+    name: "exit",
+    description: "exit the program",
+    value: "/exit",
+    action: (ctx) => {
+      ctx.exit();
+    }
+  }
+];
+
+// src/components/command-menu/filter-command.ts
+function getFilteredCommands(query) {
+  if (query.length === 0)
+    return COMMANDS;
+  return COMMANDS.filter((cmd) => cmd.name.toLowerCase().startsWith(query.toLowerCase()));
+}
+
+// src/components/command-menu/index.tsx
+import { jsxDEV as jsxDEV15 } from "@opentui/react/jsx-dev-runtime";
+var MAX_VISIBLE_ITEMS2 = 8;
+var COMMAND_COL_WIDTH = Math.max(...COMMANDS.map((cmd) => cmd.name.length)) + 4;
+function CommandMenu({
+  query,
+  selectedIndex,
+  scrollRef,
+  onSelect,
+  onExecute
+}) {
+  const { colors } = useTheme();
+  const filtered = getFilteredCommands(query);
+  const visibleHeight = Math.min(filtered.length, MAX_VISIBLE_ITEMS2);
+  if (filtered.length === 0) {
+    return /* @__PURE__ */ jsxDEV15("box", {
+      paddingX: 1,
+      children: /* @__PURE__ */ jsxDEV15("text", {
+        attributes: TextAttributes4.DIM,
+        children: "No mathing commands"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV15("scrollbox", {
+    ref: scrollRef,
+    height: visibleHeight,
+    children: filtered.map((cmd, i) => {
+      const isSelected = i === selectedIndex;
+      return /* @__PURE__ */ jsxDEV15("box", {
+        flexDirection: "row",
+        paddingX: 1,
+        height: 1,
+        overflow: "hidden",
+        backgroundColor: isSelected ? colors.selection : undefined,
+        onMouseMove: () => onSelect(i),
+        onMouseDown: () => onExecute(i),
+        children: [
+          /* @__PURE__ */ jsxDEV15("box", {
+            width: COMMAND_COL_WIDTH,
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsxDEV15("text", {
+              selectable: false,
+              fg: isSelected ? "black" : "white",
+              children: [
+                "/",
+                cmd.name
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15("box", {
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: "hidden",
+            children: /* @__PURE__ */ jsxDEV15("text", {
+              selectable: false,
+              fg: isSelected ? "black" : "gray",
+              children: [
+                "/",
+                cmd.description
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, cmd.value, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+
+// src/components/status-bar.tsx
+import { TextAttributes as TextAttributes5 } from "@opentui/core";
+import { jsxDEV as jsxDEV16 } from "@opentui/react/jsx-dev-runtime";
+function StatusBar() {
+  const { colors } = useTheme();
+  const { mode, model } = usePromptConfig();
+  return /* @__PURE__ */ jsxDEV16("box", {
+    flexDirection: "row",
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV16("text", {
+        fg: mode === Mode.PLAN ? colors.planMode : colors.primary,
+        children: mode
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV16("text", {
+        attributes: TextAttributes5.DIM,
+        fg: colors.dimSeparator,
+        children: [
+          "`",
+          ">",
+          "`"
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV16("text", {
+        children: model
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/command-menu/use-command-menu.ts
+import { useRef as useRef5, useState as useState8, useMemo as useMemo2 } from "react";
+import { useKeyboard as useKeyboard4 } from "@opentui/react";
+function useCommandMenu() {
+  const [textValue, setTextValue] = useState8("");
+  const [selectedIndex, setSelectedIndex] = useState8(0);
+  const [showCommandMenu, setShowCommandMenu] = useState8(false);
+  const scrollRef = useRef5(null);
+  const { push, pop, isTopLayer } = useKeyboardLayer();
+  const commandQuery = showCommandMenu && textValue.startsWith("/") ? textValue.slice(1) : "";
+  const filteredCommands = useMemo2(() => getFilteredCommands(commandQuery), [commandQuery]);
+  const close = () => {
+    setShowCommandMenu(false);
+    pop("command");
+  };
+  const handleContentChange = (text) => {
+    setTextValue(text);
+    setSelectedIndex(0);
+    const scrollbox = scrollRef.current;
+    if (scrollbox) {
+      scrollbox.scrollTo(0);
+    }
+    const prefix = text.startsWith("/") ? text.slice(1) : null;
+    if (prefix !== null && !prefix.includes(" ")) {
+      setShowCommandMenu(true);
+      push("command", () => {
+        close();
+        return true;
+      });
+    } else {
+      close();
+    }
+  };
+  const resolveCommand = (index) => {
+    const command = filteredCommands[index];
+    if (command) {
+      close();
+    }
+    return command;
+  };
+  useKeyboard4((key) => {
+    if (!showCommandMenu || !isTopLayer("command"))
+      return;
+    if (key.name === "escape") {
+      key.preventDefault();
+      close();
+    } else if (key.name === "up") {
+      key.preventDefault();
+      setSelectedIndex((i) => {
+        const newIndex = Math.max(0, i - 1);
+        const sb = scrollRef.current;
+        if (sb && newIndex < sb.scrollTop) {
+          sb.scrollTo(newIndex);
+        }
+        return newIndex;
+      });
+    } else if (key.name === "down") {
+      key.preventDefault();
+      setSelectedIndex((i) => {
+        if (filteredCommands.length === 0) {
+          return 0;
+        }
+        const newIndex = Math.min(filteredCommands.length - 1, i + 1);
+        const sb = scrollRef.current;
+        if (sb) {
+          const viewPortHeight = sb.viewport.height;
+          const visibleEnd = sb.scrollTop + viewPortHeight - 1;
+          if (newIndex > visibleEnd) {
+            sb.scrollTo(newIndex - viewPortHeight + 1);
+          }
+        }
+        return newIndex;
+      });
+    }
+  });
+  return {
+    showCommandMenu,
+    commandQuery,
+    selectedIndex,
+    scrollRef,
+    handleContentChange,
+    resolveCommand,
+    setSelectedIndex
+  };
+}
+
+// src/components/input-bar.tsx
+import { useNavigate as useNavigate2 } from "react-router";
+import { jsxDEV as jsxDEV17 } from "@opentui/react/jsx-dev-runtime";
+var MAX_VISIBLE_MENTIONS = 8;
+var CURRENT_DIRECTORY = process.cwd();
+var MAX_FALLBACK_MENTION_CANDIDATES = 32;
+var MENTION_QUERY_CHARACTER = /[A-Za-z0-9._/-]/;
+var RECURSIVE_MENTION_IGNORED_DIRECTORIES = new Set(["node_modules"]);
+function isWithinCurrentDirectory(targetPath) {
+  const relativePath = relative(CURRENT_DIRECTORY, targetPath);
+  return relativePath === "" || !relativePath.startsWith("..") && !isAbsolute(relativePath);
+}
+function isMentionQueryCharacter(character) {
+  return MENTION_QUERY_CHARACTER.test(character);
+}
+function findActiveMention(text, cursorOffset) {
+  const safeOffset = Math.max(0, Math.min(cursorOffset, text.length));
+  let start = safeOffset;
+  while (start > 0 && !/\s/.test(text[start - 1])) {
+    start -= 1;
+  }
+  let end = safeOffset;
+  while (end < text.length && !/\s/.test(text[end])) {
+    end += 1;
+  }
+  const token = text.slice(start, end);
+  const relativeCursor = safeOffset - start;
+  const mentionStart = token.lastIndexOf("@", relativeCursor);
+  if (mentionStart === -1) {
+    return null;
+  }
+  const previousCharacter = token[mentionStart - 1];
+  if (previousCharacter && isMentionQueryCharacter(previousCharacter)) {
+    return null;
+  }
+  let mentionEnd = mentionStart + 1;
+  while (mentionEnd < token.length && isMentionQueryCharacter(token[mentionEnd])) {
+    mentionEnd += 1;
+  }
+  if (relativeCursor < mentionStart || relativeCursor > mentionEnd) {
+    return null;
+  }
+  return {
+    start: start + mentionStart,
+    end: start + mentionEnd,
+    query: token.slice(mentionStart + 1, mentionEnd)
+  };
+}
+async function getMentionCandidates(query) {
+  const normalizedQuery = query.startsWith("./") ? query.slice(2) : query;
+  if (normalizedQuery.startsWith("/")) {
+    return [];
+  }
+  const hasTrailingSlash = normalizedQuery.endsWith("/");
+  const lastSlashIndex = hasTrailingSlash ? normalizedQuery.length - 1 : normalizedQuery.lastIndexOf("/");
+  const directoryPart = hasTrailingSlash ? normalizedQuery.slice(0, -1) : lastSlashIndex === -1 ? "" : normalizedQuery.slice(0, lastSlashIndex);
+  const namePrefix = hasTrailingSlash ? "" : lastSlashIndex === -1 ? normalizedQuery : normalizedQuery.slice(lastSlashIndex + 1);
+  const absoluteDirectory = resolve(CURRENT_DIRECTORY, directoryPart || ".");
+  if (!isWithinCurrentDirectory(absoluteDirectory)) {
+    return [];
+  }
+  try {
+    const entries = await readdir(absoluteDirectory, { withFileTypes: true });
+    const lowercasePrefix = namePrefix.toLowerCase();
+    const showHiddenEntries = namePrefix.startsWith(".");
+    const directMatches = entries.filter((entry) => showHiddenEntries || !entry.name.startsWith(".")).filter((entry) => {
+      return lowercasePrefix === "" || entry.name.toLowerCase().startsWith(lowercasePrefix);
+    }).sort((left, right) => {
+      if (left.isDirectory() !== right.isDirectory()) {
+        return left.isDirectory() ? -1 : 1;
+      }
+      return left.name.localeCompare(right.name);
+    }).map((entry) => {
+      const path = directoryPart ? `${directoryPart}/${entry.name}` : entry.name;
+      const kind = entry.isDirectory() ? "directory" : "file";
+      return {
+        path: kind === "directory" ? `${path}/` : path,
+        kind
+      };
+    });
+    if (directMatches.length > 0 || directoryPart !== "" || namePrefix === "") {
+      return directMatches;
+    }
+    const fallbackMatches = [];
+    const visit = async (absoluteDirectory2, directoryPart2) => {
+      const entries2 = await readdir(absoluteDirectory2, { withFileTypes: true });
+      for (const entry of entries2) {
+        if (!showHiddenEntries && entry.name.startsWith(".")) {
+          continue;
+        }
+        if (entry.isDirectory() && RECURSIVE_MENTION_IGNORED_DIRECTORIES.has(entry.name)) {
+          continue;
+        }
+        const path = directoryPart2 ? `${directoryPart2}/${entry.name}` : entry.name;
+        const kind = entry.isDirectory() ? "directory" : "file";
+        if (entry.name.toLowerCase().startsWith(lowercasePrefix)) {
+          fallbackMatches.push({
+            path: kind === "directory" ? `${path}/` : path,
+            kind
+          });
+          if (fallbackMatches.length >= MAX_FALLBACK_MENTION_CANDIDATES) {
+            return;
+          }
+        }
+        if (entry.isDirectory()) {
+          await visit(resolve(absoluteDirectory2, entry.name), path);
+          if (fallbackMatches.length >= MAX_FALLBACK_MENTION_CANDIDATES) {
+            return;
+          }
+        }
+      }
+    };
+    await visit(CURRENT_DIRECTORY, "");
+    return fallbackMatches.sort((left, right) => left.path.localeCompare(right.path));
+  } catch {
+    return [];
+  }
+}
+function FileMentionMenu({
+  candidates,
+  selectedIndex,
+  scrollRef,
+  onSelect,
+  onExecute
+}) {
+  const { colors } = useTheme();
+  const visibleHeight = Math.min(candidates.length, MAX_VISIBLE_MENTIONS);
+  if (candidates.length === 0) {
+    return /* @__PURE__ */ jsxDEV17("box", {
+      paddingX: 1,
+      children: /* @__PURE__ */ jsxDEV17("text", {
+        attributes: TextAttributes6.DIM,
+        children: "No matching files or folders"
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV17("scrollbox", {
+    ref: scrollRef,
+    height: visibleHeight,
+    children: candidates.map((candidate, index) => {
+      const isSelected = index === selectedIndex;
+      return /* @__PURE__ */ jsxDEV17("box", {
+        flexDirection: "row",
+        paddingX: 1,
+        height: 1,
+        overflow: "hidden",
+        backgroundColor: isSelected ? colors.selection : undefined,
+        onMouseMove: () => onSelect(index),
+        onMouseDown: () => onExecute(index),
+        children: [
+          /* @__PURE__ */ jsxDEV17("box", {
+            flexGrow: 1,
+            flexShrink: 1,
+            overflow: "hidden",
+            children: /* @__PURE__ */ jsxDEV17("text", {
+              selectable: false,
+              fg: isSelected ? "black" : "white",
+              children: candidate.path
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17("box", {
+            width: 8,
+            alignItems: "flex-end",
+            flexShrink: 0,
+            children: /* @__PURE__ */ jsxDEV17("text", {
+              selectable: false,
+              fg: isSelected ? "black" : "gray",
+              children: candidate.kind === "directory" ? "Folder" : "File"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, candidate.path, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+var TEXTAREA_KEY_BINDINGS = [
+  { name: "return", ctrl: true, action: "newline" },
+  { name: "enter", ctrl: true, action: "newline" },
+  { name: "return", action: "submit" },
+  { name: "enter", action: "submit" }
+];
+function InputBar({ onSubmit, disabled = false }) {
+  const textareaRef = useRef6(null);
+  const onSubmitRef = useRef6(() => {});
+  const renderer = useRenderer2();
+  const toast = useToast();
+  const dialog = useDialog();
+  const { isTopLayer, setResponder, push, pop } = useKeyboardLayer();
+  const { colors } = useTheme();
+  const navigate = useNavigate2();
+  const activeMentionRef = useRef6(null);
+  const mentionScrollRef = useRef6(null);
+  const [activeMention, setActiveMention] = useState9(null);
+  const [mentionCandidates, setMentionCandidates] = useState9([]);
+  const [mentionSelectedIndex, setMentionSelectedIndex] = useState9(0);
+  const { mode, setMode, setModel, toggleMode } = usePromptConfig();
+  const {
+    showCommandMenu,
+    commandQuery,
+    selectedIndex,
+    scrollRef,
+    handleContentChange,
+    resolveCommand,
+    setSelectedIndex
+  } = useCommandMenu();
+  const showMentionMenu = activeMention !== null;
+  const closeMentionMenu = useCallback11(() => {
+    activeMentionRef.current = null;
+    setActiveMention(null);
+    setMentionCandidates([]);
+    pop("mention");
+  }, [pop]);
+  const syncMentionMenu = useCallback11((text, cursorOffset) => {
+    const nextMention = findActiveMention(text, cursorOffset);
+    const previousMention = activeMentionRef.current;
+    const mentionChanged = previousMention?.start !== nextMention?.start || previousMention?.end !== nextMention?.end || previousMention?.query !== nextMention?.query;
+    if (!nextMention) {
+      if (previousMention) {
+        closeMentionMenu();
+      }
+      return;
+    }
+    activeMentionRef.current = nextMention;
+    setActiveMention(nextMention);
+    push("mention", () => {
+      closeMentionMenu();
+      return true;
+    });
+    if (mentionChanged) {
+      setMentionSelectedIndex(0);
+      mentionScrollRef.current?.scrollTo(0);
+    }
+  }, [closeMentionMenu, push]);
+  const handleTextareaContentChange = useCallback11(() => {
+    const textarea = textareaRef.current;
+    if (!textarea)
+      return;
+    const text = textarea.plainText;
+    handleContentChange(textarea.plainText);
+    syncMentionMenu(text, textarea.cursorOffset);
+  }, [handleContentChange, syncMentionMenu]);
+  const handleSubmit = useCallback11(() => {
+    if (disabled)
+      return;
+    const textarea = textareaRef.current;
+    if (!textarea)
+      return;
+    const text = textarea.plainText.trim();
+    if (text.length === 0)
+      return;
+    onSubmit(text);
+    textarea.setText("");
+  }, [disabled, onSubmit]);
+  const handleMentionExecute = useCallback11((index) => {
+    const textarea = textareaRef.current;
+    const mention = activeMentionRef.current;
+    const candidate = mentionCandidates[index];
+    if (!textarea || !mention || !candidate)
+      return;
+    const insertion = candidate.kind === "directory" ? candidate.path : `${candidate.path} `;
+    const nextText = `${textarea.plainText.slice(0, mention.start)}@${insertion}${textarea.plainText.slice(mention.end)}`;
+    textarea.replaceText(nextText);
+    textarea.cursorOffset = mention.start + insertion.length + 1;
+    syncMentionMenu(nextText, textarea.cursorOffset);
+  }, [mentionCandidates, syncMentionMenu]);
+  const handleTextareaCursorChange = useCallback11(() => {
+    const textarea = textareaRef.current;
+    if (!textarea)
+      return;
+    syncMentionMenu(textarea.plainText, textarea.cursorOffset);
+  }, [syncMentionMenu]);
+  const handleCommand = useCallback11((command) => {
+    const textarea = textareaRef.current;
+    if (!textarea || !command)
+      return;
+    textarea.setText("");
+    if (command.action) {
+      command.action({
+        exit: () => renderer.destroy(),
+        toast,
+        dialog,
+        navigate,
+        mode,
+        setMode,
+        setModel
+      });
+    } else {
+      textarea.insertText(command.value + " ");
+    }
+  }, [renderer, toast, dialog, navigate, Mode, setMode, setModel]);
+  const handleCommandExecute = useCallback11((index) => {
+    const command = resolveCommand(index);
+    handleCommand(command);
+  }, [resolveCommand, handleCommand]);
+  useEffect3(() => {
+    if (!activeMention) {
+      setMentionCandidates([]);
+      return;
+    }
+    let ignore = false;
+    const loadCandidates = async () => {
+      const nextCandidates = await getMentionCandidates(activeMention.query);
+      if (ignore)
+        return;
+      setMentionCandidates(nextCandidates);
+      setMentionSelectedIndex((currentIndex) => {
+        if (nextCandidates.length === 0) {
+          return 0;
+        }
+        return Math.min(currentIndex, nextCandidates.length - 1);
+      });
+    };
+    loadCandidates();
+    return () => {
+      ignore = true;
+    };
+  }, [activeMention]);
+  useEffect3(() => {
+    const textarea = textareaRef.current;
+    if (!textarea)
+      return;
+    textarea.onSubmit = () => {
+      onSubmitRef.current();
+    };
+  }, []);
+  onSubmitRef.current = () => {
+    if (disabled)
+      return;
+    if (showCommandMenu) {
+      const command = resolveCommand(selectedIndex);
+      handleCommand(command);
+      return;
+    }
+    if (showMentionMenu) {
+      const candidate = mentionCandidates[mentionSelectedIndex];
+      if (candidate) {
+        handleMentionExecute(mentionSelectedIndex);
+        return;
+      }
+    }
+    handleSubmit();
+  };
+  useKeyboard5((key) => {
+    if (disabled) {
+      return;
+    }
+    if (!isTopLayer("base")) {
+      return;
+    }
+    if (key.name === "tab") {
+      key.preventDefault();
+      toggleMode();
+    }
+  });
+  useEffect3(() => {
+    setResponder("base", () => {
+      if (disabled)
+        return false;
+      const textarea = textareaRef.current;
+      if (textarea && textarea.plainText.length > 0) {
+        textarea.setText("");
+        return true;
+      }
+      return false;
+    });
+    return () => setResponder("base", null);
+  }, [disabled, setResponder]);
+  useKeyboard5((key) => {
+    if (disabled)
+      return;
+    if (!showMentionMenu || !isTopLayer("mention"))
+      return;
+    if (key.name === "escape") {
+      key.preventDefault();
+      closeMentionMenu();
+    } else if (key.name === "up") {
+      key.preventDefault();
+      setMentionSelectedIndex((currentIndex) => {
+        const nextIndex = Math.max(0, currentIndex - 1);
+        const scrollbox = mentionScrollRef.current;
+        if (scrollbox && nextIndex < scrollbox.scrollTop) {
+          scrollbox.scrollTo(nextIndex);
+        }
+        return nextIndex;
+      });
+    } else if (key.name === "down") {
+      key.preventDefault();
+      setMentionSelectedIndex((currentIndex) => {
+        if (mentionCandidates.length === 0) {
+          return 0;
+        }
+        const nextIndex = Math.min(mentionCandidates.length - 1, currentIndex + 1);
+        const scrollbox = mentionScrollRef.current;
+        if (scrollbox) {
+          const viewportHeight = scrollbox.viewport.height;
+          const visibleEnd = scrollbox.scrollTop + viewportHeight - 1;
+          if (nextIndex > visibleEnd) {
+            scrollbox.scrollTo(nextIndex - viewportHeight + 1);
+          }
+        }
+        return nextIndex;
+      });
+    }
+  });
+  return /* @__PURE__ */ jsxDEV17("box", {
+    width: "100%",
+    alignItems: "stretch",
+    children: /* @__PURE__ */ jsxDEV17("box", {
+      width: "100%",
+      border: ["left"],
+      borderColor: mode === Mode.BUILD ? colors.primary : colors.planMode,
+      children: /* @__PURE__ */ jsxDEV17("box", {
+        position: "relative",
+        justifyContent: "center",
+        width: "100%",
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: colors.surface,
+        gap: 1,
+        children: [
+          showCommandMenu && /* @__PURE__ */ jsxDEV17("box", {
+            position: "absolute",
+            bottom: "100%",
+            left: 0,
+            width: "100%",
+            backgroundColor: colors.surface,
+            zIndex: 10,
+            children: /* @__PURE__ */ jsxDEV17(CommandMenu, {
+              query: commandQuery,
+              selectedIndex,
+              scrollRef,
+              onSelect: setSelectedIndex,
+              onExecute: handleCommandExecute
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          !showCommandMenu && showMentionMenu && /* @__PURE__ */ jsxDEV17("box", {
+            position: "absolute",
+            bottom: "100%",
+            left: 0,
+            width: "100%",
+            backgroundColor: colors.surface,
+            zIndex: 10,
+            children: /* @__PURE__ */ jsxDEV17(FileMentionMenu, {
+              candidates: mentionCandidates,
+              selectedIndex: mentionSelectedIndex,
+              scrollRef: mentionScrollRef,
+              onSelect: setMentionSelectedIndex,
+              onExecute: handleMentionExecute
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17("textarea", {
+            ref: textareaRef,
+            focused: !disabled && (isTopLayer("base") || isTopLayer("command") || isTopLayer("mention")),
+            keyBindings: TEXTAREA_KEY_BINDINGS,
+            onContentChange: handleTextareaContentChange,
+            placeholder: `Ask anything ... "Fix this bug for me!!"`
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV17(StatusBar, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/screens/home.tsx
+import { useCallback as useCallback12 } from "react";
+import { useNavigate as useNavigate3 } from "react-router";
+import { TextAttributes as TextAttributes7 } from "@opentui/core";
+import { jsxDEV as jsxDEV18 } from "@opentui/react/jsx-dev-runtime";
+function Home() {
+  const navigate = useNavigate3();
+  const { mode, model } = usePromptConfig();
+  const handleSubmit = useCallback12((text) => {
+    navigate("/sessions/new", { state: { message: text, mode, model } });
+  }, [navigate, mode, model]);
+  return /* @__PURE__ */ jsxDEV18("box", {
+    alignItems: "center",
+    justifyContent: "center",
+    flexGrow: 1,
+    gap: 2,
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    children: [
+      /* @__PURE__ */ jsxDEV18(Header, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV18("box", {
+        width: "100%",
+        maxWidth: 78,
+        paddingX: 2,
+        flexDirection: "column",
+        gap: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV18(InputBar, {
+            onSubmit: handleSubmit
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV18("box", {
+            flexDirection: "row",
+            gap: 1,
+            flexShrink: 0,
+            marginLeft: "auto",
+            children: [
+              /* @__PURE__ */ jsxDEV18("text", {
+                children: "tab"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV18("text", {
+                attributes: TextAttributes7.DIM,
+                children: "agents"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/screens/docs.tsx
+import { useNavigate as useNavigate4 } from "react-router";
+import { jsxDEV as jsxDEV19 } from "@opentui/react/jsx-dev-runtime";
+function Docs() {
+  const navigate = useNavigate4();
+  return /* @__PURE__ */ jsxDEV19("box", {
+    flexDirection: "column",
+    alignItems: "center",
+    width: "100%",
+    height: "100%",
+    children: /* @__PURE__ */ jsxDEV19("box", {
+      width: "100%",
+      flexDirection: "column",
+      position: "relative",
+      children: [
+        /* @__PURE__ */ jsxDEV19("scrollbox", {
+          children: [
+            /* @__PURE__ */ jsxDEV19("box", {
+              paddingTop: 4,
+              children: /* @__PURE__ */ jsxDEV19(Header, {}, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19("box", {
+              paddingX: 2,
+              marginBottom: 2,
+              marginTop: 2,
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              children: /* @__PURE__ */ jsxDEV19("text", {
+                minWidth: 64,
+                children: [
+                  /* @__PURE__ */ jsxDEV19("b", {
+                    children: [
+                      "Project Overview",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "UniKode "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "is a terminal-first AI coding assistant",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "built with Bun, TypeScript, OpenTUI and React.",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "The project includes four packages:",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "\u2022 "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "cli "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- Terminal UI client",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "\u2022 "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "sdk "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- Core logic and API integration",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "\u2022 "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "server "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- Relay server for API requests",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "\u2022 "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "shared "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- Shared types and utilities",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "It provides access to 20+ AI models through multiple providers."
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19("box", {
+              paddingX: 2,
+              marginBottom: 2,
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              children: /* @__PURE__ */ jsxDEV19("text", {
+                minWidth: 64,
+                children: [
+                  /* @__PURE__ */ jsxDEV19("b", {
+                    children: [
+                      "Important Information",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("b", {
+                    children: [
+                      "Session Persistence",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "\u2022 All chat sessions are automatically saved to PostgreSQL",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "\u2022 Previous sessions can be resumed instantly",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("b", {
+                    children: [
+                      "Keyboard Shortcuts",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "Ctrl + C "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "\u2022 Cancel current request"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV19("box", {
+              paddingX: 2,
+              marginBottom: 2,
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              children: /* @__PURE__ */ jsxDEV19("text", {
+                minWidth: 64,
+                children: [
+                  /* @__PURE__ */ jsxDEV19("b", {
+                    children: [
+                      "Available Commands",
+                      `
+
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/new "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- start a new conversation",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/history "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- view conversation history",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/model "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- switch AI model",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/clear "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- clear current screen",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/help "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: [
+                      "- show this help message",
+                      `
+`
+                    ]
+                  }, undefined, true, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "cyan",
+                    children: "/exit "
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV19("span", {
+                    fg: "gray",
+                    children: "- exit the application"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        /* @__PURE__ */ jsxDEV19("box", {
+          width: "100%",
+          paddingX: 2,
+          flexDirection: "column",
+          gap: 1,
+          flexShrink: 0,
+          marginBottom: 1,
+          alignItems: "center",
+          justifyContent: "center",
+          paddingBottom: 2,
+          children: /* @__PURE__ */ jsxDEV19("box", {
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            flexGrow: 1,
+            children: /* @__PURE__ */ jsxDEV19("text", {
+              fg: "yellow",
+              onMouseDown: () => navigate("/"),
+              children: /* @__PURE__ */ jsxDEV19("strong", {
+                children: "\u2190 Back"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/screens/new-session.tsx
+import { useEffect as useEffect4, useMemo as useMemo3, useRef as useRef8 } from "react";
+import { z as z2 } from "zod";
+import { useNavigate as useNavigate5, useLocation } from "react-router";
+
+// src/components/session-shell.tsx
+import { TextAttributes as TextAttributes8 } from "@opentui/core";
+
+// src/components/spinner.tsx
+import"opentui-spinner/react";
+import { jsxDEV as jsxDEV20 } from "@opentui/react/jsx-dev-runtime";
+function Spinner({ mode = Mode.BUILD }) {
+  const { colors } = useTheme();
+  const activeColor = mode === Mode.PLAN ? colors.planMode : colors.primary;
+  return /* @__PURE__ */ jsxDEV20("spinner", {
+    name: "aesthetic",
+    color: activeColor
+  }, undefined, false, undefined, this);
+}
+
+// src/components/session-shell.tsx
+import { jsxDEV as jsxDEV21, Fragment as Fragment2 } from "@opentui/react/jsx-dev-runtime";
+function SessionShell({
+  children,
+  onSubmit,
+  inputDisabled = false,
+  loading = false,
+  interruptible = false
+}) {
+  const { mode } = usePromptConfig();
+  return /* @__PURE__ */ jsxDEV21("box", {
+    flexDirection: "column",
+    flexGrow: 1,
+    width: "100%",
+    height: "100%",
+    paddingY: 1,
+    paddingX: 2,
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsxDEV21("scrollbox", {
+        flexGrow: 1,
+        width: "100%",
+        stickyScroll: true,
+        stickyStart: "bottom",
+        children: /* @__PURE__ */ jsxDEV21("box", {
+          children
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV21("box", {
+        flexShrink: 0,
+        children: /* @__PURE__ */ jsxDEV21(InputBar, {
+          onSubmit,
+          disabled: inputDisabled
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV21("box", {
+        flexShrink: 0,
+        flexDirection: "row",
+        justifyContent: "space-between",
+        width: "100%",
+        height: 1,
+        gap: 2,
+        paddingLeft: 1,
+        children: [
+          /* @__PURE__ */ jsxDEV21("box", {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 2,
+            children: loading ? /* @__PURE__ */ jsxDEV21(Fragment2, {
+              children: [
+                /* @__PURE__ */ jsxDEV21(Spinner, {
+                  mode
+                }, undefined, false, undefined, this),
+                interruptible ? /* @__PURE__ */ jsxDEV21("text", {
+                  children: "esc to interrupt"
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this) : null
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV21("box", {
+            flexDirection: "row",
+            gap: 1,
+            flexShrink: 0,
+            marginLeft: "auto",
+            children: [
+              /* @__PURE__ */ jsxDEV21("text", {
+                children: "tab"
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21("text", {
+                attributes: TextAttributes8.DIM,
+                children: "agents"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/messages/user-message.tsx
+import { jsxDEV as jsxDEV22 } from "@opentui/react/jsx-dev-runtime";
+function UserMessage({ message, mode }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ jsxDEV22("box", {
+    width: "100%",
+    alignItems: "center",
+    children: /* @__PURE__ */ jsxDEV22("box", {
+      border: ["left"],
+      borderColor: mode === Mode.PLAN ? colors.planMode : colors.primary,
+      width: "100%",
+      children: /* @__PURE__ */ jsxDEV22("box", {
+        justifyContent: "center",
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: colors.surface,
+        width: "100%",
+        children: /* @__PURE__ */ jsxDEV22("text", {
+          children: message
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/messages/bot-message.tsx
+import prettyMs from "pretty-ms";
+import { TextAttributes as TextAttributes10 } from "@opentui/core";
+
+// src/components/messages/question-message.tsx
+import { useCallback as useCallback13, useRef as useRef7, useState as useState10 } from "react";
+import { TextAttributes as TextAttributes9 } from "@opentui/core";
+import { jsxDEV as jsxDEV23 } from "@opentui/react/jsx-dev-runtime";
+function QuestionMessage({ prompt, onSubmit }) {
+  const { colors } = useTheme();
+  const inputRef = useRef7(null);
+  const [answerText, setAnswerText] = useState10("");
+  const handleSubmit = useCallback13(() => {
+    if (!prompt.isActive) {
+      return;
+    }
+    onSubmit(prompt.id, inputRef.current?.value ?? answerText);
+  }, [answerText, onSubmit, prompt.id, prompt.isActive]);
+  return /* @__PURE__ */ jsxDEV23("box", {
+    width: "100%",
+    alignItems: "center",
+    children: /* @__PURE__ */ jsxDEV23("box", {
+      border: ["left"],
+      borderColor: colors.info,
+      width: "100%",
+      children: /* @__PURE__ */ jsxDEV23("box", {
+        flexDirection: "column",
+        gap: 1,
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: colors.surface,
+        width: "100%",
+        children: [
+          /* @__PURE__ */ jsxDEV23("box", {
+            flexDirection: "column",
+            gap: 0,
+            children: [
+              /* @__PURE__ */ jsxDEV23("text", {
+                attributes: TextAttributes9.BOLD,
+                fg: colors.info,
+                children: prompt.title ?? "Clarification request"
+              }, undefined, false, undefined, this),
+              prompt.context ? /* @__PURE__ */ jsxDEV23("text", {
+                attributes: TextAttributes9.DIM,
+                children: prompt.context
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          /* @__PURE__ */ jsxDEV23("box", {
+            flexDirection: "column",
+            gap: 0,
+            children: prompt.questions.map((question, index) => /* @__PURE__ */ jsxDEV23("text", {
+              children: [
+                index + 1,
+                ". ",
+                question
+              ]
+            }, `${prompt.id}-${index}`, true, undefined, this))
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV23("box", {
+            border: ["left"],
+            borderColor: prompt.isActive ? colors.primary : colors.dimSeparator,
+            width: "100%",
+            paddingX: 1,
+            children: prompt.isActive ? /* @__PURE__ */ jsxDEV23("input", {
+              ref: inputRef,
+              focused: true,
+              placeholder: "Type your answer and submit",
+              onContentChange: () => {
+                setAnswerText(inputRef.current?.value ?? "");
+              }
+            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV23("text", {
+              attributes: TextAttributes9.DIM,
+              children: "This prompt is no longer active"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV23("box", {
+            width: "100%",
+            justifyContent: "flex-end",
+            onMouseDown: handleSubmit,
+            children: /* @__PURE__ */ jsxDEV23("text", {
+              fg: prompt.isActive ? colors.success : colors.dimSeparator,
+              children: "submit"
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/messages/bot-message.tsx
+import { jsxDEV as jsxDEV24, Fragment as Fragment3 } from "@opentui/react/jsx-dev-runtime";
+function formatToolName(name) {
+  return name.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/^./, (c) => c.toUpperCase());
+}
+function isToolPart(part) {
+  return part.type === "dynamic-tool" || part.type.startsWith("tool-");
+}
+function formatToolArgs(tc) {
+  if (!("input" in tc) || tc.input == null)
+    return "";
+  if (typeof tc.input !== "object")
+    return String(tc.input);
+  return Object.values(tc.input).map(String).join(" ");
+}
+function groupConsecutiveParts(parts) {
+  const groups = [];
+  for (let i = 0;i < parts.length; i++) {
+    const part = parts[i];
+    const lastGroup = groups[groups.length - 1];
+    if (lastGroup && lastGroup.type === part.type) {
+      lastGroup.parts.push(part);
+    } else {
+      const key = isToolPart(part) ? `group-tc-${part.toolCallId}` : `group-${part.type}-${i}`;
+      groups.push({ type: part.type, parts: [part], key });
+    }
+  }
+  return groups;
+}
+function BotMessage({
+  parts,
+  model,
+  mode,
+  durationMs,
+  streaming = false,
+  questionPrompts = [],
+  onSubmitQuestionAnswer
+}) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ jsxDEV24("box", {
+    width: "100%",
+    alignItems: "center",
+    children: [
+      groupConsecutiveParts(parts).map((group, i) => /* @__PURE__ */ jsxDEV24("box", {
+        width: "100%",
+        paddingTop: i === 0 ? 0 : 1,
+        children: group.parts.map((part, j) => {
+          if (part.type === "reasoning") {
+            return /* @__PURE__ */ jsxDEV24("box", {
+              border: ["left"],
+              borderColor: colors.thinkingBorder,
+              width: "100%",
+              paddingX: 2,
+              children: /* @__PURE__ */ jsxDEV24("text", {
+                attributes: TextAttributes10.DIM,
+                children: [
+                  /* @__PURE__ */ jsxDEV24("em", {
+                    fg: colors.thinking,
+                    children: "Thinking:"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  part.text
+                ]
+              }, undefined, true, undefined, this)
+            }, `reasoning-${j}`, false, undefined, this);
+          }
+          if (isToolPart(part)) {
+            const toolName = part.type === "dynamic-tool" ? part.toolName : part.type.slice("tool-".length);
+            const questionPrompt = toolName === "askQuestionTool" ? questionPrompts.find((prompt) => prompt.toolCallId === part.toolCallId) : undefined;
+            if (questionPrompt) {
+              return /* @__PURE__ */ jsxDEV24("box", {
+                width: "100%",
+                children: /* @__PURE__ */ jsxDEV24(QuestionMessage, {
+                  prompt: questionPrompt,
+                  onSubmit: onSubmitQuestionAnswer ?? (() => {})
+                }, undefined, false, undefined, this)
+              }, part.toolCallId, false, undefined, this);
+            }
+            return /* @__PURE__ */ jsxDEV24("box", {
+              border: ["left"],
+              borderColor: colors.thinkingBorder,
+              width: "100%",
+              paddingX: 2,
+              children: /* @__PURE__ */ jsxDEV24("text", {
+                attributes: TextAttributes10.DIM,
+                children: [
+                  /* @__PURE__ */ jsxDEV24("em", {
+                    fg: colors.info,
+                    children: [
+                      formatToolName(toolName),
+                      ":"
+                    ]
+                  }, undefined, true, undefined, this),
+                  " ",
+                  formatToolArgs(part),
+                  part.state !== "output-available" && part.state !== "output-error" ? " \u2026" : "",
+                  part.state === "output-error" ? ` ${part.errorText}` : ""
+                ]
+              }, undefined, true, undefined, this)
+            }, part.toolCallId, false, undefined, this);
+          }
+          if (part.type === "text") {
+            return /* @__PURE__ */ jsxDEV24("box", {
+              paddingX: 3,
+              width: "100%",
+              children: /* @__PURE__ */ jsxDEV24("text", {
+                children: part.text
+              }, undefined, false, undefined, this)
+            }, `text-${j}`, false, undefined, this);
+          }
+          return null;
+        })
+      }, group.key, false, undefined, this)),
+      /* @__PURE__ */ jsxDEV24("box", {
+        paddingX: 3,
+        paddingY: 1,
+        gap: 1,
+        width: "100%",
+        children: /* @__PURE__ */ jsxDEV24("box", {
+          flexDirection: "row",
+          gap: 2,
+          children: [
+            /* @__PURE__ */ jsxDEV24("text", {
+              fg: mode === Mode.PLAN ? colors.planMode : colors.primary,
+              children: "\u25C9"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV24("box", {
+              flexDirection: "row",
+              gap: 1,
+              children: [
+                /* @__PURE__ */ jsxDEV24("text", {
+                  children: mode
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV24("text", {
+                  attributes: TextAttributes10.DIM,
+                  fg: colors.dimSeparator,
+                  children: "\u203A"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV24("text", {
+                  attributes: TextAttributes10.DIM,
+                  children: model
+                }, undefined, false, undefined, this),
+                durationMs != null ? /* @__PURE__ */ jsxDEV24(Fragment3, {
+                  children: [
+                    /* @__PURE__ */ jsxDEV24("text", {
+                      attributes: TextAttributes10.DIM,
+                      fg: colors.dimSeparator,
+                      children: "\u203A"
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsxDEV24("text", {
+                      attributes: TextAttributes10.DIM,
+                      children: prettyMs(durationMs)
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/messages/error-message.tsx
+import { TextAttributes as TextAttributes11 } from "@opentui/core";
+import { jsxDEV as jsxDEV25 } from "@opentui/react/jsx-dev-runtime";
+function ErrorMessage({ message }) {
+  const { colors } = useTheme();
+  return /* @__PURE__ */ jsxDEV25("box", {
+    width: "100%",
+    alignItems: "center",
+    children: /* @__PURE__ */ jsxDEV25("box", {
+      border: ["left"],
+      borderColor: colors.error,
+      width: "100%",
+      children: /* @__PURE__ */ jsxDEV25("box", {
+        justifyContent: "center",
+        paddingX: 2,
+        paddingY: 1,
+        backgroundColor: colors.surface,
+        width: "100%",
+        children: /* @__PURE__ */ jsxDEV25("text", {
+          attributes: TextAttributes11.DIM,
+          children: message
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/screens/new-session.tsx
+import { jsxDEV as jsxDEV26 } from "@opentui/react/jsx-dev-runtime";
+var newSessionStateSchema = z2.object({
+  message: z2.string(),
+  mode: modeSchema,
+  model: z2.string()
+});
+function NewSession() {
+  const navigate = useNavigate5();
+  const location = useLocation();
+  const toast = useToast();
+  const hasStartedRef = useRef8(false);
+  const state = useMemo3(() => {
+    const parsed = newSessionStateSchema.safeParse(location.state);
+    return parsed.success ? parsed.data : null;
+  }, [location.state]);
+  useEffect4(() => {
+    if (!state) {
+      navigate("/", { replace: true });
+    }
+  }, [state, navigate]);
+  useEffect4(() => {
+    if (!state || hasStartedRef.current)
+      return;
+    hasStartedRef.current = true;
+    let ignore = false;
+    const createSession = async () => {
+      try {
+        const res = await apiClient.sessions.$post({
+          json: {
+            title: state.message.slice(0, 100)
+          }
+        });
+        if (ignore)
+          return;
+        if (!res.ok) {
+          throw new Error(await getErrorMessage(res));
+        }
+        const session = await res.json();
+        navigate(`/sessions/${session.id}`, { replace: true, state: { session, initialPrompt: state } });
+      } catch (error) {
+        if (ignore)
+          return;
+        toast.show({
+          variant: "error",
+          message: error instanceof Error ? error.message : "Failed to create session"
+        });
+        navigate("/", { replace: true });
+      }
+    };
+    createSession();
+    return () => {
+      ignore = true;
+    };
+  }, [state, navigate, toast]);
+  if (!state)
+    return null;
+  return /* @__PURE__ */ jsxDEV26(SessionShell, {
+    onSubmit: () => {},
+    inputDisabled: true,
+    loading: true,
+    children: /* @__PURE__ */ jsxDEV26(UserMessage, {
+      message: state.message,
+      mode: state.mode
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/screens/session.tsx
+import { useState as useState12, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef9 } from "react";
+import { useParams, useLocation as useLocation2, useNavigate as useNavigate6 } from "react-router";
+import { z as z3 } from "zod";
+
+// src/hooks/use-chat.ts
+import { useCallback as useCallback14, useMemo as useMemo4, useState as useState11 } from "react";
+import { useChat as useAiChat } from "@ai-sdk/react";
+import {
+  DefaultChatTransport,
+  lastAssistantMessageIsCompleteWithToolCalls
+} from "ai";
+
+// src/lib/local-tools.ts
+import { mkdir, readFile, readdir as readdir2, stat, writeFile } from "fs/promises";
+import { dirname, isAbsolute as isAbsolute2, join as join3, relative as relative2, resolve as resolve2 } from "path";
+import { JSDOM } from "jsdom";
+import { Readability } from "@mozilla/readability";
+import TurndownService from "turndown";
+import fs from "fs/promises";
+import path from "path";
+import { createReadStream } from "fs";
+import readline from "readline";
+var MAX_FILE_SIZE = 1e4;
+var MAX_RESULTS = 200;
+var MAX_MATCHES = 50;
+var MAX_OUTPUT = 20000;
+var DEFAULT_TIMEOUT = 30000;
+var MAX_CONTENT_LENGTH = 15000;
+var FETCH_TIMEOUT_MS = 1e4;
+var turndownService = new TurndownService({
+  headingStyle: "atx",
+  codeBlockStyle: "fenced"
+});
+var editHistory = new Map;
+function resolveInsideCwd(path2) {
+  const cwd = process.cwd();
+  const resolved = resolve2(cwd, path2);
+  const rel = relative2(cwd, resolved);
+  if (rel.startsWith("..") || isAbsolute2(rel)) {
+    throw new Error("Path is outside the project directory");
+  }
+  return { cwd, resolved };
+}
+function recordEdit(resolvedPath, oldString, newString) {
+  const stack = editHistory.get(resolvedPath) ?? [];
+  stack.push({ oldString, newString });
+  editHistory.set(resolvedPath, stack);
+}
+function truncate(value, limit) {
+  return value.length > limit ? `${value.slice(0, limit)}
+... (truncated, ${value.length} total chars)` : value;
+}
+async function countLines(filePath) {
+  return new Promise((resolve3, reject) => {
+    let lines = 0;
+    const stream = createReadStream(filePath);
+    const rl = readline.createInterface({
+      input: stream,
+      crlfDelay: Infinity
+    });
+    rl.on("line", () => {
+      lines++;
+    });
+    rl.on("close", () => {
+      resolve3(lines);
+    });
+    rl.on("error", (err) => {
+      reject(err);
+    });
+  });
+}
+async function executeLocalTool(toolName, input, mode) {
+  if (mode === Mode.PLAN && !["readFile", "listDirectory", "glob", "grep", "webSearchTool", "fetchUrlTool", "viewOutline", "proposePlanTool", "getFileMetadata"].includes(toolName)) {
+    throw new Error(`Tool ${toolName} is not available in PLAN mode`);
+  } else if (mode === Mode.DOCUMENTATION && !["readFile", "listDirectory", "viewOutline", "getFileMetadata", "writeMarkdownFile", "glob", "grep"].includes(toolName)) {
+    throw new Error(`Tool ${toolName} is not available in DOCUMENTATION mode`);
+  }
+  switch (toolName) {
+    case "readFile": {
+      const { path: path2 } = toolInputSchemas.readFile.parse(input);
+      const { resolved } = resolveInsideCwd(path2);
+      const content = await readFile(resolved, "utf-8");
+      return content.length > MAX_FILE_SIZE ? { content: content.slice(0, MAX_FILE_SIZE), truncated: true, totalLength: content.length } : { content };
+    }
+    case "listDirectory": {
+      const { path: path2 } = toolInputSchemas.listDirectory.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const entries = await readdir2(resolved);
+      const results = [];
+      for (const entry of entries) {
+        if (entry.startsWith(".") || entry === "node_modules")
+          continue;
+        const info = await stat(join3(resolved, entry));
+        results.push({ name: entry, type: info.isDirectory() ? "directory" : "file" });
+      }
+      results.sort((a, b) => a.type !== b.type ? a.type === "directory" ? -1 : 1 : a.name.localeCompare(b.name));
+      return { path: relative2(cwd, resolved) || ".", entries: results };
+    }
+    case "glob": {
+      const { pattern, path: path2 } = toolInputSchemas.glob.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const glob = new Bun.Glob(pattern);
+      const files = [];
+      let truncated = false;
+      for await (const match of glob.scan({ cwd: resolved, dot: false, onlyFiles: true })) {
+        if (match.includes("node_modules"))
+          continue;
+        if (files.length >= MAX_RESULTS) {
+          truncated = true;
+          break;
+        }
+        files.push(relative2(cwd, resolve2(resolved, match)));
+      }
+      files.sort();
+      return { files, ...truncated ? { truncated: true } : {} };
+    }
+    case "grep": {
+      const { pattern, path: path2, include } = toolInputSchemas.grep.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const args = [
+        "-rn",
+        "--color=never",
+        "--exclude-dir=node_modules",
+        "--exclude-dir=.git",
+        "-E"
+      ];
+      if (include)
+        args.push(`--include=${include}`);
+      args.push(pattern, resolved);
+      const proc = Bun.spawn(["grep", ...args], { cwd, stdout: "pipe", stderr: "pipe" });
+      const [stdout, stderr] = await Promise.all([
+        new Response(proc.stdout).text(),
+        new Response(proc.stderr).text()
+      ]);
+      const exitCode = await proc.exited;
+      if (exitCode !== 0 && exitCode !== 1)
+        throw new Error(`grep failed: ${stderr.trim()}`);
+      if (!stdout.trim())
+        return { matches: [], message: "No matches found" };
+      const lines = stdout.trim().split(`
+`);
+      const matches = [];
+      let truncated = false;
+      for (const line of lines) {
+        if (matches.length >= MAX_MATCHES) {
+          truncated = true;
+          break;
+        }
+        const match = line.match(/^(.+?):(\d+):(.*)$/);
+        if (match) {
+          matches.push({
+            file: relative2(cwd, match[1]),
+            line: Number(match[2]),
+            content: match[3]
+          });
+        }
+      }
+      return { matches, ...truncated ? { truncated: true, totalMatches: lines.length } : {} };
+    }
+    case "writeFile": {
+      const { path: path2, content } = toolInputSchemas.writeFile.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      await mkdir(dirname(resolved), { recursive: true });
+      await writeFile(resolved, content, "utf-8");
+      return {
+        success: true,
+        path: relative2(cwd, resolved),
+        bytesWritten: Buffer.byteLength(content, "utf-8")
+      };
+    }
+    case "editFile": {
+      const { path: path2, oldString, newString } = toolInputSchemas.editFile.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const content = await readFile(resolved, "utf-8");
+      const occurrences = content.split(oldString).length - 1;
+      if (occurrences === 0)
+        throw new Error("oldString not found in file");
+      if (occurrences > 1)
+        throw new Error(`oldString is ambiguous; found ${occurrences} matches`);
+      await writeFile(resolved, content.replace(oldString, newString), "utf-8");
+      recordEdit(resolved, oldString, newString);
+      return { success: true, path: relative2(cwd, resolved) };
+    }
+    case "bash": {
+      const { command, timeout = DEFAULT_TIMEOUT } = toolInputSchemas.bash.parse(input);
+      const proc = Bun.spawn(["bash", "-c", command], {
+        cwd: resolveInsideCwd(".").resolved,
+        stdout: "pipe",
+        stderr: "pipe",
+        env: { ...process.env, TERM: "dumb" }
+      });
+      const timer = setTimeout(() => proc.kill(), timeout);
+      const [stdout, stderr] = await Promise.all([
+        new Response(proc.stdout).text(),
+        new Response(proc.stderr).text()
+      ]);
+      const exitCode = await proc.exited;
+      clearTimeout(timer);
+      return {
+        stdout: truncate(stdout, MAX_OUTPUT),
+        stderr: truncate(stderr, MAX_OUTPUT),
+        exitCode
+      };
+    }
+    case "webSearchTool": {
+      const { query, searchDepth, maxResults, includeAnswer } = toolInputSchemas.webSearchTool.parse(input);
+      const apiKey = process.env.TAVILY_API_KEY;
+      const tavilyapiurl = process.env.TAVILY_API_URL;
+      if (!apiKey) {
+        return {
+          error: true,
+          message: "TAVILY_API_KEY is not set in the environment. Add it to your .env file to enable web search."
+        };
+      }
+      try {
+        const response = await fetch(`${tavilyapiurl}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            api_key: apiKey,
+            query,
+            search_depth: searchDepth,
+            max_results: maxResults,
+            include_answer: includeAnswer
+          })
+        });
+        if (!response.ok) {
+          const errorText = await response.text();
+          return {
+            error: true,
+            message: `Tavily API request failed (${response.status}): ${errorText}`
+          };
+        }
+        const data = await response.json();
+        return {
+          error: false,
+          query,
+          answer: data.answer ?? null,
+          results: (data.results ?? []).map((r) => ({
+            title: r.title,
+            url: r.url,
+            content: r.content,
+            score: r.score,
+            publishedDate: r.published_date ?? null
+          }))
+        };
+      } catch (err) {
+        return {
+          error: true,
+          message: `Web search failed: ${err instanceof Error ? err.message : String(err)}`
+        };
+      }
+    }
+    case "fetchUrlTool": {
+      const { url } = toolInputSchemas.fetchUrlTool.parse(input);
+      let parsed;
+      try {
+        parsed = new URL(url);
+      } catch {
+        return { error: true, message: `Invalid URL: ${url}` };
+      }
+      if (!["http:", "https:"].includes(parsed.protocol)) {
+        return { error: true, message: "Only http:// and https:// URLs are supported." };
+      }
+      const blockedHosts = ["localhost", "127.0.0.1", "0.0.0.0", "::1"];
+      if (blockedHosts.includes(parsed.hostname) || parsed.hostname.startsWith("192.168") || parsed.hostname.startsWith("10.") || parsed.hostname.startsWith("169.254.")) {
+        return { error: true, message: "Fetching local/private network addresses is not allowed." };
+      }
+      const controller = new AbortController;
+      const timeout = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
+      try {
+        const response = await fetch(parsed.toString(), {
+          signal: controller.signal,
+          headers: {
+            "User-Agent": "Mozilla/5.0 (compatible; AgentBot/1.0; +tool-fetch)",
+            Accept: "text/html,application/xhtml+xml"
+          },
+          redirect: "follow"
+        });
+        clearTimeout(timeout);
+        if (!response.ok) {
+          return { error: true, message: `Failed to fetch URL: HTTP ${response.status} ${response.statusText}` };
+        }
+        const contentType = response.headers.get("constent-type") ?? "";
+        const explicitlyNonParsable = /^(application\/(pdf|zip|octet-stream|vnd\.|x-)|image\/|video\/|audio\/|font\/)/i.test(contentType);
+        if (explicitlyNonParsable) {
+          if (contentType.includes("application/json") || contentType.startsWith("text/")) {
+            const raw = await response.text();
+            return {
+              error: false,
+              url: parsed.toString(),
+              title: null,
+              content: raw.slice(0, MAX_CONTENT_LENGTH),
+              truncated: raw.length > MAX_CONTENT_LENGTH,
+              note: `Content-Type was "${contentType}", returned as raw text (not HTML, no markdown conversion applied).`
+            };
+          }
+          return {
+            error: true,
+            message: `URL returned non-text content (Content-Type: ${contentType}); cannot extract readable content. Consider a dedicated PDF/file tool for this URL instead.`
+          };
+        }
+        const html = await response.text();
+        const dom = new JSDOM(html, { url: parsed.toString() });
+        const reader = new Readability(dom.window.document);
+        const article = reader.parse();
+        if (!article || !article.content) {
+          const bodyHtml = dom.window.document.body?.innerHTML ?? "";
+          const fallbackMarkdown = turndownService.turndown(bodyHtml);
+          return {
+            error: false,
+            url: parsed.toString(),
+            title: dom.window.document.title || null,
+            content: fallbackMarkdown.slice(0, MAX_CONTENT_LENGTH),
+            truncated: fallbackMarkdown.length > MAX_CONTENT_LENGTH,
+            note: "Readability could not isolate a main article; returned full-page content as a fallback (may include navigation/boilerplate)."
+          };
+        }
+        const markdown = turndownService.turndown(article.content);
+        const truncated = markdown.length > MAX_CONTENT_LENGTH;
+        return {
+          error: false,
+          url: parsed.toString(),
+          title: article.title ?? null,
+          byline: article.byline ?? null,
+          excerpt: article.excerpt ?? null,
+          content: truncated ? markdown.slice(0, MAX_CONTENT_LENGTH) : markdown,
+          truncated
+        };
+      } catch (err) {
+        clearTimeout(timeout);
+        if (err instanceof Error && err.name === "AbortError") {
+          return { error: true, message: `Request timed out after ${FETCH_TIMEOUT_MS}ms.` };
+        }
+        return {
+          error: true,
+          message: `Failed to fetch URL: ${err instanceof Error ? err.message : String(err)}`
+        };
+      }
+    }
+    case "undoLastEditSchema": {
+      const { path: path2 } = toolInputSchemas.undoLastEditSchema.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const stack = editHistory.get(resolved);
+      if (!stack || stack.length === 0) {
+        throw new Error(`No recorded edits to undo for "${path2}"`);
+      }
+      const lastEdit = stack[stack.length - 1];
+      if (!lastEdit) {
+        throw new Error(`No recorded edits to undo for "${path2}"`);
+      }
+      const content = await readFile(resolved, "utf-8");
+      const occurrences = content.split(lastEdit.newString).length - 1;
+      if (occurrences === 0) {
+        throw new Error(`Cannot undo: the text this tool previously inserted into "${path2}" is no longer present ` + `(the file may have changed since then).`);
+      }
+      if (occurrences > 1) {
+        throw new Error(`Cannot undo: found ${occurrences} matches for the last inserted text in "${path2}"; ` + `undo would be ambiguous.`);
+      }
+      await writeFile(resolved, content.replace(lastEdit.newString, lastEdit.oldString), "utf-8");
+      stack.pop();
+      if (stack.length === 0) {
+        editHistory.delete(resolved);
+      }
+      return { success: true, path: relative2(cwd, resolved), remainingHistory: stack.length };
+    }
+    case "viewOutline": {
+      const { path: path2 } = toolInputSchemas.viewOutline.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(path2);
+      const content = await readFile(resolved, "utf-8");
+      const lines = content.split(`
+`);
+      const outline = [];
+      const structurePattern = /^(?:\s*)(?:export\s+|async\s+|private\s+|public\s+)*(class\s+|function\s+|interface\s+|type\s+|def\s+|const\s+\w+\s*=\s*(?:async\s*)*\([^)]*\)\s*=>)/;
+      lines.forEach((line, index) => {
+        if (structurePattern.test(line)) {
+          outline.push(`Line ${index + 1}: ${line.trimEnd()}`);
+        }
+      });
+      if (outline.length === 0) {
+        return `The file "${resolved}" was read successfully, but no major structural elements (classes, functions, interfaces, or methods) were detected.`;
+      }
+      return `### Code Structure Outline for: ${resolved}
+
+${outline.join(`
+`)}`;
+    }
+    case "proposePlanTool": {
+      const { title, currentState, desiredState, steps, affectedFiles, risks } = toolInputSchemas.proposePlanTool.parse(input);
+      return {
+        status: "pending_approval",
+        plan: {
+          title,
+          currentState,
+          desiredState,
+          steps,
+          affectedFiles,
+          risks: risks ?? []
+        },
+        instructions: "This plan is now awaiting user approval in the UI. Do not proceed with any file " + "edits until you receive a follow-up message confirming approval."
+      };
+    }
+    case "getFileMetadata": {
+      const { path: targetPath } = toolInputSchemas.getFileMetadata.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(targetPath);
+      try {
+        const absolutePath = resolved;
+        const stats = await fs.stat(absolutePath);
+        if (!stats.isFile()) {
+          return { error: `Path exists but is not a regular file: ${targetPath}` };
+        }
+        const extension = path.extname(absolutePath);
+        const sizeBytes = stats.size;
+        const lastModified = stats.mtime.toISOString();
+        let lineCount = 0;
+        const MASSIVE_FILE_THRESHOLD = 50 * 1024 * 1024;
+        if (sizeBytes < MASSIVE_FILE_THRESHOLD) {
+          lineCount = await countLines(absolutePath);
+        } else {
+          lineCount = Math.floor(sizeBytes / 50);
+        }
+        const SAFE_READ_LIMIT_BYTES = 100 * 1024;
+        return {
+          success: true,
+          path: targetPath,
+          extension: extension || "(no extension)",
+          sizeBytes,
+          sizeKB: Math.round(sizeBytes / 1024 * 100) / 100,
+          lineCount,
+          lastModified,
+          isSafeToReadEntirely: sizeBytes <= SAFE_READ_LIMIT_BYTES
+        };
+      } catch (error) {
+        if (error.code === "ENOENT") {
+          return { error: `File not found at path: ${targetPath}` };
+        }
+        return {
+          error: `Failed to retrieve metadata: ${error instanceof Error ? error.message : String(error)}`
+        };
+      }
+    }
+    case "writeMarkdownFile": {
+      const { path: targetPath, content } = toolInputSchemas.writeMarkdownFile.parse(input);
+      const { cwd, resolved } = resolveInsideCwd(targetPath);
+      const ext = path.extname(resolved).toLowerCase();
+      if (ext !== ".md" && ext !== ".mdx") {
+        return {
+          error: `Permission denied: Documentation agent is only permitted to write .md or .mdx files. Attempted to write a '${ext || "(none)"}' file.`
+        };
+      }
+      try {
+        const absolutePath = resolved;
+        const targetDir = path.dirname(absolutePath);
+        await fs.mkdir(targetDir, { recursive: true });
+        await fs.writeFile(absolutePath, content, "utf-8");
+        const bytesWritten = Buffer.byteLength(content, "utf-8");
+        return {
+          success: true,
+          message: `Successfully wrote markdown content to ${targetPath}`,
+          path: targetPath,
+          sizeKB: Math.round(bytesWritten / 1024 * 100) / 100
+        };
+      } catch (error) {
+        return {
+          error: `Failed to write markdown file: ${error instanceof Error ? error.message : String(error)}`
+        };
+      }
+    }
+    default:
+      throw new Error(`Unknown tool: ${toolName}`);
+  }
+}
+
+// src/hooks/use-chat.ts
+function useChat(sessionId, initialMessages) {
+  const [questionPrompts, setQuestionPrompts] = useState11([]);
+  const transport = useMemo4(() => {
+    return new DefaultChatTransport({
+      api: apiClient.chat.$url().toString(),
+      headers() {
+        const auth = getAuth();
+        return auth ? { Authorization: `Bearer ${auth.token}` } : new Headers;
+      },
+      prepareSendMessagesRequest({ messages }) {
+        const message = messages[messages.length - 1];
+        if (!message)
+          throw new Error("No message to send");
+        const metadata = messages.findLast((m) => m.metadata?.mode && m.metadata?.model)?.metadata;
+        const previousMessage = messages[messages.length - 2];
+        const requestMessages = message.role === "assistant" && previousMessage?.role === "user" ? [previousMessage, message] : [message];
+        return {
+          body: {
+            id: sessionId,
+            messages: requestMessages,
+            mode: message.metadata?.mode ?? metadata?.mode,
+            model: message.metadata?.model ?? metadata?.model
+          }
+        };
+      }
+    });
+  }, [sessionId]);
+  const deactivateQuestionPrompts = useCallback14(() => {
+    setQuestionPrompts((prompts) => prompts.map((prompt) => ({ ...prompt, isActive: false })));
+  }, []);
+  const submitQuestionAnswer = useCallback14((promptId, answerText) => {
+    const prompt = questionPrompts.find((entry) => entry.id === promptId);
+    if (!prompt) {
+      return;
+    }
+    setQuestionPrompts((prompts) => prompts.filter((entry) => entry.id !== promptId));
+    chat.addToolOutput({
+      tool: prompt.toolName,
+      toolCallId: prompt.toolCallId,
+      output: {
+        answer: answerText
+      }
+    });
+  }, [questionPrompts]);
+  const chat = useAiChat({
+    id: sessionId,
+    messages: initialMessages,
+    transport,
+    onToolCall({ toolCall }) {
+      if (toolCall.toolName === "askQuestionTool") {
+        const parsed = toolInputSchemas.askQuestionTool.parse(toolCall.input);
+        const promptId = globalThis.crypto?.randomUUID?.() ?? `${toolCall.toolCallId}-${Date.now()}`;
+        setQuestionPrompts((prompts) => [
+          ...prompts.map((prompt) => ({ ...prompt, isActive: false })),
+          {
+            id: promptId,
+            toolCallId: toolCall.toolCallId,
+            toolName: toolCall.toolName,
+            title: parsed.title,
+            context: parsed.context,
+            questions: parsed.questions,
+            isActive: true
+          }
+        ]);
+        return;
+      }
+      const mode = chat.messages.at(-1)?.metadata?.mode ?? "BUILD";
+      executeLocalTool(toolCall.toolName, toolCall.input, mode).then((output) => chat.addToolOutput({
+        tool: toolCall.toolName,
+        toolCallId: toolCall.toolCallId,
+        output
+      })).catch((error) => chat.addToolOutput({
+        tool: toolCall.toolName,
+        toolCallId: toolCall.toolCallId,
+        state: "output-error",
+        errorText: error instanceof Error ? error.message : String(error)
+      }));
+    },
+    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls
+  });
+  return {
+    messages: chat.messages,
+    status: chat.status,
+    error: chat.error,
+    questionPrompts,
+    deactivateQuestionPrompts,
+    submitQuestionAnswer,
+    submit: (params) => {
+      return chat.sendMessage({
+        text: params.userText,
+        metadata: {
+          mode: params.mode,
+          model: params.model
+        }
+      });
+    },
+    abort: chat.stop,
+    interrupt: chat.stop
+  };
+}
+
+// src/screens/session.tsx
+import { useKeyboard as useKeyboard6 } from "@opentui/react";
+import { jsxDEV as jsxDEV27 } from "@opentui/react/jsx-dev-runtime";
+var sessionLocationSchema = z3.object({
+  session: z3.custom((val) => val != null && typeof val === "object" && ("id" in val)),
+  initialPrompt: z3.object({
+    message: z3.string(),
+    mode: z3.custom(),
+    model: z3.custom()
+  }).optional()
+});
+function ChatMessage({
+  msg,
+  questionPrompts,
+  onSubmitQuestionAnswer
+}) {
+  if (msg.role === "user") {
+    const text = msg.parts.filter((p) => p.type === "text").map((p) => p.text).join("");
+    return /* @__PURE__ */ jsxDEV27(UserMessage, {
+      message: text,
+      mode: msg.metadata?.mode ?? "BUILD"
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV27(BotMessage, {
+    parts: msg.parts,
+    model: msg.metadata?.model ?? "unknown",
+    mode: msg.metadata?.mode ?? "BUILD",
+    durationMs: msg.metadata?.durationMs,
+    streaming: false,
+    questionPrompts,
+    onSubmitQuestionAnswer
+  }, undefined, false, undefined, this);
+}
+function SessionChat({ session, initialPrompt }) {
+  const [initialMessages] = useState12(() => session.messages);
+  const {
+    messages,
+    status,
+    submit,
+    abort,
+    interrupt,
+    error,
+    questionPrompts,
+    submitQuestionAnswer,
+    deactivateQuestionPrompts
+  } = useChat(session.id, initialMessages);
+  const hasSubmittedInitialPromptRef = useRef9(false);
+  const { mode, model } = usePromptConfig();
+  const { isTopLayer } = useKeyboardLayer();
+  useEffect5(() => {
+    return () => {
+      abort();
+    };
+  }, [abort]);
+  useKeyboard6((key) => {
+    if (key.name === "escape" && isTopLayer("base") && status === "streaming") {
+      key.preventDefault();
+      interrupt();
+    }
+  });
+  useEffect5(() => {
+    if (!initialPrompt || hasSubmittedInitialPromptRef.current)
+      return;
+    hasSubmittedInitialPromptRef.current = true;
+    submit({
+      userText: initialPrompt.message,
+      mode: initialPrompt.mode,
+      model: initialPrompt.model
+    });
+  }, [initialPrompt, submit]);
+  return /* @__PURE__ */ jsxDEV27(SessionShell, {
+    onSubmit: (text) => {
+      deactivateQuestionPrompts();
+      submit({ userText: text, mode, model });
+    },
+    loading: status === "submitted" || status === "streaming",
+    interruptible: status === "submitted" || status === "streaming",
+    children: [
+      messages.map((msg) => /* @__PURE__ */ jsxDEV27(ChatMessage, {
+        msg,
+        questionPrompts,
+        onSubmitQuestionAnswer: submitQuestionAnswer
+      }, msg.id, false, undefined, this)),
+      error && /* @__PURE__ */ jsxDEV27(ErrorMessage, {
+        message: error.message
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function Session() {
+  const { id } = useParams();
+  const location = useLocation2();
+  const navigate = useNavigate6();
+  const toast = useToast();
+  const prefetched = useMemo5(() => {
+    const parsed = sessionLocationSchema.safeParse(location.state);
+    return parsed.success ? parsed.data : null;
+  }, [location.state]);
+  const [session, setSession] = useState12(prefetched?.session ?? null);
+  useEffect5(() => {
+    if (prefetched?.session)
+      return;
+    setSession(null);
+    if (!id)
+      return;
+    let ignore = false;
+    const fetchSession = async () => {
+      try {
+        const res = await apiClient.sessions[":id"].$get({
+          param: { id }
+        });
+        if (ignore)
+          return;
+        if (!res.ok)
+          throw new Error(await getErrorMessage(res));
+        const resolved = await res.json();
+        setSession(resolved);
+      } catch (err) {
+        if (ignore)
+          return;
+        toast.show({
+          variant: "error",
+          message: err instanceof Error ? err.message : "Failed to load session"
+        });
+        navigate("/", { replace: true });
+      }
+    };
+    fetchSession();
+    return () => {
+      ignore = true;
+    };
+  }, [id, prefetched, toast, navigate]);
+  if (!session) {
+    return /* @__PURE__ */ jsxDEV27(SessionShell, {
+      onSubmit: () => {},
+      inputDisabled: true,
+      loading: true
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV27(SessionChat, {
+    session,
+    initialPrompt: prefetched?.initialPrompt
+  }, session.id, false, undefined, this);
+}
+
+// src/index.tsx
+import { jsxDEV as jsxDEV28 } from "@opentui/react/jsx-dev-runtime";
 var router = createMemoryRouter([
   {
     path: "/",
-    element: /* @__PURE__ */ jsxDEV(RootLayout, {}, undefined, false, undefined, this),
+    element: /* @__PURE__ */ jsxDEV28(RootLayout, {}, undefined, false, undefined, this),
     children: [
-      { index: true, element: /* @__PURE__ */ jsxDEV(Home, {}, undefined, false, undefined, this) },
-      { path: "sessions/new", element: /* @__PURE__ */ jsxDEV(NewSession, {}, undefined, false, undefined, this) },
-      { path: "sessions/:id", element: /* @__PURE__ */ jsxDEV(Session, {}, undefined, false, undefined, this) },
-      { path: "docs", element: /* @__PURE__ */ jsxDEV(Docs, {}, undefined, false, undefined, this) }
+      { index: true, element: /* @__PURE__ */ jsxDEV28(Home, {}, undefined, false, undefined, this) },
+      { path: "sessions/new", element: /* @__PURE__ */ jsxDEV28(NewSession, {}, undefined, false, undefined, this) },
+      { path: "sessions/:id", element: /* @__PURE__ */ jsxDEV28(Session, {}, undefined, false, undefined, this) },
+      { path: "docs", element: /* @__PURE__ */ jsxDEV28(Docs, {}, undefined, false, undefined, this) }
     ]
   }
 ]);
 function App() {
-  return /* @__PURE__ */ jsxDEV(RouterProvider, {
+  return /* @__PURE__ */ jsxDEV28(RouterProvider, {
     router
   }, undefined, false, undefined, this);
 }
@@ -30,4 +4133,4 @@ var renderer = await createCliRenderer({
   targetFps: 60,
   exitOnCtrlC: false
 });
-createRoot(renderer).render(/* @__PURE__ */ jsxDEV(App, {}, undefined, false, undefined, this));
+createRoot(renderer).render(/* @__PURE__ */ jsxDEV28(App, {}, undefined, false, undefined, this));