@pensar/apex 0.0.88 → 0.0.89-canary.4a30c15b

package/build/index.js

@@ -31971,7 +31971,7 @@ var package_default2;
 var init_package = __esm(() => {
   package_default2 = {
     name: "@pensar/apex",
-    version: "0.0.88",
+    version: "0.0.89-canary.4a30c15b",
     description: "AI-powered penetration testing CLI tool with terminal UI",
     module: "src/tui/index.tsx",
     main: "build/index.js",
@@ -87849,6 +87849,28 @@ function createPensarModel(bedrockModelId, config2) {
     }
     return headers;
   }
+  let cachedStreamUrl = null;
+  async function getStreamUrl() {
+    if (cachedStreamUrl)
+      return cachedStreamUrl;
+    try {
+      const headers = await buildHeaders();
+      const res = await fetch(`${config2.baseUrl}/bedrock/validate`, {
+        headers
+      });
+      if (res.ok) {
+        const data = await res.json();
+        if (data.endpoints?.stream) {
+          cachedStreamUrl = data.endpoints.stream;
+          log(`  Discovered stream URL: ${cachedStreamUrl}`);
+          return cachedStreamUrl;
+        }
+      }
+    } catch {}
+    cachedStreamUrl = `${config2.baseUrl}/bedrock/invoke`;
+    log(`  Using fallback stream URL: ${cachedStreamUrl}`);
+    return cachedStreamUrl;
+  }
   const model = {
     specificationVersion: "v2",
     provider: "pensar",
@@ -87917,7 +87939,7 @@ function createPensarModel(bedrockModelId, config2) {
     },
     async doStream(options) {
       const body = convertToBedrockFormat(bedrockModelId, options);
-      const url2 = `${config2.baseUrl}/bedrock/stream`;
+      const url2 = await getStreamUrl();
       log(`doStream → SSE streaming for ${bedrockModelId}`);
       log(`  URL: ${url2}`);
       const headers = await buildHeaders();
@@ -87929,7 +87951,8 @@ function createPensarModel(bedrockModelId, config2) {
           signal: options.abortSignal,
           body: JSON.stringify({
             modelId: bedrockModelId,
-            body
+            body,
+            stream: true
           })
         });
       } catch (err) {
@@ -88441,7 +88464,8 @@ async function summarizeConversation(messages, opts, model) {
   const { text: summary, usage: summaryUsage } = await generateText({
     model,
     system: `You are a helpful assistant that summarizes conversations to pass to another agent. Review the conversation and system prompt at the end provided by the user.`,
-    messages: summarizedMessages
+    messages: summarizedMessages,
+    abortSignal: opts.abortSignal
   });
   if (opts.onStepFinish && summaryUsage) {
     opts.onStepFinish({
@@ -88719,7 +88743,8 @@ function streamResponse(opts) {
               "IMPORTANT: For enum fields like 'severity' or 'riskLevel', use ONLY the exact values from the enum (e.g., 'HIGH', 'CRITICAL', 'MEDIUM', 'LOW').",
               "Do not add prefixes, suffixes, or formatting characters like '>', '-', '!', etc."
             ].join(`
-`)
+`),
+            abortSignal
           });
           if (onStepFinish && repairUsage) {
             onStepFinish({
@@ -88787,6 +88812,7 @@ async function generateObjectResponse(opts) {
     maxTokens,
     temperature,
     authConfig,
+    abortSignal,
     onTokenUsage
   } = opts;
   const providerModel = getProviderModel(model, authConfig);
@@ -88802,7 +88828,8 @@ async function generateObjectResponse(opts) {
         system,
         maxOutputTokens: maxTokens,
         temperature,
-        maxRetries: 0
+        maxRetries: 0,
+        abortSignal
       });
       if (onTokenUsage && usage) {
         onTokenUsage(usage.inputTokens ?? 0, usage.outputTokens ?? 0);
@@ -88849,7 +88876,7 @@ function generateRandomName() {
   return `${adj}-${noun}`;
 }
 async function generateSessionName(opts) {
-  const { targets, userMessage, model, authConfig } = opts;
+  const { targets, userMessage, model, authConfig, abortSignal } = opts;
   const contextParts = [];
   if (targets.length > 0) {
     contextParts.push(`Target(s): ${targets.join(", ")}`);
@@ -88874,7 +88901,8 @@ async function generateSessionName(opts) {
       prompt,
       maxTokens: 50,
       temperature: 0.7,
-      authConfig
+      authConfig,
+      abortSignal
     });
     if (!result?.name)
       return null;
@@ -106937,7 +106965,7 @@ IMPORTANT: Always analyze results and adjust your approach based on findings.`,
       }
       if (ctx4.persistentShell) {
         try {
-          const result = await ctx4.persistentShell.execute(command, timeout, ctx4.onCommandOutput);
+          const result = await ctx4.persistentShell.execute(command, timeout, ctx4.onCommandOutput, ctx4.abortSignal);
           const { text: stdout, file: outputFile } = maybeSaveFullOutput(result.stdout, ctx4);
           return {
             success: result.exitCode === 0,
@@ -107845,14 +107873,15 @@ var init_cvss = __esm(() => {
 });
 
 // src/core/agents/specialized/cvssScorer/index.ts
-async function scoreFindingWithCVSS(input, model, authConfig) {
+async function scoreFindingWithCVSS(input, model, authConfig, abortSignal) {
   const prompt = buildScoringPrompt(input);
   const assessment = await generateObjectResponse({
     model,
     schema: CVSSMetricsOutputSchema,
     prompt,
     system: CVSS_SCORER_SYSTEM_PROMPT,
-    authConfig
+    authConfig,
+    abortSignal
   });
   const cvssResult = calculateCVSS4Score({
     ...assessment.metrics
@@ -108120,7 +108149,7 @@ FINDING STRUCTURE:
               remediation: input.remediation
             },
             agentMessages: []
-          }, ctx4.model, ctx4.authConfig);
+          }, ctx4.model, ctx4.authConfig, ctx4.abortSignal);
         } catch (cvssError) {
           const msg = cvssError instanceof Error ? cvssError.message : String(cvssError);
           cvssWarning = `CVSS scoring failed (${msg}), using fallback severity.`;
@@ -111302,10 +111331,12 @@ class FindingsRegistry {
   findings = [];
   model;
   authConfig;
+  abortSignal;
   mutex = Promise.resolve();
   constructor(opts) {
     this.model = opts?.model;
     this.authConfig = opts?.authConfig;
+    this.abortSignal = opts?.abortSignal;
   }
   get size() {
     return this.findings.length;
@@ -111402,7 +111433,8 @@ class FindingsRegistry {
       schema: SemanticDedupResultSchema,
       prompt,
       system: SEMANTIC_DEDUP_SYSTEM,
-      authConfig: this.authConfig
+      authConfig: this.authConfig,
+      abortSignal: this.abortSignal
     });
     if (result.isDuplicate && result.matchedIndex != null) {
       const idx = result.matchedIndex - 1;
@@ -111526,7 +111558,8 @@ Pass every target you want tested — the swarm handles concurrency automaticall
       }
       const findingsRegistry = ctx4.findingsRegistry ?? FindingsRegistry.fromDirectory(ctx4.session.findingsPath, {
         model: ctx4.model,
-        authConfig: ctx4.authConfig
+        authConfig: ctx4.authConfig,
+        abortSignal: ctx4.abortSignal
       });
       const total = targets.length;
       console.log(`
@@ -193567,10 +193600,17 @@ class PersistentShell {
       this.spawn();
     }
   }
-  async execute(command, timeoutSeconds, onData) {
+  async execute(command, timeoutSeconds, onData, abortSignal) {
     if (this.disposed) {
       return { stdout: "", stderr: "Shell has been disposed", exitCode: 1 };
     }
+    if (abortSignal?.aborted) {
+      return {
+        stdout: "",
+        stderr: "Command aborted",
+        exitCode: 130
+      };
+    }
     this.ensureAlive();
     const proc = this.proc;
     if (!proc || !proc.stdin || !proc.stdout || !proc.stderr) {
@@ -193595,11 +193635,39 @@ class PersistentShell {
         this.pendingStderr = null;
         if (timeoutTimer)
           clearTimeout(timeoutTimer);
+        if (abortCleanup)
+          abortCleanup();
         proc.stdout.removeListener("data", onStdout);
         proc.stderr.removeListener("data", onStderr);
+        proc.removeListener("close", onClose);
         resolve4(result);
       };
       this.pendingCancel = safeResolve;
+      let abortCleanup;
+      if (abortSignal) {
+        const onAbort = () => {
+          if (resolved)
+            return;
+          const pid = proc.pid;
+          if (pid && process.platform !== "win32") {
+            try {
+              spawnSync("pkill", ["-TERM", "-P", pid.toString()], {
+                stdio: "ignore"
+              });
+            } catch {}
+          }
+          setTimeout(() => {
+            safeResolve({
+              stdout: stdout || "(no output)",
+              stderr: stderr ? stderr + `
+(aborted)` : "(aborted)",
+              exitCode: 130
+            });
+          }, 500);
+        };
+        abortSignal.addEventListener("abort", onAbort, { once: true });
+        abortCleanup = () => abortSignal.removeEventListener("abort", onAbort);
+      }
       const onStdout = (data) => {
         const chunk = data.toString();
         if (onData && !chunk.includes(exitMarkerPrefix)) {
@@ -194504,6 +194572,35 @@ For \`http_request\`, pass these as the \`headers\` parameter.`, `For \`execute_
 The following vulnerabilities have already been documented. Do NOT re-test or re-document these — the system will automatically reject duplicates.
 ${existing}`;
   }
+  let knowledgeBaseSection = "";
+  const markerPath = join24(sessionRootPath, "scratchpad", ".knowledge-populated");
+  if (existsSync23(markerPath)) {
+    try {
+      const count = parseInt(readFileSync9(markerPath, "utf-8").trim(), 10) || 0;
+      if (count > 0) {
+        knowledgeBaseSection = `
+
+## Project Knowledge Available
+There are ${count} project knowledge entries in the memory system from previous scans, user notes, and resolved issues. Before beginning your testing plan, call \`list_memories\` with tag \`"project-knowledge"\` to check for relevant context. Pay special attention to false positive patterns and technology context that may affect your testing.`;
+      }
+    } catch {}
+  }
+  if (!knowledgeBaseSection) {
+    const knowledgePath = join24(sessionRootPath, "scratchpad", "knowledge-base.md");
+    if (existsSync23(knowledgePath)) {
+      try {
+        const knowledgeContent = readFileSync9(knowledgePath, "utf-8").trim();
+        if (knowledgeContent) {
+          knowledgeBaseSection = `
+
+## Project Knowledge Base
+The following is accumulated knowledge about this project from previous scans, user notes, and resolved issues. Use this context to avoid false positives and make better testing decisions.
+
+${knowledgeContent}`;
+        }
+      } catch {}
+    }
+  }
   const outcomeSection = outcomeGuidance ? `
 ## Outcome Guidance
 ${outcomeGuidance}
@@ -194535,6 +194632,7 @@ Do NOT discover or enumerate other endpoints or services. Focus exclusively on t
 - **URL:** ${target}
 ${authSection}
 ${knownFindingsSection}
+${knowledgeBaseSection}
 
 ## Objectives
 ${objectiveList}
@@ -194685,7 +194783,9 @@ var init_agent4 = __esm(() => {
           "email_list_inboxes",
           "email_list_messages",
           "email_search_messages",
-          "email_get_message"
+          "email_get_message",
+          "list_memories",
+          "get_memory"
         ],
         responseSchema: PentestResponseSchema,
         resolveResult: () => {
@@ -195516,7 +195616,8 @@ async function runPentestWorkflow(input) {
     }
     const findingsRegistry = FindingsRegistry.fromDirectory(session.findingsPath, {
       model,
-      authConfig
+      authConfig,
+      abortSignal
     });
     await runPentestSwarm({
       targets: swarmTargets,
@@ -272247,7 +272348,7 @@ var useTerminalDimensions = () => {
 };
 
 // src/tui/index.tsx
-var import_react86 = __toESM(require_react(), 1);
+var import_react88 = __toESM(require_react(), 1);
 
 // src/tui/components/footer.tsx
 import os6 from "os";
@@ -273336,6 +273437,7 @@ var commands = [
       const params = buildOperatorSessionConfig(flags);
       ctx3.navigate({
         type: "operator",
+        nonce: Date.now(),
         initialConfig: {
           requireApproval: flags.requireApproval ?? true,
           target: flags.target
@@ -273396,6 +273498,14 @@ var commands = [
       ctx3.openSessionsDialog?.();
     }
   },
+  {
+    name: "new",
+    description: "Start a new operator session",
+    category: "Session",
+    handler: async (args, ctx3) => {
+      ctx3.navigate({ type: "operator", nonce: Date.now() });
+    }
+  },
   {
     name: "chat",
     aliases: ["c"],
@@ -273447,7 +273557,7 @@ var commands = [
         }
         return;
       }
-      ctx3.navigate({ type: "base", path: "theme" });
+      ctx3.openThemeDialog?.();
     }
   },
   {
@@ -273476,10 +273586,7 @@ var commands = [
     description: "Connect to Pensar Console for managed inference",
     category: "General",
     handler: async (args, ctx3) => {
-      ctx3.navigate({
-        type: "base",
-        path: "auth"
-      });
+      ctx3.openAuthDialog?.();
     }
   },
   {
@@ -273616,7 +273723,9 @@ function useCommand() {
 }
 function CommandProvider({
   children,
-  onOpenSessionsDialog
+  onOpenSessionsDialog,
+  onOpenThemeDialog,
+  onOpenAuthDialog
 }) {
   const route = useRoute();
   const [skills, setSkills] = import_react17.useState([]);
@@ -273624,10 +273733,12 @@ function CommandProvider({
     const ctx4 = {
       route: route.data,
       navigate: route.navigate,
-      openSessionsDialog: onOpenSessionsDialog
+      openSessionsDialog: onOpenSessionsDialog,
+      openThemeDialog: onOpenThemeDialog,
+      openAuthDialog: onOpenAuthDialog
     };
     return ctx4;
-  }, [route, onOpenSessionsDialog]);
+  }, [route, onOpenSessionsDialog, onOpenThemeDialog, onOpenAuthDialog]);
   const refreshSkills = import_react17.useCallback(async () => {
     const loaded = await loadSkills();
     setSkills(loaded);
@@ -274866,6 +274977,12 @@ function shouldResetHistory(historyIndex, isNavigatingHistory) {
 }
 
 // src/tui/components/shared/prompt-input.tsx
+var chatKeyBindings = [
+  { name: "return", action: "submit" },
+  { name: "linefeed", action: "newline" },
+  { name: "return", shift: true, action: "newline" },
+  { name: "linefeed", shift: true, action: "newline" }
+];
 var PromptInput = import_react29.forwardRef(function PromptInput2({
   width,
   minHeight = 1,
@@ -274885,7 +275002,8 @@ var PromptInput = import_react29.forwardRef(function PromptInput2({
   onCommandExecute,
   commandHistory = [],
   disableHistoryNavigation = false,
-  showPromptIndicator = false
+  showPromptIndicator = false,
+  autocompletePlacement = "below"
 }, ref) {
   const { colors: colors2 } = useTheme();
   const { inputValue, setInputValue } = useInput();
@@ -275035,9 +275153,38 @@ var PromptInput = import_react29.forwardRef(function PromptInput2({
       setHistoryIndex(-1);
     }
   };
+  const suggestionsBox = suggestions.length > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+    flexDirection: "column",
+    ...autocompletePlacement === "above" ? { marginBottom: 1 } : { marginTop: 1 },
+    children: suggestions.map((suggestion, index) => {
+      const isSelected = index === selectedSuggestionIndex;
+      return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+        flexDirection: "row",
+        gap: 1,
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: isSelected ? colors2.primary : colors2.textMuted,
+            children: isSelected ? " ▸" : "  "
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: isSelected ? colors2.text : colors2.textMuted,
+            children: suggestion.label
+          }, undefined, false, undefined, this),
+          suggestion.description && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: colors2.textMuted,
+            children: [
+              " ",
+              suggestion.description
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, suggestion.value, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
     children: [
+      autocompletePlacement === "above" && suggestionsBox,
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         flexDirection: "row",
         children: [
@@ -275058,59 +275205,13 @@ var PromptInput = import_react29.forwardRef(function PromptInput2({
             backgroundColor,
             focusedBackgroundColor,
             cursorColor: cursorColor ?? colors2.textMuted,
-            keyBindings: [
-              {
-                action: "submit",
-                name: "return"
-              },
-              {
-                action: "submit",
-                name: "linefeed"
-              },
-              {
-                action: "newline",
-                shift: true,
-                name: "return"
-              },
-              {
-                action: "newline",
-                shift: true,
-                name: "linefeed"
-              }
-            ],
+            keyBindings: chatKeyBindings,
             onContentChange: handleContentChange,
             onSubmit: handleSubmit
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
-      suggestions.length > 0 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        marginTop: 1,
-        children: suggestions.map((suggestion, index) => {
-          const isSelected = index === selectedSuggestionIndex;
-          return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "row",
-            gap: 1,
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: isSelected ? colors2.primary : colors2.textMuted,
-                children: isSelected ? " ▸" : "  "
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: isSelected ? colors2.text : colors2.textMuted,
-                children: suggestion.label
-              }, undefined, false, undefined, this),
-              suggestion.description && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: colors2.textMuted,
-                children: [
-                  " ",
-                  suggestion.description
-                ]
-              }, undefined, true, undefined, this)
-            ]
-          }, suggestion.value, true, undefined, this);
-        })
-      }, undefined, false, undefined, this)
+      autocompletePlacement === "below" && suggestionsBox
     ]
   }, undefined, true, undefined, this);
 });
@@ -275163,6 +275264,7 @@ function HomeView({ onNavigate, onStartSession }) {
   const { executeCommand, autocompleteOptions, resolveSkillContent, skills } = useCommand();
   const { setInputValue } = useInput();
   const { promptRef } = useFocus();
+  const { externalDialogOpen, stack } = useDialog();
   const [hintMessage, setHintMessage] = import_react31.useState(null);
   const [commandHistory, setCommandHistory] = import_react31.useState(getEntries);
   import_react31.useEffect(() => {
@@ -275330,7 +275432,7 @@ function HomeView({ onNavigate, onStartSession }) {
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(PromptInput, {
             ref: promptRef,
-            focused: true,
+            focused: !externalDialogOpen && stack.length === 0,
             width: inputWidth - 4,
             minHeight: 1,
             maxHeight: 4,
@@ -278667,8 +278769,8 @@ function ModelsDisplay() {
 // src/tui/components/commands/auth-flow.tsx
 var import_react57 = __toESM(require_react(), 1);
 init_config2();
-function AuthFlow() {
-  const route = useRoute();
+function AuthFlow({ onClose }) {
+  const { colors: colors2 } = useTheme();
   const appConfig = useConfig();
   const isConnected = !!(appConfig.data.accessToken || appConfig.data.pensarAPIKey);
   const [step, setStep] = import_react57.useState(isConnected ? "success" : "start");
@@ -278685,7 +278787,7 @@ function AuthFlow() {
   const cancelledRef = import_react57.useRef(false);
   const connectedWorkspace = appConfig.data.workspaceSlug ? { name: appConfig.data.workspaceSlug, slug: appConfig.data.workspaceSlug } : null;
   const goHome = () => {
-    route.navigate({ type: "base", path: "home" });
+    onClose();
   };
   const cleanup = () => {
     cancelledRef.current = true;
@@ -278937,6 +279039,7 @@ function AuthFlow() {
     goHome();
   };
   useKeyboard((key) => {
+    key.preventDefault();
     if (key.name === "escape") {
       cleanup();
       goHome();
@@ -278979,326 +279082,330 @@ function AuthFlow() {
       }
     }
   });
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    flexDirection: "column",
-    width: "100%",
-    maxWidth: 80,
-    alignItems: "flex-start",
-    padding: 1,
-    children: [
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        marginBottom: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "green",
-          children: "Pensar Console — Managed Inference"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        marginBottom: 1,
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "gray",
-          children: [
-            "Connect to Pensar Console for usage-based AI inference.",
-            `
-`,
-            "No API keys needed — just a Pensar account with credits."
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      step === "start" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        gap: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "white",
-              children: [
-                "Press ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ENTER]"
-                }, undefined, false, undefined, this),
-                " to authorize via your browser."
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ENTER]"
-                }, undefined, false, undefined, this),
-                " Connect ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ESC]"
-                }, undefined, false, undefined, this),
-                " Cancel"
-              ]
-            }, undefined, true, undefined, this)
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(Dialog, {
+    size: "large",
+    onClose: goHome,
+    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+      flexDirection: "column",
+      width: "100%",
+      alignItems: "flex-start",
+      padding: 1,
+      children: [
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          marginBottom: 1,
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: colors2.primary,
+            children: "Pensar Console — Managed Inference"
           }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      step === "requesting" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "yellow",
-          children: "Starting authorization..."
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      step === "polling" && (deviceInfo || legacyDeviceInfo) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        gap: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "yellow",
-              children: "Waiting for browser authorization..."
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "white",
-              children: [
-                "Your code:",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: deviceInfo?.user_code || legacyDeviceInfo?.userCode
-                }, undefined, false, undefined, this)
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                "If the browser didn't open, visit:",
-                `
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          marginBottom: 1,
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: colors2.textMuted,
+            children: [
+              "Connect to Pensar Console for usage-based AI inference.",
+              `
 `,
-                deviceInfo?.verification_uri_complete || legacyDeviceInfo?.verificationUriComplete
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ESC]"
-                }, undefined, false, undefined, this),
-                " Cancel"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      step === "select-workspace" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        gap: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "white",
-              children: "Select a workspace:"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            marginTop: 1,
-            children: workspaces.map((ws, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              "No API keys needed — just a Pensar account with credits."
+            ]
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this),
+        step === "start" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
               children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: i === selectedIndex ? "green" : "gray",
+                fg: colors2.text,
                 children: [
-                  i === selectedIndex ? "▸ " : "  ",
-                  ws.name,
+                  "Press ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ENTER]"
+                  }, undefined, false, undefined, this),
+                  " to authorize via your browser."
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: [
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ENTER]"
+                  }, undefined, false, undefined, this),
+                  " Connect ·",
                   " ",
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: "gray",
-                    children: [
-                      "(",
-                      ws.slug,
-                      ") — $",
-                      ws.balance.toFixed(2)
-                    ]
-                  }, undefined, true, undefined, this)
+                    fg: colors2.primary,
+                    children: "[ESC]"
+                  }, undefined, false, undefined, this),
+                  " Cancel"
                 ]
               }, undefined, true, undefined, this)
-            }, ws.id, false, undefined, this))
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[↑/↓]"
-                }, undefined, false, undefined, this),
-                " Navigate ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ENTER]"
-                }, undefined, false, undefined, this),
-                " Select ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ESC]"
-                }, undefined, false, undefined, this),
-                " Cancel"
-              ]
-            }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        step === "requesting" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: colors2.warning,
+            children: "Starting authorization..."
           }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      step === "checking-billing" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "yellow",
+        }, undefined, false, undefined, this),
+        step === "polling" && (deviceInfo || legacyDeviceInfo) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          gap: 1,
           children: [
-            "Checking billing for ",
-            selectedWorkspace?.name,
-            "..."
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      step === "success" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        gap: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "green",
-              children: "Connected to Pensar Console"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          (selectedWorkspace || connectedWorkspace) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            flexDirection: "column",
-            children: [
-              /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: "white",
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.warning,
+                children: "Waiting for browser authorization..."
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.text,
+                children: [
+                  "Your code:",
+                  " ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: deviceInfo?.user_code || legacyDeviceInfo?.userCode
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
                 children: [
-                  "Workspace: ",
-                  selectedWorkspace?.name || connectedWorkspace?.name
+                  "If the browser didn't open, visit:",
+                  `
+`,
+                  deviceInfo?.verification_uri_complete || legacyDeviceInfo?.verificationUriComplete
                 ]
-              }, undefined, true, undefined, this),
-              balance !== null && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: "white",
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
                 children: [
-                  "Credits:",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ESC]"
+                  }, undefined, false, undefined, this),
+                  " Cancel"
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        step === "select-workspace" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.text,
+                children: "Select a workspace:"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              flexDirection: "column",
+              marginTop: 1,
+              children: workspaces.map((ws, i) => /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+                children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  fg: i === selectedIndex ? colors2.primary : colors2.textMuted,
+                  children: [
+                    i === selectedIndex ? "▸ " : "  ",
+                    ws.name,
+                    " ",
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                      fg: colors2.textMuted,
+                      children: [
+                        "(",
+                        ws.slug,
+                        ") — $",
+                        ws.balance.toFixed(2)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              }, ws.id, false, undefined, this))
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: [
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[↑/↓]"
+                  }, undefined, false, undefined, this),
+                  " Navigate ·",
                   " ",
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: hasLowBalance ? "yellow" : "white",
-                    children: [
-                      "$",
-                      balance.toFixed(2)
-                    ]
-                  }, undefined, true, undefined, this)
+                    fg: colors2.primary,
+                    children: "[ENTER]"
+                  }, undefined, false, undefined, this),
+                  " Select ·",
+                  " ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ESC]"
+                  }, undefined, false, undefined, this),
+                  " Cancel"
                 ]
               }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this),
+        step === "checking-billing" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+            fg: colors2.warning,
+            children: [
+              "Checking billing for ",
+              selectedWorkspace?.name,
+              "..."
             ]
-          }, undefined, true, undefined, this),
-          (hasLowBalance || billingUrl) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "yellow",
+          }, undefined, true, undefined, this)
+        }, undefined, false, undefined, this),
+        step === "success" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.success,
+                children: "Connected to Pensar Console"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            (selectedWorkspace || connectedWorkspace) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              flexDirection: "column",
               children: [
-                billingUrl ? "Your workspace needs credits to use Apex CLI." : "Your credit balance is very low. We recommend at least $30 to run",
-                `
-`,
-                billingUrl ? "Press ENTER to open billing and add credits." : "pentests without interruptions. Press ENTER to open billing."
+                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  fg: colors2.text,
+                  children: [
+                    "Workspace:",
+                    " ",
+                    selectedWorkspace?.name || connectedWorkspace?.name
+                  ]
+                }, undefined, true, undefined, this),
+                balance !== null && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                  fg: colors2.text,
+                  children: [
+                    "Credits:",
+                    " ",
+                    /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                      fg: hasLowBalance ? colors2.warning : colors2.text,
+                      children: [
+                        "$",
+                        balance.toFixed(2)
+                      ]
+                    }, undefined, true, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
               ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this),
-          !selectedWorkspace && !connectedWorkspace && appConfig.data.pensarAPIKey && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: "Already connected (legacy key saved in config)"
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: "Pensar models are now available in the model selector."
+            }, undefined, true, undefined, this),
+            (hasLowBalance || billingUrl) && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.warning,
+                children: [
+                  billingUrl ? "Your workspace needs credits to use Apex CLI." : "Your credit balance is very low. We recommend at least $30 to run",
+                  `
+`,
+                  billingUrl ? "Press ENTER to open billing and add credits." : "pentests without interruptions. Press ENTER to open billing."
+                ]
+              }, undefined, true, undefined, this)
+            }, undefined, false, undefined, this),
+            !selectedWorkspace && !connectedWorkspace && appConfig.data.pensarAPIKey && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: "Already connected (legacy key saved in config)"
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: "Pensar models are now available in the model selector."
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: [
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ENTER]"
+                  }, undefined, false, undefined, this),
+                  " ",
+                  hasLowBalance || billingUrl ? "Open billing" : "Done",
+                  " ·",
+                  " ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.error,
+                    children: "[D]"
+                  }, undefined, false, undefined, this),
+                  " Disconnect ·",
+                  " ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ESC]"
+                  }, undefined, false, undefined, this),
+                  " Back"
+                ]
+              }, undefined, true, undefined, this)
             }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ENTER]"
-                }, undefined, false, undefined, this),
-                " ",
-                hasLowBalance || billingUrl ? "Open billing" : "Done",
-                " ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "red",
-                  children: "[D]"
-                }, undefined, false, undefined, this),
-                " Disconnect ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ESC]"
-                }, undefined, false, undefined, this),
-                " Back"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      step === "error" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-        flexDirection: "column",
-        gap: 1,
-        children: [
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "red",
-              children: error40
+          ]
+        }, undefined, true, undefined, this),
+        step === "error" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.error,
+                children: error40
+              }, undefined, false, undefined, this)
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
+              marginTop: 1,
+              children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
+                fg: colors2.textMuted,
+                children: [
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ENTER]"
+                  }, undefined, false, undefined, this),
+                  " Try again ·",
+                  " ",
+                  /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
+                    fg: colors2.primary,
+                    children: "[ESC]"
+                  }, undefined, false, undefined, this),
+                  " Cancel"
+                ]
+              }, undefined, true, undefined, this)
             }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-            marginTop: 1,
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: "gray",
-              children: [
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ENTER]"
-                }, undefined, false, undefined, this),
-                " Try again ·",
-                " ",
-                /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: "green",
-                  children: "[ESC]"
-                }, undefined, false, undefined, this),
-                " Cancel"
-              ]
-            }, undefined, true, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
 }
 
 // src/tui/components/commands/credits-flow.tsx
 var import_react59 = __toESM(require_react(), 1);
 init_tokenRefresh();
-function CreditsFlow() {
+function CreditsFlow({ onOpenAuthDialog }) {
   const route = useRoute();
   const appConfig = useConfig();
   const [step, setStep] = import_react59.useState("loading");
@@ -279371,7 +279478,7 @@ function CreditsFlow() {
     }
     if (step === "no-auth") {
       if (key.name === "return") {
-        route.navigate({ type: "base", path: "auth" });
+        onOpenAuthDialog?.();
       }
     }
     if (step === "display") {
@@ -285095,19 +285202,23 @@ function NormalInputAreaInner({
   enableCommands = false,
   onCommandExecute,
   commandHistory = [],
-  disableHistoryNavigation = false
+  disableHistoryNavigation = false,
+  autocompletePlacement = "below"
 }) {
-  const { colors: colors2 } = useTheme();
+  const { colors: colors2, theme, mode: colorMode } = useTheme();
   const { inputValue, setInputValue } = useInput();
   const promptRef = import_react77.useRef(null);
   const isExternalUpdate = import_react77.useRef(false);
+  const prevValueRef = import_react77.useRef(value);
   import_react77.useEffect(() => {
-    if (value !== inputValue) {
+    const prevValue = prevValueRef.current;
+    prevValueRef.current = value;
+    if (value !== prevValue && value !== inputValue) {
       isExternalUpdate.current = true;
       setInputValue(value);
       promptRef.current?.setValue(value);
     }
-  }, [value]);
+  }, [value, inputValue, setInputValue]);
   import_react77.useEffect(() => {
     if (isExternalUpdate.current) {
       isExternalUpdate.current = false;
@@ -285116,7 +285227,7 @@ function NormalInputAreaInner({
     if (inputValue !== value) {
       onChange(inputValue);
     }
-  }, [inputValue]);
+  }, [inputValue, value, onChange]);
   const handleSubmit = (val) => {
     if (val.trim()) {
       onSubmit(val.trim());
@@ -285154,8 +285265,9 @@ function NormalInputAreaInner({
             enableCommands,
             onCommandExecute,
             commandHistory,
-            disableHistoryNavigation
-          }, undefined, false, undefined, this)
+            disableHistoryNavigation,
+            autocompletePlacement
+          }, `${theme.name}-${colorMode}`, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       mode === "operator" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -285242,6 +285354,7 @@ function InputArea(props) {
     onCommandExecute,
     commandHistory,
     disableHistoryNavigation,
+    autocompletePlacement,
     ...normalProps
   } = props;
   if (pendingApproval) {
@@ -285266,6 +285379,7 @@ function InputArea(props) {
       onCommandExecute,
       commandHistory,
       disableHistoryNavigation,
+      autocompletePlacement,
       ...normalProps
     }, undefined, false, undefined, this)
   }, undefined, false, undefined, this);
@@ -285398,7 +285512,15 @@ init_dist5();
 
 // src/tui/components/operator-dashboard/logic.ts
 function filterOperatorAutocomplete(allOptions, skillSlugs) {
-  const allowedCommands = new Set(["/create-skill", "/models"]);
+  const allowedCommands = new Set([
+    "/create-skill",
+    "/models",
+    "/auth",
+    "/themes",
+    "/new",
+    "/operator",
+    "/pentest"
+  ]);
   return allOptions.filter((opt) => allowedCommands.has(opt.value) || skillSlugs.has(opt.value));
 }
 function resolveSubmit(value, status, hasPendingApprovals) {
@@ -286576,6 +286698,7 @@ function OperatorDashboard({
         onAutoApprove: handleAutoApprove,
         enableAutocomplete: true,
         autocompleteOptions,
+        autocompletePlacement: "above",
         enableCommands: true,
         onCommandExecute: handleCommandExecute,
         disableHistoryNavigation: status === "running" && queuedMessages.length > 0
@@ -286587,9 +286710,8 @@ function OperatorDashboard({
 // src/tui/components/commands/theme-picker.tsx
 var import_react81 = __toESM(require_react(), 1);
 init_config2();
-function ThemePicker() {
+function ThemePicker({ onClose }) {
   const dimensions = useTerminalDimensions();
-  const route = useRoute();
   const {
     colors: colors2,
     theme,
@@ -286605,16 +286727,17 @@ function ThemePicker() {
   const handleClose = import_react81.useCallback(() => {
     setTheme(originalThemeRef.current);
     setMode(originalModeRef.current);
-    route.navigate({ type: "base", path: "home" });
-  }, [setTheme, setMode, route]);
+    onClose();
+  }, [setTheme, setMode, onClose]);
   const handleConfirm = import_react81.useCallback(async () => {
     const currentThemeName = availableThemes[selectedIndex];
     if (currentThemeName) {
       await config2.update({ theme: currentThemeName });
     }
-    route.navigate({ type: "base", path: "home" });
-  }, [availableThemes, selectedIndex, route]);
+    onClose();
+  }, [availableThemes, selectedIndex, onClose]);
   useKeyboard((evt) => {
+    evt.preventDefault();
     if (evt.name === "escape") {
       handleClose();
       return;
@@ -286653,27 +286776,16 @@ function ThemePicker() {
   const listHeight = panelHeight - 5;
   const scrollOffset = Math.max(0, Math.min(selectedIndex - Math.floor(listHeight / 2), availableThemes.length - listHeight));
   const visibleThemes = availableThemes.slice(scrollOffset, scrollOffset + listHeight);
-  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-    width: dimensions.width,
-    height: dimensions.height,
-    alignItems: "center",
-    justifyContent: "center",
-    position: "absolute",
-    left: 0,
-    top: 0,
-    backgroundColor: colors2.background,
+  return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(Dialog, {
+    size: "large",
+    onClose: handleClose,
     children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
-      width: panelWidth,
-      height: panelHeight,
-      backgroundColor: colors2.backgroundPanel,
-      borderColor: colors2.border,
-      borderStyle: "single",
+      width: "100%",
       flexDirection: "column",
+      padding: 1,
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           width: "100%",
-          paddingLeft: 1,
-          paddingRight: 1,
           flexDirection: "row",
           justifyContent: "space-between",
           children: [
@@ -286701,8 +286813,6 @@ function ThemePicker() {
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           flexDirection: "column",
           flexGrow: 1,
-          paddingLeft: 1,
-          paddingRight: 1,
           children: visibleThemes.map((themeName) => {
             const actualIndex = availableThemes.indexOf(themeName);
             const isSelected = actualIndex === selectedIndex;
@@ -286736,8 +286846,6 @@ function ThemePicker() {
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
           width: "100%",
-          paddingLeft: 1,
-          paddingRight: 1,
           flexDirection: "row",
           children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             fg: colors2.textMuted,
@@ -287290,7 +287398,7 @@ var apex = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromInts(40, 40, 60, 255),
@@ -287419,7 +287527,7 @@ var ayu = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#1a1f29"),
@@ -287548,7 +287656,7 @@ var catppuccin = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#45475a"),
@@ -287677,7 +287785,7 @@ var dracula = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#44475a"),
@@ -287806,7 +287914,7 @@ var everforest = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#3d484d"),
@@ -287935,7 +288043,7 @@ var flexoki = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#343331"),
@@ -288064,7 +288172,7 @@ var github = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#1f2937"),
@@ -288193,7 +288301,7 @@ var gruvbox = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#504945"),
@@ -288322,7 +288430,7 @@ var kanagawa = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#2d4f67"),
@@ -288451,7 +288559,7 @@ var material = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#364850"),
@@ -288580,7 +288688,7 @@ var monokai = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#4a474c"),
@@ -288709,7 +288817,7 @@ var nightfox = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#2b3b51"),
@@ -288838,7 +288946,7 @@ var nord = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#434c5e"),
@@ -288967,7 +289075,7 @@ var oneDark = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#3e4451"),
@@ -289096,7 +289204,7 @@ var rosePine = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#2a283e"),
@@ -289225,7 +289333,7 @@ var solarized = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#0a4a5c"),
@@ -289354,7 +289462,7 @@ var tokyonight = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#283457"),
@@ -289483,7 +289591,7 @@ var vesper = {
     },
     backgroundOverlay: {
       dark: RGBA.fromInts(0, 0, 0, 200),
-      light: RGBA.fromInts(255, 255, 255, 200)
+      light: RGBA.fromInts(0, 0, 0, 180)
     },
     backgroundSelected: {
       dark: RGBA.fromHex("#232323"),
@@ -289634,15 +289742,127 @@ async function detectTerminalMode(timeoutMs = 1000) {
   });
 }
 
+// src/tui/console-theme.ts
+var import_react85 = __toESM(require_react(), 1);
+var withAlpha = (rgba, a) => RGBA.fromValues(rgba.r, rgba.g, rgba.b, a);
+var overlayThemeRef = {
+  current: null
+};
+function buildConsoleOptions(themeColors) {
+  return {
+    backgroundColor: withAlpha(themeColors.backgroundPanel, 0.85),
+    titleBarColor: withAlpha(themeColors.backgroundElement, 0.9),
+    titleBarTextColor: themeColors.text,
+    colorDefault: themeColors.textMuted,
+    colorInfo: themeColors.info,
+    colorWarn: themeColors.warning,
+    colorError: themeColors.error,
+    colorDebug: themeColors.textMuted,
+    selectionColor: withAlpha(themeColors.primary, 0.35),
+    cursorColor: themeColors.primary,
+    copyButtonColor: themeColors.primary
+  };
+}
+function ConsoleThemeSync() {
+  const { colors: colors2 } = useTheme();
+  const renderer = useRenderer();
+  import_react85.useEffect(() => {
+    overlayThemeRef.current = colors2;
+    const c = renderer.console;
+    c.backgroundColor = withAlpha(colors2.backgroundPanel, 0.85);
+    c._rgbaTitleBar = withAlpha(colors2.backgroundElement, 0.9);
+    c._rgbaTitleBarText = colors2.text;
+    c._rgbaDefault = colors2.textMuted;
+    c._rgbaInfo = colors2.info;
+    c._rgbaWarn = colors2.warning;
+    c._rgbaError = colors2.error;
+    c._rgbaDebug = colors2.textMuted;
+    c._rgbaSelection = withAlpha(colors2.primary, 0.35);
+    c._rgbaCursor = colors2.primary;
+    c._rgbaCopyButton = colors2.primary;
+    c.markNeedsRerender();
+  }, [colors2]);
+  return null;
+}
+
+// src/tui/clipboard.ts
+function createClipboardManager(renderer) {
+  let clipboardNotifExpiry = 0;
+  const copyToClipboard = (text2) => {
+    renderer.copyToClipboardOSC52(text2);
+    try {
+      const proc = Bun.spawn(process.platform === "darwin" ? ["pbcopy"] : ["xclip", "-selection", "clipboard"], { stdin: "pipe" });
+      proc.stdin.write(text2);
+      proc.stdin.end();
+    } catch {}
+    clipboardNotifExpiry = Date.now() + 2000;
+    renderer.requestRender();
+    setTimeout(() => renderer.requestRender(), 2010);
+  };
+  const notifLabel = "Copied to clipboard";
+  const notifPadX = 1;
+  const notifBoxWidth = 1 + notifPadX + notifLabel.length + notifPadX + 1;
+  const notifBoxHeight = 3;
+  const notifMargin = 1;
+  renderer.addPostProcessFn((buffer) => {
+    if (Date.now() < clipboardNotifExpiry && overlayThemeRef.current) {
+      const c = overlayThemeRef.current;
+      const x4 = buffer.width - notifBoxWidth - notifMargin;
+      const y3 = notifMargin;
+      buffer.fillRect(x4, y3, notifBoxWidth, notifBoxHeight, c.backgroundElement);
+      buffer.drawBox({
+        x: x4,
+        y: y3,
+        width: notifBoxWidth,
+        height: notifBoxHeight,
+        border: true,
+        borderColor: c.border,
+        backgroundColor: c.backgroundElement,
+        shouldFill: false
+      });
+      buffer.drawText(notifLabel, x4 + 1 + notifPadX, y3 + 1, c.text, c.backgroundElement);
+    }
+  });
+  renderer.console.onCopySelection = copyToClipboard;
+  return { copyToClipboard };
+}
+
+// src/tui/auto-copy.ts
+function setupAutoCopy(renderer, copyToClipboard) {
+  renderer.console.getCopyButtonLabel = () => "Select to copy";
+  const originalHandleMouse = renderer.console.handleMouse.bind(renderer.console);
+  renderer.console.handleMouse = (event) => {
+    const result = originalHandleMouse(event);
+    if (event.type === "up") {
+      const c = renderer.console;
+      if (typeof c.hasSelection === "function" && c.hasSelection()) {
+        c.triggerCopy();
+      }
+    }
+    return result;
+  };
+  renderer.on("selection", (selection) => {
+    if (selection && !selection.isDragging) {
+      const text2 = selection.getSelectedText();
+      if (text2) {
+        copyToClipboard(text2);
+      }
+      process.nextTick(() => renderer.clearSelection());
+    }
+  });
+}
+
 // src/tui/index.tsx
 function App({ appConfig }) {
-  const [focusIndex, setFocusIndex] = import_react86.useState(0);
-  const [cwd, setCwd] = import_react86.useState(process.cwd());
-  const [ctrlCPressTime, setCtrlCPressTime] = import_react86.useState(null);
-  const [showExitWarning, setShowExitWarning] = import_react86.useState(false);
-  const [inputKey, setInputKey] = import_react86.useState(0);
-  const [showSessionsDialog, setShowSessionsDialog] = import_react86.useState(false);
-  const [showShortcutsDialog, setShowShortcutsDialog] = import_react86.useState(false);
+  const [focusIndex, setFocusIndex] = import_react88.useState(0);
+  const [cwd, setCwd] = import_react88.useState(process.cwd());
+  const [ctrlCPressTime, setCtrlCPressTime] = import_react88.useState(null);
+  const [showExitWarning, setShowExitWarning] = import_react88.useState(false);
+  const [inputKey, setInputKey] = import_react88.useState(0);
+  const [showSessionsDialog, setShowSessionsDialog] = import_react88.useState(false);
+  const [showShortcutsDialog, setShowShortcutsDialog] = import_react88.useState(false);
+  const [showThemeDialog, setShowThemeDialog] = import_react88.useState(false);
+  const [showAuthDialog, setShowAuthDialog] = import_react88.useState(false);
   const navigableItems = ["command-input"];
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ConfigProvider, {
     config: appConfig,
@@ -289654,6 +289874,8 @@ function App({ appConfig }) {
               children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(AgentProvider, {
                 children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(CommandProvider, {
                   onOpenSessionsDialog: () => setShowSessionsDialog(true),
+                  onOpenThemeDialog: () => setShowThemeDialog(true),
+                  onOpenAuthDialog: () => setShowAuthDialog(true),
                   children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(KeybindingProvider, {
                     deps: {
                       ctrlCPressTime,
@@ -289671,6 +289893,10 @@ function App({ appConfig }) {
                       setShowSessionsDialog,
                       showShortcutsDialog,
                       setShowShortcutsDialog,
+                      showThemeDialog,
+                      setShowThemeDialog,
+                      showAuthDialog,
+                      setShowAuthDialog,
                       cwd,
                       setCtrlCPressTime,
                       showExitWarning,
@@ -289694,6 +289920,10 @@ function AppContent({
   setShowSessionsDialog,
   showShortcutsDialog,
   setShowShortcutsDialog,
+  showThemeDialog,
+  setShowThemeDialog,
+  showAuthDialog,
+  setShowAuthDialog,
   cwd,
   setCtrlCPressTime,
   showExitWarning,
@@ -289707,14 +289937,14 @@ function AppContent({
   const { toast } = useToast();
   const { refocusPrompt } = useFocus();
   const { setExternalDialogOpen } = useDialog();
-  import_react86.useEffect(() => {
+  import_react88.useEffect(() => {
     checkForUpdate().then(({ updateAvailable, currentVersion, latestVersion }) => {
       if (!updateAvailable)
         return;
       toast(`Update available: v${currentVersion} → v${latestVersion}. Run: pensar upgrade`, "warn", 8000);
     });
   }, []);
-  import_react86.useEffect(() => {
+  import_react88.useEffect(() => {
     if (route.data.type !== "base")
       return;
     if (!config3.data.responsibleUseAccepted && route.data.path !== "disclosure") {
@@ -289723,7 +289953,12 @@ function AppContent({
       route.navigate({ type: "base", path: "providers" });
     }
   }, [config3.data.responsibleUseAccepted, route.data]);
-  import_react86.useEffect(() => {
+  import_react88.useEffect(() => {
+    if (showThemeDialog || showAuthDialog) {
+      setExternalDialogOpen(true);
+    }
+  }, [showThemeDialog, showAuthDialog]);
+  import_react88.useEffect(() => {
     if (showExitWarning) {
       const timer = setTimeout(() => {
         setShowExitWarning(false);
@@ -289745,6 +289980,22 @@ function AppContent({
     setInputKey((prev) => prev + 1);
     refocusPrompt();
   };
+  const handleCloseThemeDialog = () => {
+    setShowThemeDialog(false);
+    setTimeout(() => {
+      setExternalDialogOpen(false);
+    }, 0);
+    setInputKey((prev) => prev + 1);
+    refocusPrompt();
+  };
+  const handleCloseAuthDialog = () => {
+    setShowAuthDialog(false);
+    setTimeout(() => {
+      setExternalDialogOpen(false);
+    }, 0);
+    setInputKey((prev) => prev + 1);
+    refocusPrompt();
+  };
   const isHomeRoute = route.data.type === "base" && route.data.path === "home";
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
@@ -289757,7 +290008,8 @@ function AppContent({
     children: [
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(CommandDisplay, {
         focusIndex,
-        inputKey
+        inputKey,
+        onOpenAuthDialog: () => setShowAuthDialog(true)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(Footer, {
         cwd,
@@ -289769,6 +290021,12 @@ function AppContent({
       showShortcutsDialog && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ShortcutsDialog, {
         open: showShortcutsDialog,
         onClose: handleCloseShortcutsDialog
+      }, undefined, false, undefined, this),
+      showThemeDialog && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ThemePicker, {
+        onClose: handleCloseThemeDialog
+      }, undefined, false, undefined, this),
+      showAuthDialog && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(AuthFlow, {
+        onClose: handleCloseAuthDialog
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
@@ -289776,7 +290034,8 @@ function AppContent({
 var RouteSwitch = createSwitch();
 function CommandDisplay({
   focusIndex,
-  inputKey
+  inputKey,
+  onOpenAuthDialog
 }) {
   const route = useRoute();
   const config3 = useConfig();
@@ -289853,10 +290112,6 @@ function CommandDisplay({
             when: "providers",
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ProviderManager, {}, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RouteSwitch.Case, {
-            when: "theme",
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ThemePicker, {}, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RouteSwitch.Case, {
             when: "help",
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(HelpDialog, {}, undefined, false, undefined, this)
@@ -289865,13 +290120,11 @@ function CommandDisplay({
             when: "models",
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ModelsDisplay, {}, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
-          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RouteSwitch.Case, {
-            when: "auth",
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(AuthFlow, {}, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RouteSwitch.Case, {
             when: "credits",
-            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(CreditsFlow, {}, undefined, false, undefined, this)
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(CreditsFlow, {
+              onOpenAuthDialog
+            }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(RouteSwitch.Case, {
             when: "create-skill",
@@ -289886,7 +290139,7 @@ function CommandDisplay({
       sessionId: route.data.sessionId,
       initialMessage: route.data.initialMessage,
       initialConfig: route.data.initialConfig
-    }, undefined, false, undefined, this);
+    }, route.data.sessionId ?? route.data.nonce ?? "new", false, undefined, this);
   }
   if (route.data.type === "pentest") {
     if (route.data.openAsOperator) {
@@ -289912,7 +290165,14 @@ async function main2() {
   } else {
     mode = await detectTerminalMode();
   }
-  const renderer = await createCliRenderer({ exitOnCtrlC: false });
+  const themeColors = resolveThemeColors(getTheme(themeName), mode);
+  overlayThemeRef.current = themeColors;
+  const renderer = await createCliRenderer({
+    exitOnCtrlC: false,
+    consoleOptions: buildConsoleOptions(themeColors)
+  });
+  const { copyToClipboard } = createClipboardManager(renderer);
+  setupAutoCopy(renderer, copyToClipboard);
   const cleanup = () => {
     renderer.destroy();
     process.exit(0);
@@ -289934,16 +290194,19 @@ async function main2() {
   createRoot(renderer).render(/* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ThemeProvider, {
     initialTheme: themeName,
     initialMode: mode,
-    children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ToastProvider, {
-      children: [
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ErrorBoundary2, {
-          children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(App, {
-            appConfig
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ToastContainer, {}, undefined, false, undefined, this)
-      ]
-    }, undefined, true, undefined, this)
-  }, undefined, false, undefined, this));
+    children: [
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ConsoleThemeSync, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ToastProvider, {
+        children: [
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ErrorBoundary2, {
+            children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(App, {
+              appConfig
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(ToastContainer, {}, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this));
 }
 main2();