@abacus-ai/cli 1.106.25007 → 2.0.0-canary.0

package/src/components/composer/agent-mode-indicator.tsx

@@ -0,0 +1,63 @@
+import { Text } from "@codellm/jar";
+import { memo } from "react";
+
+import type { InterruptHints } from "../../hooks/use-interrupt-manager.js";
+
+import { useAgentMode } from "../../context/agent-mode.js";
+import { AgentMode } from "./types.js";
+
+interface AgentModeIndicatorProps {
+  hints?: InterruptHints;
+  availableHeight?: number;
+}
+
+export const AgentModeIndicator = memo(({ hints, availableHeight }: AgentModeIndicatorProps) => {
+  const { agentMode, isWaitingForYoloConfirm } = useAgentMode();
+
+  if (availableHeight !== undefined && availableHeight < 1) {
+    return null;
+  }
+
+  if (hints?.exitKey) {
+    const keyName = hints.exitKey === "c" ? "Ctrl+C" : "Ctrl+D";
+    return <Text dimColor>Press {keyName} again to exit</Text>;
+  }
+
+  if (isWaitingForYoloConfirm) {
+    return (
+      <Text dimColor>
+        Press <Text color="redBright">shift+tab</Text> again to enable YOLO mode (dangerous)
+      </Text>
+    );
+  }
+
+  switch (agentMode) {
+    case AgentMode.Normal:
+      return <Text dimColor>? for shortcuts • shift+tab to cycle modes</Text>;
+
+    case AgentMode.AcceptEdits:
+      return (
+        <Text dimColor>
+          <Text color="cyanBright">⏵⏵</Text> accept edits on (shift+tab to cycle)
+        </Text>
+      );
+
+    case AgentMode.PlanMode:
+      return (
+        <Text dimColor>
+          <Text color="cyanBright">⏸</Text> plan mode on (shift+tab to cycle)
+        </Text>
+      );
+
+    case AgentMode.Yolo:
+      return (
+        <Text dimColor>
+          <Text color="redBright">⚠</Text> YOLO mode - all tools auto-accepted (shift+tab to cycle)
+        </Text>
+      );
+
+    default:
+      return <Text dimColor>? for shortcuts</Text>;
+  }
+});
+AgentModeIndicator.displayName = "AgentModeIndicator";

package/src/components/composer/bash-runner.tsx

@@ -0,0 +1,54 @@
+import { View, Text } from "@codellm/jar";
+
+import { abbreviateHome } from "../../lib/path.js";
+
+interface BashRunnerProps {
+  output: string;
+  command: string;
+  truncate?: boolean;
+  maxLines?: number;
+}
+
+export function BashRunner({ output, command, truncate = false, maxLines = 10 }: BashRunnerProps) {
+  const lines = output.split("\n");
+
+  // Truncate output if requested and output is large
+  let displayLines: Array<{ line: string; originalIndex: number }> = [];
+  let isTruncated = false;
+
+  if (truncate && lines.length > maxLines) {
+    // Ensure we show at least one line even with very small maxLines
+    // For maxLines=1, show the last line; for maxLines=2, show first and last
+    const halfLines = Math.max(1, Math.floor(maxLines / 2));
+    const firstHalf = lines.slice(0, halfLines).map((line, idx) => ({ line, originalIndex: idx }));
+    const lastHalf = lines
+      .slice(-halfLines)
+      .map((line, idx) => ({ line, originalIndex: lines.length - halfLines + idx }));
+    displayLines = [...firstHalf, ...lastHalf];
+    isTruncated = true;
+  } else {
+    displayLines = lines.map((line, idx) => ({ line, originalIndex: idx }));
+  }
+
+  return (
+    <View flexDirection="column" paddingX={1}>
+      <Text dimColor>{`${abbreviateHome(process.cwd())}$ ${command}`}</Text>
+      {output &&
+        displayLines.map((item, index) => {
+          // Insert truncation indicator in the middle
+          // Use originalIndex to ensure keys are unique even when truncation causes index overlap
+          // Calculate the position for truncation indicator (middle of displayLines)
+          if (isTruncated && index === Math.floor(displayLines.length / 2)) {
+            const hiddenLines = lines.length - maxLines;
+            return (
+              <View key={`trunc-${item.originalIndex}`} flexDirection="column">
+                <Text dimColor>... ({hiddenLines} lines hidden) ...</Text>
+                <Text>{item.line}</Text>
+              </View>
+            );
+          }
+          return <Text key={`line-${item.originalIndex}`}>{item.line}</Text>;
+        })}
+    </View>
+  );
+}