Iterm refactor (#33)

* Add a warning about the flickering in iTerm.

* Move the iterm warning out of App.tsx.

1 files changed, 16 insertions, 0 deletions

diff --git a/packages/cli/src/ui/utils/itermDetection.tsx b/packages/cli/src/ui/utils/itermDetection.tsx
new file mode 100644
index 00000000..9a847724
--- /dev/null
+++ b/packages/cli/src/ui/utils/itermDetection.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+
+const ITermDetectionWarning: React.FC = () => {
+  if (process.env.TERM_PROGRAM !== 'iTerm.app') {
+    return null; // Don't render anything if not in iTerm
+  }
+
+  return (
+    <Box marginTop={1}>
+      <Text dimColor>Note: Flickering may occur in iTerm.</Text>
+    </Box>
+  );
+};
+
+export default ITermDetectionWarning;