@pensar/apex 0.0.99 → 0.0.100-canary.ba3e689f

package/build/auth.js

@@ -8,7 +8,7 @@ import fs from "fs/promises";
 // package.json
 var package_default = {
   name: "@pensar/apex",
-  version: "0.0.99",
+  version: "0.0.100-canary.ba3e689f",
   description: "AI-powered penetration testing CLI tool with terminal UI",
   module: "src/tui/index.tsx",
   main: "build/index.js",

package/build/index.js

@@ -31880,12 +31880,6 @@ var init_openrouter = __esm(() => {
 var PENSAR_MODELS;
 var init_pensar = __esm(() => {
   PENSAR_MODELS = [
-    {
-      id: "pensar:anthropic.claude-opus-4-6-v1",
-      name: "Claude Opus 4.6 (Pensar)",
-      provider: "pensar",
-      contextLength: 200000
-    },
     {
       id: "pensar:anthropic.claude-sonnet-4-5-20250929-v1:0",
       name: "Claude Sonnet 4.5 (Pensar)",
@@ -31977,7 +31971,7 @@ var package_default2;
 var init_package = __esm(() => {
   package_default2 = {
     name: "@pensar/apex",
-    version: "0.0.99",
+    version: "0.0.100-canary.ba3e689f",
     description: "AI-powered penetration testing CLI tool with terminal UI",
     module: "src/tui/index.tsx",
     main: "build/index.js",
@@ -194042,7 +194036,7 @@ function createAllTools(ctx4) {
     get_page: getPage(ctx4)
   };
 }
-var ALL_TOOL_NAMES;
+var ALL_TOOL_NAMES, PLAN_MODE_TOOL_NAMES;
 var init_tools = __esm(() => {
   init_browserTools();
   init_sandboxPlaywright();
@@ -194151,6 +194145,40 @@ var init_tools = __esm(() => {
     "web_search",
     "get_page"
   ];
+  PLAN_MODE_TOOL_NAMES = [
+    "browser_navigate",
+    "browser_snapshot",
+    "browser_screenshot",
+    "browser_click",
+    "browser_fill",
+    "browser_evaluate",
+    "browser_console",
+    "browser_get_cookies",
+    "execute_command",
+    "http_request",
+    "read_file",
+    "list_files",
+    "grep",
+    "authenticate_session",
+    "delegate_to_auth_subagent",
+    "create_attack_surface_report",
+    "complete_authentication",
+    "run_attack_surface",
+    "spawn_pentest_swarm",
+    "spawn_coding_agent",
+    "provide_comparison_results",
+    "add_memory",
+    "list_memories",
+    "get_memory",
+    "email_list_inboxes",
+    "email_list_messages",
+    "email_get_message",
+    "email_search_messages",
+    "email_get_attachments",
+    "email_mark_read",
+    "web_search",
+    "get_page"
+  ];
 });
 
 // src/core/agents/offSecAgent/tools/response.ts
@@ -194892,7 +194920,11 @@ var init_offensiveSecurityAgent = __esm(() => {
       }
       const hasEmail = (input.session.config?.emailIntegration?.inboxes?.length ?? 0) > 0;
       const emailToolSet = new Set(EMAIL_TOOL_NAMES);
-      const activeTools = hasEmail ? input.activeTools : input.activeTools.filter((t3) => !emailToolSet.has(t3));
+      let activeTools = hasEmail ? input.activeTools : input.activeTools.filter((t3) => !emailToolSet.has(t3));
+      if (input.mode === "plan") {
+        const planSet = new Set(PLAN_MODE_TOOL_NAMES);
+        activeTools = activeTools.filter((t3) => planSet.has(t3));
+      }
       const messagesDir = input.messagesDir ?? input.session.rootPath;
       if (!existsSync21(messagesDir)) {
         mkdirSync10(messagesDir, { recursive: true });
@@ -276318,6 +276350,37 @@ var providerOrder = [
   "bedrock",
   "local"
 ];
+function setsAreEqual(a, b2) {
+  return a.size === b2.size && [...a].every((value) => b2.has(value));
+}
+function PickerRow({
+  children,
+  id,
+  paddingLeft,
+  paddingRight,
+  backgroundColor,
+  flexDirection = "row",
+  gap = 0
+}) {
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+    id,
+    width: "100%",
+    overflow: "hidden",
+    flexDirection,
+    paddingLeft,
+    paddingRight,
+    backgroundColor,
+    gap,
+    children
+  }, undefined, false, undefined, this);
+}
+function getNavItemId(item) {
+  if (item.type === "provider")
+    return `provider-${item.provider}`;
+  if (item.type === "model")
+    return `model-${item.model.id}`;
+  return `local-input-${item.field}`;
+}
 function ModelPicker({
   config: config3,
   selectedModel,
@@ -276328,6 +276391,7 @@ function ModelPicker({
   isModelUserSelected = false
 }) {
   const { colors: colors2 } = useTheme();
+  const scrollBoxRef = import_react34.useRef(null);
   const [availableModels, setAvailableModels] = import_react34.useState([]);
   const [searchQuery, setSearchQuery] = import_react34.useState("");
   const [expandedProviders, setExpandedProviders] = import_react34.useState(new Set(["anthropic"]));
@@ -276340,17 +276404,29 @@ function ModelPicker({
     setLocalModelName(config3?.localModelName ?? "");
   }, [config3?.localModelUrl, config3?.localModelName]);
   import_react34.useEffect(() => {
-    if (config3) {
-      const models = getAvailableModels(config3);
-      setAvailableModels(models);
-      if (models.length > 0) {
-        const currentModel = models.find((m2) => m2.id === selectedModel.id) || models[0];
-        if (currentModel) {
-          setExpandedProviders(new Set([currentModel.provider]));
-        }
-      }
+    if (!config3) {
+      setAvailableModels([]);
+      return;
     }
-  }, [config3, selectedModel.id]);
+    setAvailableModels(getAvailableModels(config3));
+  }, [config3]);
+  import_react34.useEffect(() => {
+    const availableProviders = new Set(availableModels.map((model) => model.provider));
+    setExpandedProviders((prev) => {
+      if (availableProviders.size === 0) {
+        return prev.size === 0 ? prev : new Set;
+      }
+      const preservedProviders = new Set([...prev].filter((provider) => availableProviders.has(provider)));
+      if (preservedProviders.size > 0) {
+        return setsAreEqual(prev, preservedProviders) ? prev : preservedProviders;
+      }
+      const fallbackProvider = availableProviders.has(selectedModel.provider) ? selectedModel.provider : availableModels[0]?.provider;
+      if (!fallbackProvider) {
+        return prev.size === 0 ? prev : new Set;
+      }
+      return prev.size === 1 && prev.has(fallbackProvider) ? prev : new Set([fallbackProvider]);
+    });
+  }, [availableModels, selectedModel.provider]);
   const groupedModels = import_react34.useMemo(() => {
     const groups = {};
     const query = searchQuery.toLowerCase().trim();
@@ -276403,6 +276479,12 @@ function ModelPicker({
   import_react34.useEffect(() => {
     setFocusedIndex((prev) => Math.min(prev, Math.max(0, navigationItems.length - 1)));
   }, [navigationItems.length]);
+  import_react34.useEffect(() => {
+    const item = navigationItems[focusedIndex];
+    if (!item)
+      return;
+    scrollToChild(scrollBoxRef.current, getNavItemId(item));
+  }, [focusedIndex, navigationItems]);
   const commitLocalConfig = import_react34.useCallback((url2, modelName) => {
     if (!onConfigUpdate)
       return;
@@ -276510,169 +276592,206 @@ function ModelPicker({
   useKeyboard((key) => {
     handleKeyboard(key);
   });
+  const isProviderFocused = (provider) => navigationItems[focusedIndex]?.type === "provider" && navigationItems[focusedIndex].provider === provider;
+  const isModelFocused = (modelId) => navigationItems[focusedIndex]?.type === "model" && navigationItems[focusedIndex].model.id === modelId;
+  const isLocalFieldFocused = (field) => navigationItems[focusedIndex]?.type === "local-input" && navigationItems[focusedIndex].field === field;
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
     gap: 0,
+    width: "100%",
+    flexGrow: 1,
+    flexShrink: 1,
+    overflow: "hidden",
     children: [
-      searchQuery ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: colors2.text,
-        children: [
-          "Search: ",
-          searchQuery,
-          "_"
-        ]
-      }, undefined, true, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: colors2.textMuted,
-        children: "Type to search models..."
+      searchQuery ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          fg: colors2.text,
+          children: [
+            "Search: ",
+            searchQuery
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          fg: colors2.textMuted,
+          children: "Type to search models..."
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),
-      providerOrder.map((provider) => {
-        const isExpanded = expandedProviders.has(provider);
-        const providerName = providerNames[provider] || provider;
-        const isProviderFocused = navigationItems[focusedIndex]?.type === "provider" && navigationItems[focusedIndex].provider === provider;
-        if (provider === "local") {
-          const localModels = groupedModels["local"];
-          const modelCount = localModels?.length ?? 0;
-          return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            gap: 0,
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: isProviderFocused ? colors2.primary : isExpanded ? colors2.text : colors2.textMuted,
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("scrollbox", {
+        ref: scrollBoxRef,
+        style: {
+          rootOptions: {
+            flexGrow: 1,
+            flexShrink: 1,
+            width: "100%",
+            overflow: "hidden"
+          },
+          contentOptions: {
+            flexDirection: "column"
+          },
+          scrollbarOptions: {
+            visible: false
+          }
+        },
+        stickyScroll: false,
+        children: providerOrder.flatMap((provider) => {
+          const isExpanded = expandedProviders.has(provider);
+          const providerName = providerNames[provider] || provider;
+          const isFocused = isProviderFocused(provider);
+          if (provider === "local") {
+            const localModels = groupedModels["local"];
+            const modelCount = localModels?.length ?? 0;
+            const elements2 = [];
+            elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+              id: "provider-local",
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: isFocused ? colors2.primary : isExpanded ? colors2.text : colors2.textMuted,
                 children: [
-                  isProviderFocused ? "❯" : isExpanded ? "▾" : "▸",
+                  isFocused ? "❯" : isExpanded ? "▾" : "▸",
                   " ",
                   providerName,
                   modelCount > 0 ? ` (${modelCount})` : ""
                 ]
-              }, undefined, true, undefined, this),
-              isExpanded && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                flexDirection: "column",
-                gap: 0,
-                paddingLeft: 2,
-                children: [
-                  (() => {
-                    const isUrlFocused = navigationItems[focusedIndex]?.type === "local-input" && navigationItems[focusedIndex].field === "url";
-                    const isUrlEditing = editingLocalField === "url";
-                    if (isUrlEditing) {
-                      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                        flexDirection: "row",
-                        children: [
-                          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                            fg: colors2.primary,
-                            children: " URL: "
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
-                            focused: true,
-                            value: localUrl,
-                            backgroundColor: "transparent",
-                            cursorColor: colors2.textMuted,
-                            onInput: (v2) => setLocalUrl(typeof v2 === "string" ? v2 : ""),
-                            onPaste: (event) => {
-                              const cleaned = String(event.text).replace(/\r?\n/g, "");
-                              setLocalUrl((prev) => `${prev}${cleaned}`);
-                            },
-                            onSubmit: finishEditing
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this);
-                    }
-                    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                      fg: isUrlFocused ? colors2.primary : colors2.textMuted,
-                      children: `  URL: ${localUrl || "(press Enter to set)"}`
-                    }, undefined, false, undefined, this);
-                  })(),
-                  (() => {
-                    const isModelFocused = navigationItems[focusedIndex]?.type === "local-input" && navigationItems[focusedIndex].field === "model";
-                    const isModelEditing = editingLocalField === "model";
-                    if (isModelEditing) {
-                      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-                        flexDirection: "row",
-                        children: [
-                          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                            fg: colors2.primary,
-                            children: " Model: "
-                          }, undefined, false, undefined, this),
-                          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
-                            focused: true,
-                            value: localModelName,
-                            backgroundColor: "transparent",
-                            cursorColor: colors2.textMuted,
-                            onInput: (v2) => setLocalModelName(typeof v2 === "string" ? v2 : ""),
-                            onPaste: (event) => {
-                              const cleaned = String(event.text).replace(/\r?\n/g, "");
-                              setLocalModelName((prev) => `${prev}${cleaned}`);
-                            },
-                            onSubmit: finishEditing
-                          }, undefined, false, undefined, this)
-                        ]
-                      }, undefined, true, undefined, this);
-                    }
-                    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                      fg: isModelFocused ? colors2.primary : colors2.textMuted,
-                      children: `  Model: ${localModelName || "(press Enter to set)"}`
-                    }, undefined, false, undefined, this);
-                  })(),
-                  localModels?.map((m2) => {
-                    const isSelected = m2.id === selectedModel.id;
-                    const isFocused = navigationItems[focusedIndex]?.type === "model" && navigationItems[focusedIndex].model.id === m2.id;
-                    return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                      fg: isFocused ? colors2.primary : colors2.textMuted,
+              }, undefined, true, undefined, this)
+            }, "local", false, undefined, this));
+            if (isExpanded) {
+              const isUrlFocused = isLocalFieldFocused("url");
+              const isUrlEditing = editingLocalField === "url";
+              if (isUrlEditing) {
+                elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                  id: "local-input-url",
+                  paddingLeft: 2,
+                  children: [
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                      fg: colors2.primary,
+                      children: " URL: "
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
+                      focused: true,
+                      value: localUrl,
+                      backgroundColor: "transparent",
+                      cursorColor: colors2.textMuted,
+                      onInput: (v2) => setLocalUrl(typeof v2 === "string" ? v2 : ""),
+                      onPaste: (event) => {
+                        const cleaned = String(event.text).replace(/\r?\n/g, "");
+                        setLocalUrl((prev) => `${prev}${cleaned}`);
+                      },
+                      onSubmit: finishEditing
+                    }, undefined, false, undefined, this)
+                  ]
+                }, "local-url", true, undefined, this));
+              } else {
+                elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                  id: "local-input-url",
+                  paddingLeft: 2,
+                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                    fg: isUrlFocused ? colors2.primary : colors2.textMuted,
+                    children: `  URL: ${localUrl || "(press Enter to set)"}`
+                  }, undefined, false, undefined, this)
+                }, "local-url", false, undefined, this));
+              }
+              const isModelFieldFocused = isLocalFieldFocused("model");
+              const isModelEditing = editingLocalField === "model";
+              if (isModelEditing) {
+                elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                  id: "local-input-model",
+                  paddingLeft: 2,
+                  children: [
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                      fg: colors2.primary,
+                      children: " Model: "
+                    }, undefined, false, undefined, this),
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
+                      focused: true,
+                      value: localModelName,
+                      backgroundColor: "transparent",
+                      cursorColor: colors2.textMuted,
+                      onInput: (v2) => setLocalModelName(typeof v2 === "string" ? v2 : ""),
+                      onPaste: (event) => {
+                        const cleaned = String(event.text).replace(/\r?\n/g, "");
+                        setLocalModelName((prev) => `${prev}${cleaned}`);
+                      },
+                      onSubmit: finishEditing
+                    }, undefined, false, undefined, this)
+                  ]
+                }, "local-model", true, undefined, this));
+              } else {
+                elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                  id: "local-input-model",
+                  paddingLeft: 2,
+                  children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                    fg: isModelFieldFocused ? colors2.primary : colors2.textMuted,
+                    children: `  Model: ${localModelName || "(press Enter to set)"}`
+                  }, undefined, false, undefined, this)
+                }, "local-model", false, undefined, this));
+              }
+              if (localModels) {
+                for (const m2 of localModels) {
+                  const isSelected = m2.id === selectedModel.id;
+                  const isMFocused = isModelFocused(m2.id);
+                  elements2.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                    id: `model-${m2.id}`,
+                    paddingLeft: 2,
+                    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                      fg: isMFocused ? colors2.primary : colors2.textMuted,
                       children: [
                         isSelected ? "●" : "○",
                         " ",
                         m2.name
                       ]
-                    }, m2.id, true, undefined, this);
-                  })
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, "local", true, undefined, this);
-        }
-        const models = groupedModels[provider];
-        if (!models || models.length === 0)
-          return null;
-        return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-          flexDirection: "column",
-          gap: 0,
-          children: [
-            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: isProviderFocused ? colors2.primary : isExpanded ? colors2.text : colors2.textMuted,
+                    }, undefined, true, undefined, this)
+                  }, m2.id, false, undefined, this));
+                }
+              }
+            }
+            return elements2;
+          }
+          const models = groupedModels[provider];
+          if (!models || models.length === 0)
+            return [];
+          const elements = [];
+          elements.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+            id: `provider-${provider}`,
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              fg: isFocused ? colors2.primary : isExpanded ? colors2.text : colors2.textMuted,
               children: [
-                isProviderFocused ? "❯" : isExpanded ? "▾" : "▸",
+                isFocused ? "❯" : isExpanded ? "▾" : "▸",
                 " ",
                 providerName,
-                " ",
-                "(",
+                " (",
                 models.length,
                 ")"
               ]
-            }, undefined, true, undefined, this),
-            isExpanded && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-              flexDirection: "column",
-              gap: 0,
-              paddingLeft: 2,
-              children: models.map((m2) => {
-                const isSelected = m2.id === selectedModel.id;
-                const isFocused = navigationItems[focusedIndex]?.type === "model" && navigationItems[focusedIndex].model.id === m2.id;
-                const isDefault = m2.id === "claude-haiku-4-5" || m2.id === "gpt-4o-mini";
-                return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                  fg: isFocused ? colors2.primary : colors2.textMuted,
+            }, undefined, true, undefined, this)
+          }, provider, false, undefined, this));
+          if (isExpanded) {
+            for (const m2 of models) {
+              const isSelected = m2.id === selectedModel.id;
+              const isMFocused = isModelFocused(m2.id);
+              const isDefault = m2.id === "claude-haiku-4-5" || m2.id === "gpt-4o-mini";
+              elements.push(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+                id: `model-${m2.id}`,
+                paddingLeft: 2,
+                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  fg: isMFocused ? colors2.primary : colors2.textMuted,
                   children: [
                     isSelected ? "●" : "○",
                     " ",
                     m2.name,
                     isDefault && !isModelUserSelected && isSelected ? " [default]" : ""
                   ]
-                }, m2.id, true, undefined, this);
-              })
-            }, undefined, false, undefined, this)
-          ]
-        }, provider, true, undefined, this);
-      }),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: colors2.textMuted,
-        children: editingLocalField ? "Type or paste | Enter/Esc to confirm" : "↑/↓ navigate | ←/→ collapse/expand | Type to search"
+                }, undefined, true, undefined, this)
+              }, m2.id, false, undefined, this));
+            }
+          }
+          return elements;
+        })
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PickerRow, {
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          fg: colors2.textMuted,
+          children: editingLocalField ? "Type or paste | Enter/Esc to confirm" : "↑/↓ navigate | ←/→ collapse/expand | Type to search"
+        }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -276847,7 +276966,8 @@ function ConfigView({ config: config3, onBack, onStart }) {
             borderColor: focusedField === "model" ? colors2.primary : colors2.border,
             paddingLeft: 1,
             paddingRight: 1,
-            maxHeight: 8,
+            height: 8,
+            overflow: "hidden",
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ModelPicker, {
               config: config3,
               selectedModel,
@@ -280254,6 +280374,13 @@ function HelpDialog() {
   }, undefined, false, undefined, this);
 }
 // src/tui/components/commands/models-display.tsx
+function ClippedLine({ children }) {
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+    width: "100%",
+    overflow: "hidden",
+    children
+  }, undefined, false, undefined, this);
+}
 function ModelsDisplay() {
   const { colors: colors2 } = useTheme();
   const route = useRoute();
@@ -280281,42 +280408,52 @@ function ModelsDisplay() {
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
     width: "100%",
+    height: "100%",
     paddingLeft: 4,
+    paddingRight: 4,
     paddingTop: 2,
+    overflow: "hidden",
     children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: colors2.primary,
-            children: "█ "
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: colors2.text,
-            children: "Select AI Model"
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: colors2.textMuted,
-            children: [
-              " (",
-              model.name,
-              ")"
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-            fg: colors2.textMuted,
-            children: [
-              " ",
-              "[",
-              isModelUserSelected ? "user" : "default",
-              "]"
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ClippedLine, {
+        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: colors2.primary,
+              children: "█ "
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: colors2.text,
+              children: "Select AI Model"
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: colors2.textMuted,
+              children: [
+                " (",
+                model.name,
+                ")"
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+              fg: colors2.textMuted,
+              children: [
+                " ",
+                "[",
+                isModelUserSelected ? "user" : "default",
+                "]"
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         flexDirection: "column",
+        width: "100%",
         paddingLeft: 2,
+        paddingRight: 2,
         marginTop: 1,
+        flexGrow: 1,
+        flexShrink: 1,
+        overflow: "hidden",
         children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ModelPicker, {
           config: config3.data,
           selectedModel: model,
@@ -280331,66 +280468,72 @@ function ModelsDisplay() {
         flexDirection: "column",
         marginTop: 2,
         children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.primary,
-                children: "█ "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: "Press "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.text,
-                children: "[Enter]"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: " to confirm"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.primary,
-                children: "█ "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: "Press "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.text,
-                children: "[ESC]"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: " to go back"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.primary,
-                children: "█ "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: "Press "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.text,
-                children: "[Ctrl+P]"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: colors2.textMuted,
-                children: " to connect provider"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ClippedLine, {
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.primary,
+                  children: "█ "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: "Press "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.text,
+                  children: "[Enter]"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: " to confirm"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ClippedLine, {
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.primary,
+                  children: "█ "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: "Press "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.text,
+                  children: "[ESC]"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: " to go back"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ClippedLine, {
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+              children: [
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.primary,
+                  children: "█ "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: "Press "
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.text,
+                  children: "[Ctrl+P]"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                  fg: colors2.textMuted,
+                  children: " to connect provider"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this)
     ]
@@ -286458,8 +286601,10 @@ function resolveKeyboardShortcut(key, status, inputValue, hasPendingApprovals, d
     return { type: "toggle-verbose" };
   if (key.ctrl && key.name === "l")
     return { type: "toggle-expanded-logs" };
-  if (key.name === "tab" && key.shift)
+  if (key.name === "tab" && key.shift && key.meta)
     return { type: "toggle-approval" };
+  if (key.name === "tab" && key.shift)
+    return { type: "toggle-mode" };
   if (status === "waiting" && hasPendingApprovals && (key.name === "y" || key.raw === "Y")) {
     return { type: "approve" };
   }
@@ -286474,7 +286619,9 @@ function resolveAbortAction(commandCancelled, cancelCommand) {
   }
   return { type: "kill-agent" };
 }
-function buildOperatorSystemPrompt(target, operatorState) {
+function buildOperatorSystemPrompt(target, operatorState, agentMode) {
+  const modeNote = agentMode === "plan" ? `
+Agent mode: PLAN — read-only tools only, no mutations allowed` : "";
   return `${BASE_SYSTEM_PROMPT}
 
 # Operator Mode
@@ -286483,7 +286630,7 @@ You are operating in interactive operator mode. The human operator will guide yo
 
 Target: ${target || "unknown"}
 Stage: ${operatorState.currentStage}
-Command approval: ${operatorState.requireApproval ? "enabled — the operator will approve each tool call" : "disabled — tool calls execute automatically"}`;
+Command approval: ${operatorState.requireApproval ? "enabled — the operator will approve each tool call" : "disabled — tool calls execute automatically"}${modeNote}`;
 }
 function resolveInputFocused(status, dialogStackLength, externalDialogOpen) {
   return status !== "running" && dialogStackLength === 0 && !externalDialogOpen;
@@ -286653,6 +286800,7 @@ function OperatorDashboard({
   const [lastApprovedAction, setLastApprovedAction] = import_react79.useState(null);
   const [verboseMode, setVerboseMode] = import_react79.useState(false);
   const [expandedLogs, setExpandedLogs] = import_react79.useState(false);
+  const [agentMode, setAgentMode] = import_react79.useState("default");
   const tokenUsageRef = import_react79.useRef(tokenUsage);
   import_react79.useEffect(() => {
     tokenUsageRef.current = tokenUsage;
@@ -287095,7 +287243,10 @@ function OperatorDashboard({
       messages: nextMessages,
       stopWhen: [stepCountIs(1e4)],
       target: initialConfig?.target,
-      activeTools: [...ALL_TOOL_NAMES],
+      activeTools: [
+        ...agentMode === "plan" ? PLAN_MODE_TOOL_NAMES : ALL_TOOL_NAMES
+      ],
+      mode: agentMode,
       abortSignal: controller.signal,
       authConfig: buildAuthConfig(config3.data),
       approvalGate: approvalGateRef.current,
@@ -287111,7 +287262,7 @@ function OperatorDashboard({
       if (session) {
         agentResult = await runOffensiveSecurityAgent({
           ...commonInput,
-          system: buildOperatorSystemPrompt(initialConfig?.target, operatorState),
+          system: buildOperatorSystemPrompt(initialConfig?.target, operatorState, agentMode),
           session
         });
       } else {
@@ -287127,7 +287278,7 @@ function OperatorDashboard({
         };
         agentResult = await runOffensiveSecurityAgent({
           ...commonInput,
-          system: buildOperatorSystemPrompt(initialConfig?.target, operatorState),
+          system: buildOperatorSystemPrompt(initialConfig?.target, operatorState, agentMode),
           sessionConfig,
           onNameGenerated: (name26) => {
             pendingNameRef.current = name26;
@@ -287192,6 +287343,7 @@ function OperatorDashboard({
     model.id,
     config3.data,
     operatorState,
+    agentMode,
     addTokenUsage,
     appendText,
     addStreamingToolCall,
@@ -287382,6 +287534,9 @@ function OperatorDashboard({
       return { ...prev, requireApproval: newVal };
     });
   }, []);
+  const toggleMode = import_react79.useCallback(() => {
+    setAgentMode((prev) => prev === "default" ? "plan" : "default");
+  }, []);
   useKeyboard((key) => {
     if (status === "running" && queuedMessages.length > 0 && !inputValue.trim()) {
       if (key.name === "up") {
@@ -287453,6 +287608,9 @@ function OperatorDashboard({
       case "toggle-approval":
         toggleApproval();
         return;
+      case "toggle-mode":
+        toggleMode();
+        return;
       case "approve":
         handleApprove();
         return;
@@ -287548,6 +287706,10 @@ function OperatorDashboard({
             flexDirection: "row",
             gap: 2,
             children: [
+              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: agentMode === "plan" ? colors2.warning : colors2.primary,
+                children: agentMode === "plan" ? "PLAN" : "DEFAULT"
+              }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                 fg: operatorState.requireApproval ? colors2.warning : colors2.primary,
                 children: operatorState.requireApproval ? "APPROVAL ON" : "APPROVAL OFF"
@@ -287591,7 +287753,7 @@ function OperatorDashboard({
         focused: status === "running" ? selectedQueueIndex < 0 : resolveInputFocused(status, stack.length, externalDialogOpen),
         status: status === "waiting" ? "running" : status,
         mode: "operator",
-        operatorMode: operatorState.mode,
+        operatorMode: agentMode === "plan" ? "plan" : operatorState.mode,
         verboseMode,
         expandedLogs,
         pendingApproval: currentPending,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pensar/apex",
-  "version": "0.0.99",
+  "version": "0.0.100-canary.ba3e689f",
   "description": "AI-powered penetration testing CLI tool with terminal UI",
   "module": "src/tui/index.tsx",
   "main": "build/index.js",