feat(plan): Extend Shift+Tab Mode Cycling to include Plan Mode (#17177)

2026-04-21 02:24:09 -07:00 · 2026-01-21 10:19:47 -05:00
parent b703c87a64
commit 0605e6e3e9
13 changed files with 163 additions and 100 deletions
@@ -0,0 +1,52 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import type React from 'react';
+import { Box, Text } from 'ink';
+import { theme } from '../semantic-colors.js';
+import { ApprovalMode } from '@google/gemini-cli-core';
+
+interface ApprovalModeIndicatorProps {
+  approvalMode: ApprovalMode;
+}
+
+export const ApprovalModeIndicator: React.FC<ApprovalModeIndicatorProps> = ({
+  approvalMode,
+}) => {
+  let textColor = '';
+  let textContent = '';
+  let subText = '';
+
+  switch (approvalMode) {
+    case ApprovalMode.AUTO_EDIT:
+      textColor = theme.status.warning;
+      textContent = 'accepting edits';
+      subText = ' (shift + tab to cycle)';
+      break;
+    case ApprovalMode.PLAN:
+      textColor = theme.status.success;
+      textContent = 'plan mode';
+      subText = ' (shift + tab to cycle)';
+      break;
+    case ApprovalMode.YOLO:
+      textColor = theme.status.error;
+      textContent = 'YOLO mode';
+      subText = ' (ctrl + y to toggle)';
+      break;
+    case ApprovalMode.DEFAULT:
+    default:
+      break;
+  }
+
+  return (
+    <Box>
+      <Text color={textColor}>
+        {textContent}
+        {subText && <Text color={theme.text.secondary}>{subText}</Text>}
+      </Text>
+    </Box>
+  );
+};