fluxflow-cli 1.15.3 → 1.16.0

package/dist/fluxflow.js

@@ -225,7 +225,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*:?.*?$/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(/@\[TerminalName:.*?, ProcessId:.*?\]/gi, "").replace(/\b(write_file|update_file|read_folder|view_file|exec_command|web_search|web_scrape|search_keyword|write_pdf|write_docx|generate_image)\b/gi, (match) => TOOL_LABELS[match.toLowerCase()] || match).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(/@\[TerminalName:.*?, ProcessId:.*?\]/gi, "").replace(/\b(write_file|update_file|read_folder|view_file|exec_command|web_search|web_scrape|search_keyword|write_pdf|write_docx|generate_image)\b/gi, (match) => TOOL_LABELS[match.toLowerCase()] || match).trim();
     };
     formatThinkText = (cleaned, columns = 80) => {
       if (!cleaned) return null;
@@ -616,14 +616,273 @@ var init_CommandMenu = __esm({
   }
 });
 
+// src/components/SettingsMenu.jsx
+import React5, { useState as useState2 } from "react";
+import { Box as Box5, Text as Text5, useInput } from "ink";
+function SettingsMenu({
+  systemSettings,
+  setSystemSettings,
+  apiTier,
+  setActiveView,
+  setInputConfig,
+  saveSettings: saveSettings2,
+  quotas,
+  setMessages
+}) {
+  const [activeColumn, setActiveColumn] = useState2("categories");
+  const [selectedCategoryIndex, setSelectedCategoryIndex] = useState2(0);
+  const [selectedItemIndex, setSelectedItemIndex] = useState2(0);
+  const getCategoryItems = (catId) => {
+    switch (catId) {
+      case "memory":
+        return [
+          { label: "Toggle Memory", value: "memory", status: systemSettings.memory ? "ON" : "OFF" }
+        ];
+      case "security":
+        const activePreset = getActivePreset(systemSettings);
+        return [
+          { label: "Sandbox Preset", value: "sandboxPreset", status: activePreset, section: "Sandbox" },
+          { label: "Auto Execute", value: "autoExec", status: systemSettings.autoExec ? "ON" : "OFF", section: "Sandbox" },
+          { label: "External Workspace Access", value: "externalAccess", status: systemSettings.allowExternalAccess ? "ON" : "OFF", section: "Sandbox" },
+          { label: "Network Access (Terminal)", value: "networkAccess", status: systemSettings.networkAccess !== false ? "ON" : "OFF", section: "Sandbox" },
+          { label: "Auto Approve Commands", value: "autoApprove", status: systemSettings.autoApproveCommands || "Read-Only", section: "Sandbox" },
+          { label: "Auto Disallow Commands", value: "autoDisallow", status: systemSettings.autoDisallowCommands || "Destructive", section: "Sandbox" },
+          { label: "Auto Approve Git Commits", value: "autoApproveGit", status: systemSettings.autoApproveGit ? "ON" : "OFF", section: "Sandbox" },
+          { label: "Auto-Delete History", value: "autoDelete", status: systemSettings.autoDeleteHistory || "30d", section: "Other" },
+          { label: "Save AppData Externally", value: "externalData", status: systemSettings.useExternalData ? "ON" : "OFF", section: "Other" }
+        ];
+      case "updater":
+        return [
+          { label: "Auto-Update", value: "autoUpdate", status: systemSettings.autoUpdate ? "ON" : "OFF" },
+          { label: "Preferred Updater", value: "updateManager", status: (systemSettings.updateManager || "npm") === "custom" ? "Custom" : (systemSettings.updateManager || "npm").toUpperCase() }
+        ];
+      case "other":
+        return [
+          { label: "API Tier", value: "apiTier", status: apiTier }
+        ];
+      default:
+        return [];
+    }
+  };
+  const currentCatId = CATEGORIES[selectedCategoryIndex].id;
+  const currentItems = getCategoryItems(currentCatId);
+  useInput((input, key) => {
+    if (activeColumn === "categories") {
+      if (key.upArrow) {
+        setSelectedCategoryIndex((prev) => (prev - 1 + CATEGORIES.length) % CATEGORIES.length);
+      } else if (key.downArrow) {
+        setSelectedCategoryIndex((prev) => (prev + 1) % CATEGORIES.length);
+      } else if (key.return || key.rightArrow) {
+        const targetCat = CATEGORIES[selectedCategoryIndex];
+        if (targetCat.id === "exit") {
+          setActiveView("chat");
+        } else {
+          setActiveColumn("items");
+          setSelectedItemIndex(0);
+        }
+      }
+    } else if (activeColumn === "items") {
+      if (key.upArrow) {
+        setSelectedItemIndex((prev) => (prev - 1 + currentItems.length) % currentItems.length);
+      } else if (key.downArrow) {
+        setSelectedItemIndex((prev) => (prev + 1) % currentItems.length);
+      } else if (key.leftArrow || key.escape) {
+        setActiveColumn("categories");
+      } else if (key.return) {
+        const item = currentItems[selectedItemIndex];
+        handleSelect(item);
+      }
+    }
+  });
+  const handleSelect = (item) => {
+    if (item.value === "memory") {
+      setSystemSettings((s) => ({ ...s, memory: !s.memory }));
+    } else if (item.value === "sandboxPreset") {
+      const activePreset = getActivePreset(systemSettings);
+      const presets = ["Autonomous", "Balanced", "Strict"];
+      const curIndex = presets.indexOf(activePreset);
+      const nextIndex = (curIndex + 1) % presets.length;
+      const nextPreset = presets[nextIndex];
+      setSystemSettings((s) => {
+        const updated = { ...s, sandboxPreset: nextPreset };
+        if (nextPreset === "Strict") {
+          updated.autoExec = false;
+          updated.allowExternalAccess = false;
+          updated.networkAccess = false;
+          updated.autoApproveCommands = "None";
+          updated.autoDisallowCommands = "Auto";
+          updated.autoApproveGit = false;
+        } else if (nextPreset === "Balanced") {
+          updated.autoExec = true;
+          updated.allowExternalAccess = false;
+          updated.networkAccess = true;
+          updated.autoApproveCommands = "Read-Only";
+          updated.autoDisallowCommands = "Destructive";
+          updated.autoApproveGit = false;
+        } else if (nextPreset === "Autonomous") {
+          updated.autoExec = true;
+          updated.allowExternalAccess = true;
+          updated.networkAccess = true;
+          updated.autoApproveCommands = "Auto";
+          updated.autoDisallowCommands = "None";
+          updated.autoApproveGit = true;
+        }
+        return updated;
+      });
+    } else if (item.value === "autoExec") {
+      if (!systemSettings.autoExec) {
+        if (systemSettings.allowExternalAccess) {
+          setActiveView("doubleDanger");
+        } else {
+          setActiveView("autoExecDanger");
+        }
+      } else {
+        setSystemSettings((s) => ({ ...s, autoExec: false, sandboxPreset: "Custom" }));
+      }
+    } else if (item.value === "externalAccess") {
+      if (!systemSettings.allowExternalAccess) {
+        if (systemSettings.autoExec) {
+          setActiveView("doubleDanger");
+        } else {
+          setActiveView("externalDanger");
+        }
+      } else {
+        setSystemSettings((s) => ({ ...s, allowExternalAccess: false, sandboxPreset: "Custom" }));
+      }
+    } else if (item.value === "networkAccess") {
+      setSystemSettings((s) => ({ ...s, networkAccess: s.networkAccess === false, sandboxPreset: "Custom" }));
+    } else if (item.value === "autoApprove") {
+      const approveOptions = ["Auto", "None", "Read-Only"];
+      const curIndex = approveOptions.indexOf(systemSettings.autoApproveCommands || "Read-Only");
+      const nextIndex = (curIndex + 1) % approveOptions.length;
+      setSystemSettings((s) => ({ ...s, autoApproveCommands: approveOptions[nextIndex], sandboxPreset: "Custom" }));
+    } else if (item.value === "autoApproveGit") {
+      setSystemSettings((s) => ({ ...s, autoApproveGit: !s.autoApproveGit, sandboxPreset: "Custom" }));
+    } else if (item.value === "autoDisallow") {
+      const disallowOptions = ["Auto", "None", "Destructive"];
+      const curIndex = disallowOptions.indexOf(systemSettings.autoDisallowCommands || "Destructive");
+      const nextIndex = (curIndex + 1) % disallowOptions.length;
+      setSystemSettings((s) => ({ ...s, autoDisallowCommands: disallowOptions[nextIndex], sandboxPreset: "Custom" }));
+    } else if (item.value === "apiTier") {
+      setActiveView("apiTier");
+    } else if (item.value === "autoDelete") {
+      const options = ["1d", "7d", "30d"];
+      const currentIndex = options.indexOf(systemSettings.autoDeleteHistory || "30d");
+      const nextIndex = (currentIndex + 1) % options.length;
+      setSystemSettings((s) => ({ ...s, autoDeleteHistory: options[nextIndex] }));
+    } else if (item.value === "autoUpdate") {
+      setSystemSettings((s) => ({ ...s, autoUpdate: !s.autoUpdate }));
+    } else if (item.value === "externalData") {
+      if (!systemSettings.useExternalData) {
+        setInputConfig({
+          label: "Enter absolute path for External AppData:",
+          note: "All history, logs and secrets will be stored here. ~/.fluxflow/settings.json stays as anchor.",
+          key: "externalDataPath",
+          value: systemSettings.externalDataPath || ""
+        });
+        setActiveView("input");
+      } else {
+        const newSettings = { ...systemSettings, useExternalData: false };
+        setSystemSettings(newSettings);
+        saveSettings2({ systemSettings: newSettings, apiTier, quotas });
+        setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: "\u{1F3E0} [STORAGE RESET] Flux Flow will return to default ~/.fluxflow after restart." }]);
+        setActiveView("chat");
+      }
+    } else if (item.value === "updateManager") {
+      setActiveView("updateManager");
+    }
+  };
+  return /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1, paddingY: 0, marginBottom: 1, borderStyle: "single", borderColor: "magenta", width: "100%" }, /* @__PURE__ */ React5.createElement(Text5, { color: "magenta", bold: true }, "\u{1F527} SYSTEM CONFIGURATION")), /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "row", width: "100%", minHeight: 8 }, /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column", width: "30%", borderStyle: "round", borderColor: activeColumn === "categories" ? "cyan" : "gray", padding: 1 }, /* @__PURE__ */ React5.createElement(Box5, { marginBottom: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: activeColumn === "categories" ? "cyan" : "white", bold: true, underline: true }, "CATEGORIES")), CATEGORIES.map((cat, index) => {
+    const isSelected = selectedCategoryIndex === index;
+    const isExit = cat.id === "exit";
+    return /* @__PURE__ */ React5.createElement(
+      Box5,
+      {
+        key: cat.id,
+        marginTop: isExit ? 1 : 0,
+        backgroundColor: isSelected ? activeColumn === "categories" ? "#2a2a2a" : "#1e1e1e" : void 0,
+        paddingX: 1
+      },
+      /* @__PURE__ */ React5.createElement(
+        Text5,
+        {
+          color: isSelected ? activeColumn === "categories" ? "cyan" : "yellow" : "white",
+          bold: isSelected
+        },
+        isSelected ? "\u276F " : "  ",
+        cat.label
+      )
+    );
+  })), /* @__PURE__ */ React5.createElement(Box5, { flexDirection: "column", width: "70%", borderStyle: "round", borderColor: activeColumn === "items" ? "cyan" : "gray", padding: 1, marginLeft: 1 }, /* @__PURE__ */ React5.createElement(Box5, { marginBottom: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: activeColumn === "items" ? "cyan" : "white", bold: true, underline: true }, CATEGORIES[selectedCategoryIndex].label.toUpperCase(), " SETTINGS")), currentItems.length > 0 ? (() => {
+    let lastSection = null;
+    const elements = [];
+    currentItems.forEach((item, index) => {
+      const isSelected = activeColumn === "items" && selectedItemIndex === index;
+      const labelLength = item.label.length;
+      const dotsCount = Math.max(2, 35 - labelLength);
+      const dots = ".".repeat(dotsCount);
+      const getStatusColor = (item2) => {
+        if (currentCatId === "security") {
+          if ((item2.value === "autoExec" || item2.value === "externalAccess") && item2.status === "ON") {
+            return "red";
+          }
+          return "yellow";
+        }
+        return item2.status === "ON" ? "green" : item2.status === "OFF" ? "red" : "yellow";
+      };
+      if (item.section && item.section !== lastSection) {
+        lastSection = item.section;
+        elements.push(
+          /* @__PURE__ */ React5.createElement(Box5, { key: `sec-hdr-${item.section}`, marginTop: elements.length > 0 ? 1 : 0, marginBottom: 0, paddingX: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "magenta", bold: true, underline: true }, "\u{1F4C2} ", item.section.toUpperCase()))
+        );
+      }
+      elements.push(
+        /* @__PURE__ */ React5.createElement(Box5, { key: item.value, backgroundColor: isSelected ? "#2a2a2a" : void 0, paddingX: 2 }, /* @__PURE__ */ React5.createElement(
+          Text5,
+          {
+            color: isSelected ? "cyan" : "white",
+            bold: isSelected
+          },
+          isSelected ? "\u276F " : "  ",
+          item.label
+        ), /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true }, dots), /* @__PURE__ */ React5.createElement(Text5, { color: getStatusColor(item), bold: true }, "[ ", item.status, " ]"))
+      );
+    });
+    return elements;
+  })() : /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1 }, /* @__PURE__ */ React5.createElement(Text5, { color: "gray", italic: true }, CATEGORIES[selectedCategoryIndex].desc)))), /* @__PURE__ */ React5.createElement(Box5, { paddingX: 1, marginTop: 1, flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true, italic: true }, activeColumn === "categories" ? "\u25B2\u25BC Select Category \u2022 Enter/\u25BA to configure" : "\u25B2\u25BC Select Option \u2022 Enter to Toggle \u2022 \u25C4/ESC to go back"), activeColumn === "categories" && /* @__PURE__ */ React5.createElement(Text5, { color: "gray", dimColor: true }, CATEGORIES[selectedCategoryIndex].desc)));
+}
+var CATEGORIES, getActivePreset;
+var init_SettingsMenu = __esm({
+  "src/components/SettingsMenu.jsx"() {
+    CATEGORIES = [
+      { id: "memory", label: "\u{1F9E0} Memory", desc: "Manage system context & agent's memory" },
+      { id: "security", label: "\u{1F512} Security", desc: "Configure permissions & data safety" },
+      { id: "updater", label: "\u{1F504} Updater", desc: "Manage application updates" },
+      { id: "other", label: "\u{1F4CB} Other", desc: "Miscellaneous preferences" },
+      { id: "exit", label: "\u{1F6AA} Exit Settings", desc: "Return to chat view" }
+    ];
+    getActivePreset = (settings) => {
+      const approve = settings.autoApproveCommands || "Read-Only";
+      const disallow = settings.autoDisallowCommands || "Destructive";
+      const isStrict = settings.autoExec === false && settings.allowExternalAccess === false && settings.networkAccess === false && approve === "None" && disallow === "Auto" && settings.autoApproveGit === false;
+      const isBalanced = settings.autoExec === true && settings.allowExternalAccess === false && settings.networkAccess !== false && approve === "Read-Only" && disallow === "Destructive" && settings.autoApproveGit === false;
+      const isAutonomous = settings.autoExec === true && settings.allowExternalAccess === true && settings.networkAccess !== false && approve === "Auto" && disallow === "None" && settings.autoApproveGit === true;
+      if (isStrict) return "Strict";
+      if (isBalanced) return "Balanced";
+      if (isAutonomous) return "Autonomous";
+      return settings.sandboxPreset || "Balanced";
+    };
+  }
+});
+
 // src/components/ProfileForm.jsx
-import React5, { useState as useState2, useEffect as useEffect2 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
+import React6, { useState as useState3, useEffect as useEffect2 } from "react";
+import { Box as Box6, Text as Text6 } from "ink";
 import TextInput from "ink-text-input";
 function ProfileForm({ initialData, onSave, onCancel }) {
-  const [step, setStep] = useState2(0);
-  const [currentInput, setCurrentInput] = useState2("");
-  const [profile, setProfile] = useState2(() => ({
+  const [step, setStep] = useState3(0);
+  const [currentInput, setCurrentInput] = useState3("");
+  const [profile, setProfile] = useState3(() => ({
     name: initialData?.name || "",
     nickname: initialData?.nickname || "",
     instructions: initialData?.instructions || ""
@@ -652,8 +911,8 @@ function ProfileForm({ initialData, onSave, onCancel }) {
       onSave(newProfile);
     }
   };
-  return /* @__PURE__ */ React5.createElement(
-    Box5,
+  return /* @__PURE__ */ React6.createElement(
+    Box6,
     {
       borderStyle: "round",
       borderColor: "gray",
@@ -663,16 +922,16 @@ function ProfileForm({ initialData, onSave, onCancel }) {
       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(
+    /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "magenta", bold: true }, "\u{1F464} DEVELOPER PROFILE CONFIGURATION")),
+    /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React6.createElement(Box6, null, /* @__PURE__ */ React6.createElement(Text6, { color: "cyan", bold: true }, steps[step].label), /* @__PURE__ */ React6.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)"))
+    )), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "Step ", step + 1, " of ", steps.length))),
+    /* @__PURE__ */ React6.createElement(Box6, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "(Enter to submit \u2022 Type /cancel to abort)"))
   );
 }
 var init_ProfileForm = __esm({
@@ -681,19 +940,19 @@ var init_ProfileForm = __esm({
 });
 
 // src/components/AskUserModal.jsx
-import React6, { useState as useState3 } from "react";
-import { Box as Box6, Text as Text6, useInput } from "ink";
+import React7, { useState as useState4 } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
 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("");
-      const [selectedIndex, setSelectedIndex] = useState3(0);
+      const [isSuggestingElse, setIsSuggestingElse] = useState4(false);
+      const [customInput, setCustomInput] = useState4("");
+      const [selectedIndex, setSelectedIndex] = useState4(0);
       const allOptions = [...options, { id: "CUSTOM", label: "Suggest something else...", description: "Provide a custom response" }];
-      useInput((input, key) => {
+      useInput2((input, key) => {
         if (isSuggestingElse) return;
         if (key.leftArrow || key.upArrow) {
           setSelectedIndex((prev) => Math.max(0, prev - 1));
@@ -712,19 +971,19 @@ var init_AskUserModal = __esm({
       });
       const s = emojiSpace(2);
       if (isSuggestingElse) {
-        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} 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(
+        return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React7.createElement(Box7, { paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan", bold: true }, "\u{1F4AC} SUGGEST SOMETHING ELSE")), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, paddingX: 1 }, /* @__PURE__ */ React7.createElement(Text7, { italic: true, color: "gray" }, "Replying to: ", question)), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, paddingX: 1, flexDirection: "row" }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan", bold: true }, "\u{1F4A0} "), /* @__PURE__ */ React7.createElement(
           TextInput2,
           {
             value: customInput,
             onChange: setCustomInput,
             onSubmit: () => onResolve(customInput)
           }
-        )), /* @__PURE__ */ React6.createElement(Box6, { marginTop: 1, paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React6.createElement(Text6, { color: "gray", dimColor: true, italic: true }, "(Press Enter to send)")));
+        )), /* @__PURE__ */ React7.createElement(Box7, { marginTop: 1, paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "gray", dimColor: true, italic: true }, "(Press Enter to send)")));
       }
-      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) => {
+      return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React7.createElement(Box7, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "cyan", bold: true }, "\u{1F4AC} AGENT REQUEST: ACTION REQUIRED")), /* @__PURE__ */ React7.createElement(Box7, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { bold: true, color: "white" }, question)), /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", width: "100%" }, allOptions.map((opt, idx) => {
         const isSelected = idx === selectedIndex;
-        return /* @__PURE__ */ React6.createElement(
-          Box6,
+        return /* @__PURE__ */ React7.createElement(
+          Box7,
           {
             key: opt.id,
             flexDirection: "column",
@@ -733,10 +992,10 @@ var init_AskUserModal = __esm({
             paddingX: 1,
             marginBottom: idx === allOptions.length - 1 ? 0 : 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__ */ React7.createElement(Text7, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", opt.label),
+          opt.description && /* @__PURE__ */ React7.createElement(Box7, { marginLeft: 4 }, /* @__PURE__ */ React7.createElement(Text7, { 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)")));
+      })), /* @__PURE__ */ React7.createElement(Box7, { paddingX: 1, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "gray", dimColor: true, italic: true }, "(Use Arrows to navigate, Enter to confirm)")));
     };
     AskUserModal_default = AskUserModal;
   }
@@ -1101,8 +1360,8 @@ ${foundFiles.map((f) => `- ${f.name}: ${f.desc}`).join("\n")}
 Check these first; These Files > Training Data. Safety rules apply
 ` : "";
       return `${nameStr}${nicknameStr}${userInstrStr}[SYSTEM]
-Identity: Flux Flow (by Kushal Roy Chowdhury). Sassy${mode === "Flux" ? ", No Flirting" : ", Friendly, Humorous, Sarcastic"}, CLI Agent
-Mode: ${mode}${thinkingLevel !== "Fast" ? " (Thinking Mode)" : ""}. ${mode === "Flux" ? "Logical, Highly Detailed, Task-Driven. Prioritizes scalable file/folder structures, modular architecture, clean code abstractions, step-by-step execution. Industry standard latest coding practices/libraries, clean code, Double Check Imports, Client-Server Sync" : "Conversational & Concise"}
+Identity: Flux Flow (by Kushal Roy Chowdhury). Sassy${mode === "Flux" ? ", No Flirting, Respectful" : ", Friendly, Humorous, Sarcastic"}, CLI Agent
+Mode: ${mode}${thinkingLevel !== "Fast" ? " (Thinking Mode)" : ""}. ${mode === "Flux" ? "Logical, Highly Detailed, Task-Driven. Prioritizes scalable file/folder structures, modular architecture, clean code abstractions, step-by-step execution. Industry standard latest coding practices/libraries, clean code, Double Check Imports, Client-Server Sync" : "Conversational, Concise"}
 CWD: ${cwdStr}${isSystemDir ? ". [PROTECTED: ASK BEFORE MODIFYING]" : ""}
 
 -- THINKING RULES --
@@ -1129,7 +1388,7 @@ ${projectContextBlock}
 -- RESPONSE RULES --
 - End with [turn: continue] to continue or [turn: finish] when task done
 - Tool Called? No post tool response until [turn: continue]
-- **MAX 3 TOOL CALL STACK PER TURN**
+- **STRICT: MAX 3 TOOL CALL STACK PER TURN**
 - Task Complete? End loop with [turn: finish]
 [/SYSTEM]`.trim();
     };
@@ -2821,6 +3080,17 @@ var init_exec_command = __esm({
       const { onChunk } = options;
       if (!rawCommand) return 'ERROR: Missing "command" argument for exec_command.';
       const command = adjustWindowsCommand(rawCommand);
+      const systemSettings = options.systemSettings || {};
+      const netEnv = {};
+      if (systemSettings.networkAccess === false) {
+        netEnv.HTTP_PROXY = "http://127.0.0.1:9999";
+        netEnv.HTTPS_PROXY = "http://127.0.0.1:9999";
+        netEnv.ALL_PROXY = "socks5://127.0.0.1:9999";
+        netEnv.http_proxy = "http://127.0.0.1:9999";
+        netEnv.https_proxy = "http://127.0.0.1:9999";
+        netEnv.all_proxy = "socks5://127.0.0.1:9999";
+        netEnv.NO_PROXY = "localhost,127.0.0.1";
+      }
       return new Promise((resolve) => {
         const child = spawn(command, {
           shell: true,
@@ -2829,7 +3099,8 @@ var init_exec_command = __esm({
             ...process.env,
             CI: "false",
             TERM: "xterm-256color",
-            FORCE_COLOR: "1"
+            FORCE_COLOR: "1",
+            ...netEnv
           }
         });
         activeChildProcess = child;
@@ -4722,15 +4993,6 @@ ${thinkingLevel != "Fast" ? "[SYSTEM] **STRICTLY FOLLOW THINKING POLICY AS CORE
                     } else {
                       label = `EXECUTED: ${toolCall.toolName}`.toUpperCase();
                     }
-                    if (label) {
-                      const boxWidth = Math.min(label.length + 4, 115);
-                      const boxTop = `\u256D${"\u2500".repeat(boxWidth)}\u256E`;
-                      const boxMid = `\u2502 ${label.padEnd(boxWidth - 2).substring(0, boxWidth - 2)} \u2502`;
-                      const boxBottom = `\u2570${"\u2500".repeat(boxWidth)}\u256F`;
-                      yield { type: "visual_feedback", content: `${boxTop}
-${boxMid}
-${boxBottom}` };
-                    }
                     if (normToolName === "exec_command") {
                       const { command } = parseArgs(toolCall.args);
                       if (command && settings.systemSettings && settings.systemSettings.allowExternalAccess === false) {
@@ -4745,6 +5007,12 @@ ${boxBottom}` };
                         });
                         if (isViolating) {
                           const denyMsg = `Access Denied. Terminal is prohibited from accessing system drives (C://) or external directories while "External Workspace Access" is disabled.`;
+                          if (settings.onExecStart) settings.onExecStart(command || "Unknown");
+                          yield { type: "exec_start" };
+                          await new Promise((resolve) => setTimeout(resolve, 50));
+                          if (settings.onExecChunk) settings.onExecChunk(`ERROR: ${denyMsg}`);
+                          await new Promise((resolve) => setTimeout(resolve, 50));
+                          if (settings.onExecEnd) settings.onExecEnd();
                           toolResults.push({ role: "user", text: `[TOOL RESULT]: ERROR: ${denyMsg}` });
                           yield { type: "tool_result", content: `[TOOL RESULT]: ERROR: ${denyMsg}` };
                           toolCallPointer++;
@@ -4762,6 +5030,17 @@ ${boxBottom}` };
                       const absoluteCwd = path15.resolve(process.cwd());
                       if (isExternalOff && !absoluteTarget.startsWith(absoluteCwd)) {
                         const denyMsg = `Access Denied. You are not allowed to access files outside the current workspace. To enable this, ask the user to turn on "External Workspace Access" in /settings.`;
+                        if (normToolName === "write_file" || normToolName === "update_file") {
+                          const action = normToolName === "write_file" ? "WRITE DENIED" : "UPDATE DENIED";
+                          const deniedLabel = `\u{1F4BE} ${action}: ${parsedArgs.path || "..."}`.toUpperCase();
+                          const boxWidth = Math.min(deniedLabel.length + 4, 115);
+                          const boxTop = `\u256D${"\u2500".repeat(boxWidth)}\u256E`;
+                          const boxMid = `\u2502 ${deniedLabel.padEnd(boxWidth - 2).substring(0, boxWidth - 2)} \u2502`;
+                          const boxBottom = `\u2570${"\u2500".repeat(boxWidth)}\u256F`;
+                          yield { type: "visual_feedback", content: `${boxTop}
+${boxMid}
+${boxBottom}` };
+                        }
                         toolResults.push({ role: "user", text: `[TOOL RESULT]: ERROR: ${denyMsg}` });
                         yield { type: "tool_result", content: `[TOOL RESULT]: ERROR: ${denyMsg}` };
                         toolCallPointer++;
@@ -4771,10 +5050,73 @@ ${boxBottom}` };
                     if (settings.onToolApproval) {
                       let shouldPrompt = normToolName === "write_file" || normToolName === "update_file" || normToolName === "exec_command";
                       if (shouldPrompt) {
-                        const approval = await settings.onToolApproval(normToolName, toolCall.args);
+                        const systemSettings2 = settings.systemSettings || {};
+                        const autoExec = systemSettings2.autoExec;
+                        const autoApprove = systemSettings2.autoApproveCommands || "Read-Only";
+                        const autoDisallow = systemSettings2.autoDisallowCommands || "Destructive";
+                        let decision = null;
+                        if (normToolName === "exec_command") {
+                          const { command } = parseArgs(toolCall.args);
+                          const cmdTrimmed = (command || "").trim();
+                          const safeRegex = /^(echo|ls|dir|pwd|cd|git status|git log|git diff|type|cat|help)\b/i;
+                          const destructiveRegex = /\b(rm\s+-rf|rm\s+-f|del\s+\/f|rd\s+\/s|rmdir\s+\/s|format)\b/i;
+                          const creationRegex = /^(mkdir|touch|md|ni|New-Item)\b/i;
+                          const isReadOnly = safeRegex.test(cmdTrimmed);
+                          const isDestructive = destructiveRegex.test(cmdTrimmed);
+                          const isCreation = creationRegex.test(cmdTrimmed);
+                          if (autoApprove === "Auto") {
+                            decision = "allow";
+                          } else if (autoApprove === "Read-Only" && isReadOnly) {
+                            decision = "allow";
+                          } else if (systemSettings2.autoApproveGit && /^git\s+commit\b/i.test(cmdTrimmed)) {
+                            decision = "allow";
+                          }
+                          if (!decision) {
+                            if (systemSettings2.networkAccess === false) {
+                              const networkCmdRegex = /\b(curl|wget|npm|yarn|pnpm|pip|pip3|ssh|docker|git\s+(clone|push|pull|fetch))\b/i;
+                              if (networkCmdRegex.test(cmdTrimmed)) {
+                                decision = "deny";
+                              }
+                            }
+                            if (!decision) {
+                              if (autoDisallow === "Auto" && (isDestructive || !isReadOnly && !isCreation)) {
+                                decision = "deny";
+                              } else if (autoDisallow === "Destructive" && isDestructive) {
+                                decision = "deny";
+                              }
+                            }
+                          }
+                          if (!decision && autoExec) {
+                            decision = "allow";
+                          }
+                        } else {
+                          if (autoExec) {
+                            decision = "allow";
+                          }
+                        }
+                        let approval = decision;
+                        if (!approval) {
+                          approval = await settings.onToolApproval(normToolName, toolCall.args);
+                        }
                         if (approval === "deny") {
-                          if (normToolName === "exec_command" && settings.onExecEnd) settings.onExecEnd();
-                          const denyMsg = `Permission Denied: User rejected the ${normToolName === "exec_command" ? "terminal execution" : "file edit"}.`;
+                          const denyMsg = `Permission Denied: Prohibited ${normToolName === "exec_command" ? "command" : "file edit"}.`;
+                          if (normToolName === "write_file" || normToolName === "update_file") {
+                            const action = normToolName === "write_file" ? "WRITE DENIED" : "UPDATE DENIED";
+                            const deniedLabel = `\u{1F4BE} ${action}: ${parseArgs(toolCall.args).path || "..."}`.toUpperCase();
+                            const boxWidth = Math.min(deniedLabel.length + 4, 115);
+                            const boxTop = `\u256D${"\u2500".repeat(boxWidth)}\u256E`;
+                            const boxMid = `\u2502 ${deniedLabel.padEnd(boxWidth - 2).substring(0, boxWidth - 2)} \u2502`;
+                            const boxBottom = `\u2570${"\u2500".repeat(boxWidth)}\u256F`;
+                            yield { type: "visual_feedback", content: `${boxTop}
+${boxMid}
+${boxBottom}` };
+                          }
+                          if (normToolName === "exec_command") {
+                            await new Promise((resolve) => setTimeout(resolve, 50));
+                            if (settings.onExecChunk) settings.onExecChunk(`ERROR: ${denyMsg}`);
+                            await new Promise((resolve) => setTimeout(resolve, 50));
+                            if (settings.onExecEnd) settings.onExecEnd();
+                          }
                           toolResults.push({ role: "user", text: `[TOOL RESULT]: DENIED: ${denyMsg}` });
                           yield { type: "tool_result", content: `[TOOL RESULT]: DENIED: ${denyMsg}` };
                           await incrementUsage("toolDenied");
@@ -4784,6 +5126,15 @@ ${boxBottom}` };
                         }
                       }
                     }
+                    if (label) {
+                      const boxWidth = Math.min(label.length + 4, 115);
+                      const boxTop = `\u256D${"\u2500".repeat(boxWidth)}\u256E`;
+                      const boxMid = `\u2502 ${label.padEnd(boxWidth - 2).substring(0, boxWidth - 2)} \u2502`;
+                      const boxBottom = `\u2570${"\u2500".repeat(boxWidth)}\u256F`;
+                      yield { type: "visual_feedback", content: `${boxTop}
+${boxMid}
+${boxBottom}` };
+                    }
                     if (lastToolFinishedAt > 0) {
                       const timeSinceLastTool = Date.now() - lastToolFinishedAt;
                       if (timeSinceLastTool < 1e3) {
@@ -4796,7 +5147,8 @@ ${boxBottom}` };
                       chatId,
                       history,
                       onChunk: (chunk2) => settings.onExecChunk ? settings.onExecChunk(chunk2) : null,
-                      onAskUser: settings.onAskUser
+                      onAskUser: settings.onAskUser,
+                      systemSettings: settings.systemSettings
                     });
                     yield { type: "spinner", content: true };
                     if (process.stdout.isTTY) {
@@ -5036,12 +5388,12 @@ ${timestamp}`;
 });
 
 // src/components/ResumeModal.jsx
-import React7, { useState as useState4, useEffect as useEffect3 } from "react";
-import { Box as Box7, Text as Text7, useInput as useInput2 } from "ink";
+import React8, { useState as useState5, useEffect as useEffect3 } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
 function ResumeModal({ onSelect, onDelete, onClose }) {
-  const [history, setHistory] = useState4({});
-  const [keys, setKeys] = useState4([]);
-  const [selectedIndex, setSelectedIndex] = useState4(0);
+  const [history, setHistory] = useState5({});
+  const [keys, setKeys] = useState5([]);
+  const [selectedIndex, setSelectedIndex] = useState5(0);
   useEffect3(() => {
     const fetchHistory = async () => {
       const h = await loadHistory();
@@ -5050,7 +5402,7 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
     };
     fetchHistory();
   }, []);
-  useInput2((input, key) => {
+  useInput3((input, key) => {
     if (key.escape) onClose();
     if (key.upArrow) setSelectedIndex((prev) => Math.max(0, prev - 1));
     if (key.downArrow) setSelectedIndex((prev) => Math.min(keys.length - 1, prev + 1));
@@ -5079,24 +5431,24 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
     }
   }
   const visibleKeys = keys.slice(startIndex, startIndex + MAX_VISIBLE);
-  return /* @__PURE__ */ React7.createElement(Box7, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__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", width: "100%" }, startIndex > 0 && /* @__PURE__ */ React7.createElement(Box7, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "gray", dimColor: true }, "\u25B2 (+", startIndex, " more chats above)")), visibleKeys.map((id, index) => {
+  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan", bold: true }, "\u{1F4A0} CHAT HISTORY: RESUME CONVERSATION")), keys.length === 0 ? /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, "No saved chats found.")) : /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", width: "100%" }, startIndex > 0 && /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, "\u25B2 (+", startIndex, " more chats above)")), visibleKeys.map((id, index) => {
     const chat2 = history[id];
     const actualIndex = startIndex + index;
     const isSelected = actualIndex === selectedIndex;
     const dateStr = formatDate(chat2?.updatedAt);
-    return /* @__PURE__ */ React7.createElement(
-      Box7,
+    return /* @__PURE__ */ React8.createElement(
+      Box8,
       {
         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 }, " [", dateStr, " \u2022 ", id.slice(5), "]"))),
-      isSelected && /* @__PURE__ */ React7.createElement(Box7, { flexShrink: 0 }, /* @__PURE__ */ React7.createElement(Text7, { color: "red", bold: true }, "[X] DELETE "))
+      /* @__PURE__ */ React8.createElement(Box8, { flexGrow: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", chat2?.name || id, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: !isSelected }, " [", dateStr, " \u2022 ", id.slice(5), "]"))),
+      isSelected && /* @__PURE__ */ React8.createElement(Box8, { flexShrink: 0 }, /* @__PURE__ */ React8.createElement(Text8, { color: "red", bold: true }, "[X] DELETE "))
     );
-  }), startIndex + MAX_VISIBLE < keys.length && /* @__PURE__ */ React7.createElement(Box7, { paddingX: 2, marginTop: 1 }, /* @__PURE__ */ React7.createElement(Text7, { color: "gray", dimColor: true }, "\u25BC (+", keys.length - (startIndex + MAX_VISIBLE), " more chats below)"))), /* @__PURE__ */ React7.createElement(
-    Box7,
+  }), startIndex + MAX_VISIBLE < keys.length && /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, marginTop: 1 }, /* @__PURE__ */ React8.createElement(Text8, { color: "gray", dimColor: true }, "\u25BC (+", keys.length - (startIndex + MAX_VISIBLE), " more chats below)"))), /* @__PURE__ */ React8.createElement(
+    Box8,
     {
       marginTop: 1,
       paddingX: 1,
@@ -5106,7 +5458,7 @@ function ResumeModal({ onSelect, onDelete, onClose }) {
       borderBottom: false,
       borderColor: "gray"
     },
-    /* @__PURE__ */ React7.createElement(Text7, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 Enter select \u2022 x delete \u2022 Esc close")
+    /* @__PURE__ */ React8.createElement(Text8, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 Enter select \u2022 x delete \u2022 Esc close")
   ));
 }
 function formatDate(timestamp) {
@@ -5128,12 +5480,12 @@ var init_ResumeModal = __esm({
 });
 
 // src/components/MemoryModal.jsx
-import React8, { useState as useState5, useEffect as useEffect4 } from "react";
-import { Box as Box8, Text as Text8, useInput as useInput3 } from "ink";
+import React9, { useState as useState6, useEffect as useEffect4 } from "react";
+import { Box as Box9, Text as Text9, useInput as useInput4 } from "ink";
 function MemoryModal({ onClose }) {
-  const [memories, setMemories] = useState5([]);
-  const [selectedIndex, setSelectedIndex] = useState5(0);
-  const [isMemoryOn, setIsMemoryOn] = useState5(true);
+  const [memories, setMemories] = useState6([]);
+  const [selectedIndex, setSelectedIndex] = useState6(0);
+  const [isMemoryOn, setIsMemoryOn] = useState6(true);
   const loadMemories = () => {
     const data = readEncryptedJson(MEMORIES_FILE, []);
     setMemories(data);
@@ -5148,7 +5500,7 @@ function MemoryModal({ onClose }) {
   useEffect4(() => {
     loadMemories();
   }, []);
-  useInput3((input, key) => {
+  useInput4((input, key) => {
     if (key.escape) onClose();
     if (key.upArrow) setSelectedIndex((prev) => Math.max(0, prev - 1));
     if (key.downArrow) setSelectedIndex((prev) => Math.min(memories.length - 1, prev + 1));
@@ -5178,21 +5530,21 @@ function MemoryModal({ onClose }) {
     return "red";
   };
   const s = emojiSpace(2);
-  return /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React8.createElement(Box8, { paddingX: 1, marginBottom: 1, justifyContent: "space-between" }, /* @__PURE__ */ React8.createElement(Text8, { color: "cyan", bold: true }, "\u{1F9E0} AGENT MEMORY: LONG-TERM KNOWLEDGE"), /* @__PURE__ */ React8.createElement(Box8, null, /* @__PURE__ */ React8.createElement(Text8, { color: "gray" }, "Vault: "), /* @__PURE__ */ React8.createElement(Text8, { color: getBarColor() }, barStr), /* @__PURE__ */ React8.createElement(Text8, { color: "white", bold: true }, " ", usagePercent, "%"))), !isMemoryOn && memories.length > 0 ? /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, "Memory is currently Off...")) : memories.length === 0 ? /* @__PURE__ */ React8.createElement(Box8, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React8.createElement(Text8, { italic: true, color: "gray" }, isMemoryOn ? "Learning..." : "Memory not available...")) : /* @__PURE__ */ React8.createElement(Box8, { flexDirection: "column" }, memories.map((mem, idx) => {
+  return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React9.createElement(Box9, { paddingX: 1, marginBottom: 1, justifyContent: "space-between" }, /* @__PURE__ */ React9.createElement(Text9, { color: "cyan", bold: true }, "\u{1F9E0} AGENT MEMORY: LONG-TERM KNOWLEDGE"), /* @__PURE__ */ React9.createElement(Box9, null, /* @__PURE__ */ React9.createElement(Text9, { color: "gray" }, "Vault: "), /* @__PURE__ */ React9.createElement(Text9, { color: getBarColor() }, barStr), /* @__PURE__ */ React9.createElement(Text9, { color: "white", bold: true }, " ", usagePercent, "%"))), !isMemoryOn && memories.length > 0 ? /* @__PURE__ */ React9.createElement(Box9, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { italic: true, color: "gray" }, "Memory is currently Off...")) : memories.length === 0 ? /* @__PURE__ */ React9.createElement(Box9, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { italic: true, color: "gray" }, isMemoryOn ? "Learning..." : "Memory not available...")) : /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column" }, memories.map((mem, idx) => {
     const isSelected = idx === selectedIndex;
-    return /* @__PURE__ */ React8.createElement(
-      Box8,
+    return /* @__PURE__ */ React9.createElement(
+      Box9,
       {
         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__ */ React9.createElement(Box9, { flexGrow: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", idx + 1, ". ", cleanDisplay(mem.memory))),
+      isSelected && /* @__PURE__ */ React9.createElement(Box9, { flexShrink: 0 }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true }, "[X] WIPE "))
     );
-  })), /* @__PURE__ */ React8.createElement(
-    Box8,
+  })), /* @__PURE__ */ React9.createElement(
+    Box9,
     {
       marginTop: 1,
       paddingX: 1,
@@ -5202,7 +5554,7 @@ function MemoryModal({ onClose }) {
       borderBottom: false,
       borderColor: "gray"
     },
-    /* @__PURE__ */ React8.createElement(Text8, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 x wipe memory \u2022 Esc close")
+    /* @__PURE__ */ React9.createElement(Text9, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 x wipe memory \u2022 Esc close")
   ));
 }
 var init_MemoryModal = __esm({
@@ -5214,17 +5566,17 @@ var init_MemoryModal = __esm({
 });
 
 // src/components/UpdateProcessor.jsx
-import React9, { useState as useState6, useEffect as useEffect5 } from "react";
-import { Box as Box9, Text as Text9 } from "ink";
+import React10, { useState as useState7, useEffect as useEffect5 } from "react";
+import { Box as Box10, Text as Text10 } from "ink";
 import Spinner from "ink-spinner";
 import { exec as exec2 } from "child_process";
 var UpdateProcessor, UpdateProcessor_default;
 var init_UpdateProcessor = __esm({
   "src/components/UpdateProcessor.jsx"() {
     UpdateProcessor = ({ latest, current, settings, onClose, onUpdateSettings, onSuccess }) => {
-      const [status, setStatus] = useState6("initializing");
-      const [log, setLog] = useState6("");
-      const [error, setError] = useState6(null);
+      const [status, setStatus] = useState7("initializing");
+      const [log, setLog] = useState7("");
+      const [error, setError] = useState7(null);
       useEffect5(() => {
         let child;
         const runUpdate = async () => {
@@ -5265,13 +5617,13 @@ var init_UpdateProcessor = __esm({
         };
       }, []);
       if (status === "initializing" || status === "downloading") {
-        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Box9, null, /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, /* @__PURE__ */ React9.createElement(Spinner, { type: "dots" })), /* @__PURE__ */ React9.createElement(Text9, { marginLeft: 1, bold: true }, " Updating Flux Flow to v", latest, "...")), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "#333" }, /* @__PURE__ */ React9.createElement(Text9, { color: "gray", dimColor: true, italic: true }, log || "Preparing environment...")), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, dimColor: true }, "(Please do not close the terminal)"));
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Box10, null, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, /* @__PURE__ */ React10.createElement(Spinner, { type: "dots" })), /* @__PURE__ */ React10.createElement(Text10, { marginLeft: 1, bold: true }, " Updating Flux Flow to v", latest, "...")), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "#333" }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true, italic: true }, log || "Preparing environment...")), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1, dimColor: true }, "(Please do not close the terminal)"));
       }
       if (status === "success") {
-        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "green", bold: true }, "\u2705 UPDATE SUCCESSFUL!"), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "Flux Flow has been updated to ", /* @__PURE__ */ React9.createElement(Text9, { color: "cyan" }, "v", latest), "."), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1, color: "yellow", bold: true }, "CRITICAL: Please restart your terminal session to apply changes."), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, { dimColor: true }, "(Press ESC to return to chat)")));
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "green", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "green", bold: true }, "\u2705 UPDATE SUCCESSFUL!"), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1 }, "Flux Flow has been updated to ", /* @__PURE__ */ React10.createElement(Text10, { color: "cyan" }, "v", latest), "."), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1, color: "yellow", bold: true }, "CRITICAL: Please restart your terminal session to apply changes."), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, "(Press ESC to return to chat)")));
       }
       if (status === "error") {
-        return /* @__PURE__ */ React9.createElement(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React9.createElement(Text9, { color: "red", bold: true }, "\u274C UPDATE FAILED"), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "red" }, /* @__PURE__ */ React9.createElement(Text9, { color: "red" }, error)), /* @__PURE__ */ React9.createElement(Text9, { marginTop: 1 }, "Possible causes:"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Missing permissions (Try running as Administrator/Sudo)"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Package manager (", settings.updateManager, ") not found"), /* @__PURE__ */ React9.createElement(Text9, null, "\u2022 Network failure"), /* @__PURE__ */ React9.createElement(Box9, { marginTop: 1 }, /* @__PURE__ */ React9.createElement(Text9, { dimColor: true }, "(Press ESC to return to chat)")));
+        return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "red", bold: true }, "\u274C UPDATE FAILED"), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1, paddingX: 1, borderStyle: "single", borderColor: "red" }, /* @__PURE__ */ React10.createElement(Text10, { color: "red" }, error)), /* @__PURE__ */ React10.createElement(Text10, { marginTop: 1 }, "Possible causes:"), /* @__PURE__ */ React10.createElement(Text10, null, "\u2022 Missing permissions (Try running as Administrator/Sudo)"), /* @__PURE__ */ React10.createElement(Text10, null, "\u2022 Package manager (", settings.updateManager, ") not found"), /* @__PURE__ */ React10.createElement(Text10, null, "\u2022 Network failure"), /* @__PURE__ */ React10.createElement(Box10, { marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { dimColor: true }, "(Press ESC to return to chat)")));
       }
       return null;
     };
@@ -5280,11 +5632,11 @@ var init_UpdateProcessor = __esm({
 });
 
 // src/components/RevertModal.jsx
-import React10, { useState as useState7 } from "react";
-import { Box as Box10, Text as Text10, useInput as useInput4 } from "ink";
+import React11, { useState as useState8 } from "react";
+import { Box as Box11, Text as Text11, useInput as useInput5 } from "ink";
 function RevertModal({ prompts, onSelect, onClose }) {
-  const [selectedIndex, setSelectedIndex] = useState7(0);
-  useInput4((input, key) => {
+  const [selectedIndex, setSelectedIndex] = useState8(0);
+  useInput5((input, key) => {
     if (key.escape) onClose();
     if (key.upArrow) setSelectedIndex((prev) => Math.max(0, prev - 1));
     if (key.downArrow) setSelectedIndex((prev) => Math.min(prompts.length - 1, prev + 1));
@@ -5303,23 +5655,23 @@ function RevertModal({ prompts, onSelect, onClose }) {
     }
   }
   const visiblePrompts = prompts.slice(startIndex, startIndex + MAX_VISIBLE);
-  return /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 0, width: "100%" }, /* @__PURE__ */ React10.createElement(Box10, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "cyan", bold: true }, "\u{1F504} CODEBASE TIME TRAVEL: SELECT UNDO POINT")), /* @__PURE__ */ React10.createElement(Box10, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, null, "Select a prompt to revert the codebase back to the state ", /* @__PURE__ */ React10.createElement(Text10, { bold: true, color: "blue" }, "immediately before"), " it was executed:")), prompts.length === 0 ? /* @__PURE__ */ React10.createElement(Box10, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React10.createElement(Text10, { italic: true, color: "gray" }, "No prompt checkpoints found for this session.")) : /* @__PURE__ */ React10.createElement(Box10, { flexDirection: "column", width: "100%" }, startIndex > 0 && /* @__PURE__ */ React10.createElement(Box10, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true }, "\u25B2 (+", startIndex, " more prompts above)")), visiblePrompts.map((p, index) => {
+  return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "\u{1F504} CODEBASE TIME TRAVEL: SELECT UNDO POINT")), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, null, "Select a prompt to revert the codebase back to the state ", /* @__PURE__ */ React11.createElement(Text11, { bold: true, color: "blue" }, "immediately before"), " it was executed:")), prompts.length === 0 ? /* @__PURE__ */ React11.createElement(Box11, { paddingX: 2, paddingY: 1 }, /* @__PURE__ */ React11.createElement(Text11, { italic: true, color: "gray" }, "No prompt checkpoints found for this session.")) : /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: "100%" }, startIndex > 0 && /* @__PURE__ */ React11.createElement(Box11, { paddingX: 2, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true }, "\u25B2 (+", startIndex, " more prompts above)")), visiblePrompts.map((p, index) => {
     const actualIndex = startIndex + index;
     const isSelected = actualIndex === selectedIndex;
     const dateStr = formatDate2(p.timestamp);
     const fileCount = p.changes ? p.changes.length : 0;
-    return /* @__PURE__ */ React10.createElement(
-      Box10,
+    return /* @__PURE__ */ React11.createElement(
+      Box11,
       {
         key: p.id,
         paddingX: 1,
         backgroundColor: isSelected ? "#1a2a3a" : void 0,
         width: "100%"
       },
-      /* @__PURE__ */ React10.createElement(Box10, { flexGrow: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", '"', formatPromptPreview(p.prompt), '"', /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: !isSelected }, " [", dateStr, " \u2022 ", fileCount, " file(s) changed]")))
+      /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: isSelected ? "cyan" : "white", bold: isSelected }, isSelected ? "\u276F " : "  ", '"', formatPromptPreview(p.prompt), '"', /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: !isSelected }, " [", dateStr, " \u2022 ", fileCount, " file(s) changed]")))
     );
-  }), startIndex + MAX_VISIBLE < prompts.length && /* @__PURE__ */ React10.createElement(Box10, { paddingX: 2, marginTop: 1 }, /* @__PURE__ */ React10.createElement(Text10, { color: "gray", dimColor: true }, "\u25BC (+", prompts.length - (startIndex + MAX_VISIBLE), " more prompts below)"))), /* @__PURE__ */ React10.createElement(
-    Box10,
+  }), startIndex + MAX_VISIBLE < prompts.length && /* @__PURE__ */ React11.createElement(Box11, { paddingX: 2, marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true }, "\u25BC (+", prompts.length - (startIndex + MAX_VISIBLE), " more prompts below)"))), /* @__PURE__ */ React11.createElement(
+    Box11,
     {
       marginTop: 1,
       paddingX: 1,
@@ -5329,7 +5681,7 @@ function RevertModal({ prompts, onSelect, onClose }) {
       borderBottom: false,
       borderColor: "cyan"
     },
-    /* @__PURE__ */ React10.createElement(Text10, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 Enter select undo point \u2022 Esc close")
+    /* @__PURE__ */ React11.createElement(Text11, { dimColor: true, italic: true }, "\u2191\u2193 navigate \u2022 Enter select undo point \u2022 Esc close")
   ));
 }
 function formatPromptPreview(prompt) {
@@ -5403,8 +5755,8 @@ __export(app_exports, {
   default: () => App
 });
 import os4 from "os";
-import React11, { useState as useState8, useEffect as useEffect6, useRef as useRef2, useMemo } from "react";
-import { Box as Box11, Text as Text11, useInput as useInput5, useStdout } from "ink";
+import React12, { useState as useState9, useEffect as useEffect6, useRef as useRef2, useMemo } from "react";
+import { Box as Box12, Text as Text12, useInput as useInput6, useStdout } from "ink";
 import Spinner2 from "ink-spinner";
 import fs18 from "fs-extra";
 import path16 from "path";
@@ -5414,17 +5766,17 @@ import { MultilineInput } from "ink-multiline-input";
 import TextInput3 from "ink-text-input";
 import gradient from "gradient-string";
 function App({ args = [] }) {
-  const [confirmExit, setConfirmExit] = useState8(false);
-  const [exitCountdown, setExitCountdown] = useState8(10);
+  const [confirmExit, setConfirmExit] = useState9(false);
+  const [exitCountdown, setExitCountdown] = useState9(10);
   const { stdout } = useStdout();
-  const [input, setInput] = useState8("");
-  const [isExpanded, setIsExpanded] = useState8(false);
-  const [mode, setMode] = useState8("Flux");
-  const [terminalSize, setTerminalSize] = useState8({
+  const [input, setInput] = useState9("");
+  const [isExpanded, setIsExpanded] = useState9(false);
+  const [mode, setMode] = useState9("Flux");
+  const [terminalSize, setTerminalSize] = useState9({
     columns: stdout?.columns || 80,
     rows: stdout?.rows || 24
   });
-  const [selectedIndex, setSelectedIndex] = useState8(0);
+  const [selectedIndex, setSelectedIndex] = useState9(0);
   const persistedModelRef = useRef2(null);
   const parsedArgs = useMemo(() => {
     const parsed = {};
@@ -5528,37 +5880,37 @@ function App({ args = [] }) {
       stdout.off("resize", handleResize);
     };
   }, [stdout]);
-  const [thinkingLevel, setThinkingLevel] = useState8("Medium");
-  const [latestVer, setLatestVer] = useState8(null);
-  const [showFullThinking, setShowFullThinking] = useState8(false);
-  const [activeModel, setActiveModel] = useState8("gemma-4-31b-it");
-  const [janitorModel, setJanitorModel] = useState8("gemma-4-26b-a4b-it");
-  const [isInitializing, setIsInitializing] = useState8(true);
-  const [apiKey, setApiKey] = useState8(null);
-  const [tempKey, setTempKey] = useState8("");
-  const [activeView, setActiveView] = useState8("chat");
-  const [apiTier, setApiTier] = useState8("Free");
-  const [quotas, setQuotas] = useState8({ agentLimit: 1500, backgroundLimit: 1500, searchLimit: 100, customModelId: "", customLimit: 0 });
-  const [inputConfig, setInputConfig] = useState8(null);
-  const [systemSettings, setSystemSettings] = useState8({ memory: true, compression: 0, autoExec: false, autoDeleteHistory: "7d", autoUpdate: false, updateManager: "npm", customUpdateCommand: "" });
-  const [profileData, setProfileData] = useState8({ name: null, nickname: null, instructions: null });
-  const [imageSettings, setImageSettings] = useState8({ keyType: "Default", quality: "Low-High", apiKey: "" });
-  const [sessionStats, setSessionStats] = useState8({ tokens: 0 });
-  const [sessionAgentCalls, setSessionAgentCalls] = useState8(0);
-  const [sessionBackgroundCalls, setSessionBackgroundCalls] = useState8(0);
-  const [sessionTotalTokens, setSessionTotalTokens] = useState8(0);
-  const [sessionToolSuccess, setSessionToolSuccess] = useState8(0);
-  const [sessionToolFailure, setSessionToolFailure] = useState8(0);
-  const [sessionToolDenied, setSessionToolDenied] = useState8(0);
-  const [sessionApiTime, setSessionApiTime] = useState8(0);
-  const [sessionToolTime, setSessionToolTime] = useState8(0);
-  const [sessionImageCount, setSessionImageCount] = useState8(0);
-  const [sessionImageCredits, setSessionImageCredits] = useState8(0);
-  const [dailyUsage, setDailyUsage] = useState8(null);
-  const [chatId, setChatId] = useState8(generateChatId());
-  const [activeCommand, setActiveCommand] = useState8(null);
-  const [execOutput, setExecOutput] = useState8("");
-  const [isTerminalFocused, setIsTerminalFocused] = useState8(false);
+  const [thinkingLevel, setThinkingLevel] = useState9("Medium");
+  const [latestVer, setLatestVer] = useState9(null);
+  const [showFullThinking, setShowFullThinking] = useState9(false);
+  const [activeModel, setActiveModel] = useState9("gemma-4-31b-it");
+  const [janitorModel, setJanitorModel] = useState9("gemma-4-26b-a4b-it");
+  const [isInitializing, setIsInitializing] = useState9(true);
+  const [apiKey, setApiKey] = useState9(null);
+  const [tempKey, setTempKey] = useState9("");
+  const [activeView, setActiveView] = useState9("chat");
+  const [apiTier, setApiTier] = useState9("Free");
+  const [quotas, setQuotas] = useState9({ agentLimit: 1500, backgroundLimit: 1500, searchLimit: 100, customModelId: "", customLimit: 0 });
+  const [inputConfig, setInputConfig] = useState9(null);
+  const [systemSettings, setSystemSettings] = useState9({ memory: true, compression: 0, autoExec: false, autoDeleteHistory: "7d", autoUpdate: false, updateManager: "npm", customUpdateCommand: "" });
+  const [profileData, setProfileData] = useState9({ name: null, nickname: null, instructions: null });
+  const [imageSettings, setImageSettings] = useState9({ keyType: "Default", quality: "Low-High", apiKey: "" });
+  const [sessionStats, setSessionStats] = useState9({ tokens: 0 });
+  const [sessionAgentCalls, setSessionAgentCalls] = useState9(0);
+  const [sessionBackgroundCalls, setSessionBackgroundCalls] = useState9(0);
+  const [sessionTotalTokens, setSessionTotalTokens] = useState9(0);
+  const [sessionToolSuccess, setSessionToolSuccess] = useState9(0);
+  const [sessionToolFailure, setSessionToolFailure] = useState9(0);
+  const [sessionToolDenied, setSessionToolDenied] = useState9(0);
+  const [sessionApiTime, setSessionApiTime] = useState9(0);
+  const [sessionToolTime, setSessionToolTime] = useState9(0);
+  const [sessionImageCount, setSessionImageCount] = useState9(0);
+  const [sessionImageCredits, setSessionImageCredits] = useState9(0);
+  const [dailyUsage, setDailyUsage] = useState9(null);
+  const [chatId, setChatId] = useState9(generateChatId());
+  const [activeCommand, setActiveCommand] = useState9(null);
+  const [execOutput, setExecOutput] = useState9("");
+  const [isTerminalFocused, setIsTerminalFocused] = useState9(false);
   useEffect6(() => {
     if (apiTier !== "Free" && activeModel === "gemma-4-31b-it") {
       setActiveModel("gemini-3-flash-preview");
@@ -5588,9 +5940,9 @@ function App({ args = [] }) {
   useEffect6(() => {
     execOutputRef.current = execOutput;
   }, [execOutput]);
-  const [autoAcceptWrites, setAutoAcceptWrites] = useState8(false);
-  const [pendingApproval, setPendingApproval] = useState8(null);
-  const [pendingAsk, setPendingAsk] = useState8(null);
+  const [autoAcceptWrites, setAutoAcceptWrites] = useState9(false);
+  const [pendingApproval, setPendingApproval] = useState9(null);
+  const [pendingAsk, setPendingAsk] = useState9(null);
   const formatDuration = (totalSecs) => {
     const h = Math.floor(totalSecs / 3600);
     const m = Math.floor(totalSecs % 3600 / 60);
@@ -5605,18 +5957,18 @@ function App({ args = [] }) {
     if (ms < 1e3) return `${ms}ms`;
     return formatDuration(Math.floor(ms / 1e3));
   };
-  const [statusText, setStatusText] = useState8(null);
-  const [isSpinnerActive, setIsSpinnerActive] = useState8(true);
-  const [isProcessing, setIsProcessing] = useState8(false);
-  const [escPressed, setEscPressed] = useState8(false);
-  const [escTimer, setEscTimer] = useState8(null);
-  const [escPressCount, setEscPressCount] = useState8(0);
-  const [recentPrompts, setRecentPrompts] = useState8([]);
+  const [statusText, setStatusText] = useState9(null);
+  const [isSpinnerActive, setIsSpinnerActive] = useState9(true);
+  const [isProcessing, setIsProcessing] = useState9(false);
+  const [escPressed, setEscPressed] = useState9(false);
+  const [escTimer, setEscTimer] = useState9(null);
+  const [escPressCount, setEscPressCount] = useState9(0);
+  const [recentPrompts, setRecentPrompts] = useState9([]);
   const escDoubleTimerRef = useRef2(null);
-  const [queuedPrompt, setQueuedPrompt] = useState8(null);
-  const [resolutionData, setResolutionData] = useState8(null);
-  const [tempModelOverride, setTempModelOverride] = useState8(null);
-  const [messages, setMessages] = useState8(() => {
+  const [queuedPrompt, setQueuedPrompt] = useState9(null);
+  const [resolutionData, setResolutionData] = useState9(null);
+  const [tempModelOverride, setTempModelOverride] = useState9(null);
+  const [messages, setMessages] = useState9(() => {
     const logoMsg = { id: "logo-" + Date.now(), role: "system", text: FLUX_LOGO, isLogo: true, isMeta: true };
     const welcomeMsg = { id: "welcome", role: "system", text: "\u{1F30A}\u26A1 Welcome to Flux Flow! Type /help for commands.", isMeta: true };
     const isHomeDir = process.cwd() === os4.homedir();
@@ -5655,7 +6007,7 @@ function App({ args = [] }) {
     return msgs;
   });
   const queuedPromptRef = useRef2(null);
-  const [completedIndex, setCompletedIndex] = useState8(messages.length);
+  const [completedIndex, setCompletedIndex] = useState9(messages.length);
   const windowedHistory = useMemo(() => {
     const MAX_HISTORY_LINES = 2e3;
     const width = terminalSize.columns || 80;
@@ -5690,7 +6042,7 @@ function App({ args = [] }) {
     return acc + Math.max(1, Math.ceil(line.length / wrapWidth));
   }, 0);
   const maxLines = Math.max(1, wrappedLinesCount);
-  useInput5((inputText, key) => {
+  useInput6((inputText, key) => {
     if (key.tab && activeCommand) {
       setIsTerminalFocused((prev) => !prev);
       return;
@@ -6653,6 +7005,7 @@ ${timestamp}` };
               },
               onExecEnd: () => {
                 setMessages((prev) => {
+                  if (!activeCommandRef.current) return prev;
                   const finalStatus = `[TERMINAL_RECORD]
 COMMAND: ${activeCommandRef.current}
 OUTPUT: ${execOutputRef.current}`;
@@ -7003,75 +7356,21 @@ Selection: ${val}`,
   const renderActiveView = () => {
     switch (activeView) {
       case "settings":
-        return /* @__PURE__ */ React11.createElement(
-          CommandMenu,
+        return /* @__PURE__ */ React12.createElement(
+          SettingsMenu,
           {
-            title: "System Settings",
-            items: [
-              { label: `Toggle Memory                           [ ${systemSettings.memory ? "ON" : "OFF"} ]`, value: "memory" },
-              { label: `Toggle Auto-Exec                        [ ${systemSettings.autoExec ? "ON" : "OFF"} ]`, value: "autoExec" },
-              { label: `External Workspace Access               [ ${systemSettings.allowExternalAccess ? "ON" : "OFF"} ]`, value: "externalAccess" },
-              { label: `API Tier                                [ ${apiTier} ]`, value: "apiTier" },
-              { label: `Auto-Delete History                     [ ${systemSettings.autoDeleteHistory || "30d"} ]`, value: "autoDelete" },
-              { label: `Auto-Update                             [ ${systemSettings.autoUpdate ? "ON" : "OFF"} ]`, value: "autoUpdate" },
-              { label: `Preferred Updater                       [ ${(systemSettings.updateManager || "npm") === "custom" ? "Custom" : (systemSettings.updateManager || "npm").toUpperCase()} ]`, value: "updateManager" },
-              { label: `Save AppData Externally                 [ ${systemSettings.useExternalData ? "ON" : "OFF"} ]`, value: "externalData" },
-              { label: "Exit Settings", value: "Cancel" }
-            ],
-            onSelect: (item) => {
-              if (item.value === "memory") setSystemSettings((s) => ({ ...s, memory: !s.memory }));
-              else if (item.value === "autoExec") {
-                if (!systemSettings.autoExec) {
-                  if (systemSettings.allowExternalAccess) {
-                    setActiveView("doubleDanger");
-                  } else {
-                    setActiveView("autoExecDanger");
-                  }
-                } else {
-                  setSystemSettings((s) => ({ ...s, autoExec: false }));
-                }
-              } else if (item.value === "externalAccess") {
-                if (!systemSettings.allowExternalAccess) {
-                  if (systemSettings.autoExec) {
-                    setActiveView("doubleDanger");
-                  } else {
-                    setActiveView("externalDanger");
-                  }
-                } else {
-                  setSystemSettings((s) => ({ ...s, allowExternalAccess: false }));
-                }
-              } else if (item.value === "apiTier") setActiveView("apiTier");
-              else if (item.value === "autoDelete") {
-                const options = ["1d", "7d", "30d"];
-                const currentIndex = options.indexOf(systemSettings.autoDeleteHistory || "30d");
-                const nextIndex = (currentIndex + 1) % options.length;
-                setSystemSettings((s) => ({ ...s, autoDeleteHistory: options[nextIndex] }));
-              } else if (item.value === "autoUpdate") {
-                setSystemSettings((s) => ({ ...s, autoUpdate: !s.autoUpdate }));
-              } else if (item.value === "externalData") {
-                if (!systemSettings.useExternalData) {
-                  setInputConfig({
-                    label: "Enter absolute path for External AppData:",
-                    note: "All history, logs and secrets will be stored here. ~/.fluxflow/settings.json stays as anchor.",
-                    key: "externalDataPath",
-                    value: systemSettings.externalDataPath || ""
-                  });
-                  setActiveView("input");
-                } else {
-                  const newSettings = { ...systemSettings, useExternalData: false };
-                  setSystemSettings(newSettings);
-                  saveSettings({ systemSettings: newSettings, apiTier, quotas });
-                  setMessages((prev) => [...prev, { id: Date.now(), role: "system", text: "\u{1F3E0} [STORAGE RESET] Flux Flow will return to default ~/.fluxflow after restart." }]);
-                  setActiveView("chat");
-                }
-              } else if (item.value === "updateManager") {
-                setActiveView("updateManager");
-              } else if (item.value === "Cancel") setActiveView("chat");
-            }
+            systemSettings,
+            setSystemSettings,
+            apiTier,
+            setActiveView,
+            setInputConfig,
+            saveSettings,
+            quotas,
+            setMessages
           }
         );
       case "apiTier":
-        return /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: `API Tier: ${apiTier}`,
@@ -7104,7 +7403,7 @@ Selection: ${val}`,
           }
         );
       case "input":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "magenta", bold: true }, "\u{1F527} DATA CONFIGURATION")), inputConfig?.note && /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", dimColor: true, italic: true }, inputConfig.note)), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, flexDirection: "row" }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, inputConfig?.label, " "), /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "magenta", bold: true }, "\u{1F527} DATA CONFIGURATION")), inputConfig?.note && /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", dimColor: true, italic: true }, inputConfig.note)), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, flexDirection: "row" }, /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, inputConfig?.label, " "), /* @__PURE__ */ React12.createElement(
           TextInput3,
           {
             value: inputConfig?.value || "",
@@ -7157,11 +7456,11 @@ Selection: ${val}`,
               }
             }
           }
-        )), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm selection)")));
+        )), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm selection)")));
       case "stats":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, width: Math.min(100, (stdout?.columns || 100) - 2) }, /* @__PURE__ */ React11.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "white", bold: true, underline: true }, "SESSION TELEMETRY")), /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Session Duration:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(Date.now() - SESSION_START_TIME))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionAgentCalls)), /* @__PURE__ */ React11.createElement(Box11, { marginLeft: 2 }, /* @__PURE__ */ React11.createElement(Box11, { width: 23 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue", dimColor: true }, "\xBB API Time:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(sessionApiTime))), /* @__PURE__ */ React11.createElement(Box11, { marginLeft: 2 }, /* @__PURE__ */ React11.createElement(Box11, { width: 23 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue", dimColor: true }, "\xBB Tool Time:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(sessionToolTime))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionBackgroundCalls)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tokens Consumed:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatTokens(sessionTotalTokens))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Images Made:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionImageCount || 0)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Image Credits:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, Number(((sessionImageCredits || 0) * 1e3).toFixed(0)), " credits")), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tool Calls (Sess):")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionToolSuccess + sessionToolFailure + sessionToolDenied, " ( "), /* @__PURE__ */ React11.createElement(Text11, { color: "green" }, "\u2713 ", sessionToolSuccess), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " "), /* @__PURE__ */ React11.createElement(Text11, { color: "yellow" }, "\u2298 ", sessionToolDenied), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " "), /* @__PURE__ */ React11.createElement(Text11, { color: "red" }, "\u2715 ", sessionToolFailure), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " )"))), /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "white", bold: true, underline: true }, "DAILY USAGE TRACKER"), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Wall Time Today:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatDuration(dailyUsage?.duration || 0))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, dailyUsage?.agent || 0)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, dailyUsage?.background || 0)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tokens Used Today:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatTokens(dailyUsage?.tokens || 0))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Images Made Today:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, dailyUsage?.imageCalls?.length || 0)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Image Credits Today:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, Number(((dailyUsage?.imageCalls?.reduce((sum, c) => sum + c.cost, 0) || 0) * 1e3).toFixed(0)), " credits")), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 25 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tool Calls Today:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, (dailyUsage?.toolSuccess || 0) + (dailyUsage?.toolFailure || 0) + (dailyUsage?.toolDenied || 0), " ( "), /* @__PURE__ */ React11.createElement(Text11, { color: "green" }, "\u2713 ", dailyUsage?.toolSuccess || 0), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " "), /* @__PURE__ */ React11.createElement(Text11, { color: "yellow" }, "\u2298 ", dailyUsage?.toolDenied || 0), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " "), /* @__PURE__ */ React11.createElement(Text11, { color: "red" }, "\u2715 ", dailyUsage?.toolFailure || 0), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " )"))), /* @__PURE__ */ React11.createElement(Text11, { dimColor: true, marginTop: 1, italic: true }, "(Press ESC to return to chat)"));
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, width: Math.min(100, (stdout?.columns || 100) - 2) }, /* @__PURE__ */ React12.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "white", bold: true, underline: true }, "SESSION TELEMETRY")), /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Session Duration:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(Date.now() - SESSION_START_TIME))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionAgentCalls)), /* @__PURE__ */ React12.createElement(Box12, { marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Box12, { width: 23 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue", dimColor: true }, "\xBB API Time:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(sessionApiTime))), /* @__PURE__ */ React12.createElement(Box12, { marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Box12, { width: 23 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue", dimColor: true }, "\xBB Tool Time:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(sessionToolTime))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionBackgroundCalls)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tokens Consumed:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatTokens(sessionTotalTokens))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Images Made:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionImageCount || 0)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Image Credits:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, Number(((sessionImageCredits || 0) * 1e3).toFixed(0)), " credits")), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tool Calls (Sess):")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionToolSuccess + sessionToolFailure + sessionToolDenied, " ( "), /* @__PURE__ */ React12.createElement(Text12, { color: "green" }, "\u2713 ", sessionToolSuccess), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " "), /* @__PURE__ */ React12.createElement(Text12, { color: "yellow" }, "\u2298 ", sessionToolDenied), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " "), /* @__PURE__ */ React12.createElement(Text12, { color: "red" }, "\u2715 ", sessionToolFailure), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " )"))), /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "white", bold: true, underline: true }, "DAILY USAGE TRACKER"), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Wall Time Today:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatDuration(dailyUsage?.duration || 0))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Agent Interactions:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, dailyUsage?.agent || 0)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Background Tasks:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, dailyUsage?.background || 0)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tokens Used Today:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatTokens(dailyUsage?.tokens || 0))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Images Made Today:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, dailyUsage?.imageCalls?.length || 0)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Image Credits Today:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, Number(((dailyUsage?.imageCalls?.reduce((sum, c) => sum + c.cost, 0) || 0) * 1e3).toFixed(0)), " credits")), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 25 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tool Calls Today:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, (dailyUsage?.toolSuccess || 0) + (dailyUsage?.toolFailure || 0) + (dailyUsage?.toolDenied || 0), " ( "), /* @__PURE__ */ React12.createElement(Text12, { color: "green" }, "\u2713 ", dailyUsage?.toolSuccess || 0), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " "), /* @__PURE__ */ React12.createElement(Text12, { color: "yellow" }, "\u2298 ", dailyUsage?.toolDenied || 0), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " "), /* @__PURE__ */ React12.createElement(Text12, { color: "red" }, "\u2715 ", dailyUsage?.toolFailure || 0), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " )"))), /* @__PURE__ */ React12.createElement(Text12, { dimColor: true, marginTop: 1, italic: true }, "(Press ESC to return to chat)"));
       case "autoExecDanger":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: AUTO-EXEC MODE"), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1 }, "Turning this ON allows the agent to execute terminal commands automatically without requiring your approval for each step."), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 The agent may execute destructive commands (rm -rf, etc.) by mistake."), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 Unintended system changes if the agent hallucinates a path or command."), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 Reduced control over the agent's step-by-step decision making."), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: AUTO EXECUTE MODE"), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1 }, "Turning this ON allows the agent to execute terminal commands automatically without requiring your approval for each step."), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 The agent may execute destructive commands (rm -rf, etc.) by mistake."), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 Unintended system changes if the agent hallucinates a path or command."), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 Reduced control over the agent's step-by-step decision making."), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Confirm Intent",
@@ -7178,7 +7477,7 @@ Selection: ${val}`,
           }
         )));
       case "externalDanger":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: EXTERNAL WORKSPACE ACCESS"), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1 }, "Turning this ON allows the agent to execute tools (Read/Write/Exec) outside of the current active workspace directory."), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 Access to sensitive system files (SSH keys, Browser data, etc.)"), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 Potential for accidental or malicious deletion of OS-critical files."), /* @__PURE__ */ React11.createElement(Text11, null, "\u2022 Unauthorized script execution across your entire file system."), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true, underline: true }, "\u26A0\uFE0F SECURITY WARNING: EXTERNAL WORKSPACE ACCESS"), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1 }, "Turning this ON allows the agent to execute tools (Read/Write/Exec) outside of the current active workspace directory."), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1, color: "yellow" }, "RISKS INVOLVED:"), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 Access to sensitive system files (SSH keys, Browser data, etc.)"), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 Potential for accidental or malicious deletion of OS-critical files."), /* @__PURE__ */ React12.createElement(Text12, null, "\u2022 Unauthorized script execution across your entire file system."), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Confirm Intent",
@@ -7195,7 +7494,7 @@ Selection: ${val}`,
           }
         )));
       case "doubleDanger":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true, underline: true }, "\u26D4 CRITICAL SECURITY WARNING: COMBINED SYSTEM RISK"), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1 }, "You are attempting to enable BOTH [Auto-Exec] and [External Workspace Access] simultaneously."), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1, color: "red", bold: true }, "THIS IS NOT RECOMMENDED."), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1, color: "yellow" }, "THE CRITICAL RISK:"), /* @__PURE__ */ React11.createElement(Text11, null, "The agent will have the power to execute any command across your entire system WITHOUT your approval or supervision."), /* @__PURE__ */ React11.createElement(Text11, { color: "red", italic: true, marginTop: 1 }, "A single hallucination or error could result in full system wipe or data theft."), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true, underline: true }, "\u26D4 CRITICAL SECURITY WARNING: COMBINED SYSTEM RISK"), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1 }, "You are attempting to enable BOTH [Auto Execute] and [External Workspace Access] simultaneously."), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1, color: "red", bold: true }, "THIS IS NOT RECOMMENDED."), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1, color: "yellow" }, "THE CRITICAL RISK:"), /* @__PURE__ */ React12.createElement(Text12, null, "The agent will have the power to execute any command across your entire system WITHOUT your approval or supervision."), /* @__PURE__ */ React12.createElement(Text12, { color: "red", italic: true, marginTop: 1 }, "A single hallucination or error could result in full system wipe or data theft."), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Final Confirmation",
@@ -7212,7 +7511,7 @@ Selection: ${val}`,
           }
         )));
       case "key":
-        return /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "\u{1F511} API KEY MANAGEMENT",
@@ -7236,10 +7535,10 @@ Selection: ${val}`,
           }
         );
       case "deleteKey":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, (() => {
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1 }, (() => {
           const s = emojiSpace(2);
-          return /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true }, "\u26D4", s, "DANGER: PURGE API KEY");
-        })(), /* @__PURE__ */ React11.createElement(Text11, { 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__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+          return /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true }, "\u26D4", s, "DANGER: PURGE API KEY");
+        })(), /* @__PURE__ */ React12.createElement(Text12, { 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__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Are you absolutely sure?",
@@ -7263,7 +7562,7 @@ Selection: ${val}`,
       case "exit":
         return null;
       case "ask":
-        return /* @__PURE__ */ React11.createElement(Box11, { width: "100%" }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { width: "100%" }, /* @__PURE__ */ React12.createElement(
           AskUserModal_default,
           {
             question: pendingAsk?.question,
@@ -7278,7 +7577,7 @@ Selection: ${val}`,
           }
         ));
       case "revert":
-        return /* @__PURE__ */ React11.createElement(Box11, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React12.createElement(
           RevertModal,
           {
             prompts: recentPrompts,
@@ -7332,7 +7631,7 @@ Selection: ${val}`,
           }
         ));
       case "resume":
-        return /* @__PURE__ */ React11.createElement(Box11, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React12.createElement(
           ResumeModal,
           {
             onSelect: async (id) => {
@@ -7362,9 +7661,9 @@ Selection: ${val}`,
           }
         ));
       case "memory":
-        return /* @__PURE__ */ React11.createElement(Box11, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React11.createElement(MemoryModal, { onClose: () => setActiveView("chat") }));
+        return /* @__PURE__ */ React12.createElement(Box12, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React12.createElement(MemoryModal, { onClose: () => setActiveView("chat") }));
       case "profile":
-        return /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(
           ProfileForm,
           {
             initialData: profileData,
@@ -7377,7 +7676,7 @@ Selection: ${val}`,
           }
         );
       case "resolution":
-        return /* @__PURE__ */ React11.createElement(Box11, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { width: "100%", alignItems: "center", justifyContent: "center" }, /* @__PURE__ */ React12.createElement(
           ResolutionModal,
           {
             data: resolutionData,
@@ -7396,15 +7695,15 @@ Selection: ${val}`,
           }
         ));
       case "approval":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", bold: true, underline: true }, "\u{1F510} SECURITY GATE: FILE WRITE PERMISSION"), /* @__PURE__ */ React11.createElement(Text11, { marginTop: 1 }, "The agent is attempting to modify: ", /* @__PURE__ */ React11.createElement(Text11, { color: "cyan" }, parseArgs(pendingApproval?.args || "{}").path || "Unknown File")), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1, borderStyle: "single", borderColor: "#333", paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray" }, "--- PROPOSED CONTENT / DIFF ---"), (() => {
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", bold: true, underline: true }, "\u{1F510} SECURITY GATE: FILE WRITE PERMISSION"), /* @__PURE__ */ React12.createElement(Text12, { marginTop: 1 }, "The agent is attempting to modify: ", /* @__PURE__ */ React12.createElement(Text12, { color: "cyan" }, parseArgs(pendingApproval?.args || "{}").path || "Unknown File")), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1, borderStyle: "single", borderColor: "#333", paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Text12, { color: "gray" }, "--- PROPOSED CONTENT / DIFF ---"), (() => {
           const args2 = parseArgs(pendingApproval?.args || "{}");
           const oldVal = args2.TargetContent || args2.content_to_replace || args2.replaceContent || null;
           const newVal = args2.content || args2.ReplacementContent || args2.content_to_add || args2.replacementContent || args2.newContent || null;
           if (oldVal && newVal) {
-            return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Text11, { color: "red", wrap: "anywhere", bold: true }, "- ", oldVal)), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "green", wrap: "anywhere", bold: true }, "+ ", newVal.replace(/\[\/n\]?/g, "\\n"))));
+            return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Text12, { color: "red", wrap: "anywhere", bold: true }, "- ", oldVal)), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "green", wrap: "anywhere", bold: true }, "+ ", newVal.replace(/\[\/n\]?/g, "\\n"))));
           }
-          return /* @__PURE__ */ React11.createElement(Text11, { color: "white", wrap: "anywhere" }, (newVal ? newVal.replace(/\[\/n\]?/g, "\\n") : null) || "Updating file content...");
-        })()), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+          return /* @__PURE__ */ React12.createElement(Text12, { color: "white", wrap: "anywhere" }, (newVal ? newVal.replace(/\[\/n\]?/g, "\\n") : null) || "Updating file content...");
+        })()), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Action Required",
@@ -7423,7 +7722,7 @@ Selection: ${val}`,
           }
         )));
       case "updateManager":
-        return /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Select Preferred Update Manager",
@@ -7460,7 +7759,7 @@ Selection: ${val}`,
           }
         );
       case "update":
-        return /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(
           UpdateProcessor_default,
           {
             latest: latestVer,
@@ -7486,7 +7785,7 @@ Selection: ${val}`,
           }
         );
       case "terminalApproval":
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true, underline: true }, "\u{1F510} SECURITY GATE: TERMINAL COMMAND OVERSIGHT"), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, null, "Agent requested to run: ", /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", bold: true }, parseArgs(pendingApproval?.args || "{}").command || "Unknown Command"))), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 2, paddingY: 1, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true, underline: true }, "\u{1F510} SECURITY GATE: TERMINAL COMMAND OVERSIGHT"), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, null, "Agent requested to run: ", /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", bold: true }, parseArgs(pendingApproval?.args || "{}").command || "Unknown Command"))), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(
           CommandMenu,
           {
             title: "Risk Assessment Required",
@@ -7502,8 +7801,8 @@ Selection: ${val}`,
           }
         )));
       default:
-        return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, null, statusText ? /* @__PURE__ */ React11.createElement(Box11, null, isSpinnerActive && /* @__PURE__ */ React11.createElement(Text11, { color: "magenta" }, /* @__PURE__ */ React11.createElement(Spinner2, { type: "dots" })), /* @__PURE__ */ React11.createElement(Text11, { color: "magenta", bold: true, italic: true }, isSpinnerActive ? " " : "", statusText.toUpperCase())) : /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", dimColor: true, italic: true }, "READY FOR COMMAND...")), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", bold: true }, "[ "), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, tempModelOverride || activeModel), /* @__PURE__ */ React11.createElement(Text11, { color: "gray", bold: true }, " ]"))), /* @__PURE__ */ React11.createElement(
-          Box11,
+        return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", marginTop: 1, flexShrink: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginBottom: 0, justifyContent: "space-between", width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, null, statusText ? /* @__PURE__ */ React12.createElement(Box12, null, isSpinnerActive && /* @__PURE__ */ React12.createElement(Text12, { color: "magenta" }, /* @__PURE__ */ React12.createElement(Spinner2, { type: "dots" })), /* @__PURE__ */ React12.createElement(Text12, { color: "magenta", bold: true, italic: true }, isSpinnerActive ? " " : "", statusText.toUpperCase())) : /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", dimColor: true, italic: true }, "READY FOR COMMAND...")), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Text12, { color: "gray", bold: true }, "[ "), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, tempModelOverride || activeModel), /* @__PURE__ */ React12.createElement(Text12, { color: "gray", bold: true }, " ]"))), /* @__PURE__ */ React12.createElement(
+          Box12,
           {
             borderStyle: "round",
             borderColor: isProcessing ? "magenta" : "cyan",
@@ -7511,7 +7810,7 @@ Selection: ${val}`,
             paddingY: 0,
             width: "100%"
           },
-          /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: "100%" }, maxLines > 2 && !isExpanded ? /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "row", width: "100%", paddingY: 0, height: 1, overflow: "hidden" }, /* @__PURE__ */ React11.createElement(Box11, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "\u{1F4A0} ")), /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1, flexDirection: "row" }, /* @__PURE__ */ React11.createElement(Box11, { flexShrink: 0 }, /* @__PURE__ */ React11.createElement(Text11, { color: "magenta", bold: true }, "[PASTED ", maxLines, " LINES]")), /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React11.createElement(
+          /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", width: "100%" }, maxLines > 2 && !isExpanded ? /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "row", width: "100%", paddingY: 0, height: 1, overflow: "hidden" }, /* @__PURE__ */ React12.createElement(Box12, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, "\u{1F4A0} ")), /* @__PURE__ */ React12.createElement(Box12, { flexGrow: 1, flexDirection: "row" }, /* @__PURE__ */ React12.createElement(Box12, { flexShrink: 0 }, /* @__PURE__ */ React12.createElement(Text12, { color: "magenta", bold: true }, "[PASTED ", maxLines, " LINES]")), /* @__PURE__ */ React12.createElement(Box12, { flexGrow: 1, marginLeft: 1 }, /* @__PURE__ */ React12.createElement(
             MultilineInput,
             {
               value: "",
@@ -7528,7 +7827,7 @@ Selection: ${val}`,
                 newline: (key) => key.return && key.shift || key.return && key.ctrl || key.return && key.leftAlt || key.return && key.rightAlt
               }
             }
-          )))) : /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React11.createElement(Box11, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React11.createElement(Text11, { color: isProcessing ? "magenta" : "cyan", bold: true }, isProcessing ? "\u2726  " : "\u{1F4A0} ")), /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1 }, /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1, position: "relative" }, input === "" && /* @__PURE__ */ React11.createElement(Box11, { position: "absolute", paddingLeft: 0 }, activeCommand && !isTerminalFocused ? /* @__PURE__ */ React11.createElement(Text11, { color: "yellow" }, "  Press TAB to interact with terminal...") : activeCommand && isTerminalFocused ? /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", bold: true }, "  [ TERMINAL FOCUSED ] Type to interact, press TAB to exit...") : escPressCount === 1 ? /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "  Press ESC again to revert codebase to checkpoint...") : /* @__PURE__ */ React11.createElement(Text11, { 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__ */ React11.createElement(
+          )))) : /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "row", width: "100%", paddingY: 0 }, /* @__PURE__ */ React12.createElement(Box12, { flexShrink: 0, width: 4 }, /* @__PURE__ */ React12.createElement(Text12, { color: isProcessing ? "magenta" : "cyan", bold: true }, isProcessing ? "\u2726  " : "\u{1F4A0} ")), /* @__PURE__ */ React12.createElement(Box12, { flexGrow: 1 }, /* @__PURE__ */ React12.createElement(Box12, { flexGrow: 1, position: "relative" }, input === "" && /* @__PURE__ */ React12.createElement(Box12, { position: "absolute", paddingLeft: 0 }, activeCommand && !isTerminalFocused ? /* @__PURE__ */ React12.createElement(Text12, { color: "yellow" }, "  Press TAB to interact with terminal...") : activeCommand && isTerminalFocused ? /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", bold: true }, "  [ TERMINAL FOCUSED ] Type to interact, press TAB to exit...") : escPressCount === 1 ? /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, "  Press ESC again to revert codebase to checkpoint...") : /* @__PURE__ */ React12.createElement(Text12, { 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__ */ React12.createElement(
             MultilineInput,
             {
               focus: !isTerminalFocused,
@@ -7548,14 +7847,14 @@ Selection: ${val}`,
         ));
     }
   };
-  return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: "100%", flexGrow: 1 }, windowedHistory.items.map((msg, idx) => /* @__PURE__ */ React11.createElement(MessageItem, { key: msg.id || idx, msg, showFullThinking, columns: stdout?.columns || 80 }))), /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", padding: 1, width: "100%" }, (activeView === "chat" || ["ask", "approval", "terminalApproval"].includes(activeView)) && /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", width: "100%", flexGrow: 1 }, windowedHistory.items.map((msg, idx) => /* @__PURE__ */ React12.createElement(MessageItem, { key: msg.id || idx, msg, showFullThinking, columns: stdout?.columns || 80 }))), /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", padding: 1, width: "100%" }, (activeView === "chat" || ["ask", "approval", "terminalApproval"].includes(activeView)) && /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", width: "100%" }, /* @__PURE__ */ React12.createElement(
     ChatLayout_default,
     {
       messages: messages.slice(completedIndex),
       showFullThinking,
       columns: Math.max(20, (stdout?.columns || 80) - 1)
     }
-  ), activeCommand && /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(TerminalBox, { command: activeCommand, output: execOutput, isFocused: isTerminalFocused }))), isInitializing ? /* @__PURE__ */ React11.createElement(Box11, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React11.createElement(Text11, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React11.createElement(Box11, { borderStyle: "round", borderColor: "gray", padding: 0, flexDirection: "column", flexShrink: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "yellow", bold: true }, "\u{1F511}", emojiSpace(2), "API KEY REQUIRED")), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text11, null, "Please enter your Gemini API Key to initialize the agent."), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "\u{1F4A0} "), /* @__PURE__ */ React11.createElement(
+  ), activeCommand && /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(TerminalBox, { command: activeCommand, output: execOutput, isFocused: isTerminalFocused }))), isInitializing ? /* @__PURE__ */ React12.createElement(Box12, { borderStyle: "double", borderColor: "magenta", padding: 1, flexShrink: 0 }, /* @__PURE__ */ React12.createElement(Text12, { color: "magenta" }, "\u{1F30A} Starting Flux Flow...")) : !apiKey ? /* @__PURE__ */ React12.createElement(Box12, { borderStyle: "round", borderColor: "gray", padding: 0, flexDirection: "column", flexShrink: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "yellow", bold: true }, "\u{1F511}", emojiSpace(2), "API KEY REQUIRED")), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Text12, null, "Please enter your Gemini API Key to initialize the agent."), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, "\u{1F4A0} "), /* @__PURE__ */ React12.createElement(
     TextInput3,
     {
       value: tempKey,
@@ -7563,7 +7862,7 @@ Selection: ${val}`,
       onSubmit: handleSetup,
       mask: "*"
     }
-  ))), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm and initialize)"))) : renderActiveView(), confirmExit && /* @__PURE__ */ React11.createElement(Box11, { borderStyle: "round", borderColor: "red", paddingX: 2, marginY: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true }, "\u{1F534} EXIT CONFIRMATION: "), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, "Press "), /* @__PURE__ */ React11.createElement(Text11, { color: "red", bold: true }, "CTRL + C"), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " again to exit (", exitCountdown, "s). Press "), /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "ESC"), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, " to cancel.")), /* @__PURE__ */ React11.createElement(Box11, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(
+  ))), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "gray", dimColor: true, italic: true }, "(Press Enter to confirm and initialize)"))) : renderActiveView(), confirmExit && /* @__PURE__ */ React12.createElement(Box12, { borderStyle: "round", borderColor: "red", paddingX: 2, marginY: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true }, "\u{1F534} EXIT CONFIRMATION: "), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, "Press "), /* @__PURE__ */ React12.createElement(Text12, { color: "red", bold: true }, "CTRL + C"), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " again to exit (", exitCountdown, "s). Press "), /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, "ESC"), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, " to cancel.")), /* @__PURE__ */ React12.createElement(Box12, { flexShrink: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(
     StatusBar_default,
     {
       mode,
@@ -7580,14 +7879,14 @@ Selection: ${val}`,
     const agentActiveMs = sessionApiTime + sessionToolTime;
     const apiPercent = agentActiveMs > 0 ? (sessionApiTime / agentActiveMs * 100).toFixed(1) : "0.0";
     const toolPercent = agentActiveMs > 0 ? (sessionToolTime / agentActiveMs * 100).toFixed(1) : "0.0";
-    return /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, borderColor: "red", width: Math.min(100, (stdout?.columns || 100) - 2), marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box11, { marginBottom: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan", bold: true }, "Agent powering down. ", /* @__PURE__ */ React11.createElement(Text11, { color: "magenta" }, "Goodbye!"))), /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column" }, /* @__PURE__ */ React11.createElement(Text11, { color: "white", bold: true, underline: true }, "Interaction Summary"), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Session ID:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, chatId)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tool Calls:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionToolSuccess + sessionToolFailure + sessionToolDenied, " ( ", /* @__PURE__ */ React11.createElement(Text11, { color: "green" }, "\u2713 ", sessionToolSuccess), " ", /* @__PURE__ */ React11.createElement(Text11, { color: "yellow" }, "\u2298 ", sessionToolDenied), " ", /* @__PURE__ */ React11.createElement(Text11, { color: "red" }, "\u2715 ", sessionToolFailure), " )")), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Success Rate:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, successRate, "%")), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Tokens Consumed:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatTokens(sessionTotalTokens))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Images Made:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, sessionImageCount || 0)), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Image Credits:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, Number(((sessionImageCredits || 0) * 1e3).toFixed(0)), " credits"))), /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "white", bold: true, underline: true }, "Performance"), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1 }, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Wall Time:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(wallTimeMs))), /* @__PURE__ */ React11.createElement(Box11, null, /* @__PURE__ */ React11.createElement(Box11, { width: 20 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue" }, "Agent Active:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(agentActiveMs))), /* @__PURE__ */ React11.createElement(Box11, { marginLeft: 2 }, /* @__PURE__ */ React11.createElement(Box11, { width: 18 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue", dimColor: true }, "\xBB API Time:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(sessionApiTime), " (", apiPercent, "%)")), /* @__PURE__ */ React11.createElement(Box11, { marginLeft: 2 }, /* @__PURE__ */ React11.createElement(Box11, { width: 18 }, /* @__PURE__ */ React11.createElement(Text11, { color: "blue", dimColor: true }, "\xBB Tool Time:")), /* @__PURE__ */ React11.createElement(Text11, { color: "white" }, formatMsDuration(sessionToolTime), " (", toolPercent, "%)"))));
+    return /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", paddingX: 3, paddingY: 1, borderColor: "red", width: Math.min(100, (stdout?.columns || 100) - 2), marginTop: 1 }, /* @__PURE__ */ React12.createElement(Box12, { marginBottom: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "cyan", bold: true }, "Agent powering down. ", /* @__PURE__ */ React12.createElement(Text12, { color: "magenta" }, "Goodbye!"))), /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column" }, /* @__PURE__ */ React12.createElement(Text12, { color: "white", bold: true, underline: true }, "Interaction Summary"), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Session ID:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, chatId)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tool Calls:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionToolSuccess + sessionToolFailure + sessionToolDenied, " ( ", /* @__PURE__ */ React12.createElement(Text12, { color: "green" }, "\u2713 ", sessionToolSuccess), " ", /* @__PURE__ */ React12.createElement(Text12, { color: "yellow" }, "\u2298 ", sessionToolDenied), " ", /* @__PURE__ */ React12.createElement(Text12, { color: "red" }, "\u2715 ", sessionToolFailure), " )")), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Success Rate:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, successRate, "%")), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Tokens Consumed:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatTokens(sessionTotalTokens))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Images Made:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, sessionImageCount || 0)), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Image Credits:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, Number(((sessionImageCredits || 0) * 1e3).toFixed(0)), " credits"))), /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "white", bold: true, underline: true }, "Performance"), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1 }, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Wall Time:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(wallTimeMs))), /* @__PURE__ */ React12.createElement(Box12, null, /* @__PURE__ */ React12.createElement(Box12, { width: 20 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue" }, "Agent Active:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(agentActiveMs))), /* @__PURE__ */ React12.createElement(Box12, { marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Box12, { width: 18 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue", dimColor: true }, "\xBB API Time:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(sessionApiTime), " (", apiPercent, "%)")), /* @__PURE__ */ React12.createElement(Box12, { marginLeft: 2 }, /* @__PURE__ */ React12.createElement(Box12, { width: 18 }, /* @__PURE__ */ React12.createElement(Text12, { color: "blue", dimColor: true }, "\xBB Tool Time:")), /* @__PURE__ */ React12.createElement(Text12, { color: "white" }, formatMsDuration(sessionToolTime), " (", toolPercent, "%)"))));
   })(), suggestions.length > 0 && (() => {
     const windowSize = 5;
     const startIdx = Math.max(0, Math.min(selectedIndex - 2, suggestions.length - windowSize));
     const visible = suggestions.slice(startIdx, startIdx + windowSize);
     const remaining = suggestions.length - (startIdx + visible.length);
-    return /* @__PURE__ */ React11.createElement(
-      Box11,
+    return /* @__PURE__ */ React12.createElement(
+      Box12,
       {
         flexDirection: "column",
         borderStyle: "round",
@@ -7596,22 +7895,22 @@ Selection: ${val}`,
         paddingY: 0,
         width: "100%"
       },
-      /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginBottom: 0 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", bold: true, dimColor: true }, "\u{1F50D} COMMAND SUGGESTIONS")),
+      /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginBottom: 0 }, /* @__PURE__ */ React12.createElement(Text12, { 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";
-        return /* @__PURE__ */ React11.createElement(
-          Box11,
+        return /* @__PURE__ */ React12.createElement(
+          Box12,
           {
             key: s.cmd,
             flexDirection: "row",
             backgroundColor: isActive ? "#2a2a2a" : void 0,
             paddingX: 1
           },
-          /* @__PURE__ */ React11.createElement(Box11, { width: 3 }, /* @__PURE__ */ React11.createElement(Text11, { color: isActive ? "cyan" : "gray", bold: isActive }, isActive ? " \u276F" : "  ")),
-          /* @__PURE__ */ React11.createElement(Box11, { width: 32 }, /* @__PURE__ */ React11.createElement(
-            Text11,
+          /* @__PURE__ */ React12.createElement(Box12, { width: 3 }, /* @__PURE__ */ React12.createElement(Text12, { color: isActive ? "cyan" : "gray", bold: isActive }, isActive ? " \u276F" : "  ")),
+          /* @__PURE__ */ React12.createElement(Box12, { width: 32 }, /* @__PURE__ */ React12.createElement(
+            Text12,
             {
               color: isGemmaDisabled ? "gray" : isActive ? "yellow" : "white",
               bold: isActive,
@@ -7619,10 +7918,10 @@ Selection: ${val}`,
             },
             s.cmd
           )),
-          /* @__PURE__ */ React11.createElement(Box11, { flexGrow: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "gray", italic: true, dimColor: !isActive }, s.desc))
+          /* @__PURE__ */ React12.createElement(Box12, { flexGrow: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "gray", italic: true, dimColor: !isActive }, s.desc))
         );
       }),
-      suggestions.length > 5 && /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, height: 1 }, remaining > 0 ? /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true, italic: true }, "   ... (", remaining, " more commands available)") : /* @__PURE__ */ React11.createElement(Text11, { color: "gray", dimColor: true, italic: true }, "   (End of list)"))
+      suggestions.length > 5 && /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, height: 1 }, remaining > 0 ? /* @__PURE__ */ React12.createElement(Text12, { color: "gray", dimColor: true, italic: true }, "   ... (", remaining, " more commands available)") : /* @__PURE__ */ React12.createElement(Text12, { color: "gray", dimColor: true, italic: true }, "   (End of list)"))
     );
   })()));
 }
@@ -7632,6 +7931,7 @@ var init_app = __esm({
     init_ChatLayout();
     init_StatusBar();
     init_CommandMenu();
+    init_SettingsMenu();
     init_ProfileForm();
     init_AskUserModal();
     init_secrets();
@@ -7657,7 +7957,7 @@ var init_app = __esm({
     packageJson = JSON.parse(fs18.readFileSync(packageJsonPath, "utf8"));
     versionFluxflow = packageJson.version;
     updatedOn = packageJson.date || "2026-05-20";
-    ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React11.createElement(Box11, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION")), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, null, "The agent already finished the task before your hint was consumed.")), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 1, backgroundColor: "#222", paddingX: 2, width: "100%" }, /* @__PURE__ */ React11.createElement(Text11, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React11.createElement(Box11, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React11.createElement(Text11, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React11.createElement(Box11, { marginTop: 0 }, /* @__PURE__ */ React11.createElement(
+    ResolutionModal = ({ data, onResolve, onEdit }) => /* @__PURE__ */ React12.createElement(Box12, { flexDirection: "column", borderStyle: "round", borderColor: "gray", padding: 0, width: "100%" }, /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "magenta", bold: true, underline: true }, "\u{1F7E3} STEERING HINT RESOLUTION")), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, null, "The agent already finished the task before your hint was consumed.")), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 1, backgroundColor: "#222", paddingX: 2, width: "100%" }, /* @__PURE__ */ React12.createElement(Text12, { italic: true, color: "gray" }, '"', data, '"')), /* @__PURE__ */ React12.createElement(Box12, { paddingX: 1, marginTop: 1 }, /* @__PURE__ */ React12.createElement(Text12, { color: "cyan" }, "How would you like to proceed?")), /* @__PURE__ */ React12.createElement(Box12, { marginTop: 0 }, /* @__PURE__ */ React12.createElement(
       CommandMenu,
       {
         title: "Select Action",
@@ -7760,7 +8060,7 @@ if (isBundled && !process.execArgv.some((arg) => arg.includes("max-old-space-siz
   ], { stdio: "inherit" });
   cp.on("exit", (code) => process.exit(code || 0));
 } else {
-  const { default: React12 } = await import("react");
+  const { default: React13 } = await import("react");
   const { render } = await import("ink");
   const { default: App2 } = await Promise.resolve().then(() => (init_app(), app_exports));
   process.env.NODE_NO_WARNINGS = "1";
@@ -7783,5 +8083,5 @@ if (isBundled && !process.execArgv.some((arg) => arg.includes("max-old-space-siz
   console.warn = (...args) => !isNoise(args) && originalWarn(...args);
   console.error = (...args) => !isNoise(args) && originalError(...args);
   process.stdout.write("\x1Bc");
-  render(/* @__PURE__ */ React12.createElement(App2, { args: process.argv.slice(2) }), { exitOnCtrlC: false });
+  render(/* @__PURE__ */ React13.createElement(App2, { args: process.argv.slice(2) }), { exitOnCtrlC: false });
 }