Sync upstream Gemini-CLI v0.8.2 (#838)

packages/cli/src/ui/components/AnsiOutput.tsx

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type React from 'react';
+import { Text } from 'ink';
+import type {
+  AnsiLine,
+  AnsiOutput,
+  AnsiToken,
+} from '@qwen-code/qwen-code-core';
+
+const DEFAULT_HEIGHT = 24;
+
+interface AnsiOutputProps {
+  data: AnsiOutput;
+  availableTerminalHeight?: number;
+}
+
+export const AnsiOutputText: React.FC<AnsiOutputProps> = ({
+  data,
+  availableTerminalHeight,
+}) => {
+  const lastLines = data.slice(
+    -(availableTerminalHeight && availableTerminalHeight > 0
+      ? availableTerminalHeight
+      : DEFAULT_HEIGHT),
+  );
+  return lastLines.map((line: AnsiLine, lineIndex: number) => (
+    <Text key={lineIndex}>
+      {line.length > 0
+        ? line.map((token: AnsiToken, tokenIndex: number) => (
+            <Text
+              key={tokenIndex}
+              color={token.inverse ? token.bg : token.fg}
+              backgroundColor={token.inverse ? token.fg : token.bg}
+              dimColor={token.dim}
+              bold={token.bold}
+              italic={token.italic}
+              underline={token.underline}
+            >
+              {token.text}
+            </Text>
+          ))
+        : null}
+    </Text>
+  ));
+};