fluxflow-cli 1.0.13 → 1.1.0

package/dist/fluxflow.js

@@ -1,15 +1,16 @@
 #!/usr/bin/env node
 
 // src/cli.jsx
-import React9 from "react";
+import React10 from "react";
 import { render } from "ink";
 
 // src/app.jsx
-import React8, { useState as useState4, useEffect as useEffect3, useRef, useMemo } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput3, useStdout, Static } from "ink";
+import React9, { useState as useState5, useEffect as useEffect3, useRef, useMemo } from "react";
+import { Box as Box9, Text as Text9, useInput as useInput4, useStdout } from "ink";
 import fs14 from "fs-extra";
+import { exec } from "child_process";
 import { MultilineInput } from "ink-multiline-input";
-import TextInput2 from "ink-text-input";
+import TextInput3 from "ink-text-input";
 
 // src/components/ChatLayout.jsx
 import React2 from "react";
@@ -18,15 +19,15 @@ import { Box as Box2, Text as Text2 } from "ink";
 // src/components/TerminalBox.jsx
 import React from "react";
 import { Box, Text } from "ink";
-var TerminalBox = ({ command, output, completed = false }) => {
+var TerminalBox = React.memo(({ command, output, completed = false }) => {
   const cleanOutput = (output || "").replace(/\r/g, "").trim();
   return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", borderStyle: "round", borderColor: completed ? "#334155" : "cyan", paddingX: 2, paddingY: completed ? 0 : 1, width: "100%" }, /* @__PURE__ */ React.createElement(Box, { justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Text, { color: completed ? "gray" : "cyan", bold: true }, completed ? "\u{1F3C1} FINISHED:" : "\u26A1 EXECUTING:", " "), /* @__PURE__ */ React.createElement(Text, { color: completed ? "gray" : "white" }, command)), /* @__PURE__ */ React.createElement(Text, { color: completed ? "#475569" : "yellow", bold: true }, completed ? "\u25CF ARCHIVED" : "\u25CF LIVE")), cleanOutput ? /* @__PURE__ */ React.createElement(Box, { marginTop: completed ? 0 : 1, backgroundColor: "#0a0a0a", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: completed ? "gray" : "green", wrap: "anywhere" }, cleanOutput)) : !completed && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, backgroundColor: "#0a0a0a", paddingX: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray", italic: true }, "Waiting for output...")), !completed && /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: "gray", dimColor: true, italic: true }, "Double-press ESC to terminate if hanging.")));
-};
+});
 
 // src/components/ChatLayout.jsx
 var cleanSignals = (text) => {
   if (!text) return text;
-  let result = "";
+  const parts = [];
   let i = 0;
   while (i < text.length) {
     const trigger = "tool:functions.";
@@ -46,64 +47,27 @@ var cleanSignals = (text) => {
       }
       i = j;
     } else {
-      result += text[i];
+      parts.push(text[i]);
       i++;
     }
   }
-  return result.replace(/^\[TOOL_RESULT\]:\s*/gi, "").split("\n").filter((line) => !line.trim().startsWith("SUCCESS:") && !line.trim().startsWith("ERROR:")).join("\n").replace(/\[\s*(turn\s*:)?\s*(continue|finish)\s*\]/gi, "").replace(/\n\s*turn\s*:\s*(continue|finish)\s*$/gi, "").replace(/\n\nResponded on .*/g, "").replace(/\n\n\[Prompted on: .*\]/g, "").trim();
+  return parts.join("").replace(/^\[TOOL_RESULT\]:\s*/gi, "").split("\n").filter((line) => !line.trim().startsWith("SUCCESS:") && !line.trim().startsWith("ERROR:")).join("\n").replace(/\[\s*(turn\s*:)?\s*(continue|finish)\s*\]/gi, "").replace(/\n\s*turn\s*:\s*(continue|finish)\s*$/gi, "").replace(/\n\nResponded on .*/g, "").replace(/\n\n\[Prompted on: .*\]/g, "").replace(/(\$?\\?\/?\\rightarrow\$?|\$\\rightarrow\$)/gi, "\u2192").trim();
 };
-var formatThinkText = (text) => {
-  const cleaned = cleanSignals(text);
+var formatThinkText = (cleaned) => {
   if (!cleaned) return null;
   const lines = cleaned.split("\n").filter((l) => l.trim() !== "");
   return lines.map((line, i) => {
     const trimmed = line.trim();
     if (trimmed.startsWith("**") && trimmed.endsWith("**") || trimmed.startsWith("#")) {
-      return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginTop: i === 0 ? 0 : 1, marginBottom: 0 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, trimmed.replace(/\*|#/g, "").trim()));
+      return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginTop: i === 0 ? 0 : 1, marginBottom: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, trimmed.replace(/\*|#/g, "").trim()));
     }
     const isBullet = trimmed.startsWith("*");
-    return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginLeft: isBullet ? 2 : 0 }, /* @__PURE__ */ React2.createElement(Text2, { italic: true, color: "gray", wrap: "anywhere" }, isBullet ? "\u2022 " : "", trimmed.replace(/^\*|\s\*/g, "").trim()));
+    return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginLeft: isBullet ? 2 : 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { italic: true, color: "gray", wrap: "anywhere" }, isBullet ? "\u2022 " : "", trimmed.replace(/^\*|\s\*/g, "").trim()));
   });
 };
-var CodeRenderer = ({ text }) => {
+var MarkdownText = React2.memo(({ text, color = "white" }) => {
   if (!text) return null;
-  if (text.includes("[DIFF_START]")) {
-    const beforeDiff = text.substring(0, text.indexOf("[DIFF_START]")).trim();
-    const afterDiff = text.substring(text.indexOf("[DIFF_END]") + 10).trim();
-    const match = text.match(/\[DIFF_START\]([\s\S]*?)\[DIFF_END\]/);
-    const diffBody = match ? match[1].trim() : "";
-    const diffLines = diffBody.split("\n");
-    return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, beforeDiff && /* @__PURE__ */ React2.createElement(MarkdownText, { text: beforeDiff }), /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", marginTop: 1, backgroundColor: "#1a1a1a", paddingY: 0 }, diffLines.map((line, i) => {
-      const isContext = line.includes("[UI_CONTEXT]");
-      const cleanLine = line.replace("[UI_CONTEXT]", "");
-      const isRemoval = cleanLine.startsWith("-");
-      const isAddition = cleanLine.startsWith("+");
-      const parts = cleanLine.substring(1).split("|");
-      const lineNum = parts[0]?.trim() || "";
-      const content = parts.slice(1).join("|");
-      const bgColor = isRemoval ? "#3a0c0c" : isAddition ? "#0c3a1a" : "#1a1a1a";
-      const textColor = isRemoval ? "#ff4d4d" : isAddition ? "#4dff88" : "white";
-      return /* @__PURE__ */ React2.createElement(Box2, { key: i, backgroundColor: bgColor, paddingX: 1 }, /* @__PURE__ */ React2.createElement(Box2, { width: 5, flexShrink: 0 }, /* @__PURE__ */ React2.createElement(Text2, { color: isRemoval ? "#cf3a3a" : isAddition ? "#3acf65" : "gray", dimColor: true }, lineNum)), /* @__PURE__ */ React2.createElement(Box2, { width: 2, flexShrink: 0, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: textColor, bold: true }, isRemoval ? "-" : isAddition ? "+" : " ")), /* @__PURE__ */ React2.createElement(Box2, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: textColor, wrap: "anywhere" }, content)));
-    })), afterDiff && /* @__PURE__ */ React2.createElement(MarkdownText, { text: afterDiff }));
-  }
-  if (text.includes("```")) {
-    const parts = text.split(/(```[\s\S]*?```)/g);
-    return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, parts.map((part, i) => {
-      if (part.startsWith("```") && part.endsWith("```")) {
-        const match = part.match(/```(\w*)\n([\s\S]*?)```/);
-        const lang = match ? match[1] : "code";
-        const code = match ? match[2] : part.slice(3, -3);
-        return /* @__PURE__ */ React2.createElement(Box2, { key: i, flexDirection: "column", marginY: 1, backgroundColor: "#111", borderStyle: "round", borderColor: "#333", paddingX: 1 }, /* @__PURE__ */ React2.createElement(Box2, { alignSelf: "flex-end", marginTop: -1, marginRight: 1 }, /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "#333", color: "white" }, " ", lang.toUpperCase(), " ")), /* @__PURE__ */ React2.createElement(Box2, { paddingY: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", wrap: "anywhere" }, code.trim())));
-      }
-      return /* @__PURE__ */ React2.createElement(MarkdownText, { key: i, text: part });
-    }));
-  }
-  return /* @__PURE__ */ React2.createElement(MarkdownText, { text });
-};
-var MarkdownText = ({ text, color = "white" }) => {
-  const cleaned = cleanSignals(text);
-  if (!cleaned) return null;
-  const lines = cleaned.split("\n");
+  const lines = text.split("\n");
   return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, lines.map((line, i) => {
     const trimmed = line.trim();
     if (trimmed === "---" || trimmed === "***" || trimmed === "___") {
@@ -113,7 +77,7 @@ var MarkdownText = ({ text, color = "white" }) => {
     if (headingMatch) {
       const level = headingMatch[1].length;
       const hText = headingMatch[2];
-      return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginTop: 1, marginBottom: 0 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: level === 1 ? "cyan" : level === 2 ? "magenta" : "yellow", underline: true }, hText.toUpperCase()));
+      return /* @__PURE__ */ React2.createElement(Box2, { key: i, marginTop: 1, marginBottom: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: level === 1 ? "cyan" : level === 2 ? "magenta" : "yellow", underline: true }, hText.toUpperCase()));
     }
     const isUnordered = trimmed.startsWith("* ") || trimmed.startsWith("- ");
     const isOrdered = /^\d+\.\s/.test(trimmed);
@@ -122,7 +86,7 @@ var MarkdownText = ({ text, color = "white" }) => {
       content = (isUnordered ? "  \u2022 " : "") + trimmed.replace(/^[\*\-\d+\.]+\s/, "");
     }
     const parts = content.split(/(\*\*.*?\*\*|\*.*?\*|`.*?`)/g);
-    return /* @__PURE__ */ React2.createElement(Text2, { key: i, color, wrap: "anywhere" }, parts.map((part, j) => {
+    return /* @__PURE__ */ React2.createElement(Box2, { key: i, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color, wrap: "anywhere" }, parts.map((part, j) => {
       if (part.startsWith("**") && part.endsWith("**")) {
         return /* @__PURE__ */ React2.createElement(Text2, { key: j, bold: true, color: "white" }, part.slice(2, -2));
       }
@@ -133,50 +97,109 @@ var MarkdownText = ({ text, color = "white" }) => {
         return /* @__PURE__ */ React2.createElement(Text2, { key: j, color: "cyan", backgroundColor: "#003333" }, " ", part.slice(1, -1), " ");
       }
       return part;
-    }));
+    })));
   }));
-};
-function ChatLayout({ messages, showFullThinking }) {
-  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, messages.map((msg, idx) => {
-    const isDiffResult = msg.role === "system" && msg.text.includes("[DIFF_START]");
-    const isTerminalRecord = msg.isTerminalRecord;
-    if (msg.role === "system" && msg.text.includes("[TOOL_RESULT]") && !isDiffResult && !isTerminalRecord) return null;
-    if (isTerminalRecord) {
-      const cmdMatch = msg.text.match(/COMMAND: (.*)\n/);
-      const outputMatch = msg.text.match(/OUTPUT: ([\s\S]*)$/);
-      const cmd = cmdMatch ? cmdMatch[1] : "Unknown";
-      const outputList = outputMatch ? outputMatch[1] : "";
-      return /* @__PURE__ */ React2.createElement(Box2, { key: idx, marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(TerminalBox, { command: cmd, output: outputList, completed: true }));
-    }
-    let color = "white";
-    let content = cleanSignals(msg.text);
+});
+var DiffLine = React2.memo(({ line }) => {
+  const isContext = line.includes("[UI_CONTEXT]");
+  const cleanLine = line.replace("[UI_CONTEXT]", "");
+  const isRemoval = cleanLine.startsWith("-");
+  const isAddition = cleanLine.startsWith("+");
+  const parts = cleanLine.substring(1).split("|");
+  const lineNum = parts[0]?.trim() || "";
+  const content = parts.slice(1).join("|");
+  const bgColor = isRemoval ? "#3a0c0c" : isAddition ? "#0c3a1a" : "#1a1a1a";
+  const textColor = isRemoval ? "#ff4d4d" : isAddition ? "#4dff88" : "white";
+  return /* @__PURE__ */ React2.createElement(Box2, { backgroundColor: bgColor, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { width: 5, flexShrink: 0 }, /* @__PURE__ */ React2.createElement(Text2, { color: isRemoval ? "#cf3a3a" : isAddition ? "#3acf65" : "gray", dimColor: true }, lineNum)), /* @__PURE__ */ React2.createElement(Box2, { width: 2, flexShrink: 0, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: textColor, bold: true }, isRemoval ? "-" : isAddition ? "+" : " ")), /* @__PURE__ */ React2.createElement(Box2, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: textColor, wrap: "anywhere" }, content)));
+});
+var DiffBlock = React2.memo(({ text }) => {
+  const beforeDiff = text.substring(0, text.indexOf("[DIFF_START]")).trim();
+  const afterDiff = text.substring(text.indexOf("[DIFF_END]") + 10).trim();
+  const match = text.match(/\[DIFF_START\]([\s\S]*?)\[DIFF_END\]/);
+  const diffBody = match ? match[1].trim() : "";
+  const diffLines = diffBody.split("\n");
+  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, beforeDiff && /* @__PURE__ */ React2.createElement(MarkdownText, { text: beforeDiff }), /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", marginTop: 1, backgroundColor: "#1a1a1a", paddingY: 0, width: "100%" }, diffLines.map((line, i) => /* @__PURE__ */ React2.createElement(DiffLine, { key: i, line }))), afterDiff && /* @__PURE__ */ React2.createElement(MarkdownText, { text: afterDiff }));
+});
+var CodeRenderer = React2.memo(({ text }) => {
+  if (!text) return null;
+  if (text.includes("[DIFF_START]")) {
+    return /* @__PURE__ */ React2.createElement(DiffBlock, { text });
+  }
+  if (text.includes("```")) {
+    const parts = text.split(/(```[\s\S]*?```)/g);
+    return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, parts.map((part, i) => {
+      if (part.startsWith("```") && part.endsWith("```")) {
+        const match = part.match(/```(\w*)\n([\s\S]*?)```/);
+        const lang = match ? match[1] : "code";
+        const code = match ? match[2] : part.slice(3, -3);
+        return /* @__PURE__ */ React2.createElement(Box2, { key: i, flexDirection: "column", marginY: 1, backgroundColor: "#111", borderStyle: "round", borderColor: "#333", paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { alignSelf: "flex-end", marginTop: -1, marginRight: 1 }, /* @__PURE__ */ React2.createElement(Text2, { backgroundColor: "#333", color: "white" }, " ", lang.toUpperCase(), " ")), /* @__PURE__ */ React2.createElement(Box2, { paddingY: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", wrap: "anywhere" }, code.trim())));
+      }
+      return /* @__PURE__ */ React2.createElement(MarkdownText, { key: i, text: part });
+    }));
+  }
+  return /* @__PURE__ */ React2.createElement(MarkdownText, { text });
+});
+var MessageItem = React2.memo(({ msg, showFullThinking }) => {
+  const isDiffResult = msg.role === "system" && msg.text.includes("[DIFF_START]");
+  const isTerminalRecord = msg.isTerminalRecord;
+  if (msg.role === "system" && msg.text.includes("[TOOL_RESULT]") && !isDiffResult && !isTerminalRecord) return null;
+  if (msg.isAskRecord) {
+    const selectionMatch = msg.text.match(/Selection: (.*)/);
+    const selection = selectionMatch ? selectionMatch[1] : "No selection";
+    return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", bold: true, underline: true }, "\u{1F4AC} ASK USER"), /* @__PURE__ */ React2.createElement(Box2, { marginTop: 0 }, /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, "Selection: ", /* @__PURE__ */ React2.createElement(Text2, { color: "yellow", bold: true }, selection)))));
+  }
+  if (msg.isUpdateNotification) {
+    return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "yellow", bold: true, underline: true }, "\u{1F680} UPDATE AVAILABLE"), /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(CodeRenderer, { text: msg.text }))));
+  }
+  if (isTerminalRecord) {
+    const cmdMatch = msg.text.match(/COMMAND: (.*)\n/);
+    const outputMatch = msg.text.match(/OUTPUT: ([\s\S]*)$/);
+    const cmd = cmdMatch ? cmdMatch[1] : "Unknown";
+    const outputList = outputMatch ? outputMatch[1] : "";
+    return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(TerminalBox, { command: cmd, output: outputList, completed: true }));
+  }
+  const content = React2.useMemo(() => cleanSignals(msg.text), [msg.text]);
+  const finalContent = React2.useMemo(() => {
     if (msg.role === "think" && !showFullThinking) {
-      content = content.split("\n").filter((line) => {
+      const lines = content.split("\n").filter((line) => {
         const trimmed = line.trim();
         const isHeading = trimmed.startsWith("# ");
         const isActionStep = trimmed.startsWith("**") && trimmed.endsWith("**");
         return isHeading || isActionStep;
-      }).join("\n");
-      if (!content.trim()) content = "*Reasoning...*";
+      });
+      if (lines.length === 0) return "*Reasoning...*";
+      return lines.join("\n");
     }
-    return /* @__PURE__ */ React2.createElement(Box2, { key: idx, marginBottom: 1, flexDirection: "column", flexShrink: 0, width: "100%" }, msg.role === "user" ? /* @__PURE__ */ React2.createElement(
-      Box2,
-      {
-        backgroundColor: "#262626",
-        paddingX: 1,
-        paddingY: 1,
-        width: "100%",
-        flexDirection: "column"
-      },
-      content.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\\\n/g, "\n").replace(/\\$/, "").split("\n").map((line, lineIdx) => /* @__PURE__ */ React2.createElement(Box2, { key: lineIdx, flexDirection: "row" }, /* @__PURE__ */ React2.createElement(Box2, { flexShrink: 0, width: 2 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, lineIdx === 0 ? "\u276F" : " ")), /* @__PURE__ */ React2.createElement(Box2, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: msg.color || "white", wrap: "anywhere" }, line))))
-    ) : msg.role === "think" ? /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, "Thinking..."), /* @__PURE__ */ React2.createElement(Box2, { borderStyle: "single", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, paddingLeft: 2, flexDirection: "column" }, formatThinkText(content))) : /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React2.createElement(CodeRenderer, { text: content }), msg.memoryUpdated && /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "yellow", italic: true }, "\u2728 [Memory Updated]"))));
-  }));
-}
+    return content;
+  }, [content, msg.role, showFullThinking]);
+  return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, flexDirection: "column", flexShrink: 0, width: "100%" }, msg.role === "user" ? /* @__PURE__ */ React2.createElement(
+    Box2,
+    {
+      backgroundColor: "#262626",
+      paddingX: 1,
+      paddingY: 1,
+      width: "100%",
+      flexDirection: "column"
+    },
+    finalContent.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\\\n/g, "\n").replace(/\\$/, "").split("\n").map((line, lineIdx) => /* @__PURE__ */ React2.createElement(Box2, { key: lineIdx, flexDirection: "row", width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexShrink: 0, width: 2 }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, lineIdx === 0 ? "\u276F" : " ")), /* @__PURE__ */ React2.createElement(Box2, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: msg.color || "white", wrap: "anywhere" }, line))))
+  ) : msg.role === "think" ? /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", marginTop: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { bold: true, color: "white" }, "Thinking..."), /* @__PURE__ */ React2.createElement(Box2, { borderStyle: "single", borderLeft: true, borderRight: false, borderTop: false, borderBottom: false, paddingLeft: 2, flexDirection: "column", width: "100%" }, formatThinkText(finalContent))) : /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", paddingX: 1, marginTop: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(CodeRenderer, { text: finalContent }), msg.memoryUpdated && /* @__PURE__ */ React2.createElement(Box2, { marginTop: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "yellow", italic: true }, "\u2728 [Memory Updated]"))));
+});
+var ChatLayout = React2.memo(({ messages, showFullThinking }) => {
+  return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", width: "100%" }, messages.map((msg, idx) => /* @__PURE__ */ React2.createElement(
+    MessageItem,
+    {
+      key: msg.id || idx,
+      msg,
+      showFullThinking
+    }
+  )));
+});
+var ChatLayout_default = ChatLayout;
 
 // src/components/StatusBar.jsx
 import React3 from "react";
 import { Box as Box3, Text as Text3 } from "ink";
-function StatusBar({ mode, thinkingLevel, tokens = "0.0k", chatId = "NEW-SESSION", isMemoryEnabled = true }) {
+var StatusBar = React3.memo(({ mode, thinkingLevel, tokens = "0.0k", chatId = "NEW-SESSION", isMemoryEnabled = true }) => {
   const modeColor = mode === "Flux" ? "yellow" : "cyan";
   const modeIcon = mode === "Flux" ? "\u26A1" : "\u{1F30A}";
   const memStatus = isMemoryEnabled ? "ON" : "OFF";
@@ -194,7 +217,8 @@ function StatusBar({ mode, thinkingLevel, tokens = "0.0k", chatId = "NEW-SESSION
     /* @__PURE__ */ React3.createElement(Box3, { flexGrow: 1, justifyContent: "center", paddingX: 2 }, /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\u{1F4C1} "), /* @__PURE__ */ React3.createElement(Text3, { color: "blue", dimColor: true, italic: true }, process.cwd())),
     /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, "MEM: "), /* @__PURE__ */ React3.createElement(Text3, { color: memStatus === "ON" ? "green" : "red" }, memStatus), /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, " \u2502 "), /* @__PURE__ */ React3.createElement(Text3, { color: "blue" }, " Tokens ", tokens > 1e3 ? `${(tokens / 1e3).toFixed(1)}k` : tokens, " (", Math.round(tokens / 254e3 * 100), "%)"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, " \u2502 "), /* @__PURE__ */ React3.createElement(Text3, { color: "dim" }, "ID: ", chatId, " "))
   );
-}
+});
+var StatusBar_default = StatusBar;
 
 // src/components/CommandMenu.jsx
 import React4 from "react";
@@ -250,6 +274,49 @@ function ProfileForm({ onSave, onCancel }) {
   )), /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true, marginTop: 1 }, "(Press Enter to submit, type /cancel to abort)"));
 }
 
+// src/components/AskUserModal.jsx
+import React6, { useState as useState2 } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
+import TextInput2 from "ink-text-input";
+var AskUserModal = ({ question, options, onResolve }) => {
+  const [isSuggestingElse, setIsSuggestingElse] = useState2(false);
+  const [customInput, setCustomInput] = useState2("");
+  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const allOptions = [...options, { id: "CUSTOM", label: "Suggest something else...", description: "Provide a custom response" }];
+  useInput((input, key) => {
+    if (isSuggestingElse) return;
+    if (key.leftArrow || key.upArrow) {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+    }
+    if (key.rightArrow || key.downArrow) {
+      setSelectedIndex((prev) => Math.min(allOptions.length - 1, prev + 1));
+    }
+    if (key.return) {
+      const selected = allOptions[selectedIndex];
+      if (selected.id === "CUSTOM") {
+        setIsSuggestingElse(true);
+      } else {
+        onResolve(selected.label);
+      }
+    }
+  });
+  if (isSuggestingElse) {
+    return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true, underline: true }, "\u{1F4AC} SUGGEST SOMETHING ELSE"), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { italic: true, color: "gray" }, "Replying to: ", question)), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, flexDirection: "row" }, /* @__PURE__ */ React6.createElement(Text6, { color: "yellow" }, "\u276F "), /* @__PURE__ */ React6.createElement(
+      TextInput2,
+      {
+        value: customInput,
+        onChange: setCustomInput,
+        onSubmit: () => onResolve(customInput)
+      }
+    )), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "(Press Enter to send)")));
+  }
+  return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true, underline: true }, "\u{1F4AC} ASK USER"), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { bold: true }, question)), /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "row", flexWrap: "wrap", width: "100%" }, options.map((opt, idx) => {
+    const isSelected = idx === selectedIndex;
+    return /* @__PURE__ */ React6.createElement(Box6, { key: opt.id, flexDirection: "column", marginRight: 4, marginBottom: 1, width: 30 }, /* @__PURE__ */ React6.createElement(Text6, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", opt.label), opt.description && /* @__PURE__ */ React6.createElement(Box6, { marginLeft: 4 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", italic: true, dimColor: true }, opt.description)));
+  })), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: selectedIndex === options.length ? "cyan" : "white", bold: selectedIndex === options.length }, selectedIndex === options.length ? "\u276F " : "  ", "Suggest something else...")), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "(Use Arrows to navigate, Enter to confirm)")));
+};
+var AskUserModal_default = AskUserModal;
+
 // src/app.jsx
 import gradient from "gradient-string";
 
@@ -343,6 +410,7 @@ tool:functions.tool_name(arguments)
 - WEB TOOLS (Available in Flux & Flow) -
     1. Web Search: tool:functions.web_search(query="<query>", limit=number). Find info. limit is optional (3-10, default 10). If user asks about something that is not in your training data, proactively use this tool to find the information.Winder search recomemded (limit = 10) when exploring a topic.
     2. Web Scrape: tool:functions.web_scrape(url="<url>"). provides detail from a URL.
+    3. Ask User: tool:functions.ask(question="...", optionA="Option::Desc", optionB="Option::Desc"). Use this ONLY when you reach a decision point with multiple valid paths and need user preference to proceed / confirmation. This allows you to pause for guidance without ending your task loop. Format options as 'Short Label::Detailed Description'. You can provide 2 - 4 options (optionA, optionB, optionC, optionD). Tool can also return result as none of the 4 if user write custom one.
 ${mode === "Flux" ? `
 - DEV & FILE TOOLS (Available in FLUX MODE ONLY) -
     1. View File: tool:functions.view_file(path="relative/path", start_line=number, end_line=number). Reads file content. Auto-truncates at 500 lines unless start_line and end_line are provided.
@@ -356,7 +424,7 @@ ${mode === "Flux" ? `
 Results will be provided in the next loop as: [TOOL_RESULT]: [content]
 WHEN CALLING TOOLS, YOU **MUST** END YOUR RESPONSE WITH '[turn: continue]' AFTER CALLING FUNCTIONS.
 Do NOT over-use tools. Use them only when strictly necessary for the user's objective. You can stack multiple tool calls 1-by-1.
-Distinguish clearly between tool discussion and execution. Use the 'tool:' prefix ONLY when calling a function. When discussing tools with the user, refer to them by name as nouns (e.g., 'write_file', 'list_files') to avoid accidental triggers and context bloat.
+Distinguish clearly between tool discussion and execution. Use the 'tool:' prefix ONLY when calling a function. When discussing tools with the user, refer to them by name as nouns (e.g., 'write_file', 'list_files') to avoid accidental triggers and context bloat. Even in your <think> ... </think> tags, do not use the 'tool:' prefix when planning to select a tool.
 -- END FUNCTION CALLING PROTOCOL --`.trim();
 
 // src/data/janitor_tools.js
@@ -471,7 +539,8 @@ YOU ARE A SILENT BACKGROUND SYSTEM PROCESS. YOU HAVE NO MOUTH. YOUR ONLY OUTPUT
 1. OUTPUT ONLY 'tool:functions.xxx' CALLS.
 2. DO NOT EXPLAIN. DO NOT SUMMARIZE AGENT RAWS. DO NOT TALK TO THE USER.
 3. NON-TOOL TEXT WILL BREAK THE SYSTEM.
-4.
+4. DO NOT REPEAT AGENT RAWS IN YOUR RESPONSE.
+5. IF YOU GET ONLY USER RESPONSE AND NO AGENT RAWS, THEN JUST USE TEMP MEMORY TO LOG THE SUMMARY OF USER QUERY.
 
 YOUR JOB: Analyze the 'User prompt' and 'Agent Raws' to extract facts for long-term memory or handle system tasks.
 ${isMemoryEnabled ? `If user tell something that is important (like, hobbies, preferences, facts about user, hates, likes, etc) to know user better over time, use long term memory tools.` : ""}
@@ -1156,6 +1225,40 @@ ${formatted}${footer}`;
   }
 };
 
+// src/tools/ask_user.js
+var ask_user = async (args, context) => {
+  const parsed = parseArgs(args);
+  const { question } = parsed;
+  if (!question) return 'ERROR: Missing "question" argument for ask_user.';
+  if (!context.onAskUser) return "ERROR: onAskUser callback not provided in tool context.";
+  const options = [];
+  Object.keys(parsed).forEach((key) => {
+    if (key.startsWith("option")) {
+      const val = parsed[key];
+      if (typeof val === "string" && val.includes("::")) {
+        const [label, desc] = val.split("::");
+        options.push({
+          id: key,
+          label: label.trim(),
+          description: desc.trim()
+        });
+      } else {
+        options.push({
+          id: key,
+          label: String(val).trim(),
+          description: ""
+        });
+      }
+    }
+  });
+  try {
+    const choice = await context.onAskUser(question, options);
+    return `USER CHOOSE: ${choice}`;
+  } catch (err) {
+    return `ERROR: Failed to get user input: ${err.message}`;
+  }
+};
+
 // src/utils/tools.js
 var TOOL_MAP = {
   web_search,
@@ -1167,7 +1270,8 @@ var TOOL_MAP = {
   write_file,
   update_file,
   exec_command,
-  read_folder
+  read_folder,
+  ask: ask_user
 };
 var dispatchTool = async (toolName, args, context = {}) => {
   const tool = TOOL_MAP[toolName];
@@ -1386,7 +1490,7 @@ USER_PROMPT: ${agentText}`.trim();
         } else if (toolCall.toolName === "write_file" || toolCall.toolName === "update_file") {
           const action = toolCall.toolName === "write_file" ? "WRITING" : "PATCHING";
           label = `\u{1F4BE} ${action} FILE: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
-        } else if (toolCall.toolName === "exec_command") {
+        } else if (toolCall.toolName === "exec_command" || toolCall.toolName === "ask") {
           label = "";
         } else {
           label = `EXECUTING ${toolCall.toolName}`.toUpperCase();
@@ -1472,7 +1576,8 @@ ${boxBottom}
         const result = await dispatchTool(toolCall.toolName, toolCall.args, {
           chatId,
           history,
-          onChunk: (chunk) => settings.onExecChunk ? settings.onExecChunk(chunk) : null
+          onChunk: (chunk) => settings.onExecChunk ? settings.onExecChunk(chunk) : null,
+          onAskUser: settings.onAskUser
         });
         if (toolCall.toolName === "exec_command" && settings.onExecEnd) {
           await new Promise((resolve) => setTimeout(resolve, 800));
@@ -1660,12 +1765,12 @@ var saveSettings = async (settings) => {
 };
 
 // src/components/ResumeModal.jsx
-import React6, { useState as useState2, useEffect } from "react";
-import { Box as Box6, Text as Text6, useInput } from "ink";
+import React7, { useState as useState3, useEffect } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
 function ResumeModal({ onSelect, onDelete, onClose }) {
-  const [history, setHistory] = useState2({});
-  const [keys, setKeys] = useState2([]);
-  const [selectedIndex, setSelectedIndex] = useState2(0);
+  const [history, setHistory] = useState3({});
+  const [keys, setKeys] = useState3([]);
+  const [selectedIndex, setSelectedIndex] = useState3(0);
   useEffect(() => {
     const fetchHistory = async () => {
       const h = await loadHistory();
@@ -1674,7 +1779,7 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
     };
     fetchHistory();
   }, []);
-  useInput((input, key) => {
+  useInput2((input, key) => {
     if (key.escape) onClose();
     if (key.upArrow) setSelectedIndex((prev) => Math.max(0, prev - 1));
     if (key.downArrow) setSelectedIndex((prev) => Math.min(keys.length - 1, prev + 1));
@@ -1690,19 +1795,19 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
       });
     }
   });
-  return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", borderStyle: "double", borderColor: "cyan", padding: 1, width: 80 }, /* @__PURE__ */ React6.createElement(Box6, { justifyContent: "center", marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "cyan" }, " \u{1F4C2} RESUME SESSION ")), keys.length === 0 ? /* @__PURE__ */ React6.createElement(Text6, { italic: true, color: "gray" }, " No saved chats found. ") : keys.map((id, index) => {
+  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "double", borderColor: "cyan", padding: 1, width: 80 }, /* @__PURE__ */ React7.createElement(Box7, { justifyContent: "center", marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "cyan" }, " \u{1F4C2} RESUME SESSION ")), keys.length === 0 ? /* @__PURE__ */ React7.createElement(Text7, { italic: true, color: "gray" }, " No saved chats found. ") : keys.map((id, index) => {
     const chat2 = history[id];
     const isSelected = index === selectedIndex;
-    return /* @__PURE__ */ React6.createElement(Box6, { key: id, paddingX: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: isSelected ? "cyan" : "white" }, isSelected ? "\u276F " : "  ", /* @__PURE__ */ React6.createElement(Text6, { bold: isSelected }, chat2.name || id), /* @__PURE__ */ React6.createElement(Text6, { color: "gray" }, " [", id.slice(5), "]")), isSelected && /* @__PURE__ */ React6.createElement(Box6, { marginLeft: "auto" }, /* @__PURE__ */ React6.createElement(Text6, { color: "red" }, " (x to delete) ")));
-  }), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, justifyContent: "center", borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React6.createElement(Text6, { dimColor: true }, " \u2191\u2193 navigate \u2022 Enter select \u2022 x delete \u2022 Esc close ")));
+    return /* @__PURE__ */ React7.createElement(Box7, { key: id, paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: isSelected ? "cyan" : "white" }, isSelected ? "\u276F " : "  ", /* @__PURE__ */ React7.createElement(Text7, { bold: isSelected }, chat2.name || id), /* @__PURE__ */ React7.createElement(Text7, { color: "gray" }, " [", id.slice(5), "]")), isSelected && /* @__PURE__ */ React7.createElement(Box7, { marginLeft: "auto" }, /* @__PURE__ */ React7.createElement(Text7, { color: "red" }, " (x to delete) ")));
+  }), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, justifyContent: "center", borderStyle: "single", borderColor: "gray" }, /* @__PURE__ */ React7.createElement(Text7, { dimColor: true }, " \u2191\u2193 navigate \u2022 Enter select \u2022 x delete \u2022 Esc close ")));
 }
 
 // src/components/MemoryModal.jsx
-import React7, { useState as useState3, useEffect as useEffect2 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
+import React8, { useState as useState4, useEffect as useEffect2 } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
 function MemoryModal({ onClose }) {
-  const [memories, setMemories] = useState3([]);
-  const [selectedIndex, setSelectedIndex] = useState3(0);
+  const [memories, setMemories] = useState4([]);
+  const [selectedIndex, setSelectedIndex] = useState4(0);
   const loadMemories = () => {
     const data = readEncryptedJson(MEMORIES_FILE, []);
     setMemories(data);
@@ -1710,7 +1815,7 @@ function MemoryModal({ onClose }) {
   useEffect2(() => {
     loadMemories();
   }, []);
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (key.escape) onClose();
     if (key.upArrow) setSelectedIndex((prev) => Math.max(0, prev - 1));
     if (key.downArrow) setSelectedIndex((prev) => Math.min(memories.length - 1, prev + 1));
@@ -1727,12 +1832,14 @@ function MemoryModal({ onClose }) {
   const cleanDisplay = (text) => {
     return text.replace(/\[Saved on: .*?\]/g, "").trim();
   };
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", padding: 1, width: 80 }, /* @__PURE__ */ React7.createElement(Box7, { justifyContent: "center", marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "yellow" }, "\u{1F9E0} LONG-TERM MEMORY VAULT")), memories.length === 0 ? /* @__PURE__ */ React7.createElement(Box7, { justifyContent: "center", paddingY: 2 }, /* @__PURE__ */ React7.createElement(Text7, { italic: true, color: "gray" }, "The vault is currently empty...")) : memories.map((mem, idx) => /* @__PURE__ */ React7.createElement(Box7, { key: mem.id, paddingX: 1, backgroundColor: idx === selectedIndex ? "#333" : void 0 }, /* @__PURE__ */ React7.createElement(Text7, { color: idx === selectedIndex ? "yellow" : "white" }, idx === selectedIndex ? "\u276F " : "  ", idx + 1, ". ", cleanDisplay(mem.memory)))), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "gray" }, "\u2191/\u2193 Navigate \u2022 ", /* @__PURE__ */ React7.createElement(Text7, { color: "red" }, "x"), " Delete Memory \u2022 ", /* @__PURE__ */ React7.createElement(Text7, { color: "cyan" }, "Esc"), " Back to Chat")));
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "double", borderColor: "yellow", padding: 1, width: 80 }, /* @__PURE__ */ React8.createElement(Box8, { justifyContent: "center", marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { bold: true, color: "yellow" }, "\u{1F9E0} LONG-TERM MEMORY VAULT")), memories.length === 0 ? /* @__PURE__ */ React8.createElement(Box8, { justifyContent: "center", paddingY: 2 }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, "The vault is currently empty...")) : memories.map((mem, idx) => /* @__PURE__ */ React8.createElement(Box8, { key: mem.id, paddingX: 1, backgroundColor: idx === selectedIndex ? "#333" : void 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: idx === selectedIndex ? "yellow" : "white" }, idx === selectedIndex ? "\u276F " : "  ", idx + 1, ". ", cleanDisplay(mem.memory)))), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, paddingTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "\u2191/\u2193 Navigate \u2022 ", /* @__PURE__ */ React8.createElement(Text8, { color: "red" }, "x"), " Delete Memory \u2022 ", /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, "Esc"), " Back to Chat")));
 }
 
 // src/app.jsx
 var SESSION_START_TIME = Date.now();
-var ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "The agent already finished the task (turn: finish) before your hint was consumed."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1, backgroundColor: "#222", paddingX: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+var CHANGELOG_URL = "https://fluxflow-cli.onrender.com/changelog.html";
+var versionFluxflow = "1.1.0";
+var ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "The agent already finished the task (turn: finish) before your hint was consumed."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1, backgroundColor: "#222", paddingX: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
   CommandMenu,
   {
     title: "Select Action",
@@ -1756,9 +1863,9 @@ var FLUX_LOGO = gradient(["#00ffff", "#0077ff", "#ff00ff"]).multiline(
 );
 function App() {
   const { stdout } = useStdout();
-  const [input, setInput] = useState4("");
-  const [mode, setMode] = useState4("Flux");
-  const [terminalSize, setTerminalSize] = useState4({
+  const [input, setInput] = useState5("");
+  const [mode, setMode] = useState5("Flux");
+  const [terminalSize, setTerminalSize] = useState5({
     columns: stdout?.columns || 80,
     rows: stdout?.rows || 24
   });
@@ -1775,27 +1882,52 @@ function App() {
       stdout.off("resize", handleResize);
     };
   }, [stdout]);
-  const [thinkingLevel, setThinkingLevel] = useState4("Medium");
-  const [showFullThinking, setShowFullThinking] = useState4(false);
-  const [activeModel, setActiveModel] = useState4("gemma-4-31b-it");
-  const [janitorModel, setJanitorModel] = useState4("gemma-4-26b-a4b-it");
-  const [isInitializing, setIsInitializing] = useState4(true);
-  const [apiKey, setApiKey] = useState4(null);
-  const [tempKey, setTempKey] = useState4("");
-  const [activeView, setActiveView] = useState4("chat");
-  const [apiTier, setApiTier] = useState4("Free");
-  const [quotas, setQuotas] = useState4({ agentLimit: 1500, backgroundLimit: 1500, searchLimit: 100, customModelId: "", customLimit: 0 });
-  const [inputConfig, setInputConfig] = useState4(null);
-  const [systemSettings, setSystemSettings] = useState4({ memory: true, compression: 0, autoExec: false, autoDeleteHistory: "7d" });
-  const [profileData, setProfileData] = useState4({ name: null, nickname: null, instructions: null });
-  const [sessionStats, setSessionStats] = useState4({ tokens: 0 });
-  const [sessionAgentCalls, setSessionAgentCalls] = useState4(0);
-  const [sessionBackgroundCalls, setSessionBackgroundCalls] = useState4(0);
-  const [sessionTotalTokens, setSessionTotalTokens] = useState4(0);
-  const [dailyUsage, setDailyUsage] = useState4(null);
-  const [chatId, setChatId] = useState4(generateChatId());
-  const [activeCommand, setActiveCommand] = useState4(null);
-  const [execOutput, setExecOutput] = useState4("");
+  useEffect3(() => {
+    const checkVersion = async () => {
+      try {
+        const response = await fetch("https://registry.npmjs.org/fluxflow-cli/latest");
+        const data = await response.json();
+        const latestVersion = data?.version;
+        if (latestVersion && latestVersion !== versionFluxflow) {
+          setMessages((prev) => {
+            const newMsgs = [...prev];
+            newMsgs.splice(1, 0, {
+              id: "update-" + Date.now(),
+              role: "system",
+              text: `\u{1F680} **New version '${latestVersion}' is available!**
+Type \`npm i -g fluxflow-cli\` to update.
+Check what's new using \`/changelog\` command.`,
+              isUpdateNotification: true
+            });
+            return newMsgs;
+          });
+        }
+      } catch (err) {
+      }
+    };
+    checkVersion();
+  }, []);
+  const [thinkingLevel, setThinkingLevel] = useState5("Medium");
+  const [showFullThinking, setShowFullThinking] = useState5(false);
+  const [activeModel, setActiveModel] = useState5("gemma-4-31b-it");
+  const [janitorModel, setJanitorModel] = useState5("gemma-4-26b-a4b-it");
+  const [isInitializing, setIsInitializing] = useState5(true);
+  const [apiKey, setApiKey] = useState5(null);
+  const [tempKey, setTempKey] = useState5("");
+  const [activeView, setActiveView] = useState5("chat");
+  const [apiTier, setApiTier] = useState5("Free");
+  const [quotas, setQuotas] = useState5({ agentLimit: 1500, backgroundLimit: 1500, searchLimit: 100, customModelId: "", customLimit: 0 });
+  const [inputConfig, setInputConfig] = useState5(null);
+  const [systemSettings, setSystemSettings] = useState5({ memory: true, compression: 0, autoExec: false, autoDeleteHistory: "7d" });
+  const [profileData, setProfileData] = useState5({ name: null, nickname: null, instructions: null });
+  const [sessionStats, setSessionStats] = useState5({ tokens: 0 });
+  const [sessionAgentCalls, setSessionAgentCalls] = useState5(0);
+  const [sessionBackgroundCalls, setSessionBackgroundCalls] = useState5(0);
+  const [sessionTotalTokens, setSessionTotalTokens] = useState5(0);
+  const [dailyUsage, setDailyUsage] = useState5(null);
+  const [chatId, setChatId] = useState5(generateChatId());
+  const [activeCommand, setActiveCommand] = useState5(null);
+  const [execOutput, setExecOutput] = useState5("");
   const activeCommandRef = useRef(null);
   const execOutputRef = useRef("");
   useEffect3(() => {
@@ -1804,8 +1936,9 @@ function App() {
   useEffect3(() => {
     execOutputRef.current = execOutput;
   }, [execOutput]);
-  const [autoAcceptWrites, setAutoAcceptWrites] = useState4(false);
-  const [pendingApproval, setPendingApproval] = useState4(null);
+  const [autoAcceptWrites, setAutoAcceptWrites] = useState5(false);
+  const [pendingApproval, setPendingApproval] = useState5(null);
+  const [pendingAsk, setPendingAsk] = useState5(null);
   const formatDuration = (totalSecs) => {
     const h = Math.floor(totalSecs / 3600);
     const m = Math.floor(totalSecs % 3600 / 60);
@@ -1815,19 +1948,43 @@ function App() {
     }
     return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
   };
-  const [statusText, setStatusText] = useState4(null);
-  const [isProcessing, setIsProcessing] = useState4(false);
-  const [escPressed, setEscPressed] = useState4(false);
-  const [escTimer, setEscTimer] = useState4(null);
-  const [queuedPrompt, setQueuedPrompt] = useState4(null);
-  const [resolutionData, setResolutionData] = useState4(null);
-  const [tempModelOverride, setTempModelOverride] = useState4(null);
-  const [messages, setMessages] = useState4([
+  const [statusText, setStatusText] = useState5(null);
+  const [isProcessing, setIsProcessing] = useState5(false);
+  const [escPressed, setEscPressed] = useState5(false);
+  const [escTimer, setEscTimer] = useState5(null);
+  const [queuedPrompt, setQueuedPrompt] = useState5(null);
+  const [resolutionData, setResolutionData] = useState5(null);
+  const [tempModelOverride, setTempModelOverride] = useState5(null);
+  const [messages, setMessages] = useState5([
     { id: "welcome", role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Welcome to Flux Flow! Type /help for commands.\n" }
   ]);
   const queuedPromptRef = useRef(null);
-  const [completedIndex, setCompletedIndex] = useState4(1);
-  useInput3((inputText, key) => {
+  const [completedIndex, setCompletedIndex] = useState5(1);
+  const windowedHistory = useMemo(() => {
+    const MAX_LINES = 1e3;
+    const width = stdout?.columns || 80;
+    let totalLines = 0;
+    let startIdx = 0;
+    for (let i = completedIndex - 1; i >= 0; i--) {
+      const msg = messages[i];
+      if (!msg) continue;
+      let lines = (msg.text || "").split("\n").length;
+      msg.text.split("\n").forEach((l) => {
+        lines += Math.floor(l.length / width);
+      });
+      lines += msg.role === "think" ? 3 : 2;
+      if (totalLines + lines > MAX_LINES && completedIndex - i > 2) {
+        startIdx = i + 1;
+        break;
+      }
+      totalLines += lines;
+    }
+    return {
+      items: messages.slice(startIdx, completedIndex),
+      isTruncated: startIdx > 0
+    };
+  }, [messages, completedIndex, stdout?.columns]);
+  useInput4((inputText, key) => {
     if (key.escape) {
       if (isProcessing) {
         if (!escPressed) {
@@ -1901,7 +2058,7 @@ function App() {
       setTempKey("");
     }
   };
-  const COMMANDS = ["/mode", "/thinking", "/model", "/resume", "/memory", "/profile", "/settings", "/key", "/stats", "/reset", "/help", "/clear", "/quit"];
+  const COMMANDS = ["/mode", "/thinking", "/model", "/resume", "/memory", "/profile", "/settings", "/key", "/stats", "/reset", "/help", "/clear", "/quit", "/changelog"];
   const handleSubmit = (value) => {
     const normalizedValue = value.replace(/\r\n/g, "\n").replace(/\r/g, "\n").trimEnd();
     if (normalizedValue.endsWith("\\")) {
@@ -1942,9 +2099,14 @@ ${hintText}`, color: "magenta" }];
               const h = await loadHistory();
               const target = h[targetId] || Object.values(h).find((h2) => h2.name.toLowerCase() === targetId.toLowerCase());
               if (target) {
-                process.stdout.write("\x1Bc");
+                stdout.write("\x1B[2J\x1B[3J\x1B[H");
                 setChatId(targetId);
-                setMessages(target.messages);
+                const resumedMsgs = [...target.messages];
+                const hasLogo = resumedMsgs[0]?.text?.includes("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557");
+                if (!hasLogo) {
+                  resumedMsgs.unshift({ id: "welcome-" + Date.now(), role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Resuming Flux Flow Session...\n" });
+                }
+                setMessages(resumedMsgs);
                 setMessages((prev) => [...prev, { id: "sys-" + Date.now(), role: "system", text: `\u{1F4E1} SESSION RESUMED: [${targetId}]` }]);
                 setCompletedIndex(0);
               } else {
@@ -1958,7 +2120,7 @@ ${hintText}`, color: "magenta" }];
           break;
         }
         case "/clear": {
-          process.stdout.write("\x1Bc");
+          stdout.write("\x1B[2J\x1B[3J\x1B[H");
           setMessages([{ id: "welcome-" + Date.now(), role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Welcome back to Flux Flow! Context cleared.\n" }]);
           setCompletedIndex(0);
           setChatId(generateChatId());
@@ -2102,6 +2264,16 @@ ${list || "No saved chats found."}` }];
           runReset();
           break;
         }
+        case "/changelog": {
+          const platform = process.platform;
+          const command = platform === "win32" ? "start" : platform === "darwin" ? "open" : "xdg-open";
+          exec(`${command} ${CHANGELOG_URL}`);
+          setMessages((prev) => {
+            setCompletedIndex(prev.length + 1);
+            return [...prev, { id: Date.now(), role: "system", text: `\u{1F310} [BROWSER] Opening changelog: ${CHANGELOG_URL}` }];
+          });
+          break;
+        }
         case "/help": {
           setMessages((prev) => {
             setCompletedIndex(prev.length + 1);
@@ -2174,23 +2346,47 @@ OUTPUT: ${execOutputRef.current}`;
                   setPendingApproval({ tool, args, resolve });
                   setActiveView("approval");
                 });
+              },
+              onAskUser: async (question, options) => {
+                return new Promise((resolve) => {
+                  setPendingAsk({
+                    question,
+                    options,
+                    resolve: (val) => {
+                      setMessages((prev) => [
+                        ...prev,
+                        {
+                          id: "ask-" + Date.now(),
+                          role: "system",
+                          text: `\u{1F4AC} **Ask User**
+Selection: ${val}`,
+                          isAskRecord: true
+                        }
+                      ]);
+                      resolve(val);
+                    }
+                  });
+                  setActiveView("ask");
+                });
               }
             },
-            async () => {
-              if (queuedPromptRef.current) {
-                const p = queuedPromptRef.current;
-                setQueuedPrompt(null);
-                queuedPromptRef.current = null;
-                setMessages((prev) => {
-                  const newMsgs = [...prev];
-                  const hintMsg = newMsgs.reverse().find((m) => m.text?.includes("[STEERING HINT: QUEUED]"));
-                  if (hintMsg) {
-                    hintMsg.text = hintMsg.text.replace("[STEERING HINT: QUEUED]", "[STEERING HINT: INJECTED]");
-                    hintMsg.color = "cyan";
-                  }
-                  return newMsgs.reverse();
-                });
-                return p;
+            async (hint) => {
+              if (queuedPrompt) {
+                if (queuedPromptRef.current) {
+                  const p = queuedPromptRef.current;
+                  setQueuedPrompt(null);
+                  queuedPromptRef.current = null;
+                  setMessages((prev) => {
+                    const newMsgs = [...prev];
+                    const hintMsg = newMsgs.reverse().find((m) => m.text?.includes("[STEERING HINT: QUEUED]"));
+                    if (hintMsg) {
+                      hintMsg.text = hintMsg.text.replace("[STEERING HINT: QUEUED]", "[STEERING HINT: INJECTED]");
+                      hintMsg.color = "cyan";
+                    }
+                    return newMsgs.reverse();
+                  });
+                  return p;
+                }
               }
               return null;
             }
@@ -2253,9 +2449,9 @@ OUTPUT: ${execOutputRef.current}`;
               const [thinkPart, agentPart] = chunkText.split("</think>");
               if (inThinkMode) {
                 setMessages((prev) => {
-                  const newMsgs = [...prev];
-                  const thinkMsg = newMsgs.find((m) => m.id === currentThinkId);
-                  if (thinkMsg) thinkMsg.text += thinkPart.replace(signalRegex, "");
+                  const newMsgs = prev.map(
+                    (m) => m.id === currentThinkId ? { ...m, text: m.text + thinkPart.replace(signalRegex, "") } : m
+                  );
                   currentAgentId = "agent-" + Date.now();
                   const cleanedAgentPart = (agentPart || "").replace(signalRegex, "");
                   return [...newMsgs, { id: currentAgentId, role: "agent", text: cleanedAgentPart }];
@@ -2267,35 +2463,26 @@ OUTPUT: ${execOutputRef.current}`;
                   currentAgentId = "agent-" + Date.now();
                   setMessages((prev) => [...prev, { id: currentAgentId, role: "agent", text: cleanedContent }]);
                 } else {
-                  setMessages((prev) => {
-                    const newMsgs = [...prev];
-                    const msg = newMsgs.find((m) => m.id === currentAgentId);
-                    if (msg) msg.text += cleanedContent;
-                    return newMsgs;
-                  });
+                  setMessages((prev) => prev.map(
+                    (m) => m.id === currentAgentId ? { ...m, text: m.text + cleanedContent } : m
+                  ));
                 }
               }
               continue;
             }
             if (inThinkMode && currentThinkId) {
-              setMessages((prev) => {
-                const newMsgs = [...prev];
-                const msg = newMsgs.find((m) => m.id === currentThinkId);
-                if (msg) msg.text += chunkText.replace(signalRegex, "");
-                return newMsgs;
-              });
+              setMessages((prev) => prev.map(
+                (m) => m.id === currentThinkId ? { ...m, text: m.text + chunkText.replace(signalRegex, "") } : m
+              ));
             } else if (!inThinkMode) {
               const cleanedText = chunkText.replace(/<\/?think>/gi, "").replace(signalRegex, "");
               if (!currentAgentId) {
                 currentAgentId = "agent-" + Date.now();
                 setMessages((prev) => [...prev, { id: currentAgentId, role: "agent", text: cleanedText }]);
               } else {
-                setMessages((prev) => {
-                  const newMsgs = [...prev];
-                  const msg = newMsgs.find((m) => m.id === currentAgentId);
-                  if (msg) msg.text += cleanedText;
-                  return newMsgs;
-                });
+                setMessages((prev) => prev.map(
+                  (m) => m.id === currentAgentId ? { ...m, text: m.text + cleanedText } : m
+                ));
               }
             }
           }
@@ -2342,7 +2529,7 @@ OUTPUT: ${execOutputRef.current}`;
   const renderActiveView = () => {
     switch (activeView) {
       case "mode":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "\u26A1 Select Operating Mode",
@@ -2371,7 +2558,7 @@ OUTPUT: ${execOutputRef.current}`;
           { label: "Max (Architecture)", value: "Max" }
         ];
         options.push({ label: "Cancel", value: "Cancel" });
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: `\u{1F9E0} Select Thinking Level (${mode} Mode)`,
@@ -2384,7 +2571,7 @@ OUTPUT: ${execOutputRef.current}`;
         );
       }
       case "model":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "\u{1F916} Select AI Model",
@@ -2396,7 +2583,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         );
       case "settings":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "System Settings",
@@ -2441,7 +2628,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         );
       case "apiTier":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: `API Tier: ${apiTier}`,
@@ -2506,8 +2693,8 @@ OUTPUT: ${execOutputRef.current}`;
           }
         );
       case "input":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", paddingX: 2, paddingY: 1 }, inputConfig?.note && /* @__PURE__ */ React8.createElement(Box8, { marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow", dimColor: true }, inputConfig.note)), /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, inputConfig?.label), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
-          TextInput2,
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", paddingX: 2, paddingY: 1 }, inputConfig?.note && /* @__PURE__ */ React9.createElement(Box9, { marginBottom: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow", dimColor: true }, inputConfig.note)), /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, inputConfig?.label), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
+          TextInput3,
           {
             value: inputConfig?.value || "",
             onChange: (val) => setInputConfig((prev) => ({ ...prev, value: val })),
@@ -2536,11 +2723,11 @@ OUTPUT: ${execOutputRef.current}`;
               }
             }
           }
-        )), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true, marginTop: 1 }, "(Press Enter to confirm)"));
+        )), /* @__PURE__ */ React9.createElement(Text9, { dimColor: true, marginTop: 1 }, "(Press Enter to confirm)"));
       case "stats":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan", bold: true }, "\u{1F4CA} DAILY PERFORMANCE LEDGER"), /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Agent Model Calls:    ", /* @__PURE__ */ React8.createElement(Text8, { color: "green" }, dailyUsage?.agent || 0)), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Background Tasks:     ", /* @__PURE__ */ React8.createElement(Text8, { color: "blue" }, dailyUsage?.background || 0))), /* @__PURE__ */ React8.createElement(Text8, { dimColor: true, marginTop: 1 }, "(Press ESC to return to chat)"));
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "cyan", bold: true }, "\u{1F4CA} DAILY PERFORMANCE LEDGER"), /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Agent Model Calls:    ", /* @__PURE__ */ React9.createElement(Text9, { color: "green" }, dailyUsage?.agent || 0)), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Background Tasks:     ", /* @__PURE__ */ React9.createElement(Text9, { color: "blue" }, dailyUsage?.background || 0))), /* @__PURE__ */ React9.createElement(Text9, { dimColor: true, marginTop: 1 }, "(Press ESC to return to chat)"));
       case "autoExecDanger":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: AUTO-EXEC MODE"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "Turning this ON allows the agent to execute terminal commands automatically without requiring your approval for each step."), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 The agent may execute destructive commands (rm -rf, etc.) by mistake."), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Unintended system changes if the agent hallucinates a path or command."), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Reduced control over the agent's step-by-step decision making."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: AUTO-EXEC MODE"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "Turning this ON allows the agent to execute terminal commands automatically without requiring your approval for each step."), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 The agent may execute destructive commands (rm -rf, etc.) by mistake."), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Unintended system changes if the agent hallucinates a path or command."), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Reduced control over the agent's step-by-step decision making."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Confirm Intent",
@@ -2557,7 +2744,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         )));
       case "externalDanger":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: EXTERNAL WORKSPACE ACCESS"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "Turning this ON allows the agent to execute tools (Read/Write/Exec) outside of the current active workspace directory."), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Access to sensitive system files (SSH keys, Browser data, etc.)"), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Potential for accidental or malicious deletion of OS-critical files."), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Unauthorized script execution across your entire file system."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: EXTERNAL WORKSPACE ACCESS"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "Turning this ON allows the agent to execute tools (Read/Write/Exec) outside of the current active workspace directory."), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Access to sensitive system files (SSH keys, Browser data, etc.)"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Potential for accidental or malicious deletion of OS-critical files."), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Unauthorized script execution across your entire file system."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Confirm Intent",
@@ -2574,7 +2761,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         )));
       case "doubleDanger":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true, underline: true }, "\u26D4 CRITICAL SECURITY WARNING: COMBINED SYSTEM RISK"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "You are attempting to enable BOTH [Auto-Exec] and [External Workspace Access] simultaneously."), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1, color: "red", bold: true }, "THIS IS NOT RECOMMENDED."), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1, color: "yellow" }, "THE CRITICAL RISK:"), /* @__PURE__ */ React8.createElement(Text8, null, "The agent will have the power to execute any command across your entire system WITHOUT your approval or supervision."), /* @__PURE__ */ React8.createElement(Text8, { color: "red", italic: true, marginTop: 1 }, "A single hallucination or error could result in full system wipe or data theft."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true, underline: true }, "\u26D4 CRITICAL SECURITY WARNING: COMBINED SYSTEM RISK"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "You are attempting to enable BOTH [Auto-Exec] and [External Workspace Access] simultaneously."), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, color: "red", bold: true }, "THIS IS NOT RECOMMENDED."), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, color: "yellow" }, "THE CRITICAL RISK:"), /* @__PURE__ */ React9.createElement(Text9, null, "The agent will have the power to execute any command across your entire system WITHOUT your approval or supervision."), /* @__PURE__ */ React9.createElement(Text9, { color: "red", italic: true, marginTop: 1 }, "A single hallucination or error could result in full system wipe or data theft."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Final Confirmation",
@@ -2591,7 +2778,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         )));
       case "key":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "\u{1F511} API KEY MANAGEMENT",
@@ -2614,7 +2801,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         );
       case "deleteKey":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true }, "\u26A0\uFE0F DANGER: PURGE API KEY"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "This will permanently delete the saved API key from the project vault. You will need to enter it again to use Flux."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true }, "\u26A0\uFE0F DANGER: PURGE API KEY"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "This will permanently delete the saved API key from the project vault. You will need to enter it again to use Flux."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Are you absolutely sure?",
@@ -2635,7 +2822,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         )));
       case "exit":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, borderColor: "red" }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true }, "\u{1F3C1} SESSION DASHBOARD"), /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Agent Active For:      ", /* @__PURE__ */ React8.createElement(Text8, { color: "yellow" }, formatDuration(Math.floor((Date.now() - SESSION_START_TIME) / 1e3)))), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Total Agent Queries:  ", /* @__PURE__ */ React8.createElement(Text8, { color: "green" }, sessionAgentCalls)), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Memory Tasks:        ", /* @__PURE__ */ React8.createElement(Text8, { color: "blue" }, sessionBackgroundCalls)), /* @__PURE__ */ React8.createElement(Text8, null, "\u2022 Total Tokens Consumed: ", /* @__PURE__ */ React8.createElement(Text8, { color: "magenta" }, (sessionTotalTokens / 1e3).toFixed(2), "k"))), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "Are you sure you want to exit?"), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, borderColor: "red" }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true }, "\u{1F3C1} SESSION DASHBOARD"), /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Agent Active For:      ", /* @__PURE__ */ React9.createElement(Text9, { color: "yellow" }, formatDuration(Math.floor((Date.now() - SESSION_START_TIME) / 1e3)))), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Total Agent Queries:  ", /* @__PURE__ */ React9.createElement(Text9, { color: "green" }, sessionAgentCalls)), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Memory Tasks:        ", /* @__PURE__ */ React9.createElement(Text9, { color: "blue" }, sessionBackgroundCalls)), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Total Tokens Consumed: ", /* @__PURE__ */ React9.createElement(Text9, { color: "magenta" }, (sessionTotalTokens / 1e3).toFixed(2), "k"))), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "Are you sure you want to exit?"), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Exit Confirmation",
@@ -2652,15 +2839,36 @@ OUTPUT: ${execOutputRef.current}`;
             }
           }
         )));
+      case "ask":
+        return /* @__PURE__ */ React9.createElement(Box9, { width: "100%" }, /* @__PURE__ */ React9.createElement(
+          AskUserModal_default,
+          {
+            question: pendingAsk?.question,
+            options: pendingAsk?.options,
+            onResolve: (choice) => {
+              if (pendingAsk?.resolve) {
+                pendingAsk.resolve(choice);
+              }
+              setPendingAsk(null);
+              setActiveView("chat");
+            }
+          }
+        ));
       case "resume":
-        return /* @__PURE__ */ React8.createElement(Box8, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React9.createElement(
           ResumeModal,
           {
             onSelect: async (id) => {
               const h = await loadHistory();
               if (h[id]) {
+                stdout.write("\x1B[2J\x1B[3J\x1B[H");
                 setChatId(id);
-                setMessages(h[id].messages);
+                const resumedMsgs = [...h[id].messages];
+                const hasLogo = resumedMsgs[0]?.text?.includes("\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557");
+                if (!hasLogo) {
+                  resumedMsgs.unshift({ id: "welcome-" + Date.now(), role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Resuming Flux Flow Session...\n" });
+                }
+                setMessages(resumedMsgs);
                 setActiveView("chat");
                 setMessages((prev) => [...prev, { id: "sys-" + Date.now(), role: "system", text: `\u{1F4E1} SESSION RESUMED: [${id}]` }]);
                 setCompletedIndex(0);
@@ -2674,9 +2882,9 @@ OUTPUT: ${execOutputRef.current}`;
           }
         ));
       case "memory":
-        return /* @__PURE__ */ React8.createElement(Box8, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React8.createElement(MemoryModal, { onClose: () => setActiveView("chat") }));
+        return /* @__PURE__ */ React9.createElement(Box9, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React9.createElement(MemoryModal, { onClose: () => setActiveView("chat") }));
       case "profile":
-        return /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(
           ProfileForm,
           {
             onSave: (profile) => {
@@ -2688,7 +2896,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         );
       case "resolution":
-        return /* @__PURE__ */ React8.createElement(Box8, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React9.createElement(
           ResolutionModal,
           {
             data: resolutionData,
@@ -2705,15 +2913,15 @@ OUTPUT: ${execOutputRef.current}`;
           }
         ));
       case "approval":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow", bold: true, underline: true }, "\u{1F6E1}\uFE0F SECURITY GATE: FILE WRITE PERMISSION"), /* @__PURE__ */ React8.createElement(Text8, { marginTop: 1 }, "The agent is attempting to modify: ", /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, parseArgs(pendingApproval?.args || "{}").path || "Unknown File")), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1, borderStyle: "single", borderColor: "#333", paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "--- PROPOSED CONTENT / DIFF ---"), (() => {
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow", bold: true, underline: true }, "\u{1F6E1}\uFE0F SECURITY GATE: FILE WRITE PERMISSION"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "The agent is attempting to modify: ", /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, parseArgs(pendingApproval?.args || "{}").path || "Unknown File")), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1, borderStyle: "single", borderColor: "#333", paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray" }, "--- PROPOSED CONTENT / DIFF ---"), (() => {
           const args = parseArgs(pendingApproval?.args || "{}");
           const oldVal = args.TargetContent || args.content_to_replace || null;
           const newVal = args.content || args.ReplacementContent || args.content_to_add || args.replacementContent || null;
           if (oldVal && newVal) {
-            return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React8.createElement(Box8, null, /* @__PURE__ */ React8.createElement(Text8, { color: "red", wrap: "anywhere", bold: true }, "- ", oldVal)), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "green", wrap: "anywhere", bold: true }, "+ ", newVal)));
+            return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React9.createElement(Box9, null, /* @__PURE__ */ React9.createElement(Text9, { color: "red", wrap: "anywhere", bold: true }, "- ", oldVal)), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "green", wrap: "anywhere", bold: true }, "+ ", newVal)));
           }
-          return /* @__PURE__ */ React8.createElement(Text8, { color: "white", wrap: "anywhere" }, newVal || "Updating file content...");
-        })()), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+          return /* @__PURE__ */ React9.createElement(Text9, { color: "white", wrap: "anywhere" }, newVal || "Updating file content...");
+        })()), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Action Required",
@@ -2732,7 +2940,7 @@ OUTPUT: ${execOutputRef.current}`;
           }
         )));
       case "terminalApproval":
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true, underline: true }, "\u{1F6E1}\uFE0F SECURITY GATE: TERMINAL COMMAND OVERSIGHT"), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, null, "Agent requested to run: ", /* @__PURE__ */ React8.createElement(Text8, { color: "yellow", bold: true }, parseArgs(pendingApproval?.args || "{}").command || "Unknown Command"))), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true, underline: true }, "\u{1F6E1}\uFE0F SECURITY GATE: TERMINAL COMMAND OVERSIGHT"), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, null, "Agent requested to run: ", /* @__PURE__ */ React9.createElement(Text9, { color: "yellow", bold: true }, parseArgs(pendingApproval?.args || "{}").command || "Unknown Command"))), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(
           CommandMenu,
           {
             title: "Risk Assessment Required",
@@ -2754,8 +2962,8 @@ OUTPUT: ${execOutputRef.current}`;
           return acc + Math.max(1, Math.ceil(line.length / wrapWidth));
         }, 0);
         const maxLines = Math.max(1, wrappedLines);
-        return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, null, statusText && /* @__PURE__ */ React8.createElement(Text8, { color: "magenta", italic: true }, "\u23F3 ", statusText)), /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, "(", tempModelOverride || activeModel, ")")), suggestions.length > 0 && /* @__PURE__ */ React8.createElement(Box8, { paddingX: 1, marginBottom: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "\u{1F4A1} Suggestions: "), suggestions.map((s, i) => /* @__PURE__ */ React8.createElement(Text8, { key: s, color: "yellow", bold: i === 0 }, " ", s, " "))), /* @__PURE__ */ React8.createElement(Box8, { backgroundColor: "#333333", paddingX: 1, paddingY: 1, width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: "100%" }, maxLines > 3 ? /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: "100%", paddingY: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, "[\u{1F4E6} ", maxLines, " lines of text in buffer - Full content will be sent]"), /* @__PURE__ */ React8.createElement(
-          Box8,
+        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React9.createElement(Box9, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React9.createElement(Box9, null, statusText && /* @__PURE__ */ React9.createElement(Text9, { color: "magenta", italic: true }, "\u23F3 ", statusText)), /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true }, "(", tempModelOverride || activeModel, ")")), suggestions.length > 0 && /* @__PURE__ */ React9.createElement(Box9, { paddingX: 1, marginBottom: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray" }, "\u{1F4A1} Suggestions: "), suggestions.map((s, i) => /* @__PURE__ */ React9.createElement(Text9, { key: s, color: "yellow", bold: i === 0 }, " ", s, " "))), /* @__PURE__ */ React9.createElement(Box9, { backgroundColor: "#333333", paddingX: 1, paddingY: 1, width: "100%" }, /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: "100%" }, maxLines > 3 ? /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: "100%", paddingY: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true }, "[\u{1F4E6} ", maxLines, " lines of text in buffer - Full content will be sent]"), /* @__PURE__ */ React9.createElement(
+          Box9,
           {
             flexDirection: "row",
             width: "100%",
@@ -2763,8 +2971,8 @@ OUTPUT: ${execOutputRef.current}`;
             overflow: "hidden",
             alignItems: "flex-end"
           },
-          /* @__PURE__ */ React8.createElement(Box8, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow" }, "\u276F ")),
-          /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1 }, /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1, position: "relative" }, input.split("\n").pop() === "" && !isProcessing && /* @__PURE__ */ React8.createElement(Box8, { position: "absolute", paddingLeft: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, "Type your message...")), /* @__PURE__ */ React8.createElement(
+          /* @__PURE__ */ React9.createElement(Box9, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow" }, "\u276F ")),
+          /* @__PURE__ */ React9.createElement(Box9, { flexGrow: 1 }, /* @__PURE__ */ React9.createElement(Box9, { flexGrow: 1, position: "relative" }, input.split("\n").pop() === "" && !isProcessing && /* @__PURE__ */ React9.createElement(Box9, { position: "absolute", paddingLeft: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true }, "Type your message...")), /* @__PURE__ */ React9.createElement(
             MultilineInput,
             {
               value: input.split("\n").pop() || "",
@@ -2781,7 +2989,7 @@ OUTPUT: ${execOutputRef.current}`;
               }
             }
           )))
-        )) : /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React8.createElement(Box8, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow" }, "\u276F ")), /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1 }, /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1, position: "relative" }, input === "" && !isProcessing && /* @__PURE__ */ React8.createElement(Box8, { position: "absolute", paddingLeft: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, escPressed ? "  Press ESC again to cancel the request." : "  Type your message or /command...")), /* @__PURE__ */ React8.createElement(
+        )) : /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React9.createElement(Box9, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow" }, "\u276F ")), /* @__PURE__ */ React9.createElement(Box9, { flexGrow: 1 }, /* @__PURE__ */ React9.createElement(Box9, { flexGrow: 1, position: "relative" }, input === "" && !isProcessing && /* @__PURE__ */ React9.createElement(Box9, { position: "absolute", paddingLeft: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true }, escPressed ? "  Press ESC again to cancel the request." : "  Type your message or /command...")), /* @__PURE__ */ React9.createElement(
           MultilineInput,
           {
             value: input,
@@ -2799,16 +3007,16 @@ OUTPUT: ${execOutputRef.current}`;
         )))))));
     }
   };
-  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column" }, messages.slice(0, completedIndex).map((msg, idx) => /* @__PURE__ */ React8.createElement(ChatLayout, { key: msg.id || idx, messages: [msg], showFullThinking }))), /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", padding: 1, width: "100%" }, activeView === "chat" && /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React8.createElement(ChatLayout, { messages: messages.slice(completedIndex), showFullThinking }), activeCommand && /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(TerminalBox, { command: activeCommand, output: execOutput }))), isInitializing ? /* @__PURE__ */ React8.createElement(Box8, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React8.createElement(Box8, { borderStyle: "bold", borderColor: "yellow", padding: 1, flexDirection: "column", flexShrink: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "yellow", bold: true }, "\u{1F511} API KEY REQUIRED"), /* @__PURE__ */ React8.createElement(Text8, null, "Please enter your Gemini API Key to initialize the agent's brain."), /* @__PURE__ */ React8.createElement(Box8, { marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan" }, "\u276F "), /* @__PURE__ */ React8.createElement(
-    TextInput2,
+  return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: "100%" }, windowedHistory.isTruncated && /* @__PURE__ */ React9.createElement(Box9, { borderStyle: "single", borderColor: "gray", paddingX: 1, marginBottom: 1, width: "100%", justifyContent: "center" }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true, italic: true }, "[ \u2191 History truncated for performance (showing last ~1000 lines) ]")), /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column" }, windowedHistory.items.map((msg, idx) => /* @__PURE__ */ React9.createElement(MessageItem, { key: msg.id || idx, msg, showFullThinking }))), /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", padding: 1, width: "100%" }, (activeView === "chat" || ["ask", "approval", "terminalApproval"].includes(activeView)) && /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React9.createElement(ChatLayout_default, { messages: messages.slice(completedIndex), showFullThinking }), activeCommand && /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(TerminalBox, { command: activeCommand, output: execOutput }))), isInitializing ? /* @__PURE__ */ React9.createElement(Box9, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React9.createElement(Box9, { borderStyle: "bold", borderColor: "yellow", padding: 1, flexDirection: "column", flexShrink: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "yellow", bold: true }, "\u{1F511} API KEY REQUIRED"), /* @__PURE__ */ React9.createElement(Text9, null, "Please enter your Gemini API Key to initialize the agent's brain."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, "\u276F "), /* @__PURE__ */ React9.createElement(
+    TextInput3,
     {
       value: tempKey,
       onChange: setTempKey,
       onSubmit: handleSetup,
       mask: "*"
     }
-  ))) : renderActiveView(), /* @__PURE__ */ React8.createElement(Box8, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React8.createElement(
-    StatusBar,
+  ))) : renderActiveView(), /* @__PURE__ */ React9.createElement(Box9, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React9.createElement(
+    StatusBar_default,
     {
       mode,
       thinkingLevel,
@@ -2820,5 +3028,24 @@ OUTPUT: ${execOutputRef.current}`;
 }
 
 // src/cli.jsx
+process.env.NODE_NO_WARNINGS = "1";
+var silentPatterns = [
+  "cuimp",
+  "Found existing binary",
+  "Binary verified",
+  "curl.exe not found",
+  "Falling back to .bat file",
+  "DeprecationWarning"
+];
+var originalLog = console.log;
+var originalWarn = console.warn;
+var originalError = console.error;
+var isNoise = (args) => {
+  const msg = args.map(String).join(" ");
+  return silentPatterns.some((p) => msg.includes(p));
+};
+console.log = (...args) => !isNoise(args) && originalLog(...args);
+console.warn = (...args) => !isNoise(args) && originalWarn(...args);
+console.error = (...args) => !isNoise(args) && originalError(...args);
 process.stdout.write("\x1Bc");
-render(/* @__PURE__ */ React9.createElement(App, null));
+render(/* @__PURE__ */ React10.createElement(App, null));