lovecode-ai 0.1.2 → 0.1.3

package/dist/index.js

@@ -6406,12 +6406,12 @@ import { Command as Command13 } from "commander";
 import chalk37 from "chalk";
 
 // src/tui/index.ts
-import React3 from "react";
+import React4 from "react";
 import { render } from "ink";
 
 // src/tui/App.tsx
-import { useState as useState2, useCallback as useCallback2 } from "react";
-import { Box as Box2 } from "ink";
+import { useState as useState3, useCallback as useCallback2 } from "react";
+import { Box as Box3 } from "ink";
 
 // src/tui/components.tsx
 import React, { useEffect as useEffect2 } from "react";
@@ -6571,19 +6571,6 @@ function Pane({ title, children, focused = false, borderColor, height }) {
     }
   );
 }
-function ChatMessage({ role, content, streaming, streamedContent }) {
-  const theme = getTheme();
-  const displayContent = streaming && streamedContent !== void 0 ? streamedContent : content;
-  const label = role === "user" ? "You" : role === "assistant" ? "LoveCode" : "System";
-  const labelColor = role === "user" ? theme.colors.success : role === "assistant" ? theme.colors.primary : theme.colors.warning;
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { bold: true, color: labelColor, children: label }) }),
-    /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(Text, { color: theme.colors.text, children: displayContent }),
-      streaming && /* @__PURE__ */ jsx(Text, { color: theme.colors.primary, children: "\u2588" })
-    ] })
-  ] });
-}
 function RepoContextPane({ projectName, branch, fileCount, language, framework, status, focused }) {
   const theme = getTheme();
   return /* @__PURE__ */ jsx(Pane, { title: "Repo Context", focused, height: 7, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
@@ -6623,25 +6610,6 @@ function RepoContextPane({ projectName, branch, fileCount, language, framework,
     ] })
   ] }) });
 }
-function ChatPane({ messages, streaming, streamedIndex, streamedContent, focused }) {
-  const scroll = useScroll();
-  useEffect2(() => {
-    scroll.scrollToBottom();
-  }, [messages.length]);
-  return /* @__PURE__ */ jsx(Pane, { title: "Chat", focused, height: "100%", children: /* @__PURE__ */ jsxs(Box, { flexDirection: "column", overflowY: "hidden", overflowX: "hidden", children: [
-    messages.length === 0 && /* @__PURE__ */ jsx(Text, { color: getTheme().colors.textDim, children: "Start typing to chat with LoveCode AI" }),
-    messages.map((msg, i) => /* @__PURE__ */ jsx(
-      ChatMessage,
-      {
-        role: msg.role,
-        content: streaming && i === streamedIndex && streamedContent !== void 0 ? streamedContent : msg.content,
-        streaming: streaming && i === streamedIndex,
-        streamedContent: streaming && i === streamedIndex ? streamedContent : void 0
-      },
-      i
-    ))
-  ] }) });
-}
 function CommandPane({ commands, focused }) {
   const spinner = useSpinner();
   const theme = getTheme();
@@ -6664,16 +6632,6 @@ function CommandPane({ commands, focused }) {
     ] }, i))
   ] }) });
 }
-function InputPane({ value, placeholder, focused, mode, vimMode }) {
-  const theme = getTheme();
-  const cursor = vimMode ? mode === "normal" ? "\u258C" : "\u2588" : "\u2588";
-  const modeIndicator = vimMode ? mode === "normal" ? " NORMAL " : " INSERT " : "";
-  return /* @__PURE__ */ jsx(Pane, { title: `Input${modeIndicator}`, focused, height: 4, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
-    /* @__PURE__ */ jsx(Text, { bold: true, color: theme.colors.success, children: " > " }),
-    /* @__PURE__ */ jsx(Text, { color: theme.colors.text, children: value || (placeholder ? /* @__PURE__ */ jsx(Text, { color: theme.colors.textDim, children: placeholder }) : null) }),
-    focused && /* @__PURE__ */ jsx(Text, { color: theme.colors.primary, children: cursor })
-  ] }) });
-}
 function StatusBar({ mode, theme: themeName, focus, vimMode, messages }) {
   const theme = getTheme();
   return /* @__PURE__ */ jsxs(
@@ -6710,8 +6668,153 @@ function StatusBar({ mode, theme: themeName, focus, vimMode, messages }) {
   );
 }
 
-// src/tui/App.tsx
+// src/tui/ChatBox.tsx
+import { useState as useState2, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function MessageRow({ msg, isStreaming, streamContent }) {
+  const theme = getTheme();
+  const displayContent = isStreaming && streamContent !== void 0 ? streamContent : msg.content;
+  const label = msg.role === "user" ? "You" : msg.role === "assistant" ? "LoveCode" : "System";
+  const labelColor = msg.role === "user" ? theme.colors.success : msg.role === "assistant" ? theme.colors.primary : theme.colors.warning;
+  const formatted = msg.role === "assistant" || msg.role === "system" ? renderMarkdown(displayContent) : displayContent;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx2(Box2, { children: /* @__PURE__ */ jsx2(Text2, { bold: true, color: labelColor, children: label }) }),
+    /* @__PURE__ */ jsxs2(Box2, { children: [
+      /* @__PURE__ */ jsx2(Text2, { color: theme.colors.text, children: formatted }),
+      isStreaming && /* @__PURE__ */ jsx2(Text2, { color: theme.colors.primary, children: "\u2588" })
+    ] })
+  ] });
+}
+function ChatBox({ messages, onSend, streaming, streamedContent, focused, placeholder = "Type a message..." }) {
+  const [input, setInput] = useState2("");
+  const [vimMode, setVimMode] = useState2("insert");
+  const scroll = useScroll();
+  const inputRef = useRef2(input);
+  inputRef.current = input;
+  useEffect3(() => {
+    scroll.scrollToBottom();
+  }, [messages.length, streamedContent]);
+  useInput2((text, key) => {
+    if (!focused) return;
+    if (vimMode === "normal") {
+      if (text === "i") {
+        setVimMode("insert");
+        return;
+      }
+      if (text === "a") {
+        setVimMode("insert");
+        setInput((prev) => prev + " ");
+        return;
+      }
+      if (text === "j") {
+        scroll.scrollDown();
+        return;
+      }
+      if (text === "k") {
+        scroll.scrollUp();
+        return;
+      }
+      if (text === "g") {
+        scroll.scrollToTop();
+        return;
+      }
+      if (text === "G") {
+        scroll.scrollToBottom();
+        return;
+      }
+      return;
+    }
+    if (key.escape) {
+      setVimMode("normal");
+      return;
+    }
+    if (key.return && input.trim()) {
+      onSend(input);
+      setInput("");
+      return;
+    }
+    if (key.backspace || key.delete) {
+      setInput((prev) => prev.slice(0, -1));
+      return;
+    }
+    if (key.upArrow) {
+      scroll.scrollUp();
+      return;
+    }
+    if (key.downArrow) {
+      scroll.scrollDown();
+      return;
+    }
+    if (key.pageUp) {
+      for (let i = 0; i < 10; i++) scroll.scrollUp();
+      return;
+    }
+    if (key.pageDown) {
+      for (let i = 0; i < 10; i++) scroll.scrollDown();
+      return;
+    }
+    if (text && text.length === 1 && !key.ctrl && !key.meta) {
+      setInput((prev) => prev + text);
+    }
+  });
+  const theme = getTheme();
+  const cursor = vimMode === "normal" ? "\u258C" : "\u2588";
+  const modeIndicator = vimMode === "normal" ? " NORMAL " : " INSERT ";
+  const maxVisible = 10;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", height: "100%", width: "100%", children: [
+    /* @__PURE__ */ jsxs2(
+      Box2,
+      {
+        flexDirection: "column",
+        flexGrow: 1,
+        overflowY: "hidden",
+        overflowX: "hidden",
+        paddingX: 1,
+        paddingY: 0,
+        children: [
+          messages.length === 0 && /* @__PURE__ */ jsx2(Text2, { color: theme.colors.textDim, children: "Start typing to chat with LoveCode AI" }),
+          messages.map((msg, i) => /* @__PURE__ */ jsx2(
+            MessageRow,
+            {
+              msg,
+              isStreaming: streaming && i === messages.length - 1,
+              streamContent: streaming && i === messages.length - 1 ? streamedContent : void 0
+            },
+            i
+          )),
+          messages.length > maxVisible && /* @__PURE__ */ jsxs2(Text2, { color: theme.colors.textDim, children: [
+            "-- Press j/k to scroll (",
+            scroll.offset + 1,
+            "-",
+            Math.min(scroll.offset + maxVisible, messages.length),
+            " of ",
+            messages.length,
+            ") --"
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs2(
+      Box2,
+      {
+        borderStyle: "round",
+        borderColor: focused ? theme.colors.primary : theme.colors.border,
+        marginX: 0,
+        paddingX: 1,
+        children: [
+          /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.colors.warning, children: modeIndicator }),
+          /* @__PURE__ */ jsx2(Text2, { bold: true, color: theme.colors.success, children: " > " }),
+          /* @__PURE__ */ jsx2(Text2, { color: theme.colors.text, children: input || /* @__PURE__ */ jsx2(Text2, { color: theme.colors.textDim, children: placeholder }) }),
+          focused && vimMode === "insert" && /* @__PURE__ */ jsx2(Text2, { color: theme.colors.primary, children: cursor })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/tui/App.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function App({
   initialMessages = [],
   projectName: _pn,
@@ -6723,57 +6826,31 @@ function App({
   onSendMessage,
   onRunCommand
 }) {
-  const [messages, setMessages] = useState2(initialMessages);
-  const [commands, setCommands] = useState2([]);
-  const [input, setInput] = useState2("");
-  const [streaming, setStreaming] = useState2(false);
-  const [streamedContent, setStreamedContent] = useState2("");
-  const [streamedIndex, setStreamedIndex] = useState2(0);
-  const [vimMode, setVimMode] = useState2("insert");
+  const [messages, setMessages] = useState3(initialMessages);
+  const [commands, setCommands] = useState3([]);
+  const [streaming, setStreaming] = useState3(false);
+  const [streamedContent, setStreamedContent] = useState3("");
   const [focus, setFocus] = useFocus();
-  const [currentTheme, setCurrentThemeState] = useState2("default");
+  const [currentTheme, setCurrentThemeState] = useState3("default");
   useTerminalSize();
   const setCurrentTheme = useCallback2((name) => {
     setTheme(name);
     setCurrentThemeState(name);
   }, []);
   useKeyboard({
-    onKey: (key) => {
-      if (focus === "input") {
-        if (vimMode === "normal") {
-          if (key === "i") setVimMode("insert");
-          else if (key === "h") {
-            setFocus("chat");
-          } else if (key === "l") {
-            setFocus("command");
-          }
-        }
-      }
-    },
-    onEnter: () => {
-      if (focus === "input" && input.trim() && vimMode === "insert") {
-        handleSend(input);
-      }
-    },
-    onEscape: () => {
-      if (vimMode === "insert") setVimMode("normal");
-    },
     onTab: () => {
-      setFocus(focus === "input" ? "chat" : focus === "chat" ? "command" : focus === "command" ? "repo" : "input");
+      setFocus(focus === "chat" ? "command" : focus === "command" ? "repo" : focus === "repo" ? "chat" : "chat");
     }
   });
   async function handleSend(text) {
     const userMsg = { role: "user", content: text };
     setMessages((prev) => [...prev, userMsg]);
-    setInput("");
     if (text.startsWith("/")) {
       handleCommand(text);
       return;
     }
     if (onSendMessage) {
       setStreaming(true);
-      const idx = messages.length + 1;
-      setStreamedIndex(idx);
       setStreamedContent("");
       try {
         const response = await onSendMessage(text);
@@ -6802,8 +6879,7 @@ function App({
         setMessages((prev) => [...prev, { role: "system", content: `Unknown theme: ${name}. Available: ${names.join(", ")}` }]);
       }
     } else if (cmd === "vim") {
-      setVimMode(vimMode === "normal" ? "insert" : "normal");
-      setMessages((prev) => [...prev, { role: "system", content: `Vim mode: ${vimMode === "normal" ? "insert" : "normal"}` }]);
+      setMessages((prev) => [...prev, { role: "system", content: "Vim mode is built into the chat box (Esc = normal, i = insert)" }]);
     } else if (cmd === "exit" || cmd === "quit") {
       process.exit(0);
     } else if (cmd.startsWith("!")) {
@@ -6834,9 +6910,9 @@ function App({
       }
     }
   }
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", width: "100%", height: "100%", children: [
-    /* @__PURE__ */ jsx2(Box2, { flexDirection: "column", flexGrow: 1, paddingX: 0, children: /* @__PURE__ */ jsxs2(SplitPane, { direction: "vertical", sizes: [15, 55, 20, 10], children: [
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", width: "100%", height: "100%", children: [
+    /* @__PURE__ */ jsx3(Box3, { flexDirection: "column", flexGrow: 1, paddingX: 0, children: /* @__PURE__ */ jsxs3(SplitPane, { direction: "vertical", sizes: [15, 60, 25], children: [
+      /* @__PURE__ */ jsx3(
         RepoContextPane,
         {
           projectName: _pn || "LoveCode",
@@ -6848,43 +6924,32 @@ function App({
           focused: focus === "repo"
         }
       ),
-      /* @__PURE__ */ jsx2(
-        ChatPane,
+      /* @__PURE__ */ jsx3(
+        ChatBox,
         {
           messages,
+          onSend: handleSend,
           streaming,
-          streamedIndex,
           streamedContent,
-          focused: focus === "chat"
+          focused: focus === "chat",
+          placeholder: "Type a message or /help..."
         }
       ),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx3(
         CommandPane,
         {
           commands,
           focused: focus === "command"
         }
-      ),
-      /* @__PURE__ */ jsx2(
-        InputPane,
-        {
-          value: input,
-          onChange: setInput,
-          onSubmit: handleSend,
-          placeholder: "Type a message or /help...",
-          focused: focus === "input",
-          mode: vimMode,
-          vimMode: true
-        }
       )
     ] }) }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       StatusBar,
       {
         mode: "chat",
         theme: currentTheme,
         focus,
-        vimMode: vimMode === "normal" ? "NORMAL" : "INSERT",
+        vimMode: "INSERT",
         messages: messages.length
       }
     )
@@ -6893,7 +6958,7 @@ function App({
 
 // src/tui/index.ts
 function startTUI(props) {
-  const { waitUntilExit } = render(React3.createElement(App, props));
+  const { waitUntilExit } = render(React4.createElement(App, props));
   waitUntilExit().then(() => process.exit(0));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lovecode-ai",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Terminal-native autonomous coding agent powered by free AI models",
   "keywords": [
     "ai",