@golba98/codexa 1.0.2 → 1.0.4

package/src/ui/ActivityBars.tsx

@@ -18,7 +18,7 @@ interface WaveBarProps {
 
 export function WaveBar({ tick, color }: WaveBarProps) {
   const theme = useTheme();
-  const activeColor = color ?? theme.ACCENT;
+  const activeColor = color ?? theme.accent;
 
   let str = "";
   for (let c = 0; c < WAVE_COLS; c++) {
@@ -48,8 +48,8 @@ interface PulseBarProps {
 
 export function PulseBar({ tick, color, dimColor }: PulseBarProps) {
   const theme = useTheme();
-  const activeColor = color ?? theme.ACCENT;
-  const inactiveColor = dimColor ?? theme.DIM;
+  const activeColor = color ?? theme.accent;
+  const inactiveColor = dimColor ?? theme.textDim;
 
   const raw = Math.floor(tick / PULSE_SPEED) % PULSE_PERIOD;
   const pos = raw < PULSE_MAX_POS ? raw : PULSE_PERIOD - raw;

package/src/ui/ActivityIndicator.tsx

@@ -32,26 +32,26 @@ export function ActivityIndicator({ uiState, externalCliStatus = "idle" }: Activ
   }, [isAnimated]);
 
   let glyph = "?";
-  let color = theme.DIM;
+  let color = theme.textDim;
   let bold = false;
 
   if (isError) {
     glyph = "�";
-    color = theme.ERROR;
+    color = theme.error;
     bold = true;
   } else if (isAction) {
     glyph = "?";
-    color = theme.WARNING;
+    color = theme.warning;
     bold = true;
   } else if (isStarting || isThinking) {
     glyph = SPINNER_FRAMES[frameIndex % SPINNER_FRAMES.length]!;
-    color = theme.TEXT;
+    color = theme.text;
   } else if (isStreaming) {
     glyph = STREAMING_FRAMES[frameIndex % STREAMING_FRAMES.length]!;
-    color = theme.SUCCESS;
+    color = theme.success;
   } else {
     glyph = "?";
-    color = theme.DIM;
+    color = theme.textDim;
   }
 
   return <Text color={color} bold={bold}>{glyph}</Text>;

package/src/ui/AgentBlock.tsx

@@ -49,7 +49,7 @@ const StreamingCursor = memo(function StreamingCursor() {
   const theme = useTheme();
   return (
     <Box width="100%" paddingLeft={2}>
-      <Text color={theme.ACCENT}>{"▌"}</Text>
+      <Text color={theme.accent}>{"▌"}</Text>
     </Box>
   );
 });
@@ -93,14 +93,14 @@ export function AgentBlock({
     : runStatus;
   const heading = run?.runtime.model ? run.runtime.model.toUpperCase().replace(/-/g, " ") : "Codex";
 
-  const borderColor = dim ? theme.BORDER_SUBTLE : (runPhase === "streaming" ? theme.BORDER_ACTIVE : theme.BORDER_SUBTLE);
+  const borderColor = dim ? theme.border : (runPhase === "streaming" ? theme.borderFocused : theme.border);
 
   return (
     <DashCard cols={cols} title={heading} rightBadge={rightBadge} borderColor={borderColor}>
       {!streaming && failureMessage && (
         <Box flexDirection="column" width="100%">
           {wrapPlainText(failureMessage, contentWidth).map((row, index) => (
-            <Text key={index} color={theme.ERROR}>{index === 0 ? `✕ ${row || " "}` : row || " "}</Text>
+            <Text key={index} color={theme.error}>{index === 0 ? `✕ ${row || " "}` : row || " "}</Text>
           ))}
         </Box>
       )}
@@ -116,12 +116,12 @@ export function AgentBlock({
       {!streaming && run && run.status !== "running" && (
         <Box flexDirection="column" width="100%">
           {run.status === "canceled" && cancelMessage ? (
-            <Text color={theme.WARNING}>{cancelMessage}</Text>
+            <Text color={theme.warning}>{cancelMessage}</Text>
           ) : run.status === "completed" && pipelineState.length === 0 ? (
-            <Text color={theme.DIM}>{"(no output)"}</Text>
+            <Text color={theme.textDim}>{"(no output)"}</Text>
           ) : null}
           {run.truncatedOutput && (
-            <Text color={theme.DIM}>{RUN_OUTPUT_TRUNCATION_NOTICE}</Text>
+            <Text color={theme.textDim}>{RUN_OUTPUT_TRUNCATION_NOTICE}</Text>
           )}
         </Box>
       )}

package/src/ui/AnimatedStatusText.tsx

@@ -62,7 +62,7 @@ export function AnimatedStatusText({ baseText, isActive, isError = false, animat
   const suffix = isActive ? animationFrame ?? localFrame : "";
 
   return (
-    <Text color={isError ? theme.ERROR : theme.INFO} wrap="truncate">
+    <Text color={isError ? theme.error : theme.info} wrap="truncate">
       {renderedText}{suffix}
     </Text>
   );