import { test, expect } from '@playwright/test';
import { waitForAppReady, setupConsoleCollector, resetMockState } from './helpers.js';

test.describe('UX Overview workspace flow', () => {
  let consoleCollector;

  test.beforeEach(async ({ page }) => {
    consoleCollector = setupConsoleCollector(page);
    await resetMockState(page);
    await page.goto('/');
    await waitForAppReady(page);
  });

  test.afterEach(async () => {
    consoleCollector.assertNoErrors();
  });

  test('workspace opens with Overview before plugin tools', async ({ page }) => {
    await expect(page.locator('.workspace-host')).toBeVisible({ timeout: 10000 });

    const tabs = page.getByRole('tab');
    await expect(tabs.nth(0)).toHaveText('Overview');
    await expect(tabs.nth(1)).toHaveText('Notes');
    await expect(page.getByRole('tab', { name: 'Overview' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.getByRole('tab', { name: 'Today' })).toHaveCount(0);

    const overview = page.locator('[data-overview-root]');
    await expect(overview).toBeVisible();
    await expect(overview.locator('[data-overview-section="continue"]')).toContainText('Continue working');
    await expect(overview.locator('[data-overview-section="recent"]')).toContainText('Recent changes');
    await expect(overview.locator('[data-overview-section="attention"]')).toContainText('Needs attention');
    await expect(overview.locator('[data-overview-section="quick-actions"]')).toHaveCount(0);

    const summaryCards = overview.locator('button[data-overview-summary]');
    await expect(summaryCards).toHaveCount(6);
    await expect(overview.locator('[data-overview-summary="notes"]')).toContainText('1 total');
    await expect(overview.locator('[data-overview-summary="notes"]')).toContainText('0 recent changes');
    await expect(overview.locator('[data-overview-summary="captures"]')).toContainText('0 captures to review');
    await expect(overview.locator('[data-overview-summary="activity"]')).toContainText('0 recorded events');
    await expect(overview.locator('[data-overview-summary="journal"]')).toContainText('0 journal entries');
    await expect(overview).toContainText('No clear resume point yet');
    await expect(overview).toContainText('No meaningful changes for this filter yet');
  });

  test('Overview summary cards navigate to their corresponding workspace tools', async ({ page }) => {
    const overview = page.locator('[data-overview-root]');
    await overview.locator('[data-overview-summary="notes"]').click();
    await expect(page.getByRole('tab', { name: 'Notes' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.notes-root')).toBeVisible({ timeout: 10000 });

    await page.getByRole('tab', { name: 'Overview' }).click();
    await overview.locator('[data-overview-summary="files"]').click();
    await expect(page.getByRole('tab', { name: 'Files' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.files-root')).toBeVisible({ timeout: 10000 });

    await page.getByRole('tab', { name: 'Overview' }).click();
    await overview.locator('[data-overview-summary="captures"]').click();

    await expect(page.getByRole('tab', { name: 'Browser Inbox' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.browser-inbox-root')).toBeVisible({ timeout: 10000 });

    await page.getByRole('tab', { name: 'Overview' }).click();
    await overview.locator('[data-overview-summary="activity"]').click();
    await expect(page.getByRole('tab', { name: 'Activity' })).toHaveAttribute('aria-selected', 'true');

    await page.getByRole('tab', { name: 'Overview' }).click();
    await overview.locator('[data-overview-summary="journal"]').click();
    await expect(page.getByRole('tab', { name: 'Journal' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.journal-root')).toBeVisible({ timeout: 10000 });

    await page.getByRole('tab', { name: 'Overview' }).click();
    await overview.locator('[data-overview-summary="attention"]').click();
    await expect(page.getByRole('tab', { name: 'Browser Inbox' })).toHaveAttribute('aria-selected', 'true');
  });

  test('Overview keeps the Notes total factual when the Files plugin is unavailable', async ({ page }) => {
    await page.evaluate(() => window.__wailsMock.setPluginStatus('verstak.files', 'disabled', false));
    await page.locator('[data-overview-action="refresh"]').click();

    await expect(page.locator('[data-overview-summary="notes"]')).toContainText('1 total');
  });

  test('Overview prioritizes resume work and filters meaningful recent changes', async ({ page }) => {
    await page.evaluate(async () => {
      await window.go.api.App.WritePluginSettings('verstak.browser-inbox', {
        'captures:global': [
          {
            captureId: 'overview-capture-1',
            capturedAt: '2026-06-30T08:00:00.000Z',
            kind: 'page',
            url: 'https://example.com/research',
            title: 'Research Report',
            domain: 'example.com',
            workspaceRootPath: 'Project',
          },
          {
            captureId: 'overview-capture-2',
            capturedAt: '2026-06-30T08:15:00.000Z',
            kind: 'selection',
            title: 'Quote to process',
            domain: 'example.com',
            workspaceRootPath: 'Project',
          },
          {
            captureId: 'overview-client-capture',
            capturedAt: '2026-06-30T08:30:00.000Z',
            kind: 'page',
            title: 'Client capture must stay global',
            workspaceRootPath: 'ClientA',
          },
          {
            captureId: 'overview-unassigned-capture',
            capturedAt: '2026-06-30T08:35:00.000Z',
            kind: 'page',
            title: 'Unassigned capture must stay global',
          },
        ],
      });
      await window.go.api.App.WritePluginSettings('verstak.activity', {
        'events:workspace:Project': [
          {
            activityId: 'overview-selected-file',
            occurredAt: '2026-06-30T08:50:00.000Z',
            type: 'file.selected',
            title: 'Selected file',
            summary: 'Project/draft.md',
            workspaceRootPath: 'Project',
          },
          {
            activityId: 'overview-opened-file',
            occurredAt: '2026-06-30T08:40:00.000Z',
            type: 'file.opened',
            title: 'draft.md',
            summary: 'Project/draft.md',
            workspaceRootPath: 'Project',
          },
          {
            activityId: 'overview-note',
            occurredAt: '2026-06-30T08:25:00.000Z',
            type: 'note.saved',
            title: 'Overview',
            summary: 'Project/Notes/Overview.md',
            workspaceRootPath: 'Project',
          },
          {
            activityId: 'overview-file',
            occurredAt: '2026-06-30T08:20:00.000Z',
            type: 'file.changed',
            title: 'draft.md',
            summary: 'Project/draft.md',
            workspaceRootPath: 'Project',
          },
          {
            activityId: 'overview-workspace-selected',
            occurredAt: '2026-06-30T08:10:00.000Z',
            type: 'case.selected',
            title: 'Workspace selected',
            workspaceRootPath: 'Project',
          },
        ],
        'work-session-candidates:workspace:Project': [
          {
            candidateId: 'work-session:Project:overview-note:overview-file',
            workspaceRootPath: 'Project',
            startedAt: '2026-06-30T08:15:00.000Z',
            endedAt: '2026-06-30T08:25:00.000Z',
            estimatedMinutes: 10,
            activityCount: 2,
            activityIds: ['overview-file', 'overview-note'],
            activities: [
              { activityId: 'overview-file', type: 'file.changed', occurredAt: '2026-06-30T08:20:00.000Z' },
              { activityId: 'overview-note', type: 'note.saved', occurredAt: '2026-06-30T08:25:00.000Z' },
            ],
          },
        ],
      });
      await window.go.api.App.WritePluginSettings('verstak.journal', {
        'worklog:workspace:Project': [
          {
            entryId: 'overview-journal-1',
            date: '2026-06-30',
            title: 'Write project summary',
            summary: 'Turn recent captures into a worklog entry',
            minutes: 35,
            workspaceRootPath: 'Project',
          },
        ],
      });
    });

    await page.locator('[data-overview-action="refresh"]').click();

    const overview = page.locator('[data-overview-root]');
    await expect(overview.locator('[data-overview-summary="notes"]')).toContainText('1 total');
    await expect(overview.locator('[data-overview-summary="notes"]')).toContainText('1 recent change');
    await expect(overview.locator('[data-overview-summary="files"]')).toContainText('1 recent change');
    await expect(overview.locator('[data-overview-summary="captures"]')).toContainText('2');
    await expect(overview.locator('[data-overview-summary="activity"]')).toContainText('5 recorded events');
    await expect(overview.locator('[data-overview-summary="journal"]')).toContainText('1');
    await expect(overview.locator('[data-overview-summary="attention"]')).toContainText('3');
    const attention = overview.locator('[data-overview-section="attention"]');
    await expect(attention).toContainText('Possible journal entry');
    await expect(attention).toContainText('Workspace: Project · 10 min · 2 activities');
    await attention.locator('.overview-attention-row', { hasText: 'Possible journal entry' }).getByRole('button', { name: 'Review candidate' }).click();
    await expect(page.getByRole('tab', { name: 'Journal' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.journal-root [data-journal-candidate]')).toContainText('Workspace: Project');
    await page.locator('.journal-modal-actions').getByRole('button', { name: 'Cancel' }).click();
    await page.getByRole('tab', { name: 'Overview' }).click();

    const resume = overview.locator('[data-overview-section="continue"]');
    const candidates = resume.locator('[data-overview-continue-item]');
    await expect(candidates).toHaveCount(4);
    await expect(candidates.nth(0)).toContainText('Quote to process');
    await expect(candidates.nth(1)).toContainText('Research Report');
    await expect(candidates.nth(2)).toContainText('Edited note "Overview"');
    await expect(candidates.nth(3)).toContainText('Changed file "draft.md"');
    await candidates.nth(0).click();

    await expect(page.getByRole('tab', { name: 'Browser Inbox' })).toHaveAttribute('aria-selected', 'true');
    await expect(page.locator('.browser-inbox-root')).toBeVisible({ timeout: 10000 });

    await page.getByRole('tab', { name: 'Overview' }).click();
    const recent = overview.locator('[data-overview-section="recent"]');
    await expect(recent).toContainText('Edited note "Overview"');
    await expect(recent).toContainText('Changed file "draft.md"');
    await expect(recent).toContainText('Captured page "Research Report"');
    await expect(recent).toContainText('Added journal entry "Write project summary"');
    await expect(recent).not.toContainText('Selected file');
    await expect(recent).not.toContainText('Workspace selected');
    await expect(recent).not.toContainText('file.opened');
    await expect(recent).not.toContainText('Client capture must stay global');
    await expect(recent).not.toContainText('Unassigned capture must stay global');
    await expect(recent.locator('[data-overview-recent-item]')).toHaveCount(5);
    await expect(recent.locator('[data-overview-recent-item] button')).toHaveCount(0);

    await overview.locator('[data-overview-filter="notes"]').click();
    await expect(recent).toContainText('Edited note "Overview"');
    await expect(recent).not.toContainText('Changed file "draft.md"');
    await expect(recent).not.toContainText('Research Report');

    await overview.locator('[data-overview-filter="captures"]').click();
    await expect(recent).toContainText('Captured page "Research Report"');
    await expect(recent).toContainText('Captured selection "Quote to process"');
    await expect(recent).not.toContainText('Edited note "Overview"');

    await overview.locator('[data-overview-filter="journal"]').click();
    await expect(recent).toContainText('Added journal entry "Write project summary"');
    await expect(recent).not.toContainText('Changed file "draft.md"');
  });
});