fss-link 1.0.40 → 1.0.45

package/dist/ui/components/WelcomeBackDialog.tsx

@@ -0,0 +1,290 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box, Text } from 'ink';
+import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
+import { Colors } from '../colors.js';
+import { ProjectSummary } from 'fss-link-core';
+import { useKeypress } from '../hooks/useKeypress.js';
+
+/**
+ * Props interface for the WelcomeBackDialog component
+ */
+export interface WelcomeBackDialogProps {
+  /** The project summary containing session data, git status, and activity info */
+  projectSummary: ProjectSummary;
+  /** Callback when user selects to continue from previous session */
+  onContinue: () => void;
+  /** Callback when user selects to start a fresh session */
+  onRestart: () => void;
+  /** Callback when user cancels/exits without starting a session */
+  onCancel: () => void;
+}
+
+/** Available actions in the Welcome Back dialog */
+export type ResumeAction = 'continue' | 'restart' | 'cancel';
+
+/**
+ * Welcome Back dialog component using AuthDialog pattern for consistency
+ * 
+ * Displays a comprehensive project status summary including:
+ * - Project goal and recent activity
+ * - Session history and momentum analysis
+ * - Git status with branch info and pending changes
+ * - Quick status dashboard with efficiency metrics
+ * - Keyboard shortcuts for quick navigation
+ * 
+ * The component follows FSS Link's established UI patterns and provides
+ * the user with intelligent context to make informed decisions about
+ * how to resume their work.
+ */
+export const WelcomeBackDialog = ({
+  projectSummary,
+  onContinue,
+  onRestart,
+  onCancel,
+}: WelcomeBackDialogProps) => {
+  
+  // Handle keyboard shortcuts
+  useKeypress(
+    (key) => {
+      const { name, sequence } = key;
+      if (name === 'c' || sequence === 'C') {
+        onContinue();
+      } else if (name === 'r' || sequence === 'R') {
+        onRestart();
+      } else if (name === 'q' || sequence === 'Q' || name === 'escape') {
+        onCancel();
+      }
+    },
+    { isActive: true }
+  );
+  
+  const getMomentumEmoji = (momentum: string) => {
+    switch (momentum) {
+      case 'high': return '🔥';
+      case 'building': return '📈';
+      case 'stale': return '💤';
+      case 'none':
+      default: return '📊';
+    }
+  };
+  
+  const getMomentumColor = (momentum: string) => {
+    switch (momentum) {
+      case 'high': return Colors.AccentGreen;
+      case 'building': return Colors.AccentPurple;
+      case 'stale': return Colors.Gray;
+      default: return Colors.Foreground;
+    }
+  };
+  
+  const getEfficiencyEmoji = (efficiency?: string) => {
+    switch (efficiency) {
+      case 'high': return '💰';
+      case 'low': return '⚠️';
+      case 'normal': 
+      default: return '📊';
+    }
+  };
+  
+  const getEfficiencyColor = (efficiency?: string) => {
+    switch (efficiency) {
+      case 'high': return Colors.AccentGreen;
+      case 'low': return Colors.AccentRed;
+      case 'normal':
+      default: return Colors.Foreground;
+    }
+  };
+
+  const items = [
+    {
+      label: `Continue Project`,
+      value: 'continue' as const,
+      description: projectSummary.activeSessions > 0 
+        ? `Resume from ${projectSummary.timeAgo} (${projectSummary.activeSessions} active sessions)`
+        : `Resume from ${projectSummary.timeAgo}`,
+    },
+    {
+      label: 'Start Fresh Session',
+      value: 'restart' as const,
+      description: 'Begin new work session in this project',
+    },
+    {
+      label: 'Cancel',
+      value: 'cancel' as const,
+      description: 'Exit without starting session',
+    },
+  ];
+
+  const handleSelection = (selection: ResumeAction) => {
+    switch (selection) {
+      case 'continue':
+        onContinue();
+        break;
+      case 'restart':
+        onRestart();
+        break;
+      case 'cancel':
+        onCancel();
+        break;
+      default:
+        // All cases are exhaustively handled above
+        break;
+    }
+  };
+
+  return (
+    <Box flexDirection="column" padding={1}>
+      {/* Header */}
+      <Box marginBottom={1}>
+        <Text bold color={Colors.AccentPurple}>
+          Welcome Back to FSS Link
+        </Text>
+      </Box>
+      
+      {/* Project Status */}
+      <Box flexDirection="column" marginBottom={2} paddingX={1}>
+        {projectSummary.projectGoal && (
+          <Box marginBottom={1}>
+            <Text color={Colors.Foreground}>
+              <Text bold>Project:</Text> {projectSummary.projectGoal}
+            </Text>
+          </Box>
+        )}
+        
+        <Box flexDirection="row" marginBottom={1}>
+          <Text color={Colors.Gray}>Last worked: </Text>
+          <Text color={Colors.Foreground}>{projectSummary.timeAgo}</Text>
+        </Box>
+        
+        <Box flexDirection="row" marginBottom={1}>
+          <Text color={Colors.Gray}>Sessions: </Text>
+          <Text color={Colors.Foreground}>{projectSummary.totalSessions}</Text>
+          {projectSummary.activeSessions > 0 && (
+            <>
+              <Text color={Colors.Gray}> (</Text>
+              <Text color={Colors.AccentGreen}>{projectSummary.activeSessions} active</Text>
+              <Text color={Colors.Gray}>)</Text>
+            </>
+          )}
+        </Box>
+        
+        <Box flexDirection="row" marginBottom={1}>
+          <Text color={Colors.Gray}>Momentum: </Text>
+          <Text color={getMomentumColor(projectSummary.momentum)}>
+            {getMomentumEmoji(projectSummary.momentum)} {projectSummary.momentum}
+          </Text>
+        </Box>
+
+        {/* Git Status */}
+        {projectSummary.gitStatus && (
+          <Box flexDirection="column" marginBottom={1}>
+            <Box flexDirection="row" marginBottom={1}>
+              <Text color={Colors.Gray}>Branch: </Text>
+              <Text color={Colors.AccentBlue}>{projectSummary.gitStatus.branch}</Text>
+              {(projectSummary.gitStatus.ahead || projectSummary.gitStatus.behind) && (
+                <Text color={Colors.Gray}>
+                  {' '}[
+                  {projectSummary.gitStatus.ahead && `↑${projectSummary.gitStatus.ahead}`}
+                  {projectSummary.gitStatus.ahead && projectSummary.gitStatus.behind && ' '}
+                  {projectSummary.gitStatus.behind && `↓${projectSummary.gitStatus.behind}`}
+                  ]
+                </Text>
+              )}
+            </Box>
+            
+            {projectSummary.gitStatus.hasChanges && (
+              <Box flexDirection="row" marginBottom={1}>
+                <Text color={Colors.Gray}>Changes: </Text>
+                {projectSummary.gitStatus.stagedFiles > 0 && (
+                  <Text color={Colors.AccentGreen}>
+                    {projectSummary.gitStatus.stagedFiles} staged
+                  </Text>
+                )}
+                {projectSummary.gitStatus.stagedFiles > 0 && projectSummary.gitStatus.unstagedFiles > 0 && (
+                  <Text color={Colors.Gray}>, </Text>
+                )}
+                {projectSummary.gitStatus.unstagedFiles > 0 && (
+                  <Text color={Colors.AccentYellow}>
+                    {projectSummary.gitStatus.unstagedFiles} unstaged
+                  </Text>
+                )}
+              </Box>
+            )}
+            
+            {projectSummary.gitStatus.lastCommitMessage && (
+              <Box flexDirection="row" marginBottom={1}>
+                <Text color={Colors.Gray}>Last commit: </Text>
+                <Text color={Colors.Foreground}>
+                  {projectSummary.gitStatus.lastCommitHash} &quot;{projectSummary.gitStatus.lastCommitMessage}&quot;
+                </Text>
+              </Box>
+            )}
+          </Box>
+        )}
+        
+        {/* Quick Status Dashboard */}
+        {(projectSummary.efficiency || projectSummary.recentActivity || projectSummary.tokenEfficiency) && (
+          <Box flexDirection="column" marginBottom={1} paddingY={1} borderStyle="single" borderColor={Colors.Gray}>
+            <Box marginBottom={1}>
+              <Text bold color={Colors.AccentPurple}>Quick Status</Text>
+            </Box>
+            
+            {projectSummary.efficiency && (
+              <Box flexDirection="row" marginBottom={1}>
+                <Text color={getEfficiencyColor(projectSummary.efficiency)}>
+                  {getEfficiencyEmoji(projectSummary.efficiency)} {projectSummary.efficiency} efficiency
+                </Text>
+              </Box>
+            )}
+            
+            {projectSummary.recentActivity && (
+              <Box marginBottom={1}>
+                <Text color={Colors.Foreground}>{projectSummary.recentActivity}</Text>
+              </Box>
+            )}
+            
+            {projectSummary.tokenEfficiency && (
+              <Box>
+                <Text color={Colors.Gray}>{projectSummary.tokenEfficiency}</Text>
+              </Box>
+            )}
+          </Box>
+        )}
+        
+        {projectSummary.nextSuggestion && (
+          <Box marginBottom={1}>
+            <Text color={Colors.AccentPurple}>
+              💡 {projectSummary.nextSuggestion}
+            </Text>
+          </Box>
+        )}
+        
+        {projectSummary.lastContent && (
+          <Box marginBottom={1}>
+            <Text color={Colors.Gray}>
+              Last message: &quot;{projectSummary.lastContent}&quot;
+            </Text>
+          </Box>
+        )}
+      </Box>
+
+      {/* Selection */}
+      <RadioButtonSelect
+        items={items}
+        onSelect={handleSelection}
+      />
+      
+      {/* Help Text */}
+      <Box marginTop={1} paddingX={1}>
+        <Text color={Colors.Gray}>
+          Press C to continue, R to restart, Q to cancel, or use ↑↓ arrows
+        </Text>
+      </Box>
+    </Box>
+  );
+};

package/dist/ui/components/__snapshots__/IDEContextDetailDisplay.test.tsx.snap

@@ -0,0 +1,24 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`IDEContextDetailDisplay > handles duplicate basenames by showing path hints 1`] = `
+"
+╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│ VS Code Context (ctrl+g to toggle)                                                               │
+│                                                                                                  │
+│ Open files:                                                                                      │
+│ - bar.txt (/foo) (active)                                                                        │
+│ - bar.txt (/qux)                                                                                 │
+│ - unique.txt                                                                                     │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`IDEContextDetailDisplay > renders a list of open files with active status 1`] = `
+"
+╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│ VS Code Context (ctrl+g to toggle)                                                               │
+│                                                                                                  │
+│ Open files:                                                                                      │
+│ - bar.txt (active)                                                                               │
+│ - baz.txt                                                                                        │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;

package/dist/ui/components/__snapshots__/ModelStatsDisplay.test.tsx.snap

@@ -0,0 +1,121 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<ModelStatsDisplay /> > should display a single model correctly 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Model Stats For Nerds                                                                           │
+│                                                                                                  │
+│  Metric                      gemini-2.5-pro                                                      │
+│  ──────────────────────────────────────────────────────────────────────────────────────────────  │
+│  API                                                                                             │
+│  Requests                    1                                                                   │
+│  Errors                      0 (0.0%)                                                            │
+│  Avg Latency                 100ms                                                               │
+│                                                                                                  │
+│  Tokens                                                                                          │
+│  Total                       30                                                                  │
+│    ↳ Prompt                  10                                                                  │
+│    ↳ Cached                  5 (50.0%)                                                           │
+│    ↳ Thoughts                2                                                                   │
+│    ↳ Tool                    1                                                                   │
+│    ↳ Output                  20                                                                  │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`<ModelStatsDisplay /> > should display conditional rows if at least one model has data 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Model Stats For Nerds                                                                           │
+│                                                                                                  │
+│  Metric                      gemini-2.5-pro        gemini-2.5-flash                              │
+│  ──────────────────────────────────────────────────────────────────────────────────────────────  │
+│  API                                                                                             │
+│  Requests                    1                     1                                             │
+│  Errors                      0 (0.0%)              0 (0.0%)                                      │
+│  Avg Latency                 100ms                 50ms                                          │
+│                                                                                                  │
+│  Tokens                                                                                          │
+│  Total                       30                    15                                            │
+│    ↳ Prompt                  10                    5                                             │
+│    ↳ Cached                  5 (50.0%)             0 (0.0%)                                      │
+│    ↳ Thoughts                2                     0                                             │
+│    ↳ Tool                    0                     3                                             │
+│    ↳ Output                  20                    10                                            │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`<ModelStatsDisplay /> > should display stats for multiple models correctly 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Model Stats For Nerds                                                                           │
+│                                                                                                  │
+│  Metric                      gemini-2.5-pro        gemini-2.5-flash                              │
+│  ──────────────────────────────────────────────────────────────────────────────────────────────  │
+│  API                                                                                             │
+│  Requests                    10                    20                                            │
+│  Errors                      1 (10.0%)             2 (10.0%)                                     │
+│  Avg Latency                 100ms                 25ms                                          │
+│                                                                                                  │
+│  Tokens                                                                                          │
+│  Total                       300                   600                                           │
+│    ↳ Prompt                  100                   200                                           │
+│    ↳ Cached                  50 (50.0%)            100 (50.0%)                                   │
+│    ↳ Thoughts                10                    20                                            │
+│    ↳ Tool                    5                     10                                            │
+│    ↳ Output                  200                   400                                           │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`<ModelStatsDisplay /> > should handle large values without wrapping or overlapping 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Model Stats For Nerds                                                                           │
+│                                                                                                  │
+│  Metric                      gemini-2.5-pro                                                      │
+│  ──────────────────────────────────────────────────────────────────────────────────────────────  │
+│  API                                                                                             │
+│  Requests                    999,999,999                                                         │
+│  Errors                      123,456,789 (12.3%)                                                 │
+│  Avg Latency                 0ms                                                                 │
+│                                                                                                  │
+│  Tokens                                                                                          │
+│  Total                       999,999,999                                                         │
+│    ↳ Prompt                  987,654,321                                                         │
+│    ↳ Cached                  123,456,789 (12.5%)                                                 │
+│    ↳ Thoughts                111,111,111                                                         │
+│    ↳ Tool                    222,222,222                                                         │
+│    ↳ Output                  123,456,789                                                         │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`<ModelStatsDisplay /> > should not display conditional rows if no model has data for them 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Model Stats For Nerds                                                                           │
+│                                                                                                  │
+│  Metric                      gemini-2.5-pro                                                      │
+│  ──────────────────────────────────────────────────────────────────────────────────────────────  │
+│  API                                                                                             │
+│  Requests                    1                                                                   │
+│  Errors                      0 (0.0%)                                                            │
+│  Avg Latency                 100ms                                                               │
+│                                                                                                  │
+│  Tokens                                                                                          │
+│  Total                       30                                                                  │
+│    ↳ Prompt                  10                                                                  │
+│    ↳ Output                  20                                                                  │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;
+
+exports[`<ModelStatsDisplay /> > should render "no API calls" message when there are no active models 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  No API calls have been made in this session.                                                    │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;

package/dist/ui/components/__snapshots__/SessionSummaryDisplay.test.tsx.snap

@@ -0,0 +1,30 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`<SessionSummaryDisplay /> > renders the summary display with a title 1`] = `
+"╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+│                                                                                                  │
+│  Agent powering down. Goodbye!                                                                   │
+│                                                                                                  │
+│  Interaction Summary                                                                             │
+│  Session ID:                                                                                     │
+│  Tool Calls:                 0 ( ✔ 0 ✖ 0 )                                                     │
+│  Success Rate:               0.0%                                                                │
+│  Code Changes:               +42 -15                                                             │
+│                                                                                                  │
+│  Performance                                                                                     │
+│  Wall Time:                  1h 23m 45s                                                          │
+│  Agent Active:               50.2s                                                               │
+│    » API Time:               50.2s (100.0%)                                                      │
+│    » Tool Time:              0s (0.0%)                                                           │
+│                                                                                                  │
+│                                                                                                  │
+│  Model Usage                  Reqs   Input Tokens  Output Tokens                                 │
+│  ───────────────────────────────────────────────────────────────                                 │
+│  gemini-2.5-pro                 10          1,000          2,000                                 │
+│                                                                                                  │
+│  Savings Highlight: 500 (50.0%) of input tokens were served from the cache, reducing costs.      │
+│                                                                                                  │
+│  » Tip: For a full token breakdown, run \`/stats model\`.                                          │
+│                                                                                                  │
+╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;

package/dist/ui/components/__snapshots__/ShellConfirmationDialog.test.tsx.snap

@@ -0,0 +1,21 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ShellConfirmationDialog > renders correctly 1`] = `
+" ╭──────────────────────────────────────────────────────────────────────────────────────────────────╮
+ │                                                                                                  │
+ │ Shell Command Execution                                                                          │
+ │ A custom command wants to run the following shell commands:                                      │
+ │                                                                                                  │
+ │ ╭──────────────────────────────────────────────────────────────────────────────────────────────╮ │
+ │ │ ls -la                                                                                       │ │
+ │ │ echo "hello"                                                                                 │ │
+ │ ╰──────────────────────────────────────────────────────────────────────────────────────────────╯ │
+ │                                                                                                  │
+ │ Do you want to proceed?                                                                          │
+ │                                                                                                  │
+ │ ● 1. Yes, allow once                                                                             │
+ │   2. Yes, allow always for this session                                                          │
+ │   3. No (esc)                                                                                    │
+ │                                                                                                  │
+ ╰──────────────────────────────────────────────────────────────────────────────────────────────────╯"
+`;