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

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

@@ -0,0 +1,62 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box, Text } from 'ink';
+import { useAppContext } from '../contexts/AppContext.js';
+import { useUIState } from '../contexts/UIStateContext.js';
+import { theme } from '../semantic-colors.js';
+import { StreamingState } from '../types.js';
+import { UpdateNotification } from './UpdateNotification.js';
+
+export const Notifications = () => {
+  const { startupWarnings } = useAppContext();
+  const { initError, streamingState, updateInfo } = useUIState();
+
+  const showStartupWarnings = startupWarnings.length > 0;
+  const showInitError =
+    initError && streamingState !== StreamingState.Responding;
+
+  if (!showStartupWarnings && !showInitError && !updateInfo) {
+    return null;
+  }
+
+  return (
+    <>
+      {updateInfo && <UpdateNotification message={updateInfo.message} />}
+      {showStartupWarnings && (
+        <Box
+          borderStyle="round"
+          borderColor={theme.status.warning}
+          paddingX={1}
+          marginY={1}
+          flexDirection="column"
+        >
+          {startupWarnings.map((warning, index) => (
+            <Text key={index} color={theme.status.warning}>
+              {warning}
+            </Text>
+          ))}
+        </Box>
+      )}
+      {showInitError && (
+        <Box
+          borderStyle="round"
+          borderColor={theme.status.error}
+          paddingX={1}
+          marginBottom={1}
+        >
+          <Text color={theme.status.error}>
+            Initialization Error: {initError}
+          </Text>
+          <Text color={theme.status.error}>
+            {' '}
+            Please check API key and configuration.
+          </Text>
+        </Box>
+      )}
+    </>
+  );
+};