vibewithme 0.1.0

package/dist/bin.js

@@ -0,0 +1,1550 @@
+#!/usr/bin/env node
+import {
+  createMessageId
+} from "./chunk-CSC6MWPD.js";
+import {
+  Doc
+} from "./chunk-2JHYHMND.js";
+import "./chunk-MO4EEYFW.js";
+
+// src/bin.tsx
+import { render } from "ink";
+import { Command } from "commander";
+import path3 from "path";
+
+// ../tui/dist/index.js
+import { useEffect as useEffect4, createContext, useContext } from "react";
+import { Box as Box15, useStdout } from "ink";
+import { Box, Text } from "ink";
+
+// ../../node_modules/zustand/esm/vanilla.mjs
+var createStoreImpl = (createState) => {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (!Object.is(nextState, state)) {
+      const previousState = state;
+      state = (replace != null ? replace : typeof nextState !== "object" || nextState === null) ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const getInitialState = () => initialState;
+  const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const api = { setState, getState, getInitialState, subscribe };
+  const initialState = state = createState(setState, getState, api);
+  return api;
+};
+var createStore = ((createState) => createState ? createStoreImpl(createState) : createStoreImpl);
+
+// ../../node_modules/zustand/esm/react.mjs
+import React from "react";
+var identity = (arg) => arg;
+function useStore(api, selector = identity) {
+  const slice = React.useSyncExternalStore(
+    api.subscribe,
+    React.useCallback(() => selector(api.getState()), [api, selector]),
+    React.useCallback(() => selector(api.getInitialState()), [api, selector])
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+var createImpl = (createState) => {
+  const api = createStore(createState);
+  const useBoundStore = (selector) => useStore(api, selector);
+  Object.assign(useBoundStore, api);
+  return useBoundStore;
+};
+var create = ((createState) => createState ? createImpl(createState) : createImpl);
+
+// ../tui/dist/index.js
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box as Box2, Text as Text2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { Box as Box7, Text as Text7 } from "ink";
+import { Box as Box3, Text as Text3, useInput } from "ink";
+import { useCallback } from "react";
+import fs from "fs";
+import path from "path";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { useState } from "react";
+import { Box as Box4, Text as Text4, useInput as useInput2 } from "ink";
+import { useCallback as useCallback2, useEffect } from "react";
+import fs2 from "fs";
+import path2 from "path";
+import os from "os";
+import crypto from "crypto";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { useState as useState2 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput3 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text6, useInput as useInput4 } from "ink";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text9 } from "ink";
+import React4 from "react";
+import { Box as Box8, Text as Text8, useInput as useInput5 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text12 } from "ink";
+import { Box as Box10, Text as Text10 } from "ink";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import React5 from "react";
+import { Box as Box11, Text as Text11, useInput as useInput6 } from "ink";
+import { useCallback as useCallback3, useRef } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useState as useState4, useMemo } from "react";
+import { Box as Box13, Text as Text13, useInput as useInput7 } from "ink";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useState as useState5, useEffect as useEffect2 } from "react";
+import { Box as Box14, Text as Text14, useInput as useInput8 } from "ink";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useInput as useInput9 } from "ink";
+import { useEffect as useEffect3, useRef as useRef2, useCallback as useCallback4, useState as useState6 } from "react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
+var theme = {
+  colors: {
+    bg: "#1e1e2e",
+    surface: "#313244",
+    border: "#45475a",
+    borderFocus: "#89b4fa",
+    text: "#cdd6f4",
+    textDim: "#6c7086",
+    textBright: "#f5f5f5",
+    primary: "#89b4fa",
+    secondary: "#a6e3a1",
+    accent: "#f5c2e7",
+    warning: "#f9e2af",
+    error: "#f38ba8",
+    success: "#a6e3a1",
+    aiBubble: "#b4befe",
+    userBubble: "#89b4fa",
+    systemText: "#6c7086"
+  },
+  borders: {
+    single: "single",
+    double: "double",
+    round: "round",
+    bold: "bold"
+  },
+  icons: {
+    file: "  ",
+    folder: "  ",
+    folderOpen: "  ",
+    chevronRight: " >",
+    chevronDown: " v",
+    online: " *",
+    offline: " o",
+    idle: " ~",
+    ai: " #",
+    lock: " !",
+    check: " +",
+    cross: " x",
+    spinner: " -"
+  }
+};
+var useWorkspaceStore = create((set, get) => ({
+  projectPath: process.cwd(),
+  projectName: "",
+  fileTree: [],
+  activeFile: null,
+  fileContent: null,
+  openFiles: [],
+  expandedDirs: /* @__PURE__ */ new Set(),
+  selectedIndex: 0,
+  setProjectPath: (path32) => set({ projectPath: path32 }),
+  setProjectName: (name) => set({ projectName: name }),
+  setFileTree: (tree) => set({ fileTree: tree }),
+  setActiveFile: (path32) => set({ activeFile: path32 }),
+  setFileContent: (content) => set({ fileContent: content }),
+  openFile: (path32) => {
+    const { openFiles } = get();
+    if (!openFiles.includes(path32)) {
+      set({ openFiles: [...openFiles, path32], activeFile: path32 });
+    } else {
+      set({ activeFile: path32 });
+    }
+  },
+  closeFile: (path32) => {
+    const { openFiles, activeFile } = get();
+    const next = openFiles.filter((f) => f !== path32);
+    set({
+      openFiles: next,
+      activeFile: activeFile === path32 ? next[next.length - 1] ?? null : activeFile
+    });
+  },
+  toggleDir: (path32) => {
+    const { expandedDirs } = get();
+    const next = new Set(expandedDirs);
+    if (next.has(path32)) {
+      next.delete(path32);
+    } else {
+      next.add(path32);
+    }
+    set({ expandedDirs: next });
+  },
+  setSelectedIndex: (index) => set({ selectedIndex: index })
+}));
+function Header() {
+  const projectName = useWorkspaceStore((s) => s.projectName);
+  const { connected, remoteUsers, roomId } = useCollab();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      borderStyle: "single",
+      borderColor: theme.colors.border,
+      paddingX: 1,
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { bold: true, color: theme.colors.accent, children: "vibewithme" }),
+          /* @__PURE__ */ jsx(Text, { color: theme.colors.textDim, children: "|" }),
+          /* @__PURE__ */ jsx(Text, { color: theme.colors.text, children: projectName || "no project" }),
+          roomId && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Text, { color: theme.colors.textDim, children: "|" }),
+            /* @__PURE__ */ jsxs(Text, { color: theme.colors.textDim, children: [
+              "room: ",
+              roomId
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx(Text, { color: theme.colors.success, children: "* you" }),
+          remoteUsers.map((user) => {
+            const isActive = Date.now() - user.lastActive < 3e4;
+            return /* @__PURE__ */ jsxs(Text, { color: isActive ? user.color : theme.colors.textDim, children: [
+              isActive ? "*" : "~",
+              " ",
+              user.name
+            ] }, user.id);
+          }),
+          roomId && /* @__PURE__ */ jsx(Text, { color: connected ? theme.colors.success : theme.colors.error, children: connected ? "[live]" : "[offline]" }),
+          /* @__PURE__ */ jsx(Text, { color: theme.colors.textDim, children: "v0.1.0" })
+        ] })
+      ]
+    }
+  );
+}
+var panelOrder = ["sidebar", "workspace", "chat"];
+var useUIStore = create((set, get) => ({
+  focusedPanel: "chat",
+  sidebarTab: "files",
+  modal: null,
+  sidebarWidth: 24,
+  chatWidth: 32,
+  terminalWidth: 120,
+  terminalHeight: 40,
+  setFocusedPanel: (panel) => set({ focusedPanel: panel }),
+  setSidebarTab: (tab) => set({ sidebarTab: tab }),
+  setModal: (modal) => set({ modal }),
+  setTerminalSize: (width, height) => set({ terminalWidth: width, terminalHeight: height }),
+  focusNext: () => {
+    const { focusedPanel } = get();
+    const idx = panelOrder.indexOf(focusedPanel);
+    const next = panelOrder[(idx + 1) % panelOrder.length];
+    set({ focusedPanel: next });
+  },
+  focusPrev: () => {
+    const { focusedPanel } = get();
+    const idx = panelOrder.indexOf(focusedPanel);
+    const prev = panelOrder[(idx - 1 + panelOrder.length) % panelOrder.length];
+    set({ focusedPanel: prev });
+  }
+}));
+var useChatStore = create((set, get) => ({
+  messages: [],
+  inputValue: "",
+  isAgentRunning: false,
+  agentStreamText: "",
+  addMessage: (msg) => {
+    const message = {
+      ...msg,
+      id: createMessageId(),
+      timestamp: Date.now()
+    };
+    set({ messages: [...get().messages, message] });
+  },
+  setInputValue: (value) => set({ inputValue: value }),
+  setAgentRunning: (running) => set({ isAgentRunning: running }),
+  setAgentStreamText: (text) => set({ agentStreamText: text }),
+  appendAgentStreamText: (text) => set({ agentStreamText: get().agentStreamText + text })
+}));
+function Footer() {
+  const focusedPanel = useUIStore((s) => s.focusedPanel);
+  const isAgentRunning = useChatStore((s) => s.isAgentRunning);
+  return /* @__PURE__ */ jsxs2(Box2, { paddingX: 1, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxs2(Box2, { gap: 2, children: [
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: focusedPanel === "sidebar" ? theme.colors.primary : void 0, children: "^1" }),
+        " ",
+        "Files"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: focusedPanel === "workspace" ? theme.colors.primary : void 0, children: "^2" }),
+        " ",
+        "Editor"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: focusedPanel === "chat" ? theme.colors.primary : void 0, children: "^3" }),
+        " ",
+        "Chat"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: "^P" }),
+        " Palette"
+      ] }),
+      /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, children: "@ai" }),
+        " Claude"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx2(Box2, { gap: 1, children: isAgentRunning && /* @__PURE__ */ jsx2(Text2, { color: theme.colors.aiBubble, children: "Claude is working..." }) })
+  ] });
+}
+var IGNORED = /* @__PURE__ */ new Set([
+  "node_modules",
+  ".git",
+  ".next",
+  ".turbo",
+  "dist",
+  ".DS_Store",
+  "coverage",
+  ".env",
+  ".env.local"
+]);
+function readDir(dirPath, depth = 0) {
+  if (depth > 3) return [];
+  try {
+    const entries = fs.readdirSync(dirPath, { withFileTypes: true });
+    const result = [];
+    const dirs = entries.filter((e) => e.isDirectory() && !IGNORED.has(e.name) && !e.name.startsWith(".")).sort((a, b) => a.name.localeCompare(b.name));
+    const files = entries.filter((e) => e.isFile() && !IGNORED.has(e.name)).sort((a, b) => a.name.localeCompare(b.name));
+    for (const dir of dirs) {
+      const fullPath = path.join(dirPath, dir.name);
+      result.push({
+        name: dir.name,
+        path: fullPath,
+        type: "directory",
+        children: readDir(fullPath, depth + 1)
+      });
+    }
+    for (const file of files) {
+      const fullPath = path.join(dirPath, file.name);
+      result.push({
+        name: file.name,
+        path: fullPath,
+        type: "file",
+        extension: path.extname(file.name).slice(1)
+      });
+    }
+    return result;
+  } catch {
+    return [];
+  }
+}
+function useFileSystem() {
+  const { projectPath, setFileTree, setFileContent, setProjectName } = useWorkspaceStore();
+  const loadProject = useCallback(
+    (projectDir) => {
+      const dir = projectDir ?? projectPath;
+      if (!dir) return;
+      useWorkspaceStore.getState().setProjectPath(dir);
+      const name = path.basename(dir);
+      setProjectName(name);
+      const tree = readDir(dir);
+      setFileTree(tree);
+    },
+    [projectPath, setFileTree, setProjectName]
+  );
+  const readFile = useCallback(
+    (filePath) => {
+      try {
+        const content = fs.readFileSync(filePath, "utf-8");
+        setFileContent(content);
+      } catch {
+        setFileContent("Error: Could not read file");
+      }
+    },
+    [setFileContent]
+  );
+  return { loadProject, readFile };
+}
+function flattenTree(entries, expandedDirs, depth = 0) {
+  const result = [];
+  for (const entry of entries) {
+    result.push({ entry, depth });
+    if (entry.type === "directory" && entry.children && expandedDirs.has(entry.path)) {
+      result.push(...flattenTree(entry.children, expandedDirs, depth + 1));
+    }
+  }
+  return result;
+}
+function FileTree({ isFocused }) {
+  const {
+    fileTree,
+    expandedDirs,
+    selectedIndex,
+    toggleDir,
+    setSelectedIndex
+  } = useWorkspaceStore();
+  const { openFile } = useWorkspaceStore();
+  const { readFile } = useFileSystem();
+  const flatItems = flattenTree(fileTree, expandedDirs);
+  useInput(
+    (input, key) => {
+      if (!isFocused) return;
+      if (key.upArrow || input === "k") {
+        setSelectedIndex(Math.max(0, selectedIndex - 1));
+        return;
+      }
+      if (key.downArrow || input === "j") {
+        setSelectedIndex(Math.min(flatItems.length - 1, selectedIndex + 1));
+        return;
+      }
+      if (key.return || input === "l") {
+        const item = flatItems[selectedIndex];
+        if (!item) return;
+        if (item.entry.type === "directory") {
+          toggleDir(item.entry.path);
+        } else {
+          openFile(item.entry.path);
+          readFile(item.entry.path);
+        }
+        return;
+      }
+      if (input === "h") {
+        const item = flatItems[selectedIndex];
+        if (item?.entry.type === "directory" && expandedDirs.has(item.entry.path)) {
+          toggleDir(item.entry.path);
+        }
+        return;
+      }
+    }
+  );
+  if (flatItems.length === 0) {
+    return /* @__PURE__ */ jsx3(Text3, { color: theme.colors.textDim, children: "Empty directory" });
+  }
+  const maxVisible = 20;
+  const startIdx = Math.max(0, selectedIndex - Math.floor(maxVisible / 2));
+  const visibleItems = flatItems.slice(startIdx, startIdx + maxVisible);
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
+    visibleItems.map(({ entry, depth }, i) => {
+      const globalIdx = startIdx + i;
+      const isSelected = globalIdx === selectedIndex;
+      const isDir = entry.type === "directory";
+      const isExpanded = expandedDirs.has(entry.path);
+      const icon = isDir ? isExpanded ? "v " : "> " : "  ";
+      const indent = "  ".repeat(depth);
+      return /* @__PURE__ */ jsx3(Text3, { children: /* @__PURE__ */ jsxs3(
+        Text3,
+        {
+          color: isSelected ? theme.colors.textBright : isDir ? theme.colors.primary : theme.colors.text,
+          bold: isSelected,
+          inverse: isSelected && isFocused,
+          children: [
+            indent,
+            icon,
+            entry.name
+          ]
+        }
+      ) }, entry.path);
+    }),
+    flatItems.length > maxVisible && /* @__PURE__ */ jsxs3(Text3, { color: theme.colors.textDim, children: [
+      "(",
+      flatItems.length,
+      " items)"
+    ] })
+  ] });
+}
+var useSecretsStore = create((set) => ({
+  secrets: [],
+  loaded: false,
+  setSecrets: (secrets) => set({ secrets }),
+  setLoaded: (loaded) => set({ loaded })
+}));
+var SECRETS_DIR = path2.join(os.homedir(), ".vibewithme");
+var SECRETS_FILE = path2.join(SECRETS_DIR, "secrets.enc");
+var KEY_FILE = path2.join(SECRETS_DIR, "secrets.key");
+function getEncryptionKey() {
+  if (fs2.existsSync(KEY_FILE)) {
+    return Buffer.from(fs2.readFileSync(KEY_FILE, "utf-8"), "hex");
+  }
+  const key = crypto.randomBytes(32);
+  if (!fs2.existsSync(SECRETS_DIR)) {
+    fs2.mkdirSync(SECRETS_DIR, { recursive: true, mode: 448 });
+  }
+  fs2.writeFileSync(KEY_FILE, key.toString("hex"), { mode: 384 });
+  return key;
+}
+function encrypt(data) {
+  const key = getEncryptionKey();
+  const iv = crypto.randomBytes(16);
+  const cipher = crypto.createCipheriv("aes-256-gcm", key, iv);
+  let encrypted = cipher.update(data, "utf-8", "hex");
+  encrypted += cipher.final("hex");
+  const authTag = cipher.getAuthTag();
+  return `${iv.toString("hex")}:${authTag.toString("hex")}:${encrypted}`;
+}
+function decrypt(data) {
+  const key = getEncryptionKey();
+  const [ivHex, authTagHex, encrypted] = data.split(":");
+  const iv = Buffer.from(ivHex, "hex");
+  const authTag = Buffer.from(authTagHex, "hex");
+  const decipher = crypto.createDecipheriv("aes-256-gcm", key, iv);
+  decipher.setAuthTag(authTag);
+  let decrypted = decipher.update(encrypted, "hex", "utf-8");
+  decrypted += decipher.final("utf-8");
+  return decrypted;
+}
+function loadSecretsFromDisk() {
+  try {
+    if (!fs2.existsSync(SECRETS_FILE)) return [];
+    const raw = fs2.readFileSync(SECRETS_FILE, "utf-8");
+    const json = decrypt(raw);
+    return JSON.parse(json);
+  } catch {
+    return [];
+  }
+}
+function saveSecretsToDisk(secrets) {
+  if (!fs2.existsSync(SECRETS_DIR)) {
+    fs2.mkdirSync(SECRETS_DIR, { recursive: true, mode: 448 });
+  }
+  const json = JSON.stringify(secrets);
+  const encrypted = encrypt(json);
+  fs2.writeFileSync(SECRETS_FILE, encrypted, { mode: 384 });
+}
+function useSecrets() {
+  const { secrets, loaded, setSecrets, setLoaded } = useSecretsStore();
+  useEffect(() => {
+    if (!loaded) {
+      const stored = loadSecretsFromDisk();
+      setSecrets(stored);
+      setLoaded(true);
+    }
+  }, [loaded, setSecrets, setLoaded]);
+  const addSecret = useCallback2(
+    (key, value) => {
+      const now = Date.now();
+      const existing = secrets.findIndex((s) => s.key === key);
+      let next;
+      if (existing >= 0) {
+        next = [...secrets];
+        next[existing] = { key, value, createdAt: next[existing].createdAt, updatedAt: now };
+      } else {
+        next = [...secrets, { key, value, createdAt: now, updatedAt: now }];
+      }
+      setSecrets(next);
+      saveSecretsToDisk(next);
+    },
+    [secrets, setSecrets]
+  );
+  const removeSecret = useCallback2(
+    (key) => {
+      const next = secrets.filter((s) => s.key !== key);
+      setSecrets(next);
+      saveSecretsToDisk(next);
+    },
+    [secrets, setSecrets]
+  );
+  const getSecretValue = useCallback2(
+    (key) => {
+      return secrets.find((s) => s.key === key)?.value;
+    },
+    [secrets]
+  );
+  const getEnvVars = useCallback2(() => {
+    const env = {};
+    for (const s of secrets) {
+      env[s.key] = s.value;
+    }
+    return env;
+  }, [secrets]);
+  const toEnvFile = useCallback2(() => {
+    return secrets.map((s) => `${s.key}=${s.value}`).join("\n") + "\n";
+  }, [secrets]);
+  return { secrets, addSecret, removeSecret, getSecretValue, getEnvVars, toEnvFile };
+}
+function SecretsList({ isFocused, onAddNew }) {
+  const { secrets, removeSecret } = useSecrets();
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  const [revealedKey, setRevealedKey] = useState(null);
+  useInput2(
+    (input, key) => {
+      if (!isFocused) return;
+      if (key.upArrow || input === "k") {
+        setSelectedIndex((i) => Math.max(0, i - 1));
+      }
+      if (key.downArrow || input === "j") {
+        setSelectedIndex((i) => Math.min(secrets.length - 1, i + 1));
+      }
+      if (input === "a") {
+        onAddNew();
+      }
+      if (input === "r" && secrets[selectedIndex]) {
+        setRevealedKey(
+          revealedKey === secrets[selectedIndex].key ? null : secrets[selectedIndex].key
+        );
+      }
+      if (input === "d" && secrets[selectedIndex]) {
+        removeSecret(secrets[selectedIndex].key);
+        setSelectedIndex((i) => Math.max(0, i - 1));
+      }
+    }
+  );
+  if (secrets.length === 0) {
+    return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsx4(Text4, { color: theme.colors.textDim, children: "No secrets stored." }),
+      /* @__PURE__ */ jsxs4(Text4, { color: theme.colors.textDim, children: [
+        "Press ",
+        /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.colors.primary, children: "a" }),
+        " to add one."
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+    secrets.map((secret, i) => {
+      const isSelected = i === selectedIndex;
+      const isRevealed = revealedKey === secret.key;
+      const masked = secret.value.slice(0, 3) + "..." + secret.value.slice(-3);
+      return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", children: [
+        /* @__PURE__ */ jsxs4(
+          Text4,
+          {
+            inverse: isSelected && isFocused,
+            bold: isSelected,
+            color: isSelected ? theme.colors.textBright : theme.colors.text,
+            children: [
+              "! ",
+              secret.key
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs4(Text4, { color: theme.colors.textDim, children: [
+          "  ",
+          isRevealed ? secret.value : masked
+        ] })
+      ] }, secret.key);
+    }),
+    /* @__PURE__ */ jsx4(Text4, { color: theme.colors.textDim, children: "a:add r:reveal d:delete" })
+  ] });
+}
+function SecretForm({ onClose }) {
+  const { addSecret } = useSecrets();
+  const [field, setField] = useState2("key");
+  const [key, setKey] = useState2("");
+  const [value, setValue] = useState2("");
+  useInput3((input, inkKey) => {
+    if (inkKey.escape) {
+      onClose();
+      return;
+    }
+    if (inkKey.return) {
+      if (field === "key" && key.trim()) {
+        setField("value");
+      } else if (field === "value" && key.trim() && value.trim()) {
+        addSecret(key.trim(), value.trim());
+        onClose();
+      }
+      return;
+    }
+    if (inkKey.backspace || inkKey.delete) {
+      if (field === "key") setKey((s) => s.slice(0, -1));
+      else setValue((s) => s.slice(0, -1));
+      return;
+    }
+    if (input && !inkKey.ctrl && !inkKey.meta) {
+      if (field === "key") setKey((s) => s + input.toUpperCase());
+      else setValue((s) => s + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.colors.accent,
+      paddingX: 2,
+      paddingY: 1,
+      children: [
+        /* @__PURE__ */ jsx5(Text5, { bold: true, color: theme.colors.accent, children: "Add Secret" }),
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: field === "key" ? theme.colors.primary : theme.colors.textDim, children: [
+            "Key:",
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs5(Text5, { color: theme.colors.text, children: [
+            key,
+            field === "key" && /* @__PURE__ */ jsx5(Text5, { inverse: true, children: " " })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5(Box5, { children: [
+          /* @__PURE__ */ jsxs5(Text5, { color: field === "value" ? theme.colors.primary : theme.colors.textDim, children: [
+            "Val:",
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs5(Text5, { color: theme.colors.text, children: [
+            value,
+            field === "value" && /* @__PURE__ */ jsx5(Text5, { inverse: true, children: " " })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { color: theme.colors.textDim, children: "Enter: next/save | Esc: cancel" })
+      ]
+    }
+  );
+}
+function TeamPanel({ isFocused, onInvite }) {
+  const { remoteUsers, connected, roomId } = useCollab();
+  useInput4(
+    (input) => {
+      if (!isFocused) return;
+      if (input === "i") {
+        onInvite();
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
+    roomId ? /* @__PURE__ */ jsx6(Text6, { color: connected ? theme.colors.success : theme.colors.error, children: connected ? "* Connected" : "x Disconnected" }) : /* @__PURE__ */ jsx6(Text6, { color: theme.colors.textDim, children: "No room joined" }),
+    /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, children: [
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: theme.colors.success, children: "* you" }),
+      /* @__PURE__ */ jsx6(Text6, { color: theme.colors.textDim, children: " (owner)" })
+    ] }),
+    remoteUsers.map((user) => {
+      const isActive = Date.now() - user.lastActive < 3e4;
+      return /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: isActive ? user.color : theme.colors.textDim, children: [
+          isActive ? "*" : "~",
+          " ",
+          user.name
+        ] }),
+        /* @__PURE__ */ jsxs6(Text6, { color: theme.colors.textDim, children: [
+          " ",
+          "(",
+          user.panel || "idle",
+          ")"
+        ] })
+      ] }, user.id);
+    }),
+    remoteUsers.length === 0 && roomId && /* @__PURE__ */ jsx6(Text6, { color: theme.colors.textDim, children: "No one else here yet." }),
+    /* @__PURE__ */ jsx6(Box6, { marginTop: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: theme.colors.textDim, children: [
+      /* @__PURE__ */ jsx6(Text6, { bold: true, color: theme.colors.primary, children: "i" }),
+      ":invite"
+    ] }) })
+  ] });
+}
+var tabs = [
+  { id: "files", label: "Files" },
+  { id: "secrets", label: "Secrets" },
+  { id: "team", label: "Team" }
+];
+function Sidebar() {
+  const { focusedPanel, sidebarTab, setSidebarTab, setModal } = useUIStore();
+  const isFocused = focusedPanel === "sidebar";
+  const [showSecretForm, setShowSecretForm] = useState3(false);
+  return /* @__PURE__ */ jsxs7(
+    Box7,
+    {
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: isFocused ? theme.colors.borderFocus : theme.colors.border,
+      width: 24,
+      children: [
+        /* @__PURE__ */ jsx7(Box7, { paddingX: 1, gap: 1, children: tabs.map((tab) => /* @__PURE__ */ jsx7(
+          Text7,
+          {
+            bold: sidebarTab === tab.id,
+            color: sidebarTab === tab.id ? theme.colors.primary : theme.colors.textDim,
+            children: tab.label
+          },
+          tab.id
+        )) }),
+        /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: [
+          sidebarTab === "files" && /* @__PURE__ */ jsx7(FileTree, { isFocused }),
+          sidebarTab === "secrets" && !showSecretForm && /* @__PURE__ */ jsx7(
+            SecretsList,
+            {
+              isFocused,
+              onAddNew: () => setShowSecretForm(true)
+            }
+          ),
+          sidebarTab === "secrets" && showSecretForm && /* @__PURE__ */ jsx7(SecretForm, { onClose: () => setShowSecretForm(false) }),
+          sidebarTab === "team" && /* @__PURE__ */ jsx7(
+            TeamPanel,
+            {
+              isFocused,
+              onInvite: () => setModal("invite")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function FileViewer({ isFocused }) {
+  const { fileContent, activeFile } = useWorkspaceStore();
+  const [scrollOffset, setScrollOffset] = React4.useState(0);
+  React4.useEffect(() => {
+    setScrollOffset(0);
+  }, [activeFile]);
+  useInput5(
+    (input, key) => {
+      if (!isFocused) return;
+      if (key.upArrow || input === "k") {
+        setScrollOffset((s) => Math.max(0, s - 1));
+      }
+      if (key.downArrow || input === "j") {
+        setScrollOffset((s) => s + 1);
+      }
+      if (input === "d" && key.ctrl) {
+        setScrollOffset((s) => s + 15);
+      }
+      if (input === "u" && key.ctrl) {
+        setScrollOffset((s) => Math.max(0, s - 15));
+      }
+    }
+  );
+  if (!fileContent) {
+    return /* @__PURE__ */ jsx8(Text8, { color: theme.colors.textDim, children: "Loading..." });
+  }
+  const lines = fileContent.split("\n");
+  const maxVisible = 30;
+  const visibleLines = lines.slice(scrollOffset, scrollOffset + maxVisible);
+  const gutterWidth = String(lines.length).length;
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
+    visibleLines.map((line, i) => {
+      const lineNum = scrollOffset + i + 1;
+      return /* @__PURE__ */ jsxs8(Text8, { wrap: "truncate", children: [
+        /* @__PURE__ */ jsx8(Text8, { color: theme.colors.textDim, children: String(lineNum).padStart(gutterWidth, " ") }),
+        /* @__PURE__ */ jsx8(Text8, { color: theme.colors.textDim, children: " | " }),
+        /* @__PURE__ */ jsx8(Text8, { color: theme.colors.text, children: line })
+      ] }, lineNum);
+    }),
+    lines.length > maxVisible && /* @__PURE__ */ jsxs8(Text8, { color: theme.colors.textDim, children: [
+      "Line ",
+      scrollOffset + 1,
+      "-",
+      Math.min(scrollOffset + maxVisible, lines.length),
+      " of",
+      " ",
+      lines.length,
+      " (j/k to scroll)"
+    ] })
+  ] });
+}
+function MainPanel() {
+  const isFocused = useUIStore((s) => s.focusedPanel === "workspace");
+  const activeFile = useWorkspaceStore((s) => s.activeFile);
+  const projectName = useWorkspaceStore((s) => s.projectName);
+  return /* @__PURE__ */ jsxs9(
+    Box9,
+    {
+      flexDirection: "column",
+      flexGrow: 1,
+      borderStyle: "single",
+      borderColor: isFocused ? theme.colors.borderFocus : theme.colors.border,
+      children: [
+        /* @__PURE__ */ jsx9(Box9, { paddingX: 1, children: activeFile ? /* @__PURE__ */ jsx9(Text9, { color: theme.colors.primary, bold: true, children: activeFile.split("/").pop() }) : /* @__PURE__ */ jsx9(Text9, { color: theme.colors.textDim, children: "no file open" }) }),
+        /* @__PURE__ */ jsx9(Box9, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: activeFile ? /* @__PURE__ */ jsx9(FileViewer, { isFocused }) : /* @__PURE__ */ jsxs9(
+          Box9,
+          {
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            flexGrow: 1,
+            children: [
+              /* @__PURE__ */ jsx9(Text9, { color: theme.colors.textDim, children: projectName ? "Select a file from the sidebar" : "No project loaded" }),
+              /* @__PURE__ */ jsx9(Text9, { color: theme.colors.textDim, children: "Use ^1 to focus the file tree" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function MessageList() {
+  const { messages, isAgentRunning, agentStreamText } = useChatStore();
+  if (messages.length === 0 && !isAgentRunning) {
+    return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 1, paddingY: 1, children: [
+      /* @__PURE__ */ jsx10(Text10, { color: theme.colors.textDim, children: "No messages yet." }),
+      /* @__PURE__ */ jsx10(Text10, { color: theme.colors.textDim, children: "Type a message below to chat." }),
+      /* @__PURE__ */ jsxs10(Text10, { color: theme.colors.textDim, children: [
+        "Start with ",
+        /* @__PURE__ */ jsx10(Text10, { bold: true, color: theme.colors.aiBubble, children: "@ai" }),
+        " to talk to Claude."
+      ] })
+    ] });
+  }
+  const maxMessages = 15;
+  const visibleMessages = messages.slice(-maxMessages);
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", gap: 0, children: [
+    visibleMessages.map((msg) => /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Text10, { children: /* @__PURE__ */ jsx10(
+        Text10,
+        {
+          bold: true,
+          color: msg.type === "agent" ? theme.colors.aiBubble : msg.type === "system" ? theme.colors.systemText : msg.userColor || theme.colors.userBubble,
+          children: msg.type === "agent" ? "# Claude" : msg.type === "system" ? "~ system" : msg.userName
+        }
+      ) }),
+      /* @__PURE__ */ jsx10(Text10, { color: theme.colors.text, wrap: "wrap", children: msg.text })
+    ] }, msg.id)),
+    isAgentRunning && agentStreamText && /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx10(Text10, { bold: true, color: theme.colors.aiBubble, children: "# Claude" }),
+      /* @__PURE__ */ jsx10(Text10, { color: theme.colors.text, wrap: "wrap", children: agentStreamText }),
+      /* @__PURE__ */ jsx10(Text10, { color: theme.colors.aiBubble, children: "..." })
+    ] }),
+    isAgentRunning && !agentStreamText && /* @__PURE__ */ jsx10(Text10, { color: theme.colors.aiBubble, children: "Claude is thinking..." })
+  ] });
+}
+function useClaudeAgent() {
+  const sessionRef = useRef(null);
+  const {
+    addMessage,
+    setAgentRunning,
+    setAgentStreamText,
+    appendAgentStreamText
+  } = useChatStore();
+  const projectPath = useWorkspaceStore((s) => s.projectPath);
+  const runAgent = useCallback3(
+    async (prompt) => {
+      const cleanPrompt = prompt.replace(/^@ai\s*/i, "").trim();
+      if (!cleanPrompt) return;
+      setAgentRunning(true);
+      setAgentStreamText("");
+      try {
+        const { query } = await import("./sdk-LM2XQCS5.js");
+        const session = query({
+          prompt: cleanPrompt,
+          options: {
+            allowedTools: [
+              "Read",
+              "Write",
+              "Edit",
+              "Bash",
+              "Glob",
+              "Grep"
+            ],
+            cwd: projectPath,
+            maxTurns: 25
+          }
+        });
+        sessionRef.current = session;
+        let fullText = "";
+        for await (const message of session) {
+          switch (message.type) {
+            case "assistant": {
+              const content = message.message?.content;
+              if (Array.isArray(content)) {
+                for (const block of content) {
+                  if (block.type === "text") {
+                    fullText = block.text;
+                    setAgentStreamText(fullText);
+                  } else if (block.type === "tool_use") {
+                    addMessage({
+                      userId: "claude",
+                      userName: "Claude",
+                      userColor: "#b4befe",
+                      text: `[${block.name}] ${typeof block.input === "object" ? JSON.stringify(block.input).slice(0, 100) : String(block.input)}...`,
+                      type: "system"
+                    });
+                  }
+                }
+              }
+              break;
+            }
+            case "result": {
+              const resultContent = message.result?.content;
+              if (typeof resultContent === "string" && resultContent) {
+                fullText = resultContent;
+              } else if (Array.isArray(resultContent)) {
+                for (const block of resultContent) {
+                  if (block.type === "text") {
+                    fullText = block.text;
+                  }
+                }
+              }
+              break;
+            }
+            default:
+              break;
+          }
+        }
+        if (fullText) {
+          addMessage({
+            userId: "claude",
+            userName: "Claude",
+            userColor: "#b4befe",
+            text: fullText,
+            type: "agent"
+          });
+        }
+      } catch (err) {
+        const errorMsg = err instanceof Error ? err.message : "Unknown error";
+        addMessage({
+          userId: "system",
+          userName: "system",
+          userColor: "#6c7086",
+          text: `Error: ${errorMsg}`,
+          type: "system"
+        });
+      } finally {
+        setAgentRunning(false);
+        setAgentStreamText("");
+        sessionRef.current = null;
+      }
+    },
+    [
+      projectPath,
+      addMessage,
+      setAgentRunning,
+      setAgentStreamText,
+      appendAgentStreamText
+    ]
+  );
+  const interrupt = useCallback3(() => {
+    if (sessionRef.current) {
+      sessionRef.current.close();
+      sessionRef.current = null;
+      setAgentRunning(false);
+      setAgentStreamText("");
+      addMessage({
+        userId: "system",
+        userName: "system",
+        userColor: "#6c7086",
+        text: "Agent interrupted.",
+        type: "system"
+      });
+    }
+  }, [addMessage, setAgentRunning, setAgentStreamText]);
+  return { runAgent, interrupt };
+}
+function ChatInput({ isFocused }) {
+  const [cursorVisible, setCursorVisible] = React5.useState(true);
+  const { inputValue, setInputValue, addMessage, isAgentRunning } = useChatStore();
+  const { runAgent, interrupt } = useClaudeAgent();
+  React5.useEffect(() => {
+    if (!isFocused) return;
+    const interval = setInterval(() => setCursorVisible((v) => !v), 530);
+    return () => clearInterval(interval);
+  }, [isFocused]);
+  useInput6(
+    (input, key) => {
+      if (!isFocused) return;
+      if (key.ctrl && input === "c" && isAgentRunning) {
+        interrupt();
+        return;
+      }
+      if (key.return && inputValue.trim()) {
+        const text = inputValue.trim();
+        const isAiMention = text.toLowerCase().startsWith("@ai");
+        addMessage({
+          userId: "local",
+          userName: "you",
+          userColor: theme.colors.userBubble,
+          text,
+          type: "user",
+          isAiMention
+        });
+        setInputValue("");
+        if (isAiMention && !isAgentRunning) {
+          runAgent(text);
+        }
+        return;
+      }
+      if (key.backspace || key.delete) {
+        setInputValue(inputValue.slice(0, -1));
+        return;
+      }
+      if (input && !key.ctrl && !key.meta) {
+        setInputValue(inputValue + input);
+      }
+    }
+  );
+  return /* @__PURE__ */ jsxs11(Box11, { children: [
+    /* @__PURE__ */ jsxs11(Text11, { color: isFocused ? theme.colors.primary : theme.colors.textDim, children: [
+      ">",
+      " "
+    ] }),
+    /* @__PURE__ */ jsxs11(Text11, { color: theme.colors.text, children: [
+      inputValue,
+      isFocused && cursorVisible ? /* @__PURE__ */ jsx11(Text11, { inverse: true, children: " " }) : ""
+    ] })
+  ] });
+}
+function ChatPanel() {
+  const isFocused = useUIStore((s) => s.focusedPanel === "chat");
+  return /* @__PURE__ */ jsxs12(
+    Box12,
+    {
+      flexDirection: "column",
+      width: 34,
+      borderStyle: "single",
+      borderColor: isFocused ? theme.colors.borderFocus : theme.colors.border,
+      children: [
+        /* @__PURE__ */ jsxs12(Box12, { paddingX: 1, children: [
+          /* @__PURE__ */ jsx12(Text12, { bold: true, color: theme.colors.primary, children: "Chat" }),
+          /* @__PURE__ */ jsx12(Text12, { color: theme.colors.textDim, children: " | @ai for Claude" })
+        ] }),
+        /* @__PURE__ */ jsx12(Box12, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: /* @__PURE__ */ jsx12(MessageList, {}) }),
+        /* @__PURE__ */ jsx12(Box12, { paddingX: 1, borderStyle: "single", borderColor: theme.colors.border, borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, children: /* @__PURE__ */ jsx12(ChatInput, { isFocused }) })
+      ]
+    }
+  );
+}
+function flattenFiles(entries, prefix = "") {
+  const result = [];
+  for (const entry of entries) {
+    const displayPath = prefix ? `${prefix}/${entry.name}` : entry.name;
+    if (entry.type === "file") {
+      result.push({ name: displayPath, path: entry.path });
+    }
+    if (entry.type === "directory" && entry.children) {
+      result.push(...flattenFiles(entry.children, displayPath));
+    }
+  }
+  return result;
+}
+function CommandPalette({ onClose }) {
+  const [query, setQuery] = useState4("");
+  const [selectedIndex, setSelectedIndex] = useState4(0);
+  const fileTree = useWorkspaceStore((s) => s.fileTree);
+  const { openFile } = useWorkspaceStore();
+  const { readFile } = useFileSystem();
+  const { setFocusedPanel, setSidebarTab } = useUIStore();
+  const items = useMemo(() => {
+    const actions = [
+      {
+        id: "cmd:files",
+        label: "> Show Files",
+        type: "action",
+        action: () => {
+          setFocusedPanel("sidebar");
+          setSidebarTab("files");
+        }
+      },
+      {
+        id: "cmd:secrets",
+        label: "> Show Secrets",
+        type: "action",
+        action: () => {
+          setFocusedPanel("sidebar");
+          setSidebarTab("secrets");
+        }
+      },
+      {
+        id: "cmd:team",
+        label: "> Show Team",
+        type: "action",
+        action: () => {
+          setFocusedPanel("sidebar");
+          setSidebarTab("team");
+        }
+      },
+      {
+        id: "cmd:chat",
+        label: "> Focus Chat",
+        type: "action",
+        action: () => setFocusedPanel("chat")
+      },
+      {
+        id: "cmd:editor",
+        label: "> Focus Editor",
+        type: "action",
+        action: () => setFocusedPanel("workspace")
+      }
+    ];
+    const files = flattenFiles(fileTree).map((f) => ({
+      id: `file:${f.path}`,
+      label: f.name,
+      type: "file",
+      action: () => {
+        openFile(f.path);
+        readFile(f.path);
+        setFocusedPanel("workspace");
+      }
+    }));
+    return [...actions, ...files];
+  }, [fileTree, openFile, readFile, setFocusedPanel, setSidebarTab]);
+  const filtered = useMemo(() => {
+    if (!query) return items.slice(0, 15);
+    const q = query.toLowerCase();
+    return items.filter((item) => {
+      let idx = 0;
+      const label = item.label.toLowerCase();
+      for (const char of q) {
+        idx = label.indexOf(char, idx);
+        if (idx === -1) return false;
+        idx++;
+      }
+      return true;
+    }).slice(0, 15);
+  }, [items, query]);
+  useInput7((input, key) => {
+    if (key.escape) {
+      onClose();
+      return;
+    }
+    if (key.upArrow) {
+      setSelectedIndex((i) => Math.max(0, i - 1));
+      return;
+    }
+    if (key.downArrow) {
+      setSelectedIndex((i) => Math.min(filtered.length - 1, i + 1));
+      return;
+    }
+    if (key.return && filtered[selectedIndex]) {
+      filtered[selectedIndex].action();
+      onClose();
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setQuery((s) => s.slice(0, -1));
+      setSelectedIndex(0);
+      return;
+    }
+    if (input && !key.ctrl && !key.meta) {
+      setQuery((s) => s + input);
+      setSelectedIndex(0);
+    }
+  });
+  return /* @__PURE__ */ jsxs13(
+    Box13,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.colors.accent,
+      paddingX: 2,
+      paddingY: 1,
+      width: 60,
+      children: [
+        /* @__PURE__ */ jsxs13(Box13, { children: [
+          /* @__PURE__ */ jsxs13(Text13, { color: theme.colors.accent, children: [
+            ">",
+            " "
+          ] }),
+          /* @__PURE__ */ jsxs13(Text13, { color: theme.colors.text, children: [
+            query,
+            /* @__PURE__ */ jsx13(Text13, { inverse: true, children: " " })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginTop: 1, children: [
+          filtered.map((item, i) => /* @__PURE__ */ jsxs13(
+            Text13,
+            {
+              inverse: i === selectedIndex,
+              color: i === selectedIndex ? theme.colors.textBright : item.type === "action" ? theme.colors.primary : theme.colors.text,
+              children: [
+                item.type === "action" ? "" : "  ",
+                item.label
+              ]
+            },
+            item.id
+          )),
+          filtered.length === 0 && /* @__PURE__ */ jsx13(Text13, { color: theme.colors.textDim, children: "No matches" })
+        ] }),
+        /* @__PURE__ */ jsx13(Text13, { color: theme.colors.textDim, children: "Esc: close | Enter: select" })
+      ]
+    }
+  );
+}
+function InviteModal({ serverUrl, token, onClose }) {
+  const { roomId } = useCollab();
+  const [inviteCode, setInviteCode] = useState5(null);
+  const [error, setError] = useState5(null);
+  const [loading, setLoading] = useState5(false);
+  useInput8((_, key) => {
+    if (key.escape) {
+      onClose();
+    }
+  });
+  useEffect2(() => {
+    if (!serverUrl || !token || !roomId) {
+      setError("Not connected to a room. Use --room <id> when starting.");
+      return;
+    }
+    setLoading(true);
+    fetch(`${serverUrl}/api/rooms/${roomId}/invite`, {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${token}`,
+        "Content-Type": "application/json"
+      }
+    }).then((res) => res.json()).then((data) => {
+      if (data.inviteCode) {
+        setInviteCode(data.inviteCode);
+      } else {
+        setError(data.error || "Failed to create invite");
+      }
+    }).catch((err) => setError(err.message)).finally(() => setLoading(false));
+  }, [serverUrl, token, roomId]);
+  return /* @__PURE__ */ jsxs14(
+    Box14,
+    {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: theme.colors.accent,
+      paddingX: 2,
+      paddingY: 1,
+      width: 50,
+      children: [
+        /* @__PURE__ */ jsx14(Text14, { bold: true, color: theme.colors.accent, children: "Invite to Room" }),
+        loading && /* @__PURE__ */ jsx14(Text14, { color: theme.colors.textDim, children: "Generating invite..." }),
+        error && /* @__PURE__ */ jsx14(Text14, { color: theme.colors.error, children: error }),
+        inviteCode && /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginTop: 1, children: [
+          /* @__PURE__ */ jsx14(Text14, { color: theme.colors.text, children: "Share this command:" }),
+          /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(Text14, { bold: true, color: theme.colors.success, children: [
+            "vibewithme --room ",
+            roomId,
+            " --server ",
+            serverUrl
+          ] }) }),
+          /* @__PURE__ */ jsxs14(Box14, { marginTop: 1, children: [
+            /* @__PURE__ */ jsxs14(Text14, { color: theme.colors.textDim, children: [
+              "Invite code: ",
+              /* @__PURE__ */ jsx14(Text14, { color: theme.colors.warning, children: inviteCode })
+            ] }),
+            /* @__PURE__ */ jsx14(Text14, { color: theme.colors.textDim, children: " (expires in 24h)" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx14(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme.colors.textDim, children: "Esc: close" }) })
+      ]
+    }
+  );
+}
+function useKeyBindings() {
+  const { setFocusedPanel, focusNext, setModal, modal } = useUIStore();
+  useInput9((input, key) => {
+    if (key.escape && modal) {
+      setModal(null);
+      return;
+    }
+    if (key.ctrl && input === "1") {
+      setFocusedPanel("sidebar");
+      return;
+    }
+    if (key.ctrl && input === "2") {
+      setFocusedPanel("workspace");
+      return;
+    }
+    if (key.ctrl && input === "3") {
+      setFocusedPanel("chat");
+      return;
+    }
+    if (key.tab && !key.shift) {
+      focusNext();
+      return;
+    }
+    if (key.ctrl && input === "p") {
+      setModal("command-palette");
+      return;
+    }
+  });
+}
+function useCollaboration(serverUrl, token, roomId) {
+  const [state, setState] = useState6({
+    connected: false,
+    remoteUsers: [],
+    roomId: roomId ?? null
+  });
+  const docRef = useRef2(null);
+  const providerRef = useRef2(null);
+  useEffect3(() => {
+    if (!serverUrl || !token || !roomId) return;
+    const doc = new Doc();
+    docRef.current = doc;
+    import("./y-websocket-MJLMIWAR.js").then(({ WebsocketProvider }) => {
+      const wsUrl = serverUrl.replace(/^http/, "ws");
+      const provider = new WebsocketProvider(wsUrl, roomId, doc, {
+        params: { token }
+      });
+      providerRef.current = provider;
+      provider.on("status", ({ status }) => {
+        setState((s) => ({ ...s, connected: status === "connected" }));
+      });
+      provider.awareness.on("change", () => {
+        const states = Array.from(
+          provider.awareness.getStates().entries()
+        );
+        const remoteUsers = states.filter(([clientId]) => clientId !== doc.clientID).map(([, state2]) => state2).filter((s) => s?.id);
+        setState((prev) => ({ ...prev, remoteUsers }));
+      });
+      const chatArray = doc.getArray("chat");
+      chatArray.observe(() => {
+        const messages = chatArray.toArray();
+        useChatStore.setState({ messages });
+      });
+    });
+    return () => {
+      providerRef.current?.destroy();
+      doc.destroy();
+    };
+  }, [serverUrl, token, roomId]);
+  const setPresence = useCallback4(
+    (presenceData) => {
+      if (!providerRef.current) return;
+      providerRef.current.awareness.setLocalState({
+        ...providerRef.current.awareness.getLocalState(),
+        ...presenceData,
+        lastActive: Date.now()
+      });
+    },
+    []
+  );
+  const sendMessage = useCallback4(
+    (msg) => {
+      if (!docRef.current) {
+        useChatStore.getState().addMessage(msg);
+        return;
+      }
+      const chatArray = docRef.current.getArray("chat");
+      chatArray.push([msg]);
+    },
+    []
+  );
+  const createHighlight = useCallback4(
+    (highlight) => {
+      if (!providerRef.current) return;
+      const currentState = providerRef.current.awareness.getLocalState() || {};
+      providerRef.current.awareness.setLocalState({
+        ...currentState,
+        highlight: {
+          ...highlight,
+          expiresAt: Date.now() + 1e4
+          // 10 second highlight
+        },
+        lastActive: Date.now()
+      });
+    },
+    []
+  );
+  return {
+    ...state,
+    setPresence,
+    sendMessage,
+    createHighlight,
+    doc: docRef.current
+  };
+}
+var CollabContext = createContext({
+  connected: false,
+  remoteUsers: [],
+  roomId: null,
+  setPresence: () => {
+  },
+  sendMessage: () => {
+  },
+  createHighlight: () => {
+  }
+});
+var useCollab = () => useContext(CollabContext);
+function App({ projectPath, serverUrl, token, roomId }) {
+  const { stdout } = useStdout();
+  const setTerminalSize = useUIStore((s) => s.setTerminalSize);
+  const setProjectPath = useWorkspaceStore((s) => s.setProjectPath);
+  const { loadProject } = useFileSystem();
+  const modal = useUIStore((s) => s.modal);
+  const setModal = useUIStore((s) => s.setModal);
+  const collab = useCollaboration(serverUrl, token, roomId);
+  useEffect4(() => {
+    if (!stdout) return;
+    const updateSize = () => {
+      setTerminalSize(stdout.columns || 120, stdout.rows || 40);
+    };
+    updateSize();
+    stdout.on("resize", updateSize);
+    return () => {
+      stdout.off("resize", updateSize);
+    };
+  }, [stdout, setTerminalSize]);
+  useEffect4(() => {
+    if (projectPath) {
+      setProjectPath(projectPath);
+    }
+    loadProject(projectPath);
+  }, [projectPath, setProjectPath, loadProject]);
+  useKeyBindings();
+  const focusedPanel = useUIStore((s) => s.focusedPanel);
+  useEffect4(() => {
+    collab.setPresence({ panel: focusedPanel });
+  }, [focusedPanel, collab.setPresence]);
+  return /* @__PURE__ */ jsx15(CollabContext.Provider, { value: collab, children: /* @__PURE__ */ jsxs15(Box15, { flexDirection: "column", height: "100%", children: [
+    /* @__PURE__ */ jsx15(Header, {}),
+    /* @__PURE__ */ jsxs15(Box15, { flexDirection: "row", flexGrow: 1, children: [
+      /* @__PURE__ */ jsx15(Sidebar, {}),
+      /* @__PURE__ */ jsx15(MainPanel, {}),
+      /* @__PURE__ */ jsx15(ChatPanel, {})
+    ] }),
+    /* @__PURE__ */ jsx15(Footer, {}),
+    modal === "command-palette" && /* @__PURE__ */ jsx15(
+      Box15,
+      {
+        position: "absolute",
+        marginTop: 3,
+        marginLeft: 20,
+        children: /* @__PURE__ */ jsx15(CommandPalette, { onClose: () => setModal(null) })
+      }
+    ),
+    modal === "invite" && /* @__PURE__ */ jsx15(
+      Box15,
+      {
+        position: "absolute",
+        marginTop: 5,
+        marginLeft: 15,
+        children: /* @__PURE__ */ jsx15(
+          InviteModal,
+          {
+            serverUrl,
+            token,
+            onClose: () => setModal(null)
+          }
+        )
+      }
+    )
+  ] }) });
+}
+
+// src/bin.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var program = new Command();
+program.name("vibewithme").description("Collaborative terminal IDE for vibe coding").version("0.1.0");
+program.argument("[project-path]", "Path to project directory", ".").option("-s, --server <url>", "Collaboration server URL", "http://localhost:3847").option("-r, --room <id>", "Room ID to join").option("--solo", "Run without collaboration server").action(
+  (projectPath, options) => {
+    const resolvedPath = path3.resolve(projectPath);
+    const { waitUntilExit } = render(
+      /* @__PURE__ */ jsx16(
+        App,
+        {
+          projectPath: resolvedPath,
+          serverUrl: options.solo ? void 0 : options.server,
+          roomId: options.room
+        }
+      ),
+      {
+        exitOnCtrlC: true
+      }
+    );
+    waitUntilExit().then(() => {
+      process.exit(0);
+    });
+  }
+);
+program.command("serve").description("Start the collaboration server").option("-p, --port <port>", "HTTP port", "3847").option("-w, --ws-port <port>", "WebSocket port", "3848").action(async (options) => {
+  process.env.VWM_PORT = options.port;
+  process.env.VWM_WS_PORT = options.wsPort;
+  try {
+    await import("./dist-HFZMQ7BV.js");
+  } catch (err) {
+    console.error(
+      "Server package not found. Install @vibewithme/server to run the collab server."
+    );
+    console.error(err);
+    process.exit(1);
+  }
+});
+program.parse();