@iamharshil/cortex 5.0.0 → 6.0.0

package/bin/tui.js

@@ -0,0 +1,19 @@
+#!/usr/bin/env node
+import { spawn } from "child_process";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const tuiPath = join(__dirname, "dist", "tui", "index.js");
+
+const args = process.argv.slice(2).filter((a) => a !== "--tui");
+
+const proc = spawn("node", [tuiPath, ...args], {
+  stdio: "inherit",
+  detached: false,
+  shell: false,
+});
+
+proc.on("exit", (code) => {
+  process.exit(code || 0);
+});

package/dist/tui/index.js

@@ -0,0 +1,431 @@
+#!/usr/bin/env node
+
+// src/tui/index.tsx
+import React3 from "react";
+import { render } from "ink";
+
+// src/tui/App.tsx
+import { useState as useState2 } from "react";
+import { Box as Box5 } from "ink";
+
+// src/tui/theme.ts
+var colors = {
+  primary: "#00D9FF",
+  secondary: "#FF79C6",
+  accent: "#50FA7B",
+  error: "#FF5555",
+  warning: "#FFB86C",
+  success: "#50FA7B",
+  dim: "#6272A4",
+  bg: "#282A36",
+  bgDim: "#44475A",
+  fg: "#F8F8F2",
+  fgDim: "#BDBDBD"
+};
+var theme = {
+  colors,
+  border: {
+    color: colors.dim,
+    accent: colors.primary
+  },
+  spacing: {
+    xs: 1,
+    sm: 2,
+    md: 4,
+    lg: 8
+  },
+  font: {
+    mono: "monospace"
+  }
+};
+
+// src/tui/components/Chat.tsx
+import { Box, Text } from "ink";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Chat = ({
+  messages,
+  isStreaming,
+  currentToolCall
+}) => {
+  const renderMessage = (msg, idx) => {
+    const roleColors = {
+      user: theme.colors.primary,
+      assistant: theme.colors.secondary,
+      system: theme.colors.warning,
+      tool: theme.colors.accent
+    };
+    const roleLabels = {
+      user: "You",
+      assistant: "Cortex",
+      system: "System",
+      tool: msg.name || "Tool"
+    };
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginY: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: roleColors[msg.role], children: roleLabels[msg.role] }),
+      /* @__PURE__ */ jsx(Text, { children: msg.content }),
+      msg.tool_calls && msg.tool_calls.length > 0 && /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: msg.tool_calls.map((tc) => /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [
+        /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "\u2192 ",
+          tc.name,
+          "(",
+          JSON.stringify(tc.arguments),
+          ")"
+        ] }),
+        tc.status === "completed" && tc.result && /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+          "Result: ",
+          tc.result.slice(0, 200)
+        ] })
+      ] }, tc.id)) })
+    ] }, msg.id);
+  };
+  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", overflow: "hidden", children: messages.length === 0 ? /* @__PURE__ */ jsxs(
+    Box,
+    {
+      flexDirection: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      flex: 1,
+      children: [
+        /* @__PURE__ */ jsx(Text, { bold: true, color: theme.colors.primary, children: "Cortex AI" }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Type your message below to start coding" }),
+        isStreaming && /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, italic: true, children: "Thinking..." })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+    messages.map((msg, idx) => renderMessage(msg, idx)),
+    isStreaming && /* @__PURE__ */ jsx(Text, { color: theme.colors.accent, italic: true, children: "\u258A" }),
+    currentToolCall && /* @__PURE__ */ jsx(
+      Box,
+      {
+        marginY: 1,
+        paddingX: 2,
+        borderStyle: "round",
+        borderColor: theme.colors.warning,
+        children: /* @__PURE__ */ jsxs(Text, { color: theme.colors.warning, children: [
+          "\u26A1 Running: ",
+          currentToolCall.name
+        ] })
+      }
+    )
+  ] }) });
+};
+
+// src/tui/components/Input.tsx
+import { useState } from "react";
+import { Box as Box2, Text as Text2, useInput } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Input = ({
+  value,
+  onChange,
+  onSubmit,
+  disabled
+}) => {
+  const [history, setHistory] = useState([]);
+  const [historyIndex, setHistoryIndex] = useState(-1);
+  useInput((input, key) => {
+    if (disabled) return;
+    if (key.return) {
+      if (value.trim()) {
+        setHistory((prev) => [value, ...prev.slice(0, 49)]);
+        setHistoryIndex(-1);
+        onSubmit(value);
+      }
+    } else if (key.upArrow) {
+      if (historyIndex < history.length - 1) {
+        const newIndex = historyIndex + 1;
+        setHistoryIndex(newIndex);
+        onChange(history[newIndex]);
+      }
+    } else if (key.downArrow) {
+      if (historyIndex > 0) {
+        const newIndex = historyIndex - 1;
+        setHistoryIndex(newIndex);
+        onChange(history[newIndex]);
+      } else if (historyIndex === 0) {
+        setHistoryIndex(-1);
+        onChange("");
+      }
+    } else if (key.delete || key.backspace) {
+      onChange(value.slice(0, -1));
+    } else if (input) {
+      onChange(value + input);
+    }
+  });
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      flexDirection: "row",
+      alignItems: "center",
+      paddingX: 2,
+      paddingY: 1,
+      borderStyle: "single",
+      borderColor: theme.colors.dim,
+      children: [
+        /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.colors.primary, children: "\u276F" }),
+        /* @__PURE__ */ jsx2(Box2, { flex: 1, marginLeft: 1, children: /* @__PURE__ */ jsx2(Text2, { color: disabled ? theme.colors.dim : theme.colors.fg, children: disabled ? "Processing..." : value || "Type a message..." }) }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: " Enter | \u2191\u2193 | Ctrl+C " })
+      ]
+    }
+  );
+};
+
+// src/tui/components/StatusBar.tsx
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var StatusBar = ({
+  view,
+  onViewChange,
+  provider: provider2,
+  model: model2,
+  messages
+}) => {
+  return /* @__PURE__ */ jsxs3(
+    Box3,
+    {
+      flexDirection: "row",
+      justifyContent: "space-between",
+      paddingX: 2,
+      paddingY: 1,
+      borderStyle: "single",
+      borderColor: theme.colors.dim,
+      children: [
+        /* @__PURE__ */ jsxs3(Box3, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsx3(
+            Text3,
+            {
+              bold: true,
+              color: view === "chat" ? theme.colors.primary : theme.colors.dim,
+              onPress: () => onViewChange("chat"),
+              children: "[Chat]"
+            }
+          ),
+          /* @__PURE__ */ jsx3(Text3, { color: theme.colors.dim, children: " | " }),
+          /* @__PURE__ */ jsx3(
+            Text3,
+            {
+              bold: true,
+              color: view === "sessions" ? theme.colors.primary : theme.colors.dim,
+              onPress: () => onViewChange("sessions"),
+              children: "[Sessions]"
+            }
+          ),
+          /* @__PURE__ */ jsx3(Text3, { color: theme.colors.dim, children: " | " }),
+          /* @__PURE__ */ jsx3(
+            Text3,
+            {
+              bold: true,
+              color: view === "settings" ? theme.colors.primary : theme.colors.dim,
+              onPress: () => onViewChange("settings"),
+              children: "[Settings]"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3(Box3, { flexDirection: "row", children: [
+          /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+            provider2,
+            "/",
+            model2
+          ] }),
+          /* @__PURE__ */ jsx3(Text3, { color: theme.colors.dim, children: " | " }),
+          /* @__PURE__ */ jsxs3(Text3, { dimColor: true, children: [
+            "Messages: ",
+            messages
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/tui/components/Sidebar.tsx
+import { Box as Box4, Text as Text4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var Sidebar = ({
+  sessions,
+  activeSessionId,
+  onSelectSession
+}) => {
+  const formatDate = (timestamp) => {
+    const date = new Date(timestamp);
+    return date.toLocaleDateString() + " " + date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  };
+  return /* @__PURE__ */ jsxs4(
+    Box4,
+    {
+      width: 30,
+      flexDirection: "column",
+      borderStyle: "single",
+      borderColor: theme.colors.dim,
+      marginRight: 1,
+      children: [
+        /* @__PURE__ */ jsx4(
+          Box4,
+          {
+            paddingX: 2,
+            paddingY: 1,
+            borderStyle: "bold",
+            borderColor: theme.colors.primary,
+            children: /* @__PURE__ */ jsx4(Text4, { bold: true, color: theme.colors.primary, children: "Sessions" })
+          }
+        ),
+        /* @__PURE__ */ jsx4(Box4, { flexDirection: "column", flex: 1, children: sessions.length === 0 ? /* @__PURE__ */ jsx4(Box4, { justifyContent: "center", alignItems: "center", flex: 1, children: /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "No sessions yet" }) }) : sessions.map((session) => /* @__PURE__ */ jsxs4(
+          Box4,
+          {
+            flexDirection: "column",
+            paddingX: 2,
+            paddingY: 1,
+            borderStyle: "none",
+            onPress: () => onSelectSession(session.id),
+            children: [
+              /* @__PURE__ */ jsx4(
+                Text4,
+                {
+                  bold: true,
+                  color: session.id === activeSessionId ? theme.colors.primary : theme.colors.fg,
+                  children: session.name
+                }
+              ),
+              /* @__PURE__ */ jsx4(Text4, { dimColor: true, font: "monospace", children: formatDate(session.updatedAt) })
+            ]
+          },
+          session.id
+        )) })
+      ]
+    }
+  );
+};
+
+// src/tui/App.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var App = ({ cwd: cwd2, provider: provider2, model: model2 }) => {
+  const [messages, setMessages] = useState2([]);
+  const [input, setInput] = useState2("");
+  const [isStreaming, setIsStreaming] = useState2(false);
+  const [currentToolCall, setCurrentToolCall] = useState2(null);
+  const [sessions, setSessions] = useState2([]);
+  const [activeView, setActiveView] = useState2("chat");
+  const [sessionId, setSessionId] = useState2(null);
+  const handleSubmit = async (value) => {
+    if (!value.trim() || isStreaming) return;
+    const userMessage = {
+      id: Date.now().toString(),
+      role: "user",
+      content: value,
+      timestamp: Date.now()
+    };
+    setMessages((prev) => [...prev, userMessage]);
+    setInput("");
+    setIsStreaming(true);
+    setTimeout(() => {
+      const assistantMessage = {
+        id: (Date.now() + 1).toString(),
+        role: "assistant",
+        content: "Thinking...",
+        timestamp: Date.now()
+      };
+      setMessages((prev) => [...prev, assistantMessage]);
+      setIsStreaming(false);
+    }, 500);
+  };
+  const handleToolCall = (toolCall) => {
+    setCurrentToolCall(toolCall);
+  };
+  const handleToolComplete = (toolCallId, result) => {
+    setCurrentToolCall(null);
+    setMessages(
+      (prev) => prev.map(
+        (msg) => msg.tool_calls?.map(
+          (tc) => tc.id === toolCallId ? { ...tc, status: "completed", result } : tc
+        )
+      )
+    );
+  };
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", height: 100, children: [
+    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", flex: 1, overflow: "hidden", children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "row", flex: 1, children: [
+      activeView === "sessions" && /* @__PURE__ */ jsx5(
+        Sidebar,
+        {
+          sessions,
+          activeSessionId: sessionId,
+          onSelectSession: (id) => setSessionId(id)
+        }
+      ),
+      /* @__PURE__ */ jsxs5(
+        Box5,
+        {
+          flexDirection: "column",
+          flex: 1,
+          borderStyle: "round",
+          borderColor: theme.colors.dim,
+          children: [
+            /* @__PURE__ */ jsx5(
+              Box5,
+              {
+                paddingX: 1,
+                borderStyle: "bold",
+                borderColor: theme.colors.primary,
+                flex: 1,
+                overflow: "hidden",
+                children: /* @__PURE__ */ jsx5(
+                  Chat,
+                  {
+                    messages,
+                    isStreaming,
+                    currentToolCall
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx5(
+              Input,
+              {
+                value: input,
+                onChange: setInput,
+                onSubmit: handleSubmit,
+                disabled: isStreaming
+              }
+            )
+          ]
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx5(
+      StatusBar,
+      {
+        view: activeView,
+        onViewChange: setActiveView,
+        provider: provider2,
+        model: model2 || "default",
+        messages: messages.length
+      }
+    )
+  ] });
+};
+
+// src/tui/index.tsx
+var args = process.argv.slice(2);
+var cwd = process.cwd();
+var isTui = args.length === 0 || args.includes("--tui") || args.some((a) => !a.startsWith("--"));
+var provider = "ollama";
+var model = "llama3.2";
+for (let i = 0; i < args.length; i++) {
+  if (args[i] === "--provider" && args[i + 1]) {
+    provider = args[i + 1];
+    i++;
+  } else if (args[i] === "--model" && args[i + 1]) {
+    model = args[i + 1];
+    i++;
+  }
+}
+if (isTui) {
+  const { waitUntilExit } = render(
+    React3.createElement(App, { cwd, provider, model })
+  );
+  waitUntilExit().then(() => {
+    console.log("\nGoodbye!");
+    process.exit(0);
+  });
+} else {
+  console.log("Use 'cortex' without arguments to start TUI mode");
+  process.exit(1);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iamharshil/cortex",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "The ultimate local AI coding agent - context-aware, memory-powered, MCP-enabled",
   "keywords": [
     "cli",
@@ -30,13 +30,14 @@
   },
   "files": [
     "dist",
+    "bin",
     "README.md",
     "LICENSE"
   ],
   "scripts": {
     "build": "node scripts/build.js",
     "build:tui": "node scripts/build-tui.js",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run build:tui",
     "dev": "tsx src/index.ts",
     "dev:tui": "tsx src/tui/index.tsx",
     "start": "node bin/index.js",