@pensar/apex 0.0.64 → 0.0.65-canary.2b59d24e

package/README.md

@@ -9,7 +9,7 @@
   <!-- <a href="https://www.npmjs.com/package/@pensar/apex"><img src="https://img.shields.io/npm/dm/@pensar/apex" alt="npm downloads"></a> -->
   <a href="./LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-blue" alt="Apache 2.0 License"></a>
   <a href="https://docs.pensar.dev/apex"><img src="https://img.shields.io/badge/docs-docs.pensar.dev/apex-purple?logo=readthedocs&logoColor=white" alt="Documentation"></a>
-  <a href="https://discord.gg/UdaftduzRR"><img src="https://img.shields.io/badge/Discord-Join%20Us-5865F2?logo=discord&logoColor=white" alt="Discord"></a>
+  <a href="https://discord.gg/YBefpbV5M2"><img src="https://img.shields.io/badge/Discord-Join%20Us-5865F2?logo=discord&logoColor=white" alt="Discord"></a>
 </p>
 
 <p align="center">

package/build/index.js

@@ -135479,7 +135479,9 @@ var colors = {
   linkColor: RGBA.fromInts(100, 200, 255, 255),
   borderDark: RGBA.fromInts(30, 30, 30, 255),
   backgroundDark: RGBA.fromInts(40, 40, 40, 255),
-  backgroundDarker: RGBA.fromInts(10, 10, 10, 255)
+  backgroundDarker: RGBA.fromInts(10, 10, 10, 255),
+  backgroundElement: RGBA.fromInts(40, 40, 40, 255),
+  modalOverlay: RGBA.fromInts(0, 0, 0, 150)
 };
 // src/tui/theme/index.ts
 function getTierColor(colorsOrTier, maybeTier) {
@@ -136480,11 +136482,11 @@ function Footer({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(AgentStatus, {}, undefined, false, undefined, this),
           route.data.type === "pentest" && session.active && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: "white",
+            fg: colors2.text,
             children: [
               "Session: ",
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: "gray",
+                fg: colors2.textMuted,
                 children: session.active.name
               }, undefined, false, undefined, this)
             ]
@@ -137331,7 +137333,7 @@ function Dialog({ size = "medium", onClose, children }) {
     paddingTop: dimensions.height / 4,
     left: 0,
     top: 0,
-    backgroundColor: RGBA.fromInts(0, 0, 0, 150),
+    backgroundColor: colors.modalOverlay,
     children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
       onMouseUp: async (e) => {
         if (renderer.getSelection())
@@ -137340,7 +137342,7 @@ function Dialog({ size = "medium", onClose, children }) {
       },
       width: size === "large" ? 80 : 60,
       maxWidth: dimensions.width - 2,
-      backgroundColor: "black",
+      backgroundColor: colors.backgroundElement,
       paddingTop: 1,
       children
     }, undefined, false, undefined, this)
@@ -138561,13 +138563,7 @@ var providerNames = {
   bedrock: "Bedrock",
   local: "Local LLM"
 };
-var providerOrder = [
-  "anthropic",
-  "openai",
-  "openrouter",
-  "bedrock",
-  "local"
-];
+var providerOrder = ["anthropic", "openai", "openrouter", "bedrock", "local"];
 function ModelPicker({
   config: config2,
   selectedModel,
@@ -138809,7 +138805,7 @@ function ModelPicker({
                         children: [
                           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                             fg: colors2.primary,
-                            children: "  URL: "
+                            children: " URL: "
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
                             focused: true,
@@ -138840,7 +138836,7 @@ function ModelPicker({
                         children: [
                           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                             fg: colors2.primary,
-                            children: "  Model: "
+                            children: " Model: "
                           }, undefined, false, undefined, this),
                           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("input", {
                             focused: true,
@@ -139293,6 +139289,8 @@ var Input = import_react38.forwardRef(function Input2(opts, ref) {
         backgroundColor: "transparent",
         focused,
         cursorColor: colors2.textMuted,
+        textColor: colors2.text,
+        focusedTextColor: colors2.text,
         ...inputProps
       }, undefined, false, undefined, this)
     ]
@@ -146326,11 +146324,8 @@ function ToolDetails({ message }) {
 }
 
 // src/tui/components/pentest/pentest.tsx
-var green2 = colors.greenAccent;
-var cream = colors.creamText;
-var dim2 = colors.dimText;
-var dark = colors.backgroundDarker;
 function Pentest({ sessionId }) {
+  const { colors: colors2 } = useTheme();
   const route = useRoute();
   const { model, setThinking, setIsExecuting, isExecuting } = useAgent();
   const { stack, externalDialogOpen } = useDialog();
@@ -146766,7 +146761,7 @@ function Pentest({ sessionId }) {
       flexGrow: 1,
       children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
         label: "Loading session...",
-        fg: "green"
+        fg: colors2.primary
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
   }
@@ -146781,14 +146776,14 @@ function Pentest({ sessionId }) {
       gap: 2,
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "red",
+          fg: colors2.error,
           children: [
             "Error: ",
-            error41 || "Session not found"
+            error41 ?? "Session not found"
           ]
         }, undefined, true, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: dim2,
+          fg: colors2.textMuted,
           children: "Press ESC to return home"
         }, undefined, false, undefined, this)
       ]
@@ -146831,8 +146826,8 @@ function Pentest({ sessionId }) {
               alignItems: "center",
               justifyContent: "center",
               border: true,
-              borderColor: dim2,
-              backgroundColor: dark,
+              borderColor: colors2.borderSubtle,
+              backgroundColor: colors2.backgroundElement,
               padding: 2,
               children: phase === "discovery" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
                 flexDirection: "column",
@@ -146841,18 +146836,18 @@ function Pentest({ sessionId }) {
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
                     label: "Discovering attack surface...",
-                    fg: "green"
+                    fg: colors2.primary
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    fg: dim2,
+                    fg: colors2.textMuted,
                     children: "Press [D] to view orchestrator logs"
                   }, undefined, false, undefined, this)
                 ]
               }, undefined, true, undefined, this) : phase === "reporting" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
                 label: "Generating report...",
-                fg: "green"
+                fg: colors2.primary
               }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: "No pentest agents spawned yet"
               }, undefined, false, undefined, this)
             }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(AgentCardGrid, {
@@ -146869,19 +146864,19 @@ function Pentest({ sessionId }) {
       phase === "completed" && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         width: "100%",
         padding: 1,
-        backgroundColor: dark,
+        backgroundColor: colors2.backgroundElement,
         border: true,
-        borderColor: green2,
+        borderColor: colors2.primary,
         flexDirection: "column",
         alignItems: "center",
         gap: 1,
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: green2,
+            fg: colors2.primary,
             children: "Pentest Completed"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: [
               session.rootPath,
               "/pentest-report.md"
@@ -146894,11 +146889,11 @@ function Pentest({ sessionId }) {
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: green2,
+                    fg: colors2.primary,
                     children: "[Enter]"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: dim2,
+                    fg: colors2.textMuted,
                     children: " View Report"
                   }, undefined, false, undefined, this)
                 ]
@@ -146906,11 +146901,11 @@ function Pentest({ sessionId }) {
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: green2,
+                    fg: colors2.primary,
                     children: "[ESC]"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: dim2,
+                    fg: colors2.textMuted,
                     children: " Close"
                   }, undefined, false, undefined, this)
                 ]
@@ -146936,6 +146931,7 @@ function OrchestratorPanel({
   expanded,
   onToggle
 }) {
+  const { colors: colors2 } = useTheme();
   const isRunning = phase !== "loading" && phase !== "completed" && phase !== "error";
   const assetSummary = import_react70.useMemo(() => {
     const byType = {};
@@ -146970,8 +146966,8 @@ function OrchestratorPanel({
     return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
       flexGrow: 1,
       border: true,
-      borderColor: green2,
-      backgroundColor: dark,
+      borderColor: colors2.primary,
+      backgroundColor: colors2.backgroundElement,
       flexDirection: "column",
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -146979,7 +146975,7 @@ function OrchestratorPanel({
           alignItems: "center",
           justifyContent: "space-between",
           padding: 1,
-          borderColor: dim2,
+          borderColor: colors2.borderSubtle,
           border: ["bottom"],
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -146987,9 +146983,9 @@ function OrchestratorPanel({
               gap: 1,
               children: isRunning ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
                 label: `Orchestrator — ${phaseLabel}`,
-                fg: "green"
+                fg: colors2.primary
               }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: phase === "completed" ? green2 : phase === "error" ? colors.redText : dim2,
+                fg: phase === "completed" ? colors2.primary : phase === "error" ? colors2.error : colors2.textMuted,
                 children: [
                   phase === "completed" ? "✓" : phase === "error" ? "✗" : "●",
                   " ",
@@ -146999,19 +146995,19 @@ function OrchestratorPanel({
               }, undefined, true, undefined, this)
             }, undefined, false, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: dim2,
+              fg: colors2.textMuted,
               children: [
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: green2,
+                  fg: colors2.primary,
                   children: "[D]"
                 }, undefined, false, undefined, this),
-                " collapse | ",
+                " collapse |",
+                " ",
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: green2,
+                  fg: colors2.primary,
                   children: "[ESC]"
                 }, undefined, false, undefined, this),
-                " ",
-                "close"
+                " close"
               ]
             }, undefined, true, undefined, this)
           ]
@@ -147028,18 +147024,18 @@ function OrchestratorPanel({
           flexDirection: "row",
           justifyContent: "space-between",
           padding: 1,
-          borderColor: dim2,
+          borderColor: colors2.borderSubtle,
           border: ["top"],
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: dim2,
+              fg: colors2.textMuted,
               children: [
                 messages.length,
                 " messages"
               ]
             }, undefined, true, undefined, this),
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: dim2,
+              fg: colors2.textMuted,
               children: [
                 assets.length,
                 " assets found"
@@ -147053,8 +147049,8 @@ function OrchestratorPanel({
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     width: 32,
     border: true,
-    borderColor: isRunning ? green2 : dim2,
-    backgroundColor: dark,
+    borderColor: isRunning ? colors2.primary : colors2.textMuted,
+    backgroundColor: colors2.backgroundElement,
     flexDirection: "column",
     onMouseDown: onToggle,
     children: [
@@ -147063,7 +147059,7 @@ function OrchestratorPanel({
         alignItems: "center",
         justifyContent: "space-between",
         padding: 1,
-        borderColor: dim2,
+        borderColor: colors2.borderSubtle,
         border: ["bottom"],
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -147071,9 +147067,9 @@ function OrchestratorPanel({
             gap: 1,
             children: isRunning ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
               label: phaseLabel,
-              fg: "green"
+              fg: colors2.primary
             }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: phase === "completed" ? green2 : dim2,
+              fg: phase === "completed" ? colors2.primary : colors2.textMuted,
               children: [
                 phase === "completed" ? "✓" : "●",
                 " ",
@@ -147082,7 +147078,7 @@ function OrchestratorPanel({
             }, undefined, true, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: "[D]"
           }, undefined, false, undefined, this)
         ]
@@ -147095,11 +147091,11 @@ function OrchestratorPanel({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: "Phase: "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: isRunning ? green2 : cream,
+                fg: isRunning ? colors2.primary : colors2.text,
                 children: phaseLabel
               }, undefined, false, undefined, this)
             ]
@@ -147107,11 +147103,11 @@ function OrchestratorPanel({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: "Assets: "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: cream,
+                fg: colors2.text,
                 children: assets.length
               }, undefined, false, undefined, this)
             ]
@@ -147119,11 +147115,11 @@ function OrchestratorPanel({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: "Messages: "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: cream,
+                fg: colors2.text,
                 children: messages.length
               }, undefined, false, undefined, this)
             ]
@@ -147141,7 +147137,7 @@ function OrchestratorPanel({
           flexDirection: "column",
           children: [
             /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-              fg: dim2,
+              fg: colors2.textMuted,
               children: [
                 assetTypeLabels[type] ?? type,
                 " (",
@@ -147152,10 +147148,10 @@ function OrchestratorPanel({
             items.map((a, i) => {
               const label = a.assetName;
               return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: riskColor(a.riskLevel),
+                    fg: riskColor(colors2, a.riskLevel),
                     children: "• "
                   }, undefined, false, undefined, this),
                   label.length > 26 ? label.slice(0, 26) + "…" : label
@@ -147168,16 +147164,16 @@ function OrchestratorPanel({
     ]
   }, undefined, true, undefined, this);
 }
-function riskColor(level) {
+function riskColor(colors2, level) {
   switch (level) {
     case "CRITICAL":
-      return colors.redText;
+      return colors2.error;
     case "HIGH":
-      return colors.orangeText;
+      return colors2.warning;
     case "MEDIUM":
-      return colors.yellowText;
+      return colors2.warning;
     default:
-      return colors.greenAccent;
+      return colors2.success;
   }
 }
 function AgentCardGrid({
@@ -147185,6 +147181,7 @@ function AgentCardGrid({
   focusedIndex,
   onSelectAgent
 }) {
+  const { colors: colors2 } = useTheme();
   const rows = import_react70.useMemo(() => {
     const result = [];
     for (let i = 0;i < agents.length; i += 2) {
@@ -147226,11 +147223,12 @@ function AgentCard({
   focused,
   onSelect
 }) {
+  const { colors: colors2 } = useTheme();
   const statusIcon = { pending: "◐", completed: "✓", failed: "✗" }[agent.status];
   const statusColor = {
-    pending: green2,
-    completed: green2,
-    failed: colors.errorColor
+    pending: colors2.primary,
+    completed: colors2.primary,
+    failed: colors2.error
   }[agent.status];
   const lastActivity = import_react70.useMemo(() => {
     const last = agent.messages[agent.messages.length - 1];
@@ -147245,8 +147243,8 @@ function AgentCard({
     flexBasis: 0,
     minWidth: 40,
     border: true,
-    borderColor: focused ? green2 : dim2,
-    backgroundColor: dark,
+    borderColor: focused ? colors2.primary : colors2.textMuted,
+    backgroundColor: colors2.backgroundElement,
     flexDirection: "column",
     padding: 1,
     rowGap: 1,
@@ -147263,13 +147261,13 @@ function AgentCard({
             children: statusIcon
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: focused ? cream : dim2,
+            fg: focused ? colors2.text : colors2.textMuted,
             children: agent.target || agent.name
           }, undefined, false, undefined, this)
         ]
       }, undefined, true, undefined, this),
       agent.target && agent.name !== agent.target && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: dim2,
+        fg: colors2.textMuted,
         children: agent.name
       }, undefined, false, undefined, this),
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
@@ -147278,20 +147276,20 @@ function AgentCard({
         marginTop: 1,
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: toolCalls
               }, undefined, false, undefined, this),
               " calls"
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: agent.messages.length
               }, undefined, false, undefined, this),
               " msgs"
@@ -147304,9 +147302,9 @@ function AgentCard({
         overflow: "hidden",
         children: agent.status === "pending" ? /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(SpinnerDots, {
           label: lastActivity,
-          fg: "green"
+          fg: colors2.primary
         }, undefined, false, undefined, this) : /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: agent.status === "completed" ? green2 : dim2,
+          fg: agent.status === "completed" ? colors2.primary : colors2.textMuted,
           children: agent.status === "completed" ? "✓ Complete" : lastActivity
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this)
@@ -147317,10 +147315,11 @@ function AgentDetailView({
   agent,
   onBack
 }) {
+  const { colors: colors2 } = useTheme();
   const statusColor = {
-    pending: green2,
-    completed: green2,
-    failed: colors.errorColor
+    pending: colors2.primary,
+    completed: colors2.primary,
+    failed: colors2.error
   }[agent.status];
   return /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
     flexDirection: "column",
@@ -147331,7 +147330,7 @@ function AgentDetailView({
       /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("box", {
         width: "100%",
         border: ["bottom"],
-        borderColor: green2,
+        borderColor: colors2.primary,
         flexDirection: "row",
         justifyContent: "space-between",
         padding: 1,
@@ -147341,10 +147340,10 @@ function AgentDetailView({
             gap: 1,
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: dim2
+                fg: colors2.textMuted
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: cream,
+                fg: colors2.text,
                 children: agent.name
               }, undefined, false, undefined, this)
             ]
@@ -147356,11 +147355,11 @@ function AgentDetailView({
               agent.target && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: dim2,
+                    fg: colors2.textMuted,
                     children: "Target: "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                    fg: cream,
+                    fg: colors2.text,
                     children: agent.target
                   }, undefined, false, undefined, this)
                 ]
@@ -147386,11 +147385,11 @@ function AgentDetailView({
         flexDirection: "row",
         justifyContent: "space-between",
         border: ["top"],
-        borderColor: green2,
+        borderColor: colors2.primary,
         padding: 1,
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: [
               agent.messages.length,
               " messages"
@@ -147402,11 +147401,11 @@ function AgentDetailView({
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
               children: [
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: green2,
+                  fg: colors2.primary,
                   children: "[ESC]"
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                  fg: dim2,
+                  fg: colors2.textMuted,
                   children: " Back to overview"
                 }, undefined, false, undefined, this)
               ]
@@ -147424,6 +147423,7 @@ function MetricsBar({
   startTime,
   isExecuting
 }) {
+  const { colors: colors2 } = useTheme();
   const [now2, setNow] = import_react70.useState(Date.now());
   import_react70.useEffect(() => {
     if (!isExecuting)
@@ -147449,7 +147449,7 @@ function MetricsBar({
     width: "100%",
     flexDirection: "row",
     justifyContent: "space-between",
-    borderColor: green2,
+    borderColor: colors2.primary,
     border: ["top"],
     padding: 1,
     children: [
@@ -147459,38 +147459,38 @@ function MetricsBar({
         children: [
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-              fg: isExecuting ? green2 : dim2,
+              fg: isExecuting ? colors2.primary : colors2.textMuted,
               children: phaseLabel
             }, undefined, false, undefined, this)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: "|"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: assets.length
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: " assets"
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: "|"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: isExecuting ? green2 : dim2,
+                fg: isExecuting ? colors2.primary : colors2.textMuted,
                 children: active
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: [
                   "/",
                   total,
@@ -147500,11 +147500,11 @@ function MetricsBar({
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: "|"
           }, undefined, false, undefined, this),
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-            fg: dim2,
+            fg: colors2.textMuted,
             children: formattedDuration
           }, undefined, false, undefined, this)
         ]
@@ -147516,11 +147516,11 @@ function MetricsBar({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: "[D]"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: " Orchestrator"
               }, undefined, false, undefined, this)
             ]
@@ -147528,11 +147528,11 @@ function MetricsBar({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: "[Tab]"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: " Navigate"
               }, undefined, false, undefined, this)
             ]
@@ -147540,11 +147540,11 @@ function MetricsBar({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: "[Enter]"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: " View"
               }, undefined, false, undefined, this)
             ]
@@ -147552,11 +147552,11 @@ function MetricsBar({
           /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: green2,
+                fg: colors2.primary,
                 children: "[ESC]"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("span", {
-                fg: dim2,
+                fg: colors2.textMuted,
                 children: " Back"
               }, undefined, false, undefined, this)
             ]
@@ -148247,6 +148247,7 @@ function OperatorDashboard({
   sessionId,
   isResume = false
 }) {
+  const { colors: colors2 } = useTheme();
   const route = useRoute();
   const config4 = useConfig();
   const { model, setThinking, setIsExecuting } = useAgent();
@@ -148478,7 +148479,7 @@ function OperatorDashboard({
       alignItems: "center",
       justifyContent: "center",
       children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-        fg: colors.dimText,
+        fg: colors2.textMuted,
         children: "Loading session..."
       }, undefined, false, undefined, this)
     }, undefined, false, undefined, this);
@@ -148493,15 +148494,15 @@ function OperatorDashboard({
       gap: 1,
       children: [
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "red",
+          fg: colors2.error,
           children: "Failed to load session"
         }, undefined, false, undefined, this),
         error41 && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: colors.dimText,
+          fg: colors2.textMuted,
           children: error41
         }, undefined, false, undefined, this),
         /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: colors.dimText,
+          fg: colors2.textMuted,
           children: "Press ESC to go back"
         }, undefined, false, undefined, this)
       ]
@@ -148527,25 +148528,25 @@ function OperatorDashboard({
             gap: 2,
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: colors.greenAccent,
+                fg: colors2.primary,
                 children: "Operator"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: colors.dimText,
+                fg: colors2.textMuted,
                 children: "•"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: colors.creamText,
+                fg: colors2.text,
                 children: session.name
               }, undefined, false, undefined, this),
               session.targets[0] && /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV(import_jsx_dev_runtime2.Fragment, {
                 children: [
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    fg: colors.dimText,
+                    fg: colors2.textMuted,
                     children: "•"
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                    fg: colors.dimText,
+                    fg: colors2.textMuted,
                     children: session.targets[0]
                   }, undefined, false, undefined, this)
                 ]
@@ -148557,11 +148558,11 @@ function OperatorDashboard({
             gap: 2,
             children: [
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: operatorState.mode === "auto" ? colors.greenAccent : operatorState.mode === "plan" ? colors.yellowText : colors.toolColor,
+                fg: operatorState.mode === "auto" ? colors2.primary : operatorState.mode === "plan" ? colors2.warning : colors2.info,
                 children: operatorState.mode.toUpperCase()
               }, undefined, false, undefined, this),
               /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-                fg: colors.dimText,
+                fg: colors2.textMuted,
                 children: model.name
               }, undefined, false, undefined, this)
             ]
@@ -148573,7 +148574,7 @@ function OperatorDashboard({
         paddingRight: 2,
         flexShrink: 0,
         children: /* @__PURE__ */ import_jsx_dev_runtime2.jsxDEV("text", {
-          fg: "red",
+          fg: colors2.error,
           children: error41
         }, undefined, false, undefined, this)
       }, undefined, false, undefined, this),

package/package.json

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