feat(cli): Add /auth logout command to clear credentials and auth state (#13383)

2026-05-14 22:02:59 -07:00 · 2025-12-18 01:07:13 +08:00
parent d02f3f6809
commit 80c4225286
6 changed files with 339 additions and 10 deletions
@@ -0,0 +1,79 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box, Text } from 'ink';
+import type React from 'react';
+import { theme } from '../semantic-colors.js';
+import type { RadioSelectItem } from './shared/RadioButtonSelect.js';
+import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+
+export enum LogoutChoice {
+  LOGIN = 'login',
+  EXIT = 'exit',
+}
+
+interface LogoutConfirmationDialogProps {
+  onSelect: (choice: LogoutChoice) => void;
+}
+
+export const LogoutConfirmationDialog: React.FC<
+  LogoutConfirmationDialogProps
+> = ({ onSelect }) => {
+  // Handle escape key to exit (consistent with other dialogs)
+  useKeypress(
+    (key) => {
+      if (key.name === 'escape') {
+        onSelect(LogoutChoice.EXIT);
+      }
+    },
+    { isActive: true },
+  );
+
+  const options: Array<RadioSelectItem<LogoutChoice>> = [
+    {
+      label: 'Login',
+      value: LogoutChoice.LOGIN,
+      key: 'login',
+    },
+    {
+      label: 'Exit',
+      value: LogoutChoice.EXIT,
+      key: 'exit',
+    },
+  ];
+
+  return (
+    <Box flexDirection="row" width="100%">
+      <Box
+        flexDirection="column"
+        borderStyle="round"
+        borderColor={theme.border.focused}
+        padding={1}
+        flexGrow={1}
+        marginLeft={1}
+        marginRight={1}
+      >
+        <Box flexDirection="column" marginBottom={1}>
+          <Text bold color={theme.text.primary}>
+            You are now logged out.
+          </Text>
+          <Text color={theme.text.secondary}>
+            Login again to continue using Gemini CLI, or exit the application.
+          </Text>
+        </Box>
+
+        <RadioButtonSelect items={options} onSelect={onSelect} isFocused />
+
+        <Box marginTop={1}>
+          <Text color={theme.text.secondary}>
+            (Use Enter to select, Esc to close)
+          </Text>
+        </Box>
+      </Box>
+    </Box>
+  );
+};