Feat: Add Machine Hostname to CLI interface

packages/cli/src/config/footerItems.test.ts

@@ -120,6 +120,7 @@ describe('footerItems', () => {
         'quota',
         'memory-usage',
         'session-id',
+        'hostname',
         'code-changes',
         'token-count',
       ]);

packages/cli/src/config/footerItems.ts

@@ -47,6 +47,11 @@ export const ALL_ITEMS = [
     header: 'session',
     description: 'Unique identifier for the current session',
   },
+  {
+    id: 'hostname',
+    header: 'machine',
+    description: 'Current machine hostname',
+  },
   {
     id: 'auth',
     header: '/auth',
@@ -75,6 +80,7 @@ export const DEFAULT_ORDER = [
   'quota',
   'memory-usage',
   'session-id',
+  'hostname',
   'auth',
   'code-changes',
   'token-count',

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

@@ -18,6 +18,7 @@ import {
 } from '@google/gemini-cli-core';
 import { ConsoleSummaryDisplay } from './ConsoleSummaryDisplay.js';
 import process from 'node:process';
+import os from 'node:os';
 import { MemoryUsageDisplay } from './MemoryUsageDisplay.js';
 import { ContextUsageDisplay } from './ContextUsageDisplay.js';
 import { QuotaDisplay } from './QuotaDisplay.js';
@@ -35,6 +36,8 @@ import {
 } from '../../config/footerItems.js';
 import { isDevelopment } from '../../utils/installationInfo.js';
 
+const HOSTNAME = os.hostname();
+
 interface CwdIndicatorProps {
   targetDir: string;
   maxWidth: number;
@@ -386,6 +389,15 @@ export const Footer: React.FC = () => {
         );
         break;
       }
+      case 'hostname': {
+        addCol(
+          id,
+          header,
+          () => <Text color={itemColor}>{HOSTNAME}</Text>,
+          HOSTNAME.length,
+        );
+        break;
+      }
       case 'auth': {
         if (!settings.merged.ui.showUserIdentity) break;
         if (!authType) break;

packages/cli/src/ui/components/FooterConfigDialog.test.tsx

@@ -116,7 +116,7 @@ describe('<FooterConfigDialog />', () => {
     expect(lastFrame()).toContain('~/project/path');
 
     // Move focus down to 'code-changes' (which has colored elements)
-    for (let i = 0; i < 9; i++) {
+    for (let i = 0; i < 10; i++) {
       act(() => {
         stdin.write('\u001b[B'); // Down arrow
       });

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

@@ -249,6 +249,9 @@ export const FooterConfigDialog: React.FC<FooterConfigDialogProps> = ({
       'session-id': (
         <Text color={getColor('session-id', itemColor)}>769992f9</Text>
       ),
+      hostname: (
+        <Text color={getColor('hostname', itemColor)}>dev-machine</Text>
+      ),
       'code-changes': (
         <Box flexDirection="row">
           <Text color={getColor('code-changes', theme.status.success)}>