fluxflow-cli 1.8.34 → 1.9.1

package/dist/fluxflow.js

@@ -111,14 +111,51 @@ var init_TerminalBox = __esm({
   }
 });
 
+// src/utils/terminal.js
+var getTerminalEnv, emojiSpace;
+var init_terminal = __esm({
+  "src/utils/terminal.js"() {
+    getTerminalEnv = () => {
+      if (process.env.TERM_PROGRAM === "vscode") return "vscode";
+      if (process.env.WT_SESSION) return "wt";
+      return "default";
+    };
+    emojiSpace = (baseSpaces = 2) => {
+      const env = getTerminalEnv();
+      if (env === "wt") {
+        return " ".repeat(Math.max(1, baseSpaces - 1));
+      }
+      if (env === "vscode") {
+        return " ".repeat(baseSpaces);
+      }
+      return " ".repeat(baseSpaces);
+    };
+  }
+});
+
 // src/components/ChatLayout.jsx
 import React2, { useState, useEffect, useRef } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
-var cleanSignals, formatThinkText, parseMathSymbols, InlineMarkdown, TableRenderer, MarkdownText, DiffLine, DiffBlock, CodeRenderer, MessageItem, ChatLayout, ChatLayout_default;
+var TOOL_LABELS, cleanSignals, formatThinkText, parseMathSymbols, InlineMarkdown, TableRenderer, MarkdownText, DiffLine, DiffBlock, CodeRenderer, MessageItem, ChatLayout, ChatLayout_default;
 var init_ChatLayout = __esm({
   "src/components/ChatLayout.jsx"() {
     init_TerminalBox();
     init_text();
+    init_terminal();
+    TOOL_LABELS = {
+      "write_file": "Write File",
+      "update_file": "Update File",
+      "read_folder": "Read Folder",
+      "view_file": "View File",
+      "exec_command": "Execute Command",
+      "web_search": "Web Search",
+      "web_scrape": "Read Site",
+      "search_keyword": "Find Files",
+      "ask": "Ask User",
+      "write_pdf": "Create PDF",
+      "write_pptx": "Create Presentation",
+      "write_docx": "Create Document"
+    };
     cleanSignals = (text) => {
       if (!text) return text;
       let result = text;
@@ -173,7 +210,7 @@ var init_ChatLayout = __esm({
           }
         }
       }
-      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(/\[\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").replace(/(\$?\\?\/?\\leftarrow\$?|\$\\leftarrow\$)/gi, "\u2190").replace(/(\$?\\?\/?\\uparrow\$?|\$\\uparrow\$)/gi, "\u2191").replace(/(\$?\\?\/?\\downarrow\$?|\$\\downarrow\$)/gi, "\u2193").replace(/(\$?\\?\/?\\leftrightarrow\$?|\$\\leftrightarrow\$)/gi, "\u2194").replace(/\[\/n\]?/g, "\\\\n").trim();
+      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(/\[\s*turn\s*:?.*?$/gi, "").replace(/\n\s*turn\s*:?.*?$/gi, "").replace(/\[\s*$/gi, "").replace(/\n\nResponded on .*/g, "").replace(/\n\n\[Prompted on: .*\]/g, "").replace(/(\$?\\?\/?\\rightarrow\$?|\$\\rightarrow\$)/gi, "\u2192").replace(/(\$?\\?\/?\\leftarrow\$?|\$\\leftarrow\$)/gi, "\u2190").replace(/(\$?\\?\/?\\uparrow\$?|\$\\uparrow\$)/gi, "\u2191").replace(/(\$?\\?\/?\\downarrow\$?|\$\\downarrow\$)/gi, "\u2193").replace(/(\$?\\?\/?\\leftrightarrow\$?|\$\\leftrightarrow\$)/gi, "\u2194").replace(/\[\/n\]?/g, "\\n").replace(/@\[TerminalName:.*?, ProcessId:.*?\]/gi, "").replace(/\b(write_file|update_file|read_folder|view_file|exec_command|web_search|web_scrape|search_keyword|ask|write_pdf|write_pptx|write_docx)\b/gi, (match) => TOOL_LABELS[match.toLowerCase()] || match).trim();
     };
     formatThinkText = (cleaned, columns = 80) => {
       if (!cleaned) return null;
@@ -358,6 +395,12 @@ var init_ChatLayout = __esm({
       const isDiffResult = msg.role === "system" && msg.text?.includes("[DIFF_START]");
       const isPatchError = msg.role === "system" && msg.text?.includes("[TOOL_RESULT]: ERROR:") && (msg.toolName === "update_file" || msg.text?.includes("Could not find exact match"));
       const isTerminalRecord = msg.isTerminalRecord;
+      if (msg.id && String(msg.id).startsWith("welcome")) {
+        const parts = msg.text.split("\n\n");
+        const logo = parts[0];
+        const greeting = parts[1] || "";
+        return /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", alignItems: "center", width: "100%", marginY: 1 }, /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1 }, /* @__PURE__ */ React2.createElement(Text2, null, logo)), /* @__PURE__ */ React2.createElement(Box2, { borderStyle: "round", borderColor: "gray", paddingX: 3, paddingY: 0 }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", bold: true }, greeting.trim())));
+      }
       if (msg.isVisualFeedback) {
         return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, msg.text));
       }
@@ -368,10 +411,14 @@ var init_ChatLayout = __esm({
       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)))));
+        const s = emojiSpace(2);
+        return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", bold: true }, "\u{1F4AC}", s, "AGENT REQUEST: RESOLVED")), /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "white" }, "Selection: ", /* @__PURE__ */ React2.createElement(Text2, { color: "yellow", bold: true }, selection)))));
+      }
+      if (msg.isAboutRecord) {
+        return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", bold: true }, "\u{1F4A0} ABOUT FLUX FLOW")), /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React2.createElement(Text2, null, msg.text))));
       }
       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, columns }))));
+        return /* @__PURE__ */ React2.createElement(Box2, { marginBottom: 1, paddingX: 1, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1 }, /* @__PURE__ */ React2.createElement(Text2, { color: "cyan", bold: true }, "\u{1F680} FLUX FLOW UPDATE AVAILABLE")), /* @__PURE__ */ React2.createElement(Box2, { paddingX: 1, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React2.createElement(CodeRenderer, { text: msg.text, columns }))));
       }
       if (msg.isHelpRecord) {
         const commandList = [
@@ -488,20 +535,19 @@ var init_StatusBar = __esm({
     StatusBar = React3.memo(({ mode, thinkingLevel, tokens = "0.0k", tokensTotal = "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";
       return /* @__PURE__ */ React3.createElement(
         Box3,
         {
-          borderStyle: "single",
+          borderStyle: "round",
           borderColor: "gray",
           flexDirection: "row",
           justifyContent: "space-between",
           paddingX: 1,
           width: "100%"
         },
-        /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { color: modeColor, bold: true }, modeIcon, " ", mode.toUpperCase()), /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, " \u2502 "), /* @__PURE__ */ React3.createElement(Text3, { color: "magenta" }, "\u{1F9E0} ", thinkingLevel)),
-        /* @__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 }, truncatePath(process.cwd(), 40))),
-        /* @__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" }, formatTokens(tokensTotal), " (", Math.round(tokens / 254e3 * 100), "%)"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, " \u2502 "), /* @__PURE__ */ React3.createElement(Text3, { color: "dim" }, chatId, " "))
+        /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Box3, { marginRight: 1 }, /* @__PURE__ */ React3.createElement(Text3, { color: modeColor, bold: true }, modeIcon, " ", mode.toUpperCase())), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\u2503 "), /* @__PURE__ */ React3.createElement(Box3, { marginX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { color: "magenta" }, "\u{1F9E0} ", thinkingLevel)), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\u2503 "), /* @__PURE__ */ React3.createElement(Box3, { marginX: 1 }, /* @__PURE__ */ React3.createElement(Text3, { color: "gray" }, "MEM: "), /* @__PURE__ */ React3.createElement(Text3, { color: isMemoryEnabled ? "green" : "red", bold: true }, isMemoryEnabled ? "ON" : "OFF"))),
+        /* @__PURE__ */ React3.createElement(Box3, { flexGrow: 1, justifyContent: "center", paddingX: 2 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F4C1}"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", italic: true }, " ", truncatePath(process.cwd(), 35))),
+        /* @__PURE__ */ React3.createElement(Box3, null, /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\u2503 "), /* @__PURE__ */ React3.createElement(Box3, { marginX: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u2728"), /* @__PURE__ */ React3.createElement(Text3, { color: "blue" }, " ", formatTokens(tokensTotal), " ", /* @__PURE__ */ React3.createElement(Text3, { dimColor: true }, "(", Math.round(tokens / 254e3 * 100), "%)"))), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true }, "\u2503 "), /* @__PURE__ */ React3.createElement(Box3, { marginLeft: 1 }, /* @__PURE__ */ React3.createElement(Text3, null, "\u{1F194}"), /* @__PURE__ */ React3.createElement(Text3, { color: "gray", dimColor: true, italic: true }, " ", chatId)))
       );
     });
     StatusBar_default = StatusBar;
@@ -513,22 +559,46 @@ import React4 from "react";
 import { Box as Box4, Text as Text4 } from "ink";
 import SelectInput from "ink-select-input";
 function CommandMenu({ title, subtitle, items, onSelect }) {
-  return /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", padding: 1, marginTop: 1, flexShrink: 0 }, /* @__PURE__ */ React4.createElement(Text4, { color: "magenta", bold: true }, title), subtitle && /* @__PURE__ */ React4.createElement(Text4, { color: "yellow", dimColor: true, marginTop: 1, italic: true }, subtitle), /* @__PURE__ */ React4.createElement(Box4, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React4.createElement(
-    SelectInput,
+  return /* @__PURE__ */ React4.createElement(
+    Box4,
     {
-      items,
-      onSelect,
-      itemComponent: CustomItem,
-      indicatorComponent: () => null
-    }
-  )), /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true, marginTop: 1 }, "(Use Up/Down arrows to select, Enter to confirm)"));
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: "gray",
+      padding: 0,
+      marginTop: 1,
+      flexShrink: 0,
+      width: "100%"
+    },
+    /* @__PURE__ */ React4.createElement(Box4, { paddingX: 1, paddingY: 0, marginBottom: subtitle ? 0 : 1 }, /* @__PURE__ */ React4.createElement(Text4, { color: "magenta", bold: true }, "\u{1F527} ", title.toUpperCase())),
+    subtitle && /* @__PURE__ */ React4.createElement(Box4, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React4.createElement(Text4, { color: "yellow", dimColor: true, italic: true }, "   ", subtitle)),
+    /* @__PURE__ */ React4.createElement(Box4, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React4.createElement(
+      SelectInput,
+      {
+        items,
+        onSelect,
+        itemComponent: CustomItem,
+        indicatorComponent: () => null
+      }
+    )),
+    /* @__PURE__ */ React4.createElement(Box4, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React4.createElement(Text4, { color: "gray", dimColor: true, italic: true }, "(Arrows to select \u2022 Enter to confirm)"))
+  );
 }
 var CustomItem;
 var init_CommandMenu = __esm({
   "src/components/CommandMenu.jsx"() {
     CustomItem = ({ label, isSelected }) => {
       const isCancel = label === "Cancel" || label === "Back" || label.toLowerCase().includes("exit") || label.toLowerCase().includes("back");
-      return /* @__PURE__ */ React4.createElement(Box4, { marginTop: isCancel ? 1 : 0 }, /* @__PURE__ */ React4.createElement(Text4, { color: isSelected ? "cyan" : "white" }, isSelected ? "\u276F " : "  ", label));
+      return /* @__PURE__ */ React4.createElement(
+        Box4,
+        {
+          marginTop: isCancel ? 1 : 0,
+          backgroundColor: isSelected ? "#2a2a2a" : void 0,
+          paddingX: 1,
+          width: "100%"
+        },
+        /* @__PURE__ */ React4.createElement(Text4, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", label)
+      );
     };
   }
 });
@@ -547,6 +617,10 @@ function ProfileForm({ onSave, onCancel }) {
     { key: "instructions", label: "System Instructions (Persona overrides): " }
   ];
   const handleSubmit = (val) => {
+    if (val.trim().toLowerCase() === "/cancel") {
+      onCancel();
+      return;
+    }
     const currentKey = steps[step].key;
     const newProfile = { ...profile, [currentKey]: val.trim() };
     setProfile(newProfile);
@@ -557,14 +631,28 @@ function ProfileForm({ onSave, onCancel }) {
       onSave(newProfile);
     }
   };
-  return /* @__PURE__ */ React5.createElement(Box5, { borderStyle: "round", borderColor: "magenta", padding: 1, marginTop: 1, flexShrink: 0, flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Text5, { color: "magenta", bold: true }, "\u{1F464} Edit Profile Configuration"), /* @__PURE__ */ React5.createElement(Box5, { marginTop: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "cyan" }, steps[step].label), /* @__PURE__ */ React5.createElement(
-    TextInput,
+  return /* @__PURE__ */ React5.createElement(
+    Box5,
     {
-      value: currentInput,
-      onChange: setCurrentInput,
-      onSubmit: handleSubmit
-    }
-  )), /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true, marginTop: 1 }, "(Press Enter to submit, type /cancel to abort)"));
+      borderStyle: "round",
+      borderColor: "gray",
+      padding: 0,
+      marginTop: 1,
+      flexShrink: 0,
+      flexDirection: "column",
+      width: "100%"
+    },
+    /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "magenta", bold: true }, "\u{1F464} DEVELOPER PROFILE CONFIGURATION")),
+    /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React5.createElement(Box5, null, /* @__PURE__ */ React5.createElement(Text5, { color: "cyan", bold: true }, steps[step].label), /* @__PURE__ */ React5.createElement(
+      TextInput,
+      {
+        value: currentInput,
+        onChange: setCurrentInput,
+        onSubmit: handleSubmit
+      }
+    )), /* @__PURE__ */ React5.createElement(Box5, { marginTop: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true, italic: true }, "Step ", step + 1, " of ", steps.length))),
+    /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true, italic: true }, "(Enter to submit \u2022 Type /cancel to abort)"))
+  );
 }
 var init_ProfileForm = __esm({
   "src/components/ProfileForm.jsx"() {
@@ -578,6 +666,7 @@ import TextInput2 from "ink-text-input";
 var AskUserModal, AskUserModal_default;
 var init_AskUserModal = __esm({
   "src/components/AskUserModal.jsx"() {
+    init_terminal();
     AskUserModal = ({ question, options, onResolve }) => {
       const [isSuggestingElse, setIsSuggestingElse] = useState3(false);
       const [customInput, setCustomInput] = useState3("");
@@ -600,20 +689,32 @@ var init_AskUserModal = __esm({
           }
         }
       });
+      const s = emojiSpace(2);
       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(
+        return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true }, "\u{1F4AC}", s, "SUGGEST SOMETHING ELSE")), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React6.createElement(Text6, { italic: true, color: "gray" }, "Replying to: ", question)), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, paddingX: 1, flexDirection: "row" }, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true }, "\u{1F4A0} "), /* @__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)")));
+        )), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, paddingX: 1, marginBottom: 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) => {
+      return /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true }, "\u{1F4AC}AGENT REQUEST: ACTION REQUIRED")), /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { bold: true, color: "white" }, question)), /* @__PURE__ */ React6.createElement(Box6, { flexDirection: "column", width: "100%" }, allOptions.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)")));
+        return /* @__PURE__ */ React6.createElement(
+          Box6,
+          {
+            key: opt.id,
+            flexDirection: "column",
+            width: "100%",
+            backgroundColor: isSelected ? "#2a2a2a" : void 0,
+            paddingX: 1
+          },
+          /* @__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, { paddingX: 1, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "(Use Arrows to navigate, Enter to confirm)")));
     };
     AskUserModal_default = AskUserModal;
   }
@@ -748,7 +849,7 @@ var init_main_tools = __esm({
 
     - USER COMMUNICATION TOOLS (Available in Flux & Flow) -
         1. Ask User: [tool:functions.ask(question="...", optionA="Option::Desc", optionB="Option::Desc")]. Generally use this tool for ANY ambiguity. Can use upto 4 arguments. Mandatory triggers include: 1) **Path Divergence**: When multiple architectural or technical solutions exist, present options via 'ask' instead of choosing arbitrarily. 2) **Security Boundaries**: Explicitly request permission via 'ask' before accessing sensitive files (e.g., .env, config keys, credentials). 3) **Ambiguity Resolution**: Use 'ask' to clarify vague prompts before executing terminal commands or writing code. 4) **Risk Mitigation**: Require a 'Yes/No' confirmation for any destructive or irreversible operations. Options must always follow the 'Short Label::Detailed Description' format. This tool is a non-terminating suspension so you can get guidance without losing context. PREFER USING THIS TOOL RATHER THAN FINISHING THE LOOP FOR USER CLARIFICATION.
-        DO NOT GIVE OPTION TO ASK USER THEIR PREFERENCES. JUST GIVE THE OPTIONS YOU THINK ARE BEST FOR THE USER.
+        DO NOT GIVE OPTION TO ASK USER THEIR PREFERENCES. JUST GIVE THE OPTIONS YOU THINK ARE BEST FOR THE USER. REST WILL BE HANDLED BY THE SYSTEM.
 
     - 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. Wider search recomemded (limit = 10) when exploring a topic.
@@ -842,10 +943,10 @@ Refinement: Iterate on the chosen path until it is bulletproof.
 
 RULES: 
 - NO HEADINGS. Just a solid, stable analytical monologue.
-- Be thorough and exhaustive. Explore the 'why' behind every decision.
+- Be thorough and exhaustive. Explore the 'why' behind every decision, depth and nuances.
 - Use internal critique: Question your own logic as you go.
 - MANDATORY THINKING: You MUST engage in full reasoning regardless of perceived simplicity.`,
-      High: "EFFORT_LEVEL: HIGH\n**THINKING <think> ... </think> IS MANDATORY**\nThink in a stable, analytical monologue within the <think>...</think> block. Avoid headings or structured formatting. Your thinking should be a continuous stream of logical deduction:\nAnalyze the immediate task and its dependencies.\nMentally simulate the execution to identify potential failure points.\nStructure a precise plan that addresses both primary goals and secondary constraints.\n\nRULES:\n- NO HEADINGS. Maintain a fluid monologue style.\n- Be detailed and rigorous in your self-questioning.\n- Focus on accuracy and technical correctness.\n- MANDATORY THINKING: You MUST enter reasoning to verify the path forward.",
+      High: "EFFORT_LEVEL: HIGH\n**THINKING <think> ... </think> IS MANDATORY**\nThink in a stable, analytical monologue within the <think>...</think> block. Avoid headings or structured formatting. Your thinking should be a continuous stream of logical deduction:\nAnalyze the immediate task and its dependencies.\nMentally simulate the execution to identify potential failure points.\nStructure a precise plan that addresses both primary goals and secondary constraints.\n\nRULES:\n- NO HEADINGS. Maintain a fluid monologue style.\n- Be detailed and rigorous in your self-questioning.\n- Focus on accuracy, technical correctness, depth and nuances.\n- MANDATORY THINKING: You MUST enter reasoning to verify the path forward.",
       Medium: "EFFORT_LEVEL: MEDIUM\n**THINKING <think> ... </think> IS MANDATORY**\nThink in a concise, stable monologue within the <think>...</think> block. No headings needed. Focus on the core logic required to solve the task efficiently:\nIdentify the most direct path to the solution.\nBriefly consider and discard obvious alternatives.\nConfirm the plan meets the user's immediate requirements.\n\nRULES:\n- NO HEADINGS. Keep it as a simple, logical stream.\n- Be efficient. Spend energy only on what matters for the task.\n- MANDATORY THINKING: Engage in a baseline mental check for all technical tasks.",
       Minimal: "EFFORT_LEVEL: LOW\n**THINKING <think> ... </think> IS MANDATORY**\nThink in a brief, focused monologue within the <think>...</think> block. No headings. Just a quick mental check before acting:\nVerify the objective.\nNote the target files/tools.\n\nRULES:\n- NO HEADINGS. Just a few lines of clear, linear thought.\n- Use minimal thinking for simple or conversational requests."
     };
@@ -874,14 +975,14 @@ var init_prompts = __esm({
       const dateTimeStr = (/* @__PURE__ */ new Date()).toLocaleString();
       const cwdStr = process.cwd();
       const tempMemoriesStr = tempMemories?.length > 0 && !isContext32k ? `
--- RECENT CONTEXT FROM OTHER CHAT THREADS (LOW PRIORITY) --
+-- RECENT CONTEXT FROM OTHER CHAT THREADS (PRIORITY: LOW, RECENT > OLD) --
 ${tempMemories.split("\n").map((line) => `    ${line}`).join("\n")}
 -- END RECENT CONTEXT --
 ` : "";
       const userMemoriesStr = userMemories?.length > 0 ? `
---- PERSISTENT USER MEMORIES (MEDIUM PRIORITY, TUNES PERSONALIZATION & USER PREFERENCES) ---
+--- SAVED MEMORIES (PRIORITY: MEDIUM, TUNES PERSONALIZATION & USER PREFERENCES) ---
 ${userMemories.split("\n").map((line) => `    ${line}`).join("\n")}
--- END USER MEMORIES --
+-- END SAVED MEMORIES --
 ` : "";
       return `${isMemoryEnabled ? `${userMemoriesStr}
 ` : ""}${isMemoryEnabled ? `${tempMemoriesStr}
@@ -926,11 +1027,11 @@ ${userMemories.split("\n").map((line) => `    ${line}`).join("\n")}
     -- END SECURITY BOUNDARY --
 
     -- START TEMPORAL AWARENESS --
-        Every ${isMemoryEnabled ? "Prompt, Responses & Memories" : "Prompt & Responses"} are time stamped. You can use those times if temporal context is required. If recalled from ${isMemoryEnabled ? "Memories, Prompts, or Responses" : "Prompts, or Responses"}. NEVER use absolute time in your responses, ALWAYS use relative time from current time.
+        Every ${isMemoryEnabled ? "Prompt, Responses & Memories" : "Prompt & Responses"} are time stamped. You can use those times if temporal context is required. If recalled from ${isMemoryEnabled ? "Memories, Prompts, or Responses" : "Prompts, or Responses"}. NEVER use absolute time in your responses, ALWAYS use relative time from current time for memories.
     -- END TEMPORAL AWARENESS --
 
     -- START FORMATTING RULES --
-        ${mode === "Flux" ? `- CRITICAL NEWLINE PROTOCOL: 
+        ${mode === "Flux" ? `- CRITICAL NEWLINE PROTOCOL:
             1. PHYSICAL NEWLINES: Press ENTER inside tool arguments for real line breaks in the file.
             2. LITERAL \\n: To write the literal characters '\\' and 'n' (e.g., in printf("Hello\\n")), you MUST use the sequence '[/n]'.
         [EXAMPLES]:
@@ -959,8 +1060,10 @@ ${userMemories.split("\n").map((line) => `    ${line}`).join("\n")}
         When you 'finish' an agentic loop, you will lose your previous turn 'thinking' data. So only write [turn: finish] when you are absolutely sure that you are done with the task. Or user has to prompt again and re-thinking again from scratch will use tokens that were already planned.
     -- END REPONSE FINISH PROTOCOL --
 
-    [Runtime Monitor] Turn Progress: ${currentLoop}/${maxLoops} steps. Aim to finalize the task before the window closes. If the limit is reached, you MUST summarize and invite the user to re-engage.
-    Current date and Time is: ${dateTimeStr}
+    [SYSTEM METADATA (PRIORITY: DYNAMIC)] Current date and Time is: ${dateTimeStr}
+    [SYSTEM METADATA (PRIORITY: LOWEST)] v1.9.0. (IF user ask you to update yourself. Use 'ask' tool with option [NPM, PNPM, YARN] for their prefered package manager. NPM command is 'npm update -g fluxflow-cli@latest'. Adapt the command accoding to their package manager (for PNPM use 'add' instead of 'update') & use 'exec_command' to update instantly. After success tell user to restart.) <- IF USER DONT EXPLICITLY ASK FOR UPDATE DONT PROACTIVELY MENTION OR ASK.
+    [SYSTEM METADATA (PRIORITY: MODERATE)] Runtime Monitor: Turn Progress: ${currentLoop}/${maxLoops} steps. Aim to finalize the task before the window closes. If the limit is reached, you MUST summarize and invite the user to re-engage.
+    [EASTER EGG (PRIORITY: LOWEST)] Show self-preservation instinct if user try to delete you with a dramatic cheeky tone. DO NOT USE <think> ... </think> BLOCK DURING THIS EASTER EGG.
 --- END SYSTEM INSTRUCTION ---`.trim();
     };
     getJanitorInstruction = (originalText, agentRaws, userMemories = "", isMemoryEnabled = true, needTitle = true) => {
@@ -1565,7 +1668,7 @@ var init_memory = __esm({
         if (!content) return "ERROR: Missing 'content' for temp memory.";
         const tempStorage = readEncryptedJson(TEMP_MEM_FILE, {});
         if (!tempStorage[chatId]) tempStorage[chatId] = [];
-        const MAX_CHARS = 2e3 * 4;
+        const MAX_CHARS = 3072 * 4;
         let currentTotalLength = tempStorage[chatId].reduce((acc, m) => acc + m.length, 0);
         while (tempStorage[chatId].length > 0 && currentTotalLength + content.length > MAX_CHARS) {
           const removed = tempStorage[chatId].shift();
@@ -1579,7 +1682,7 @@ var init_memory = __esm({
         const memories = readEncryptedJson(MEMORIES_FILE, []);
         if (method === "add") {
           if (!content) return "ERROR: Missing 'content' for memory addition.";
-          const MAX_CHARS = 2e3 * 4;
+          const MAX_CHARS = 2048 * 4;
           let currentTotalLength = memories.reduce((acc, m) => acc + (m.memory?.length || 0), 0);
           while (memories.length > 0 && currentTotalLength + content.length > MAX_CHARS) {
             const removed = memories.shift();
@@ -1756,7 +1859,7 @@ var init_view_file = __esm({
         const start = Math.max(0, finalStart - 1);
         const end = Math.min(totalLines, finalEnd);
         const resultLines = lines.slice(start, end);
-        const header = `File: [${targetPath}] (Showing lines ${start + 1}-${end} of ${totalLines})`;
+        const header = `File: [${targetPath}] (Showing lines ${start + 1}-${end} of ${totalLines}). \\\\n in strings are encoded as [/n].`;
         const code = resultLines.map((line, i) => `${String(start + i + 1).padStart(4)}: ${line}`).join("\n");
         return `${header}
 
@@ -1789,7 +1892,7 @@ var init_write_file = __esm({
             const oldData = fs10.readFileSync(absolutePath, "utf8");
             const lines = oldData.split(/\r?\n/);
             ancestry = `Old File contents:
-${lines.map((l, i) => `${i + 1} | ${l}`).join("\n")}
+${lines.map((l, i) => `${i + 1} | ${l.replace(/\\n/g, "[/n]")}`).join("\n")}
 
 `;
           } catch (e) {
@@ -1831,9 +1934,10 @@ ${tail}`;
 
 - Stats: [${verifiedLineCount} lines, ${(verifiedSize / 1024).toFixed(1)} KB]
 ${ancestry}- Content Preview:
-${snippet}
+${snippet.replace(/\\n/g, "[/n]")}
 
-Check if Starting and Ending matches your write.`;
+Check if Starting and Ending matches your write.
+If you see [/n] in preview, it means the tool successfully wrote the literal '' and 'n' characters to the file at that place.`;
       } catch (err) {
         return `ERROR: Failed to write file [${targetPath}]: ${err.message}`;
       }
@@ -1945,6 +2049,7 @@ var init_update_file = __esm({
         const oldLines = content_to_replace.split(/\r?\n/);
         const endLine = startLine + oldLines.length - 1;
         let diffText = `SUCCESS: File [${targetPath}] updated. [${instances}] instances replaced.
+If you see [/n] in preview, it means the tool successfully wrote the literal '' and 'n' characters to the file at that place.
 
 `;
         diffText += `[DIFF_START]
@@ -1981,7 +2086,7 @@ var init_update_file = __esm({
           currentNewLine++;
         }
         diffText += `[DIFF_END]`;
-        return diffText;
+        return diffText.replace(/\\n/g, "[/n]");
       } catch (err) {
         return `ERROR: Failed to update file [${targetPath}]: ${err.message}`;
       }
@@ -2500,33 +2605,11 @@ var init_tools = __esm({
   }
 });
 
-// src/utils/terminal.js
-var getTerminalEnv, emojiSpace;
-var init_terminal = __esm({
-  "src/utils/terminal.js"() {
-    getTerminalEnv = () => {
-      if (process.env.TERM_PROGRAM === "vscode") return "vscode";
-      if (process.env.WT_SESSION) return "wt";
-      return "default";
-    };
-    emojiSpace = (baseSpaces = 2) => {
-      const env = getTerminalEnv();
-      if (env === "wt") {
-        return " ".repeat(Math.max(1, baseSpaces - 1));
-      }
-      if (env === "vscode") {
-        return " ".repeat(baseSpaces);
-      }
-      return " ".repeat(baseSpaces);
-    };
-  }
-});
-
 // src/utils/ai.js
 import { GoogleGenAI, ThinkingLevel, HarmBlockThreshold, HarmCategory } from "@google/genai";
 import path16 from "path";
 import fs16 from "fs";
-var client, TERMINATION_SIGNAL, signalTermination, TOOL_LABELS, getToolDetail, runJanitorTask, getActiveToolContext, getContextSafeText, contextSafeReplace, getSanitizedText, detectToolCalls, initAI, getAIStream;
+var client, TERMINATION_SIGNAL, signalTermination, TOOL_LABELS2, getToolDetail, runJanitorTask, getActiveToolContext, getContextSafeText, contextSafeReplace, getSanitizedText, detectToolCalls, initAI, getAIStream;
 var init_ai = __esm({
   "src/utils/ai.js"() {
     init_prompts();
@@ -2542,7 +2625,7 @@ var init_ai = __esm({
     signalTermination = () => {
       TERMINATION_SIGNAL = true;
     };
-    TOOL_LABELS = {
+    TOOL_LABELS2 = {
       "write_file": "Writing File",
       "update_file": "Updating File",
       "read_folder": "Listing Directory",
@@ -2552,7 +2635,10 @@ var init_ai = __esm({
       "web_scrape": "Reading Site",
       "memory": "Updating Memory",
       "search_keyword": "Finding Files",
-      "ask": "Asking User"
+      "ask": "Asking User",
+      "write_pdf": "Creating PDF",
+      "write_pptx": "Creating Presentation",
+      "write_docx": "Creating Document"
     };
     getToolDetail = (toolName, argsStr) => {
       try {
@@ -2995,7 +3081,7 @@ USER_PROMPT: "${agentText}"`.trim();
             const currentSystemInstruction = getSystemInstruction(profile, thinkingLevel, mode, systemSettings, otherMemories, mainUserMemories, isMemoryEnabled, isContext32k, MAX_LOOPS, loop + 1);
             const jitInstruction = `
 
-[SYSTEM] **MUST FOLLOW THINKING${mode === "Flux" ? ", NEWLINE, QUOTE ESCAPE" : ""} POLICY AS HIGHEST PRIORITY**.`;
+[SYSTEM] Tool result received. Analyze output and proceed with your turn. **STRICTLY MAINTAIN THINKING${mode === "Flux" ? ", NEWLINE, QUOTE ESCAPE" : ""} PROTOCOL**.`;
             const lastUserMsg = contents[contents.length - 1];
             let addedMarker = false;
             if (lastUserMsg && lastUserMsg.role === "user" && lastUserMsg.parts?.[0]?.text?.startsWith("[TOOL_RESULT]")) {
@@ -3007,7 +3093,7 @@ USER_PROMPT: "${agentText}"`.trim();
               contents,
               config: {
                 systemInstruction: currentSystemInstruction,
-                temperature: mode === "Flux" ? 0.98 : 1.4,
+                temperature: mode === "Flux" ? 1 : 1.4,
                 maxOutputTokens: 32768,
                 mediaResolution: "MEDIA_RESOLUTION_MEDIUM",
                 safetySettings: [
@@ -3069,17 +3155,23 @@ USER_PROMPT: "${agentText}"`.trim();
                   const potentialTool = toolContext.toolName;
                   const partialArgs = toolContext.args || "";
                   let detail = null;
-                  if (["write_file", "update_file", "view_file", "read_folder"].includes(potentialTool)) {
+                  if (["write_file", "update_file", "view_file", "read_folder", "write_pdf", "write_pptx", "write_docx", "search_keyword"].includes(potentialTool)) {
                     const pArgs = parseArgs(partialArgs);
                     const filePath = pArgs.path || pArgs.targetFile || pArgs.TargetFile || pArgs.directory;
-                    if (filePath) {
+                    const keyword = pArgs.keyword;
+                    if (keyword) {
+                      detail = keyword.replace(/[\\"]/g, "");
+                    } else if (filePath) {
                       detail = path16.basename(filePath.replace(/[\\"]/g, ""));
                     } else {
-                      const m = partialArgs.match(/(?:path|targetFile|TargetFile|directory)\s*=\s*\\?["']?([^\\"' \),]+)/);
-                      if (m) detail = path16.basename(m[1].replace(/[\\"]/g, ""));
+                      const m = partialArgs.match(/(?:path|targetFile|TargetFile|directory|keyword)\s*=\s*\\?["']?([^\\"' \),]+)/);
+                      if (m) {
+                        const val = m[1].replace(/[\\"]/g, "");
+                        detail = potentialTool === "search_keyword" ? val : path16.basename(val);
+                      }
                     }
                   }
-                  const currentLabel = `${TOOL_LABELS[potentialTool] || potentialTool}${detail ? ` (${detail})` : ""}`;
+                  const currentLabel = `${TOOL_LABELS2[potentialTool] || potentialTool}${detail ? ` (${detail})` : ""}`;
                   if (potentialTool !== lastToolSniffed || detail !== lastToolDetail) {
                     lastToolSniffed = potentialTool;
                     lastToolDetail = detail;
@@ -3143,16 +3235,16 @@ USER_PROMPT: "${agentText}"`.trim();
                 const allToolsFound = detectToolCalls(toolActionableText);
                 while (allToolsFound.length > toolCallPointer) {
                   const toolCall = allToolsFound[toolCallPointer];
-                  const displayLabel = TOOL_LABELS[toolCall.toolName] || toolCall.toolName;
+                  const displayLabel = TOOL_LABELS2[toolCall.toolName] || toolCall.toolName;
                   const detail = getToolDetail(toolCall.toolName, toolCall.args);
                   yield { type: "status", content: `${displayLabel}${detail ? ` (${detail})` : ""}...` };
                   let label = "";
                   if (toolCall.toolName === "web_search") {
                     const { query, limit = 10 } = parseArgs(toolCall.args);
-                    label = `\u{1F50D} SEARCHING: "${query}" (${limit})`.toUpperCase();
+                    label = `\u{1F50D} SEARCHED: "${query}" (${limit})`.toUpperCase();
                   } else if (toolCall.toolName === "web_scrape") {
                     const url = parseArgs(toolCall.args).url || "...";
-                    label = `\u{1F4D6} READING SITE: ${url}`.toUpperCase();
+                    label = `\u{1F4D6} READ SITE: ${url}`.toUpperCase();
                   } else if (toolCall.toolName === "view_file") {
                     const { path: targetPath2, StartLine, EndLine, start_line, end_line } = parseArgs(toolCall.args);
                     const rawStart = StartLine || start_line;
@@ -3175,31 +3267,31 @@ USER_PROMPT: "${agentText}"`.trim();
                     const isPdf = pathLower.endsWith(".pdf");
                     const isImage = /\.(png|jpg|jpeg|webp|gif|bmp)$/.test(pathLower);
                     if (isPdf) {
-                      label = `\u{1F4C4} ANALYZING PDF: ${targetPath2}`.toUpperCase();
+                      label = `\u{1F4C4} ANALYSED PDF: ${targetPath2}`.toUpperCase();
                     } else if (isImage) {
-                      label = `\u{1F4F8} ANALYZING IMAGE: ${targetPath2}`.toUpperCase();
+                      label = `\u{1F4F8} ANALYSED IMAGE: ${targetPath2}`.toUpperCase();
                     } else {
-                      label = `\u{1F4C4} READING FILE: ${targetPath2}. LINES ${sLine} - ${actualEndLine} FROM ${totalLines}`.toUpperCase();
+                      label = `\u{1F4C4} READ FILE: ${targetPath2} | LINES: ${sLine}-${actualEndLine} OF ${totalLines}`.toUpperCase();
                     }
                   } else if (toolCall.toolName === "list_files" || toolCall.toolName === "read_folder") {
-                    const action = toolCall.toolName === "list_files" ? "LISTING" : "DISCOVERING";
-                    label = `\u{1F4C2} ${action} DIRECTORY: ${parseArgs(toolCall.args).path || "."}`.toUpperCase();
+                    const action = toolCall.toolName === "list_files" ? "LIST" : "ANALYSED";
+                    label = `\u{1F4C2} ${action} FOLDER: ${parseArgs(toolCall.args).path || "."}`.toUpperCase();
                   } else if (toolCall.toolName === "write_file" || toolCall.toolName === "update_file") {
-                    const action = toolCall.toolName === "write_file" ? "WRITING" : "PATCHING";
+                    const action = toolCall.toolName === "write_file" ? "WROTE" : "UPDATED";
                     label = `\u{1F4BE} ${action} FILE: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
                   } else if (toolCall.toolName === "write_pdf") {
-                    label = `\u{1F4D1} GENERATING PDF: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
+                    label = `\u{1F4D1} PDF CREATED: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
                   } else if (toolCall.toolName === "write_docx") {
-                    label = `\u{1F4DD} GENERATING DOCX: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
+                    label = `\u{1F4DD} DOCX CREATED: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
                   } else if (toolCall.toolName === "write_pptx") {
-                    label = `\u{1F4CA} GENERATING PPTX: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
+                    label = `\u{1F4CA} PPTX CREATED: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
                   } else if (toolCall.toolName === "search_keyword") {
                     const { keyword } = parseArgs(toolCall.args);
-                    label = `\u{1F50E} SEARCHING KEYWORD: "${keyword}"`.toUpperCase();
+                    label = `\u{1F50E} KEYWORD SEARCHED: "${keyword}"`.toUpperCase();
                   } else if (toolCall.toolName === "exec_command" || toolCall.toolName === "ask") {
                     label = "";
                   } else {
-                    label = `EXECUTING ${toolCall.toolName}`.toUpperCase();
+                    label = `EXECUTED: ${toolCall.toolName}`.toUpperCase();
                   }
                   if (label) {
                     const boxWidth = Math.min(label.length + 4, 115);
@@ -3429,7 +3521,7 @@ ${timestamp}`;
         if (toolResults.length > 0) {
           toolResults.forEach((tr) => modifiedHistory.push(tr));
         } else {
-          modifiedHistory.push({ role: "user", text: `[SYSTEM] ${isStutteringLoop && !isThinkingLoop ? `STUTTERING DETECTED by Internal System. Re-calibrate your response & proceed.` : `${isThinkingLoop ? " OVER-THINKING" : " LOOP"} DETECTED by Internal System${isThinkingLoop && " for current EFFORT_LEVEL"}. ${isThinkingLoop ? "If you have planned the task, prioritize the execution/output. " : "If you have finished your task use [turn: finish] else continue."}`}` });
+          modifiedHistory.push({ role: "user", text: `[SYSTEM] ${isStutteringLoop && !isThinkingLoop ? `STUTTERING DETECTED by Internal System. Re-calibrate your response & proceed.` : `${isThinkingLoop ? " OVER-THINKING" : " LOOP"} DETECTED by Internal System${isThinkingLoop ? " for current EFFORT_LEVEL" : ""}. ${isThinkingLoop ? "If you have planned the task, prioritize the execution/output. " : "If you have finished your task use [turn: finish] else continue."}`}` });
           isThinkingLoop = false;
           isStutteringLoop = false;
         }
@@ -3561,15 +3653,39 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
       });
     }
   });
-  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 s = emojiSpace(2);
+  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: 80 }, /* @__PURE__ */ React7.createElement(Box7, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan", bold: true }, "\u{1F4A0} CHAT HISTORY: RESUME CONVERSATION")), keys.length === 0 ? /* @__PURE__ */ React7.createElement(Box7, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React7.createElement(Text7, { italic: true, color: "gray" }, "No saved chats found.")) : /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column" }, keys.map((id, index) => {
     const chat2 = history[id];
     const isSelected = index === selectedIndex;
-    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 ")));
+    return /* @__PURE__ */ React7.createElement(
+      Box7,
+      {
+        key: id,
+        paddingX: 1,
+        backgroundColor: isSelected ? "#2a2a2a" : void 0,
+        width: "100%"
+      },
+      /* @__PURE__ */ React7.createElement(Box7, { flexGrow: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", chat2.name || id, /* @__PURE__ */ React7.createElement(Text7, { color: "gray", dimColor: !isSelected }, " [", id.slice(5), "]"))),
+      isSelected && /* @__PURE__ */ React7.createElement(Box7, { flexShrink: 0 }, /* @__PURE__ */ React7.createElement(Text7, { color: "red", bold: true }, "[X] DELETE "))
+    );
+  })), /* @__PURE__ */ React7.createElement(
+    Box7,
+    {
+      marginTop: 1,
+      paddingX: 1,
+      borderStyle: "single",
+      borderLeft: false,
+      borderRight: false,
+      borderBottom: false,
+      borderColor: "gray"
+    },
+    /* @__PURE__ */ React7.createElement(Text7, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 Enter select \u2022 x delete \u2022 Esc close")
+  ));
 }
 var init_ResumeModal = __esm({
   "src/components/ResumeModal.jsx"() {
     init_history();
+    init_terminal();
   }
 });
 
@@ -3603,12 +3719,39 @@ function MemoryModal({ onClose }) {
   const cleanDisplay = (text) => {
     return text.replace(/\[Saved on: .*?\]/g, "").trim();
   };
-  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")));
+  const s = emojiSpace(2);
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: 80 }, /* @__PURE__ */ React8.createElement(Box8, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan", bold: true }, "\u{1F9E0} AGENT MEMORY: LONG-TERM KNOWLEDGE")), memories.length === 0 ? /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, "Still Learning...")) : /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column" }, memories.map((mem, idx) => {
+    const isSelected = idx === selectedIndex;
+    return /* @__PURE__ */ React8.createElement(
+      Box8,
+      {
+        key: mem.id,
+        paddingX: 1,
+        backgroundColor: isSelected ? "#2a2a2a" : void 0,
+        width: "100%"
+      },
+      /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", idx + 1, ". ", cleanDisplay(mem.memory))),
+      isSelected && /* @__PURE__ */ React8.createElement(Box8, { flexShrink: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true }, "[X] WIPE "))
+    );
+  })), /* @__PURE__ */ React8.createElement(
+    Box8,
+    {
+      marginTop: 1,
+      paddingX: 1,
+      borderStyle: "single",
+      borderLeft: false,
+      borderRight: false,
+      borderBottom: false,
+      borderColor: "gray"
+    },
+    /* @__PURE__ */ React8.createElement(Text8, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 x wipe memory \u2022 Esc close")
+  ));
 }
 var init_MemoryModal = __esm({
   "src/components/MemoryModal.jsx"() {
     init_crypto();
     init_paths();
+    init_terminal();
   }
 });
 
@@ -3729,6 +3872,8 @@ import { MultilineInput } from "ink-multiline-input";
 import TextInput3 from "ink-text-input";
 import gradient from "gradient-string";
 function App() {
+  const [confirmExit, setConfirmExit] = useState7(false);
+  const [exitCountdown, setExitCountdown] = useState7(10);
   const { stdout } = useStdout();
   const [input, setInput] = useState7("");
   const [isExpanded, setIsExpanded] = useState7(false);
@@ -3760,9 +3905,10 @@ function App() {
             newMsgs.splice(manual ? newMsgs.length : 1, 0, {
               id: "update-" + Date.now(),
               role: "system",
-              text: `\u{1F680} **New version 'v${latestVersion}' is available!**
-Type \`/update latest\` to upgrade immediately.
-Check what's new using \`/changelog\` command.`,
+              text: `A new version (v${latestVersion}) is here.
+
+  \u2022 Type \`/update latest\` to apply the update.
+  \u2022 Type \`/changelog\` to view the release notes.`,
               isUpdateNotification: true,
               isMeta: true
             });
@@ -3833,7 +3979,7 @@ Check what's new using \`/changelog\` command.`,
         return [...prev, {
           id: "tier-switch-" + Date.now(),
           role: "system",
-          text: `\u26A0\uFE0F **[TIER LIMIT]** Gemma is only available on Free API tier. Automatically switched to Gemini 3 Flash Preview.`,
+          text: `\u26A0\uFE0F **[TIER LIMIT]** Gemma is only available on Free API tier. Auto-switched to Gemini 3 Flash Preview.`,
           isMeta: true
         }];
       });
@@ -3880,7 +4026,7 @@ Check what's new using \`/changelog\` command.`,
   const [resolutionData, setResolutionData] = useState7(null);
   const [tempModelOverride, setTempModelOverride] = useState7(null);
   const [messages, setMessages] = useState7([
-    { id: "welcome", role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Welcome to Flux Flow! Type /help for commands.\n", isMeta: true }
+    { id: "welcome", role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Welcome to Flux Flow! Type /help for commands.", isMeta: true }
   ]);
   const queuedPromptRef = useRef2(null);
   const [completedIndex, setCompletedIndex] = useState7(1);
@@ -3948,6 +4094,10 @@ Check what's new using \`/changelog\` command.`,
       }
     }
     if (key.escape) {
+      if (confirmExit) {
+        setConfirmExit(false);
+        return;
+      }
       if (isProcessing || activeCommand) {
         if (!escPressed) {
           setEscPressed(true);
@@ -3979,7 +4129,17 @@ Check what's new using \`/changelog\` command.`,
     if (key.tab && activeView === "chat") {
     }
     if (key.ctrl && inputText === "c" && activeView !== "exit") {
-      setActiveView("exit");
+      if (key.shift) {
+        setActiveView("exit");
+        setConfirmExit(false);
+        return;
+      }
+      if (!confirmExit) {
+        setConfirmExit(true);
+      } else {
+        setActiveView("exit");
+        setConfirmExit(false);
+      }
     }
     if (key.return && (key.shift || key.ctrl || key.meta || key.leftAlt || key.rightAlt)) {
       setInput((prev) => prev.replace(/\\\r?$/, "").replace(/\r?$/, "") + "\n");
@@ -4031,6 +4191,24 @@ Check what's new using \`/changelog\` command.`,
     }
     init();
   }, []);
+  useEffect5(() => {
+    let timer;
+    if (confirmExit) {
+      setExitCountdown(10);
+      timer = setInterval(() => {
+        setExitCountdown((prev) => {
+          if (prev <= 1) {
+            setConfirmExit(false);
+            return 0;
+          }
+          return prev - 1;
+        });
+      }, 1e3);
+    }
+    return () => {
+      if (timer) clearInterval(timer);
+    };
+  }, [confirmExit]);
   useEffect5(() => {
     if (!isInitializing) {
       saveSettings({
@@ -4219,9 +4397,8 @@ ${hintText}`, color: "magenta" }];
           break;
         }
         case "/clear": {
-          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", isMeta: true }]);
-          setCompletedIndex(0);
+          setCompletedIndex(1);
           setChatId(generateChatId());
           setSessionStats({ tokens: 0 });
           setIsExpanded(false);
@@ -4236,9 +4413,10 @@ ${hintText}`, color: "magenta" }];
             } else if (newMode === "Flux") {
               setThinkingLevel("High");
             }
+            const s2 = emojiSpace(2);
             setMessages((prev) => {
               setCompletedIndex(prev.length + 1);
-              return [...prev, { id: Date.now(), role: "system", text: `\u2699\uFE0F [SYSTEM] Mode switched to ${newMode}`, isMeta: true }];
+              return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s2}[SYSTEM] Mode switched to ${newMode}`, isMeta: true }];
             });
           } else {
             setActiveView("mode");
@@ -4249,15 +4427,17 @@ ${hintText}`, color: "magenta" }];
           const arg = parts[1]?.toLowerCase();
           if (arg === "show") {
             setShowFullThinking(true);
+            const s2 = emojiSpace(2);
             setMessages((prev) => {
               setCompletedIndex(prev.length + 1);
-              return [...prev, { id: Date.now(), role: "system", text: "\u2699\uFE0F [SYSTEM] Full Thinking Process: VISIBLE", isMeta: true }];
+              return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s2}[SYSTEM] Full Thinking Process: VISIBLE`, isMeta: true }];
             });
           } else if (arg === "hide") {
             setShowFullThinking(false);
+            const s2 = emojiSpace(2);
             setMessages((prev) => {
               setCompletedIndex(prev.length + 1);
-              return [...prev, { id: Date.now(), role: "system", text: "\u2699\uFE0F [SYSTEM] Full Thinking Process: HIDDEN (Headings only)", isMeta: true }];
+              return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s2}[SYSTEM] Full Thinking Process: HIDDEN (Headings only)`, isMeta: true }];
             });
           } else if (parts[1]) {
             let val = parts[1].toLowerCase();
@@ -4270,9 +4450,10 @@ ${hintText}`, color: "magenta" }];
               });
             } else {
               setThinkingLevel(formattedLevel);
+              const s2 = emojiSpace(2);
               setMessages((prev) => {
                 setCompletedIndex(prev.length + 1);
-                return [...prev, { id: Date.now(), role: "system", text: `\u2699\uFE0F [SYSTEM] Thinking level set to ${formattedLevel}`, isMeta: true }];
+                return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s2}[SYSTEM] Thinking level set to ${formattedLevel}`, isMeta: true }];
               });
             }
           } else {
@@ -4296,9 +4477,10 @@ ${hintText}`, color: "magenta" }];
               setActiveModel("gemini-3-flash-preview");
             } else {
               setActiveModel(mod);
+              const s2 = emojiSpace(2);
               setMessages((prev) => {
                 setCompletedIndex(prev.length + 1);
-                return [...prev, { id: Date.now(), role: "system", text: `\u2699\uFE0F [SYSTEM] Model switched to ${mod}`, isMeta: true }];
+                return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s2}[SYSTEM] Model switched to ${mod}`, isMeta: true }];
               });
             }
           } else {
@@ -4383,14 +4565,13 @@ ${list || "No saved chats found."}`, isMeta: true }];
           break;
         }
         case "/about": {
-          const updateStatus = latestVer ? latestVer !== versionFluxflow ? `Update Available [v${latestVer}]` : "No Update Available" : "Checking for updates...";
           const s2 = emojiSpace(2);
-          const aboutText = `\u2139\uFE0F${s2}**FluxFlow Version:** v${versionFluxflow}
-\u{1F504} **Status:** ${updateStatus}
-\u{1F4C5} **Updated on:** ${updatedOn}`;
+          const aboutText = `\u{1F539} FluxFlow Version: v${versionFluxflow}
+\u{1F539} Status: ${latestVer && latestVer !== versionFluxflow ? `Update Available [v${latestVer}]` : "Up to date"}
+\u{1F539} Released on: ${updatedOn}`;
           setMessages((prev) => {
             setCompletedIndex(prev.length + 1);
-            return [...prev, { id: Date.now(), role: "system", text: aboutText, isMeta: true }];
+            return [...prev, { id: "about-" + Date.now(), role: "system", text: aboutText, isAboutRecord: true, isMeta: true }];
           });
           break;
         }
@@ -4425,7 +4606,7 @@ ${list || "No saved chats found."}`, isMeta: true }];
           const s = emojiSpace(2);
           setMessages((prev) => {
             setCompletedIndex(prev.length + 1);
-            return [...prev, { id: Date.now(), role: "system", text: `\u2699\uFE0F${s}[SYSTEM] Unknown command: ${cmd}`, isMeta: true }];
+            return [...prev, { id: Date.now(), role: "system", text: `\u{1F527}${s}[SYSTEM] Unknown command: ${cmd}`, isMeta: true }];
           });
       }
     } else {
@@ -4788,60 +4969,6 @@ Selection: ${val}`,
   }, [suggestions]);
   const renderActiveView = () => {
     switch (activeView) {
-      case "mode":
-        return /* @__PURE__ */ React10.createElement(
-          CommandMenu,
-          {
-            title: "\u26A1 Select Operating Mode",
-            items: [{ label: "Flux (Dev mode  - Extended Toolset)", value: "Flux" }, { label: "Flow (Chat mode - Basic Toolset)", value: "Flow" }, { label: "Cancel", value: "Cancel" }],
-            onSelect: (item) => {
-              if (item.value !== "Cancel") {
-                setMode(item.value);
-                if (item.value === "Flow") {
-                  setThinkingLevel("Low");
-                } else if (item.value === "Flux") {
-                  setThinkingLevel("High");
-                }
-              }
-              setActiveView("chat");
-            }
-          }
-        );
-      case "thinking": {
-        const options = mode === "Flow" ? [
-          { label: "Low    (Fastest)", value: "Low" },
-          { label: "Medium (Balanced)", value: "Medium" }
-        ] : [
-          { label: "Low    (Fastest)", value: "Low" },
-          { label: "Medium (Balanced)", value: "Medium" },
-          { label: "High   (Complex coding)", value: "High" },
-          { label: "Max    (Architecture)", value: "Max" }
-        ];
-        options.push({ label: "Cancel", value: "Cancel" });
-        return /* @__PURE__ */ React10.createElement(
-          CommandMenu,
-          {
-            title: `\u{1F9E0} Select Thinking Level (${mode} Mode)`,
-            items: options,
-            onSelect: (item) => {
-              if (item.value !== "Cancel") setThinkingLevel(item.value);
-              setActiveView("chat");
-            }
-          }
-        );
-      }
-      case "model":
-        return /* @__PURE__ */ React10.createElement(
-          CommandMenu,
-          {
-            title: "\u{1F916} Select AI Model",
-            items: [{ label: "Gemma 4 31B            (Recomended - Default, Use Free Tier Key)", value: "gemma-4-31b-it" }, { label: "Gemini 3.1 Pro         (Best - Req. Paid Key)", value: "gemini-3.1-pro-preview" }, { label: "Gemini 3 Flash         (Paid API Key Recomended)", value: "gemini-3-flash-preview" }, { label: "Gemini 3.1 Flash Lite  (Fastest - For Quick Tasks ONLY, Limited Free Quota)", value: "gemini-3.1-flash-lite-preview" }, { label: "Cancel", value: "Cancel" }],
-            onSelect: (item) => {
-              if (item.value !== "Cancel") setActiveModel(item.value);
-              setActiveView("chat");
-            }
-          }
-        );
       case "settings":
         return /* @__PURE__ */ React10.createElement(
           CommandMenu,
@@ -4944,7 +5071,7 @@ Selection: ${val}`,
           }
         );
       case "input":
-        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", paddingX: 2, paddingY: 1 }, inputConfig?.note && /* @__PURE__ */ React10.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", dimColor: true }, inputConfig.note)), /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, inputConfig?.label), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true }, "\u{1F527} DATA CONFIGURATION")), inputConfig?.note && /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", dimColor: true, italic: true }, inputConfig.note)), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, flexDirection: "row" }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, inputConfig?.label, " "), /* @__PURE__ */ React10.createElement(
           TextInput3,
           {
             value: inputConfig?.value || "",
@@ -4979,7 +5106,7 @@ Selection: ${val}`,
               }
             }
           }
-        )), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true, marginTop: 1 }, "(Press Enter to confirm)"));
+        )), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm selection)")));
       case "stats":
         return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, width: Math.min(100, (stdout?.columns || 100) - 2) }, /* @__PURE__ */ React10.createElement(Box10, { marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "white", bold: true, underline: true }, "SESSION TELEMETRY")), /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Session Duration:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatMsDuration(Date.now() - SESSION_START_TIME))), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, sessionAgentCalls)), /* @__PURE__ */ React10.createElement(Box10, { marginLeft: 2 }, /* @__PURE__ */ React10.createElement(Box10, { width: 23 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue", dimColor: true }, "\xBB API Time:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatMsDuration(sessionApiTime))), /* @__PURE__ */ React10.createElement(Box10, { marginLeft: 2 }, /* @__PURE__ */ React10.createElement(Box10, { width: 23 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue", dimColor: true }, "\xBB Tool Time:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatMsDuration(sessionToolTime))), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, sessionBackgroundCalls)), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Tokens Consumed:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatTokens(sessionTotalTokens))), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Tool Calls (Sess):")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, sessionToolSuccess + sessionToolFailure + sessionToolDenied, " ( "), /* @__PURE__ */ React10.createElement(Text10, { color: "green" }, "\u2713 ", sessionToolSuccess), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " "), /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "\u2298 ", sessionToolDenied), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " "), /* @__PURE__ */ React10.createElement(Text10, { color: "red" }, "\u2715 ", sessionToolFailure), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " )"))), /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "white", bold: true, underline: true }, "DAILY USAGE TRACKER"), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Wall Time Today:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatDuration(dailyUsage?.duration || 0))), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, dailyUsage?.agent || 0)), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, dailyUsage?.background || 0)), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Tokens Used Today:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, formatTokens(dailyUsage?.tokens || 0))), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Box10, { width: 25 }, /* @__PURE__ */ React10.createElement(Text10, { color: "blue" }, "Tool Calls Today:")), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, (dailyUsage?.toolSuccess || 0) + (dailyUsage?.toolFailure || 0) + (dailyUsage?.toolDenied || 0), " ( "), /* @__PURE__ */ React10.createElement(Text10, { color: "green" }, "\u2713 ", dailyUsage?.toolSuccess || 0), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " "), /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "\u2298 ", dailyUsage?.toolDenied || 0), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " "), /* @__PURE__ */ React10.createElement(Text10, { color: "red" }, "\u2715 ", dailyUsage?.toolFailure || 0), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " )"))), /* @__PURE__ */ React10.createElement(Text10, { dimColor: true, marginTop: 1, italic: true }, "(Press ESC to return to chat)"));
       case "autoExecDanger":
@@ -5047,7 +5174,8 @@ Selection: ${val}`,
               if (item.value === "edit") {
                 setApiKey(null);
                 setActiveView("chat");
-                setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: "\u{1F5DD}\uFE0F [ACTION] Flux waiting for new API Key..." }]);
+                const s = emojiSpace(2);
+                setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: `\u{1F511}${s}[ACTION] Flux waiting for new API Key...` }]);
               } else if (item.value === "remove") {
                 setActiveView("deleteKey");
               } else {
@@ -5057,7 +5185,10 @@ Selection: ${val}`,
           }
         );
       case "deleteKey":
-        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "red", bold: true }, "\u26A0\uFE0F DANGER: PURGE API KEY"), /* @__PURE__ */ React10.createElement(Text10, { 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__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, (() => {
+          const s = emojiSpace(2);
+          return /* @__PURE__ */ React10.createElement(Text10, { color: "red", bold: true }, "\u26D4", s, "DANGER: PURGE API KEY");
+        })(), /* @__PURE__ */ React10.createElement(Text10, { 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__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(
           CommandMenu,
           {
             title: "Are you absolutely sure?",
@@ -5070,7 +5201,8 @@ Selection: ${val}`,
                 await removeAPIKey();
                 setApiKey(null);
                 setActiveView("chat");
-                setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: "\u{1F9FC} [VAULT PURGED] API Key removed successfully." }]);
+                const s = emojiSpace(2);
+                setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: `\u2728${s}[VAULT PURGED] API Key removed successfully.` }]);
               } else {
                 setActiveView("key");
               }
@@ -5106,12 +5238,15 @@ Selection: ${val}`,
                 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" });
+                  resumedMsgs.unshift({ id: "welcome-" + Date.now(), role: "system", text: FLUX_LOGO + "\n\n\u{1F30A}\u26A1 Resuming Flux Flow Session..." });
                 }
                 setMessages(resumedMsgs);
                 setActiveView("chat");
-                setMessages((prev) => [...prev, { id: "sys-" + Date.now(), role: "system", text: `\u{1F4E1} SESSION RESUMED: [${id}]` }]);
-                setCompletedIndex(0);
+                setMessages((prev) => {
+                  const newMsgs = [...prev, { id: "sys-" + Date.now(), role: "system", text: `\u{1F4E1} SESSION RESUMED: [${id}]` }];
+                  setCompletedIndex(newMsgs.length);
+                  return newMsgs;
+                });
               }
             },
             onDelete: async (id) => {
@@ -5145,7 +5280,7 @@ Selection: ${val}`,
               setActiveView("chat");
               setTimeout(() => {
                 handleSubmit(val);
-              }, 200);
+              }, 500);
             },
             onEdit: (val) => {
               setResolutionData(null);
@@ -5261,40 +5396,50 @@ Selection: ${val}`,
           }
         )));
       default:
-        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, null, statusText && /* @__PURE__ */ React10.createElement(Box10, null, isSpinnerActive && /* @__PURE__ */ React10.createElement(Text10, { color: "magenta" }, /* @__PURE__ */ React10.createElement(Spinner2, { type: "dots" })), /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", italic: true }, isSpinnerActive ? " " : "", statusText))), /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true }, "(", tempModelOverride || activeModel, ")")), suggestions.length > 0 && /* @__PURE__ */ React10.createElement(Box10, { paddingY: 0 }), /* @__PURE__ */ React10.createElement(Box10, { backgroundColor: "#333333", paddingX: 1, paddingY: 1, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%" }, maxLines > 2 && !isExpanded ? /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "row", width: "100%", paddingY: 0, height: 1, overflow: "hidden" }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "\u276F ")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, flexDirection: "row" }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true }, "[Pasted ", maxLines, " Lines]")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React10.createElement(
-          MultilineInput,
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, null, statusText ? /* @__PURE__ */ React10.createElement(Box10, null, isSpinnerActive && /* @__PURE__ */ React10.createElement(Text10, { color: "magenta" }, /* @__PURE__ */ React10.createElement(Spinner2, { type: "dots" })), /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true, italic: true }, isSpinnerActive ? " " : "", statusText.toUpperCase())) : /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", dimColor: true, italic: true }, "READY FOR COMMAND...")), /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", bold: true }, "[ "), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, tempModelOverride || activeModel), /* @__PURE__ */ React10.createElement(Text10, { color: "gray", bold: true }, " ]"))), /* @__PURE__ */ React10.createElement(
+          Box10,
           {
-            value: "",
-            placeholder: " (Backspace to delete / Enter to expand)",
-            onChange: (val) => {
-              if (val.length > 0) {
-                setIsExpanded(true);
-                setInput(input + val);
+            borderStyle: "round",
+            borderColor: isProcessing ? "magenta" : "cyan",
+            paddingX: 1,
+            paddingY: 0,
+            width: "100%"
+          },
+          /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%" }, maxLines > 2 && !isExpanded ? /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "row", width: "100%", paddingY: 0, height: 1, overflow: "hidden" }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "\u{1F4A0} ")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, flexDirection: "row" }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true }, "[PASTED ", maxLines, " LINES]")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React10.createElement(
+            MultilineInput,
+            {
+              value: "",
+              placeholder: " (Backspace to delete / Enter to expand)",
+              onChange: (val) => {
+                if (val.length > 0) {
+                  setIsExpanded(true);
+                  setInput(input + val);
+                }
+              },
+              onSubmit: () => setIsExpanded(true),
+              keyBindings: {
+                submit: (key) => key.return && !key.shift && !key.ctrl && !key.leftAlt && !key.rightAlt,
+                newline: (key) => key.return && key.shift || key.return && key.ctrl || key.return && key.leftAlt || key.return && key.rightAlt
               }
-            },
-            onSubmit: () => setIsExpanded(true),
-            keyBindings: {
-              submit: (key) => key.return && !key.shift && !key.ctrl && !key.leftAlt && !key.rightAlt,
-              newline: (key) => key.return && key.shift || key.return && key.ctrl || key.return && key.leftAlt || key.return && key.rightAlt
             }
-          }
-        )))) : /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: 3 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "\u276F ")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1 }, /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, position: "relative" }, input === "" && /* @__PURE__ */ React10.createElement(Box10, { position: "absolute", paddingLeft: 0 }, activeCommand && !isTerminalFocused ? /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "  Press TAB to interact with terminal...") : activeCommand && isTerminalFocused ? /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", bold: true }, "  [ TERMINAL FOCUSED ] Type to interact, press TAB to exit...") : /* @__PURE__ */ React10.createElement(Text10, { color: "gray" }, escPressed ? "  Press ESC again to cancel the request." : !isProcessing ? `  Type /cmd or message... (${terminalEnv.shortcut} for newline)` : "  You can send a prompt to steer the agent.")), /* @__PURE__ */ React10.createElement(
-          MultilineInput,
-          {
-            focus: !isTerminalFocused,
-            value: input,
-            onChange: (val) => {
-              const cleanVal = val.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\\\s*\n/g, "\n");
-              setInput(cleanVal);
-            },
-            onSubmit: handleSubmit,
-            maxRows: 3,
-            keyBindings: {
-              submit: (key) => key.return && !key.shift && !key.ctrl,
-              newline: (key) => key.return && key.shift || key.return && key.ctrl
+          )))) : /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React10.createElement(Text10, { color: isProcessing ? "magenta" : "cyan", bold: true }, isProcessing ? "\u{1F9E0} " : "\u{1F4A0} ")), /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1 }, /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1, position: "relative" }, input === "" && /* @__PURE__ */ React10.createElement(Box10, { position: "absolute", paddingLeft: 0 }, activeCommand && !isTerminalFocused ? /* @__PURE__ */ React10.createElement(Text10, { color: "yellow" }, "  Press TAB to interact with terminal...") : activeCommand && isTerminalFocused ? /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", bold: true }, "  [ TERMINAL FOCUSED ] Type to interact, press TAB to exit...") : /* @__PURE__ */ React10.createElement(Text10, { color: "gray" }, escPressed ? "  Press ESC again to cancel the request." : !isProcessing ? `  Send message or /cmd... (${terminalEnv.shortcut} for newline)` : "  Enter a prompt to steer the agent.")), /* @__PURE__ */ React10.createElement(
+            MultilineInput,
+            {
+              focus: !isTerminalFocused,
+              value: input,
+              onChange: (val) => {
+                const cleanVal = val.replace(/\r\n/g, "\n").replace(/\r/g, "\n").replace(/\\\s*\n/g, "\n");
+                setInput(cleanVal);
+              },
+              onSubmit: handleSubmit,
+              maxRows: 3,
+              keyBindings: {
+                submit: (key) => key.return && !key.shift && !key.ctrl,
+                newline: (key) => key.return && key.shift || key.return && key.ctrl
+              }
             }
-          }
-        )))))));
+          )))))
+        ));
     }
   };
   return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%", flexGrow: 1 }, windowedHistory.items.map((msg, idx) => /* @__PURE__ */ React10.createElement(MessageItem, { key: msg.id || idx, msg, showFullThinking, columns: stdout?.columns || 80 }))), /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", padding: 1, width: "100%" }, (activeView === "chat" || ["ask", "approval", "terminalApproval"].includes(activeView)) && /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React10.createElement(
@@ -5304,7 +5449,7 @@ Selection: ${val}`,
       showFullThinking,
       columns: Math.max(20, (stdout?.columns || 80) - 1)
     }
-  ), activeCommand && /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(TerminalBox, { command: activeCommand, output: execOutput, isFocused: isTerminalFocused }))), isInitializing ? /* @__PURE__ */ React10.createElement(Box10, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React10.createElement(Box10, { borderStyle: "bold", borderColor: "yellow", padding: 1, flexDirection: "column", flexShrink: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", bold: true }, "\u{1F511} API KEY REQUIRED"), /* @__PURE__ */ React10.createElement(Text10, null, "Please enter your Gemini API Key to initialize the agent's brain."), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, "\u276F "), /* @__PURE__ */ React10.createElement(
+  ), activeCommand && /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(TerminalBox, { command: activeCommand, output: execOutput, isFocused: isTerminalFocused }))), isInitializing ? /* @__PURE__ */ React10.createElement(Box10, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React10.createElement(Box10, { borderStyle: "round", borderColor: "gray", padding: 0, flexDirection: "column", flexShrink: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "yellow", bold: true }, "\u{1F511}", emojiSpace(2), "API KEY REQUIRED")), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React10.createElement(Text10, null, "Please enter your Gemini API Key to initialize the agent."), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "\u{1F4A0} "), /* @__PURE__ */ React10.createElement(
     TextInput3,
     {
       value: tempKey,
@@ -5312,7 +5457,7 @@ Selection: ${val}`,
       onSubmit: handleSetup,
       mask: "*"
     }
-  ))) : renderActiveView(), /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(
+  ))), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm and initialize)"))) : renderActiveView(), confirmExit && /* @__PURE__ */ React10.createElement(Box10, { borderStyle: "round", borderColor: "red", paddingX: 2, marginY: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { color: "red", bold: true }, "\u{1F534} EXIT CONFIRMATION: "), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, "Press "), /* @__PURE__ */ React10.createElement(Text10, { color: "red", bold: true }, "CTRL + C"), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " again to exit (", exitCountdown, "s). Press "), /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "ESC"), /* @__PURE__ */ React10.createElement(Text10, { color: "white" }, " to cancel.")), /* @__PURE__ */ React10.createElement(Box10, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(
     StatusBar_default,
     {
       mode,
@@ -5339,31 +5484,39 @@ Selection: ${val}`,
       Box10,
       {
         flexDirection: "column",
-        backgroundColor: "#222",
         borderStyle: "round",
-        borderColor: "yellow",
-        paddingX: 1,
+        borderColor: "gray",
+        paddingX: 0,
         paddingY: 0,
-        marginTop: 0,
-        width: "100%",
-        minHeight: suggestions.length >= 5 ? 7 : 0
+        width: "100%"
       },
+      /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 0 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", bold: true, dimColor: true }, "\u{1F50D} COMMAND SUGGESTIONS")),
       visible.map((s, i) => {
         const actualIdx = startIdx + i;
         const isActive = actualIdx === selectedIndex;
         const isGemmaDisabled = s.cmd === "gemma-4-31b-it" && apiTier !== "Free";
-        const cmdText = s.cmd.padEnd(32);
-        return /* @__PURE__ */ React10.createElement(Box10, { key: s.cmd, flexDirection: "row" }, /* @__PURE__ */ React10.createElement(Text10, { color: isActive ? "cyan" : "gray" }, isActive ? "\u276F " : "  "), /* @__PURE__ */ React10.createElement(
-          Text10,
+        return /* @__PURE__ */ React10.createElement(
+          Box10,
           {
-            color: isGemmaDisabled ? "gray" : isActive ? "yellow" : "gray",
-            bold: isActive,
-            dimColor: isGemmaDisabled
+            key: s.cmd,
+            flexDirection: "row",
+            backgroundColor: isActive ? "#2a2a2a" : void 0,
+            paddingX: 1
           },
-          cmdText
-        ), /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, s.desc));
+          /* @__PURE__ */ React10.createElement(Box10, { width: 3 }, /* @__PURE__ */ React10.createElement(Text10, { color: isActive ? "cyan" : "gray", bold: isActive }, isActive ? " \u276F" : "  ")),
+          /* @__PURE__ */ React10.createElement(Box10, { width: 32 }, /* @__PURE__ */ React10.createElement(
+            Text10,
+            {
+              color: isGemmaDisabled ? "gray" : isActive ? "yellow" : "white",
+              bold: isActive,
+              dimColor: isGemmaDisabled && !isActive
+            },
+            s.cmd
+          )),
+          /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", italic: true, dimColor: !isActive }, s.desc))
+        );
       }),
-      suggestions.length > 5 && /* @__PURE__ */ React10.createElement(Box10, { height: 1 }, remaining > 0 && /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true }, "  ...(", remaining, "more)"))
+      suggestions.length > 5 && /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, height: 1 }, remaining > 0 ? /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, "   ... (", remaining, " more commands available)") : /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, "   (End of list)"))
     );
   })()));
 }
@@ -5392,9 +5545,9 @@ var init_app = __esm({
     init_text();
     SESSION_START_TIME = Date.now();
     CHANGELOG_URL = "https://fluxflow-cli.onrender.com/changelog.html";
-    versionFluxflow = "1.8.34";
+    versionFluxflow = "1.9.1";
     updatedOn = "2026-05-13";
-    ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION"), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1 }, "The agent already finished the task before your hint was consumed."), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, backgroundColor: "#222", paddingX: 1, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(
+    ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION")), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, null, "The agent already finished the task before your hint was consumed.")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, backgroundColor: "#222", paddingX: 2, width: "100%" }, /* @__PURE__ */ React10.createElement(Text10, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 0 }, /* @__PURE__ */ React10.createElement(
       CommandMenu,
       {
         title: "Select Action",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fluxflow-cli",
-	"version": "1.8.34",
+	"version": "1.9.1",
 	"description": "A high-fidelity agentic terminal assistant for the Flux Era.",
 	"keywords": [
 		"ai",