fss-link 1.0.49 → 1.0.51

package/dist/ui/components/Tips.tsx

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Colors } from '../colors.js';
-import { type Config } from 'fss-link-core';
-
-interface TipsProps {
-  config: Config;
-}
-
-export const Tips: React.FC<TipsProps> = ({ config }) => {
-  const geminiMdFileCount = config.getGeminiMdFileCount();
-  return (
-    <Box flexDirection="column">
-      <Text color={Colors.Foreground}>Tips for getting started:</Text>
-      <Text color={Colors.Foreground}>
-        1. Ask questions, edit files, or run commands.
-      </Text>
-      <Text color={Colors.Foreground}>
-        2. Be specific for the best results.
-      </Text>
-      {geminiMdFileCount === 0 && (
-        <Text color={Colors.Foreground}>
-          3. Create{' '}
-          <Text bold color={Colors.AccentPurple}>
-            LINK.md
-          </Text>{' '}
-          files to customize your interactions with FSS Link.
-        </Text>
-      )}
-      <Text color={Colors.Foreground}>
-        {geminiMdFileCount === 0 ? '4.' : '3.'}{' '}
-        <Text bold color={Colors.AccentPurple}>
-          /help
-        </Text>{' '}
-        for more information.
-      </Text>
-    </Box>
-  );
-};

package/dist/ui/components/TodoDisplay.test.tsx

@@ -1,97 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { render } from 'ink-testing-library';
-import { describe, it, expect } from 'vitest';
-import { TodoItem, TodoDisplay } from './TodoDisplay.js';
-
-describe('TodoDisplay', () => {
-  const mockTodos: TodoItem[] = [
-    {
-      id: '1',
-      content: 'Complete feature implementation',
-      status: 'completed',
-    },
-    {
-      id: '2',
-      content: 'Write unit tests',
-      status: 'in_progress',
-    },
-    {
-      id: '3',
-      content: 'Update documentation',
-      status: 'pending',
-    },
-  ];
-
-  it('should render todo list', () => {
-    const { lastFrame } = render(<TodoDisplay todos={mockTodos} />);
-
-    const output = lastFrame();
-
-    // Check all todo items are displayed
-    expect(output).toContain('Complete feature implementation');
-    expect(output).toContain('Write unit tests');
-    expect(output).toContain('Update documentation');
-  });
-
-  it('should display correct status icons', () => {
-    const { lastFrame } = render(<TodoDisplay todos={mockTodos} />);
-
-    const output = lastFrame();
-
-    // Check status icons are present
-    expect(output).toContain('●'); // completed
-    expect(output).toContain('◐'); // in_progress
-    expect(output).toContain('○'); // pending
-  });
-
-  it('should handle empty todo list', () => {
-    const { lastFrame } = render(<TodoDisplay todos={[]} />);
-
-    const output = lastFrame();
-
-    // Should render nothing for empty todos
-    expect(output).toBe('');
-  });
-
-  it('should handle undefined todos', () => {
-    const { lastFrame } = render(
-      <TodoDisplay todos={undefined as unknown as TodoItem[]} />,
-    );
-
-    const output = lastFrame();
-
-    // Should render nothing for undefined todos
-    expect(output).toBe('');
-  });
-
-  it('should render tasks with different statuses', () => {
-    const allCompleted: TodoItem[] = [
-      { id: '1', content: 'Task 1', status: 'completed' },
-      { id: '2', content: 'Task 2', status: 'completed' },
-    ];
-
-    const { lastFrame } = render(<TodoDisplay todos={allCompleted} />);
-
-    const output = lastFrame();
-    expect(output).toContain('Task 1');
-    expect(output).toContain('Task 2');
-  });
-
-  it('should render tasks with mixed statuses', () => {
-    const mixedTodos: TodoItem[] = [
-      { id: '1', content: 'Task 1', status: 'pending' },
-      { id: '2', content: 'Task 2', status: 'in_progress' },
-    ];
-
-    const { lastFrame } = render(<TodoDisplay todos={mixedTodos} />);
-
-    const output = lastFrame();
-    expect(output).toContain('Task 1');
-    expect(output).toContain('Task 2');
-  });
-});

package/dist/ui/components/TodoDisplay.tsx

@@ -1,72 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Colors } from '../colors.js';
-
-export interface TodoItem {
-  id: string;
-  content: string;
-  status: 'pending' | 'in_progress' | 'completed';
-}
-
-interface TodoDisplayProps {
-  todos: TodoItem[];
-}
-
-const STATUS_ICONS = {
-  pending: '○',
-  in_progress: '◐',
-  completed: '●',
-} as const;
-
-export const TodoDisplay: React.FC<TodoDisplayProps> = ({ todos }) => {
-  if (!todos || todos.length === 0) {
-    return null;
-  }
-
-  return (
-    <Box flexDirection="column">
-      {todos.map((todo) => (
-        <TodoItemRow key={todo.id} todo={todo} />
-      ))}
-    </Box>
-  );
-};
-
-interface TodoItemRowProps {
-  todo: TodoItem;
-}
-
-const TodoItemRow: React.FC<TodoItemRowProps> = ({ todo }) => {
-  const statusIcon = STATUS_ICONS[todo.status];
-  const isCompleted = todo.status === 'completed';
-  const isInProgress = todo.status === 'in_progress';
-
-  // Use the same color for both status icon and text, like RadioButtonSelect
-  const itemColor = isCompleted
-    ? Colors.Foreground
-    : isInProgress
-      ? Colors.AccentGreen
-      : Colors.Foreground;
-
-  return (
-    <Box flexDirection="row" minHeight={1}>
-      {/* Status Icon */}
-      <Box width={3}>
-        <Text color={itemColor}>{statusIcon}</Text>
-      </Box>
-
-      {/* Content */}
-      <Box flexGrow={1}>
-        <Text color={itemColor} strikethrough={isCompleted} wrap="wrap">
-          {todo.content}
-        </Text>
-      </Box>
-    </Box>
-  );
-};

package/dist/ui/components/ToolStatsDisplay.test.tsx

@@ -1,180 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { render } from 'ink-testing-library';
-import { describe, it, expect, vi } from 'vitest';
-import { ToolStatsDisplay } from './ToolStatsDisplay.js';
-import * as SessionContext from '../contexts/SessionContext.js';
-import { SessionMetrics } from '../contexts/SessionContext.js';
-
-// Mock the context to provide controlled data for testing
-vi.mock('../contexts/SessionContext.js', async (importOriginal) => {
-  const actual = await importOriginal<typeof SessionContext>();
-  return {
-    ...actual,
-    useSessionStats: vi.fn(),
-  };
-});
-
-const useSessionStatsMock = vi.mocked(SessionContext.useSessionStats);
-
-const renderWithMockedStats = (metrics: SessionMetrics) => {
-  useSessionStatsMock.mockReturnValue({
-    stats: {
-      sessionStartTime: new Date(),
-      metrics,
-      lastPromptTokenCount: 0,
-      promptCount: 5,
-    },
-
-    getPromptCount: () => 5,
-    startNewPrompt: vi.fn(),
-  });
-
-  return render(<ToolStatsDisplay />);
-};
-
-describe('<ToolStatsDisplay />', () => {
-  it('should render "no tool calls" message when there are no active tools', () => {
-    const { lastFrame } = renderWithMockedStats({
-      models: {},
-      tools: {
-        totalCalls: 0,
-        totalSuccess: 0,
-        totalFail: 0,
-        totalDurationMs: 0,
-        totalDecisions: { accept: 0, reject: 0, modify: 0 },
-        byName: {},
-      },
-    });
-
-    expect(lastFrame()).toContain(
-      'No tool calls have been made in this session.',
-    );
-    expect(lastFrame()).toMatchSnapshot();
-  });
-
-  it('should display stats for a single tool correctly', () => {
-    const { lastFrame } = renderWithMockedStats({
-      models: {},
-      tools: {
-        totalCalls: 1,
-        totalSuccess: 1,
-        totalFail: 0,
-        totalDurationMs: 100,
-        totalDecisions: { accept: 1, reject: 0, modify: 0 },
-        byName: {
-          'test-tool': {
-            count: 1,
-            success: 1,
-            fail: 0,
-            durationMs: 100,
-            decisions: { accept: 1, reject: 0, modify: 0 },
-          },
-        },
-      },
-    });
-
-    const output = lastFrame();
-    expect(output).toContain('test-tool');
-    expect(output).toMatchSnapshot();
-  });
-
-  it('should display stats for multiple tools correctly', () => {
-    const { lastFrame } = renderWithMockedStats({
-      models: {},
-      tools: {
-        totalCalls: 3,
-        totalSuccess: 2,
-        totalFail: 1,
-        totalDurationMs: 300,
-        totalDecisions: { accept: 1, reject: 1, modify: 1 },
-        byName: {
-          'tool-a': {
-            count: 2,
-            success: 1,
-            fail: 1,
-            durationMs: 200,
-            decisions: { accept: 1, reject: 1, modify: 0 },
-          },
-          'tool-b': {
-            count: 1,
-            success: 1,
-            fail: 0,
-            durationMs: 100,
-            decisions: { accept: 0, reject: 0, modify: 1 },
-          },
-        },
-      },
-    });
-
-    const output = lastFrame();
-    expect(output).toContain('tool-a');
-    expect(output).toContain('tool-b');
-    expect(output).toMatchSnapshot();
-  });
-
-  it('should handle large values without wrapping or overlapping', () => {
-    const { lastFrame } = renderWithMockedStats({
-      models: {},
-      tools: {
-        totalCalls: 999999999,
-        totalSuccess: 888888888,
-        totalFail: 111111111,
-        totalDurationMs: 987654321,
-        totalDecisions: {
-          accept: 123456789,
-          reject: 98765432,
-          modify: 12345,
-        },
-        byName: {
-          'long-named-tool-for-testing-wrapping-and-such': {
-            count: 999999999,
-            success: 888888888,
-            fail: 111111111,
-            durationMs: 987654321,
-            decisions: {
-              accept: 123456789,
-              reject: 98765432,
-              modify: 12345,
-            },
-          },
-        },
-      },
-    });
-
-    expect(lastFrame()).toMatchSnapshot();
-  });
-
-  it('should handle zero decisions gracefully', () => {
-    const { lastFrame } = renderWithMockedStats({
-      models: {},
-      tools: {
-        totalCalls: 1,
-        totalSuccess: 1,
-        totalFail: 0,
-        totalDurationMs: 100,
-        totalDecisions: { accept: 0, reject: 0, modify: 0 },
-        byName: {
-          'test-tool': {
-            count: 1,
-            success: 1,
-            fail: 0,
-            durationMs: 100,
-            decisions: { accept: 0, reject: 0, modify: 0 },
-          },
-        },
-      },
-    });
-
-    const output = lastFrame();
-    expect(output).toContain('Total Reviewed Suggestions:');
-    expect(output).toContain('0');
-    expect(output).toContain('Overall Agreement Rate:');
-    expect(output).toContain('--');
-    expect(output).toMatchSnapshot();
-  });
-});

package/dist/ui/components/ToolStatsDisplay.tsx

@@ -1,208 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import React from 'react';
-import { Box, Text } from 'ink';
-import { Colors } from '../colors.js';
-import { formatDuration } from '../utils/formatters.js';
-import {
-  getStatusColor,
-  TOOL_SUCCESS_RATE_HIGH,
-  TOOL_SUCCESS_RATE_MEDIUM,
-  USER_AGREEMENT_RATE_HIGH,
-  USER_AGREEMENT_RATE_MEDIUM,
-} from '../utils/displayUtils.js';
-import { useSessionStats } from '../contexts/SessionContext.js';
-import { ToolCallStats } from 'fss-link-core';
-
-const TOOL_NAME_COL_WIDTH = 25;
-const CALLS_COL_WIDTH = 8;
-const SUCCESS_RATE_COL_WIDTH = 15;
-const AVG_DURATION_COL_WIDTH = 15;
-
-const StatRow: React.FC<{
-  name: string;
-  stats: ToolCallStats;
-}> = ({ name, stats }) => {
-  const successRate = stats.count > 0 ? (stats.success / stats.count) * 100 : 0;
-  const avgDuration = stats.count > 0 ? stats.durationMs / stats.count : 0;
-  const successColor = getStatusColor(successRate, {
-    green: TOOL_SUCCESS_RATE_HIGH,
-    yellow: TOOL_SUCCESS_RATE_MEDIUM,
-  });
-
-  return (
-    <Box>
-      <Box width={TOOL_NAME_COL_WIDTH}>
-        <Text color={Colors.LightBlue}>{name}</Text>
-      </Box>
-      <Box width={CALLS_COL_WIDTH} justifyContent="flex-end">
-        <Text>{stats.count}</Text>
-      </Box>
-      <Box width={SUCCESS_RATE_COL_WIDTH} justifyContent="flex-end">
-        <Text color={successColor}>{successRate.toFixed(1)}%</Text>
-      </Box>
-      <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-        <Text>{formatDuration(avgDuration)}</Text>
-      </Box>
-    </Box>
-  );
-};
-
-export const ToolStatsDisplay: React.FC = () => {
-  const { stats } = useSessionStats();
-  const { tools } = stats.metrics;
-  const activeTools = Object.entries(tools.byName).filter(
-    ([, metrics]) => metrics.count > 0,
-  );
-
-  if (activeTools.length === 0) {
-    return (
-      <Box
-        borderStyle="round"
-        borderColor={Colors.Gray}
-        paddingY={1}
-        paddingX={2}
-      >
-        <Text>No tool calls have been made in this session.</Text>
-      </Box>
-    );
-  }
-
-  const totalDecisions = Object.values(tools.byName).reduce(
-    (acc, tool) => {
-      acc.accept += tool.decisions.accept;
-      acc.reject += tool.decisions.reject;
-      acc.modify += tool.decisions.modify;
-      return acc;
-    },
-    { accept: 0, reject: 0, modify: 0 },
-  );
-
-  const totalReviewed =
-    totalDecisions.accept + totalDecisions.reject + totalDecisions.modify;
-  const agreementRate =
-    totalReviewed > 0 ? (totalDecisions.accept / totalReviewed) * 100 : 0;
-  const agreementColor = getStatusColor(agreementRate, {
-    green: USER_AGREEMENT_RATE_HIGH,
-    yellow: USER_AGREEMENT_RATE_MEDIUM,
-  });
-
-  return (
-    <Box
-      borderStyle="round"
-      borderColor={Colors.Gray}
-      flexDirection="column"
-      paddingY={1}
-      paddingX={2}
-      width={70}
-    >
-      <Text bold color={Colors.AccentPurple}>
-        Tool Stats For Nerds
-      </Text>
-      <Box height={1} />
-
-      {/* Header */}
-      <Box>
-        <Box width={TOOL_NAME_COL_WIDTH}>
-          <Text bold>Tool Name</Text>
-        </Box>
-        <Box width={CALLS_COL_WIDTH} justifyContent="flex-end">
-          <Text bold>Calls</Text>
-        </Box>
-        <Box width={SUCCESS_RATE_COL_WIDTH} justifyContent="flex-end">
-          <Text bold>Success Rate</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text bold>Avg Duration</Text>
-        </Box>
-      </Box>
-
-      {/* Divider */}
-      <Box
-        borderStyle="single"
-        borderBottom={true}
-        borderTop={false}
-        borderLeft={false}
-        borderRight={false}
-        width="100%"
-      />
-
-      {/* Tool Rows */}
-      {activeTools.map(([name, stats]) => (
-        <StatRow key={name} name={name} stats={stats as ToolCallStats} />
-      ))}
-
-      <Box height={1} />
-
-      {/* User Decision Summary */}
-      <Text bold>User Decision Summary</Text>
-      <Box>
-        <Box
-          width={TOOL_NAME_COL_WIDTH + CALLS_COL_WIDTH + SUCCESS_RATE_COL_WIDTH}
-        >
-          <Text color={Colors.LightBlue}>Total Reviewed Suggestions:</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text>{totalReviewed}</Text>
-        </Box>
-      </Box>
-      <Box>
-        <Box
-          width={TOOL_NAME_COL_WIDTH + CALLS_COL_WIDTH + SUCCESS_RATE_COL_WIDTH}
-        >
-          <Text> » Accepted:</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text color={Colors.AccentGreen}>{totalDecisions.accept}</Text>
-        </Box>
-      </Box>
-      <Box>
-        <Box
-          width={TOOL_NAME_COL_WIDTH + CALLS_COL_WIDTH + SUCCESS_RATE_COL_WIDTH}
-        >
-          <Text> » Rejected:</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text color={Colors.AccentRed}>{totalDecisions.reject}</Text>
-        </Box>
-      </Box>
-      <Box>
-        <Box
-          width={TOOL_NAME_COL_WIDTH + CALLS_COL_WIDTH + SUCCESS_RATE_COL_WIDTH}
-        >
-          <Text> » Modified:</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text color={Colors.AccentYellow}>{totalDecisions.modify}</Text>
-        </Box>
-      </Box>
-
-      {/* Divider */}
-      <Box
-        borderStyle="single"
-        borderBottom={true}
-        borderTop={false}
-        borderLeft={false}
-        borderRight={false}
-        width="100%"
-      />
-
-      <Box>
-        <Box
-          width={TOOL_NAME_COL_WIDTH + CALLS_COL_WIDTH + SUCCESS_RATE_COL_WIDTH}
-        >
-          <Text> Overall Agreement Rate:</Text>
-        </Box>
-        <Box width={AVG_DURATION_COL_WIDTH} justifyContent="flex-end">
-          <Text bold color={totalReviewed > 0 ? agreementColor : undefined}>
-            {totalReviewed > 0 ? `${agreementRate.toFixed(1)}%` : '--'}
-          </Text>
-        </Box>
-      </Box>
-    </Box>
-  );
-};

package/dist/ui/components/UpdateNotification.tsx

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2025 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { Box, Text } from 'ink';
-import { Colors } from '../colors.js';
-
-interface UpdateNotificationProps {
-  message: string;
-}
-
-export const UpdateNotification = ({ message }: UpdateNotificationProps) => (
-  <Box
-    borderStyle="round"
-    borderColor={Colors.AccentYellow}
-    paddingX={1}
-    marginY={1}
-  >
-    <Text color={Colors.AccentYellow}>{message}</Text>
-  </Box>
-);