@micha.bigler/ui-core-micha 3.14.3 → 4.0.0

package/tests/chartLabels.test.js

@@ -1,50 +0,0 @@
-import { describe, expect, it } from 'vitest';
-
-import {
-  formatShortDate,
-  formatShortMonth,
-  formatShortTime,
-  formatShortYear,
-} from '../src/components/charts/chartLabels';
-import { yearTickInterval } from '../src/components/charts/yearTickInterval';
-
-// 2026-08-05 14:07, a fixed instant so assertions aren't flaky around
-// midnight/year boundaries.
-const FIXED = new Date(2026, 7, 5, 14, 7, 0);
-
-describe('chart label helpers', () => {
-  it('ports fitness-monitor short-label behaviour, including locale fallback and forced 24-hour time', () => {
-    expect(formatShortDate(FIXED, 'de-CH')).toBe('05.08.');
-    expect(formatShortDate(FIXED, 'de-CH').length).toBeLessThan(10);
-    expect(formatShortTime(FIXED, 'de-CH')).toBe('14:07');
-    expect(formatShortTime(FIXED, 'en-US')).toBe('14:07');
-    expect(formatShortMonth(FIXED, 'de-CH')).toMatch(/26$/);
-    expect(formatShortMonth(FIXED, 'de-CH').length).toBeLessThan(10);
-    expect(formatShortYear(FIXED, 'de-CH')).toBe('2026');
-    expect(formatShortYear(FIXED, 'en-US')).toBe('2026');
-    expect(formatShortDate(FIXED, 'en-US')).toBe('08/05');
-    expect(formatShortDate(FIXED)).toBe(formatShortDate(FIXED, 'de-CH'));
-  });
-
-  it('returns one tick per year and proves dense unfiltered dates produce duplicate year labels', () => {
-    const denseDates = [];
-    for (let year = 2022; year <= 2025; year += 1) {
-      for (let month = 0; month < 12; month += 1) {
-        denseDates.push(new Date(year, month, 1));
-      }
-    }
-
-    const unfilteredLabels = denseDates.map((date) => formatShortYear(date, 'de-CH'));
-    expect(new Set(unfilteredLabels).size).toBeLessThan(unfilteredLabels.length);
-
-    const ticks = yearTickInterval(denseDates);
-    expect(ticks).toHaveLength(4);
-    expect(ticks.every((date) => date.getMonth() === 0 && date.getDate() === 1)).toBe(true);
-    expect(ticks.map((date) => formatShortYear(date, 'de-CH'))).toEqual([
-      '2022',
-      '2023',
-      '2024',
-      '2025',
-    ]);
-  });
-});

package/tests/chartsPalette.test.js

@@ -1,99 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  createChartFormatters,
-  formatCompact,
-  formatPercentage,
-  getNeutralChartPalette,
-} from '../src/index';
-
-describe('chart palette and formatters', () => {
-  it('resolves different neutral palettes from light and dark MUI themes without literal API colours', () => {
-    const tokenTheme = (mode) => ({
-      palette: {
-        mode,
-        primary: { main: `${mode}-primary-main`, light: `${mode}-primary-light`, dark: `${mode}-primary-dark` },
-        secondary: { main: `${mode}-secondary-main`, light: `${mode}-secondary-light` },
-        info: { main: `${mode}-info-main`, light: `${mode}-info-light` },
-        success: { main: `${mode}-success-main`, light: `${mode}-success-light` },
-        warning: { main: `${mode}-warning-main`, light: `${mode}-warning-light` },
-        action: { disabled: `${mode}-action-disabled` },
-        text: { secondary: `${mode}-text-secondary` },
-        divider: `${mode}-divider`,
-      },
-    });
-    const light = getNeutralChartPalette(tokenTheme('light'));
-    const dark = getNeutralChartPalette(tokenTheme('dark'));
-
-    expect(light.categorical).not.toEqual(dark.categorical);
-    expect(light.categorical).toHaveLength(5);
-    expect(light.categorical).toContain('light-primary-main');
-    expect(light.categorical.every((colour) => !colour.includes('#'))).toBe(true);
-  });
-
-  it('formats percentage and compact numbers according to the requested locale', () => {
-    expect(formatPercentage(0.25, 'en-US')).toBe('25%');
-    expect(formatPercentage(0.25, 'de-DE')).toContain('25');
-    expect(formatCompact(12500, 'en-US')).toMatch(/12.5K|13K/);
-    expect(createChartFormatters('fr-FR').ratio(1.5)).toContain('1');
-  });
-
-  // THEME-10: an undifferentiated scatter cloud (no colour dimension encoded) needs a single
-  // neutral tone, distinct from the categorical/sequential arrays above.
-  it('resolves a single neutral tone from theme.palette.text.secondary', () => {
-    const theme = {
-      palette: {
-        mode: 'light',
-        primary: { main: 'primary-main' },
-        secondary: { main: 'secondary-main' },
-        info: { main: 'info-main' },
-        success: { main: 'success-main' },
-        warning: { main: 'warning-main' },
-        action: { disabled: 'action-disabled' },
-        text: { secondary: 'text-secondary' },
-        divider: 'divider',
-      },
-    };
-
-    expect(getNeutralChartPalette(theme).neutral).toBe('text-secondary');
-  });
-
-  it('uses the theme categorical ramp when one is present', () => {
-    const ramp = ['series-1', 'series-2', 'series-3'];
-    const theme = {
-      palette: {
-        dataSeries: { categorical: ramp },
-        mode: 'light',
-        primary: { main: 'primary-main', light: 'primary-light' },
-        action: { disabled: 'action-disabled' },
-        text: { secondary: 'text-secondary' },
-        divider: 'divider',
-      },
-    };
-
-    expect(getNeutralChartPalette(theme).categorical).toEqual(ramp);
-  });
-
-  it('keeps the existing palette derivation when no ramp is present', () => {
-    const theme = {
-      palette: {
-        mode: 'light',
-        primary: { main: 'primary-main', light: 'primary-light' },
-        secondary: { main: 'secondary-main' },
-        info: { main: 'info-main' },
-        success: { main: 'success-main' },
-        warning: { main: 'warning-main' },
-        action: { disabled: 'action-disabled' },
-        text: { secondary: 'text-secondary' },
-        divider: 'divider',
-      },
-    };
-
-    expect(getNeutralChartPalette(theme).categorical).toEqual([
-      'primary-main',
-      'secondary-main',
-      'info-main',
-      'success-main',
-      'warning-main',
-    ]);
-  });
-});

package/tests/chatApi.test.js

@@ -1,48 +0,0 @@
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-
-vi.mock('../src/auth/apiClient', () => ({
-  default: { get: vi.fn(), post: vi.fn(), patch: vi.fn(), delete: vi.fn() },
-}));
-
-import apiClient from '../src/auth/apiClient';
-import { createChatApi } from '../src/chat/api';
-
-beforeEach(() => {
-  for (const method of ['get', 'post', 'patch', 'delete']) apiClient[method].mockReset().mockResolvedValue({ data: { ok: method } });
-});
-
-describe('chat api client', () => {
-  it('calls the contract endpoints and unwraps the response data', async () => {
-    const api = createChatApi();
-    expect(await api.getCatalogue()).toEqual({ ok: 'get' });
-    expect(apiClient.get).toHaveBeenLastCalledWith('/api/assistant/catalogue/');
-    await api.listChats({ archived: true, cursor: 'c1' });
-    expect(apiClient.get).toHaveBeenLastCalledWith('/api/assistant/chats/', { params: { archived: true, cursor: 'c1' } });
-    await api.createChat({ scope: 'x' });
-    expect(apiClient.post).toHaveBeenLastCalledWith('/api/assistant/chats/', { scope: 'x' });
-    await api.updateChat(4, { selection: { entry: 'a', effort: 'low' } });
-    expect(apiClient.patch).toHaveBeenLastCalledWith('/api/assistant/chats/4/', { selection: { entry: 'a', effort: 'low' } });
-    await api.deleteChat(4);
-    expect(apiClient.delete).toHaveBeenLastCalledWith('/api/assistant/chats/4/');
-    await api.listTurns(4, { cursor: 'older' });
-    expect(apiClient.get).toHaveBeenLastCalledWith('/api/assistant/chats/4/turns/', { params: { cursor: 'older' } });
-    await api.getStatus();
-    expect(apiClient.get).toHaveBeenLastCalledWith('/api/assistant/status/');
-  });
-
-  it('keeps the defaults of every other function when one is overridden', async () => {
-    const names = ['getCatalogue', 'listChats', 'createChat', 'updateChat', 'deleteChat', 'listTurns', 'getStatus'];
-    const defaults = createChatApi({}, { apiBase: '/v2/chat' });
-    for (const name of names) {
-      const override = vi.fn();
-      const api = createChatApi({ [name]: override }, { apiBase: '/v2/chat' });
-      expect(api[name]).toBe(override);
-      for (const other of names.filter((n) => n !== name)) expect(String(api[other])).toBe(String(defaults[other]));
-    }
-    const api = createChatApi({ getStatus: vi.fn() }, { apiBase: '/v2/chat' });
-    await api.getCatalogue();
-    expect(apiClient.get).toHaveBeenLastCalledWith('/v2/chat/catalogue/');
-    await api.deleteChat(9);
-    expect(apiClient.delete).toHaveBeenLastCalledWith('/v2/chat/chats/9/');
-  });
-});

package/tests/chatDriverNames.test.jsx

@@ -1,71 +0,0 @@
-// @vitest-environment jsdom
-import React from 'react';
-import { afterEach, describe, expect, it } from 'vitest';
-import { cleanup, fireEvent, render, screen } from '@testing-library/react';
-import i18next from 'i18next';
-import { I18nextProvider } from 'react-i18next';
-
-import ModelPicker from '../src/chat/ModelPicker';
-import { chatTranslations } from '../src/i18n/chatTranslations';
-
-// The real translations through a real i18next instance (the picker tests with a mocked t only see keys).
-function makeI18n(language) {
-  const resources = {};
-  for (const [key, value] of Object.entries(chatTranslations)) {
-    for (const [locale, text] of Object.entries(value)) {
-      resources[locale] = resources[locale] || { translation: {} };
-      resources[locale].translation[key] = text;
-    }
-  }
-  const instance = i18next.createInstance();
-  instance.init({ lng: language, fallbackLng: 'en', resources, keySeparator: false, nsSeparator: false, interpolation: { escapeValue: false } });
-  return instance;
-}
-
-const entries = [
-  { id: 'cli', driver: 'claude_cli', model: 'sonnet', label: 'Sonnet', efforts: ['high'], billing: 'subscription' },
-  { id: 'anth', driver: 'anthropic_api', model: 'claude', label: 'Claude API', efforts: ['high'], billing: 'pay_per_use' },
-  { id: 'oa', driver: 'openai_api', model: 'gpt', label: 'GPT', efforts: ['high'], billing: 'pay_per_use' },
-  { id: 'x', driver: 'mystery_driver', model: 'x', label: 'Mystery', efforts: ['high'], billing: 'subscription' },
-];
-
-function open(language) {
-  render(
-    <I18nextProvider i18n={makeI18n(language)}>
-      <ModelPicker entries={entries} selection={{ entry: 'cli', effort: 'high' }} />
-    </I18nextProvider>,
-  );
-  const bar = screen.getByRole('button', { name: /Sonnet/ });
-  const label = bar.textContent;
-  fireEvent.click(bar);
-  return label;
-}
-
-afterEach(cleanup);
-
-describe('ModelPicker with the real chat translations', () => {
-  it('shows readable English driver names as heading and accessible name, and the raw id for an unknown driver', () => {
-    open('en');
-    for (const name of ['Claude Code subscription', 'Anthropic API', 'OpenAI API', 'mystery_driver']) {
-      expect(screen.getByRole('group', { name })).toBeTruthy();
-      expect(screen.getAllByText(name).length).toBeGreaterThan(0);
-    }
-    expect(screen.queryByRole('group', { name: 'claude_cli' })).toBeNull();
-  });
-
-  it('shows the German names and translates the effort in the bar label', () => {
-    const label = open('de');
-    expect(label).toBe('Sonnet · Hoch');
-    expect(screen.getByRole('group', { name: 'Claude Code (Abo)' })).toBeTruthy();
-  });
-
-  it('shows the French and Swahili names', () => {
-    open('fr');
-    expect(screen.getByRole('group', { name: 'API Anthropic' })).toBeTruthy();
-    expect(screen.getByRole('group', { name: 'Claude Code (abonnement)' })).toBeTruthy();
-    cleanup();
-    open('sw');
-    expect(screen.getByRole('group', { name: 'API ya OpenAI' })).toBeTruthy();
-    expect(screen.getByRole('group', { name: 'Claude Code (usajili)' })).toBeTruthy();
-  });
-});

package/tests/chatExports.test.js

@@ -1,3 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { ChatWorkspace, ChatList, ChatThread, ChatComposer, ModelPicker, MarkdownReply, useChatSocket, createChatApi, defaultChatApi, chatTranslations } from '../src/index';
-describe('chat exports', () => { it('exports the public chat surface', () => { for (const value of [ChatWorkspace, ChatList, ChatThread, ChatComposer, ModelPicker, MarkdownReply, useChatSocket, createChatApi, defaultChatApi, chatTranslations]) expect(value).toBeDefined(); }); });

package/tests/chatList.test.jsx

@@ -1,84 +0,0 @@
-// @vitest-environment jsdom
-import React from 'react';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, fireEvent, render, screen } from '@testing-library/react';
-
-vi.mock('react-i18next', () => ({ useTranslation: () => ({ t: (key) => key }) }));
-vi.mock('@mui/icons-material', () => ({ MoreVert: () => null }));
-
-import ChatList from '../src/chat/ChatList';
-
-afterEach(cleanup);
-
-const chats = [{ id: 1, title: 'Budget' }, { id: 2, title: 'Ideas' }];
-const archivedChats = [{ id: 3, title: 'Old notes', archived_at: '2026-10-01T00:00:00Z' }];
-
-function setup(props = {}) {
-  const handlers = { onSelect: vi.fn(), onNew: vi.fn(), onRename: vi.fn(), onArchive: vi.fn(), onRestore: vi.fn(), onDelete: vi.fn() };
-  render(<ChatList chats={chats} archivedChats={archivedChats} {...handlers} {...props} />);
-  return handlers;
-}
-const rowMenu = (index) => fireEvent.click(screen.getAllByRole('button', { name: 'Chat.actions' })[index]);
-
-describe('ChatList', () => {
-  it('selects and creates chats', () => {
-    const { onSelect, onNew } = setup();
-    fireEvent.click(screen.getByText('Ideas'));
-    expect(onSelect).toHaveBeenCalledWith(chats[1]);
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.newChat' }));
-    expect(onNew).toHaveBeenCalled();
-  });
-
-  it('renames through a dialog', () => {
-    const { onRename } = setup();
-    rowMenu(0);
-    fireEvent.click(screen.getByRole('menuitem', { name: 'Chat.rename' }));
-    fireEvent.change(screen.getByRole('textbox', { name: 'Chat.renameLabel' }), { target: { value: ' Budget 2027 ' } });
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.save' }));
-    expect(onRename).toHaveBeenCalledWith(chats[0], 'Budget 2027');
-  });
-
-  it('archives from the row menu', () => {
-    const { onArchive } = setup();
-    rowMenu(1);
-    fireEvent.click(screen.getByRole('menuitem', { name: 'Chat.archive' }));
-    expect(onArchive).toHaveBeenCalledWith(chats[1]);
-  });
-
-  it('asks for confirmation before deleting and does nothing on cancel', () => {
-    const { onDelete } = setup();
-    rowMenu(0);
-    fireEvent.click(screen.getByRole('menuitem', { name: 'Chat.delete' }));
-    expect(onDelete).not.toHaveBeenCalled();
-    expect(screen.getByText('Chat.deleteConfirm')).toBeTruthy();
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.cancel' }));
-    expect(onDelete).not.toHaveBeenCalled();
-  });
-
-  it('deletes after the confirmation', () => {
-    const { onDelete } = setup();
-    rowMenu(0);
-    fireEvent.click(screen.getByRole('menuitem', { name: 'Chat.delete' }));
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.delete' }));
-    expect(onDelete).toHaveBeenCalledWith(chats[0]);
-  });
-
-  it('hides archived chats behind the Archived entry with its count and restores from there', () => {
-    const { onRestore } = setup();
-    expect(screen.queryByText('Old notes')).toBeNull();
-    const toggle = screen.getByRole('button', { name: /Chat.archived/ });
-    expect(toggle.textContent).toContain('1');
-    fireEvent.click(toggle);
-    expect(screen.getByText('Old notes')).toBeTruthy();
-    rowMenu(2);
-    fireEvent.click(screen.getByRole('menuitem', { name: 'Chat.restore' }));
-    expect(onRestore).toHaveBeenCalledWith(archivedChats[0]);
-  });
-
-  it('offers more chats by cursor', () => {
-    const onLoadMore = vi.fn();
-    setup({ hasMore: true, onLoadMore });
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.loadMore' }));
-    expect(onLoadMore).toHaveBeenCalled();
-  });
-});

package/tests/chatPicker.test.jsx

@@ -1,82 +0,0 @@
-// @vitest-environment jsdom
-import React from 'react';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, fireEvent, render, screen, within } from '@testing-library/react';
-
-vi.mock('react-i18next', () => ({ useTranslation: () => ({ t: (key, values) => key.startsWith('Chat.driver.') && values?.defaultValue && !['Chat.driver.claude_cli', 'Chat.driver.anthropic_api', 'Chat.driver.openai_api'].includes(key) ? values.defaultValue : key }) }));
-
-import ModelPicker from '../src/chat/ModelPicker';
-
-afterEach(() => { cleanup(); delete window.matchMedia; });
-
-const entries = [
-  { id: 'cli-sonnet', driver: 'claude_cli', model: 'sonnet', label: 'Sonnet', efforts: ['low', 'medium', 'high'], billing: 'subscription' },
-  { id: 'cli-opus', driver: 'claude_cli', model: 'opus', label: 'Opus', efforts: ['high', 'max'], billing: 'subscription' },
-  { id: 'anthropic', driver: 'anthropic_api', model: 'claude', label: 'Claude API', efforts: ['medium'], billing: 'pay_per_use' },
-  { id: 'oa-5', driver: 'openai_api', model: 'gpt', label: 'GPT', efforts: ['medium'], billing: 'pay_per_use' },
-  { id: 'mystery', driver: 'mystery_driver', model: 'mystery', label: 'Mystery', efforts: ['low'], billing: 'subscription' },
-];
-const selection = { entry: 'cli-sonnet', effort: 'high' };
-const open = () => fireEvent.click(screen.getByRole('button', { name: 'Sonnet · Chat.effort.high' }));
-
-describe('ModelPicker', () => {
-  it('shows the current selection as "model · effort" on the bar', () => {
-    render(<ModelPicker entries={entries} selection={selection} />);
-    expect(screen.getByRole('button', { name: 'Sonnet · Chat.effort.high' })).toBeTruthy();
-  });
-
-  it('groups entries by driver and tags pay-per-use entries', () => {
-    render(<ModelPicker entries={entries} selection={selection} />);
-    open();
-    const cli = screen.getByRole('group', { name: 'Chat.driver.claude_cli' });
-    expect(within(cli).getByText('Chat.driver.claude_cli')).toBeTruthy();
-    expect(within(cli).getByText('Sonnet')).toBeTruthy();
-    expect(within(cli).getByText('Opus')).toBeTruthy();
-    const anthropic = screen.getByRole('group', { name: 'Chat.driver.anthropic_api' });
-    expect(within(anthropic).getByText('Chat.driver.anthropic_api')).toBeTruthy();
-    const openai = screen.getByRole('group', { name: 'Chat.driver.openai_api' });
-    expect(within(openai).getByText('Chat.driver.openai_api')).toBeTruthy();
-    expect(within(openai).getByText('GPT')).toBeTruthy();
-    expect(within(openai).getByText('Chat.payPerUse')).toBeTruthy();
-    expect(within(cli).queryByText('Chat.payPerUse')).toBeNull();
-    const unknown = screen.getByRole('group', { name: 'mystery_driver' });
-    expect(within(unknown).getByText('mystery_driver')).toBeTruthy();
-  });
-
-  it('disables effort levels the selected entry does not allow', () => {
-    render(<ModelPicker entries={entries} selection={selection} />);
-    open();
-    expect(screen.getByRole('button', { name: 'Chat.effort.max' }).disabled).toBe(true);
-    expect(screen.getByRole('button', { name: 'Chat.effort.low' }).disabled).toBe(false);
-  });
-
-  it('reports a new effort for the same entry', () => {
-    const onChange = vi.fn();
-    render(<ModelPicker entries={entries} selection={selection} onChange={onChange} />);
-    open();
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.effort.low' }));
-    expect(onChange).toHaveBeenCalledWith({ entry: 'cli-sonnet', effort: 'low' });
-  });
-
-  it('keeps the effort when the new entry allows it and falls back to its first level otherwise', () => {
-    const onChange = vi.fn();
-    render(<ModelPicker entries={entries} selection={selection} onChange={onChange} />);
-    open();
-    fireEvent.click(screen.getByText('Opus'));
-    expect(onChange).toHaveBeenLastCalledWith({ entry: 'cli-opus', effort: 'high' });
-    fireEvent.click(screen.getByText('GPT'));
-    expect(onChange).toHaveBeenLastCalledWith({ entry: 'oa-5', effort: 'medium' });
-  });
-
-  it('opens as a bottom sheet at narrow widths', () => {
-    window.matchMedia = vi.fn().mockImplementation((query) => ({ matches: true, media: query, addEventListener() {}, removeEventListener() {}, addListener() {}, removeListener() {} }));
-    const { baseElement } = render(<ModelPicker entries={entries} selection={selection} />);
-    open();
-    expect(baseElement.querySelector('.MuiDrawer-paperAnchorBottom')).toBeTruthy();
-  });
-
-  it('shows no trailing separator when the selection has no effort', () => {
-    render(<ModelPicker entries={entries} selection={{ entry: 'cli-sonnet' }} />);
-    expect(screen.getByRole('button', { name: 'Sonnet' })).toBeTruthy();
-  });
-});

package/tests/chatSocket.test.jsx

@@ -1,26 +0,0 @@
-// @vitest-environment jsdom
-import React from 'react';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { act, render, screen } from '@testing-library/react';
-import { useChatSocket } from '../src/chat/useChatSocket';
-class FakeSocket {
-  static OPEN = 1; static instances = [];
-  constructor(url) { this.url=url; this.readyState=0; this.sent=[]; FakeSocket.instances.push(this); }
-  open() { this.readyState=1; this.onopen?.(); }
-  message(data) { this.onmessage?.({data:JSON.stringify(data)}); }
-  send(data) { this.sent.push(data); }
-  close(code=1000) { this.readyState=3; this.onclose?.({code}); }
-}
-function Harness({ onFrame }) { const socket = useChatSocket('a', { wsUrl: () => 'ws://test', onFrame }); return <output>{socket.status}</output>; }
-describe('chat socket', () => {
-  afterEach(() => { vi.useRealTimers(); delete globalThis.WebSocket; FakeSocket.instances=[]; });
-  it('delivers delta and final turn frames with chat id and reconnects without resending', () => {
-    vi.useFakeTimers(); globalThis.WebSocket=FakeSocket; const onFrame=vi.fn(); render(<Harness onFrame={onFrame}/>); const first=FakeSocket.instances[0];
-    act(()=>{ first.open(); first.message({type:'delta',text:'hi'}); first.message({type:'turn',turn:{assistant_text:'done',sources:[]}}); first.close(1006); });
-    expect(onFrame).toHaveBeenCalledWith({type:'delta',text:'hi'},'a'); expect(onFrame).toHaveBeenCalledWith({type:'turn',turn:{assistant_text:'done',sources:[]}},'a');
-    act(()=>vi.advanceTimersByTime(1000)); expect(FakeSocket.instances).toHaveLength(2); expect(first.sent).toEqual([]);
-  });
-  it.each([4401,4403,4429])('does not reconnect for close code %s', (code) => {
-    vi.useFakeTimers(); globalThis.WebSocket=FakeSocket; render(<Harness onFrame={vi.fn()}/>); act(()=>FakeSocket.instances[0].close(code)); act(()=>vi.advanceTimersByTime(10000)); expect(FakeSocket.instances).toHaveLength(1);
-  });
-});

package/tests/chatThread.test.jsx

@@ -1,116 +0,0 @@
-// @vitest-environment jsdom
-import React from 'react';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
-
-vi.mock('react-i18next', () => ({ useTranslation: () => ({ t: (key, values) => (values?.model ? `${key}:${values.model}` : key) }) }));
-
-import ChatThread from '../src/chat/ChatThread';
-import MarkdownReply from '../src/chat/MarkdownReply';
-
-afterEach(cleanup);
-
-const turn = (extra) => ({ id: 1, seq: 1, user_text: 'Question', assistant_text: 'Answer', state: 'completed', sources: [], driver: 'claude_cli', model: 'Sonnet', effort: 'high', ...extra });
-
-describe('MarkdownReply', () => {
-  it('renders a list and a table', () => {
-    render(<MarkdownReply text={'- first item\n- second item\n\n| A | B |\n|---|---|\n| x | y |'} />);
-    expect(screen.getAllByRole('listitem')).toHaveLength(2);
-    expect(screen.getByRole('table')).toBeTruthy();
-  });
-
-  it('shows raw HTML as text and never creates the element', () => {
-    const { container } = render(<MarkdownReply text={'before <script>window.__pwned = 1</script> <b>bold</b> after'} />);
-    expect(container.querySelector('script')).toBeNull();
-    expect(container.querySelector('b')).toBeNull();
-    expect(window.__pwned).toBeUndefined();
-    expect(container.textContent).toContain('<script>');
-  });
-
-  it('does not load an image reference and does not link', () => {
-    const { container } = render(<MarkdownReply text={'![the chart](https://img.example.test/a.png) and [docs](https://docs.example.test)'} />);
-    expect(container.querySelector('img')).toBeNull();
-    expect(container.querySelector('a')).toBeNull();
-    expect(container.textContent).toContain('the chart');
-    expect(container.textContent).toContain('docs (https://docs.example.test)');
-  });
-});
-
-describe('ChatThread', () => {
-  it('shows source chips with the label and the reference on hover', async () => {
-    render(<ChatThread turns={[turn({ sources: [{ label: 'KB-12', reference: 'kb://handbook/12#intro' }] })]} />);
-    const chip = screen.getByText('KB-12');
-    expect(screen.queryByText('kb://handbook/12#intro')).toBeNull();
-    fireEvent.mouseOver(chip);
-    expect((await screen.findByRole('tooltip')).textContent).toContain('kb://handbook/12#intro');
-  });
-
-  it('marks where the model changed between two turns', () => {
-    render(<ChatThread turns={[turn(), turn({ id: 2, seq: 2, model: 'Opus', effort: 'max' })]} />);
-    expect(screen.getByRole('separator').textContent).toContain('Chat.modelChanged:Opus · Chat.effort.max');
-  });
-
-  it('shows no divider when the selection is unchanged', () => {
-    render(<ChatThread turns={[turn(), turn({ id: 2, seq: 2 })]} />);
-    expect(screen.queryByRole('separator')).toBeNull();
-  });
-
-  it('shows a typing indicator, then the tool label, for a generating turn', () => {
-    const generating = turn({ id: 2, seq: 2, assistant_text: '', state: 'generating' });
-    const { rerender } = render(<ChatThread turns={[generating]} />);
-    expect(screen.getByText('Chat.typing')).toBeTruthy();
-    rerender(<ChatThread turns={[generating]} tool={{ label: 'Searching the knowledge base' }} />);
-    expect(screen.getByText('Searching the knowledge base')).toBeTruthy();
-    expect(screen.queryByText('Chat.typing')).toBeNull();
-  });
-
-  it('shows Interrupted with Retry and calls onRetry with the turn', () => {
-    const onRetry = vi.fn();
-    const interrupted = turn({ state: 'interrupted' });
-    render(<ChatThread turns={[interrupted]} onRetry={onRetry} />);
-    expect(screen.getByText('Chat.interrupted')).toBeTruthy();
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.retry' }));
-    expect(onRetry).toHaveBeenCalledWith(interrupted);
-  });
-
-  it('shows the incomplete-answer alert for a failed turn', () => {
-    render(<ChatThread turns={[turn({ state: 'failed', error_code: 'provider_error', assistant_text: '' })]} />);
-    expect(screen.getByText('Chat.answerIncomplete')).toBeTruthy();
-  });
-
-  it('renders the user message as plain text', () => {
-    const { container } = render(<ChatThread turns={[turn({ user_text: '<img src=x onerror=alert(1)>' })]} />);
-    expect(container.querySelector('img')).toBeNull();
-    expect(container.textContent).toContain('<img src=x');
-  });
-
-  it('offers older turns through the cursor callback', () => {
-    const onLoadOlder = vi.fn();
-    render(<ChatThread turns={[turn()]} hasOlder onLoadOlder={onLoadOlder} />);
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.loadOlder' }));
-    expect(onLoadOlder).toHaveBeenCalled();
-  });
-
-  it('loads older turns when the thread is scrolled to the top', () => {
-    const onLoadOlder = vi.fn();
-    render(<ChatThread turns={[turn()]} hasOlder onLoadOlder={onLoadOlder} />);
-    const log = screen.getByRole('log');
-    fireEvent.scroll(log, { target: { scrollTop: 400 } });
-    expect(onLoadOlder).not.toHaveBeenCalled();
-    fireEvent.scroll(log, { target: { scrollTop: 0 } });
-    expect(onLoadOlder).toHaveBeenCalledTimes(1);
-  });
-
-  it('starts only one older-turns request for rapid scroll events', async () => {
-    let release;
-    const onLoadOlder = vi.fn(() => new Promise((resolve) => { release = resolve; }));
-    render(<ChatThread turns={[turn()]} hasOlder onLoadOlder={onLoadOlder} />);
-    const log = screen.getByRole('log');
-    fireEvent.scroll(log, { target: { scrollTop: 0 } });
-    fireEvent.scroll(log, { target: { scrollTop: 0 } });
-    fireEvent.click(screen.getByRole('button', { name: 'Chat.loadOlder' }));
-    expect(onLoadOlder).toHaveBeenCalledTimes(1);
-    release();
-    await waitFor(() => { fireEvent.scroll(log, { target: { scrollTop: 0 } }); expect(onLoadOlder).toHaveBeenCalledTimes(2); });
-  });
-});

package/tests/chatTranslations.test.js

@@ -1,47 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { chatTranslations } from '../src/i18n/chatTranslations';
-
-const LOCALES = ['de', 'en', 'fr', 'sw'];
-
-describe('chatTranslations', () => {
-  it('has every key in all four languages', () => {
-    for (const [key, value] of Object.entries(chatTranslations)) {
-      for (const locale of LOCALES) {
-        expect(typeof value[locale], `${key}.${locale}`).toBe('string');
-        expect(value[locale].trim(), `${key}.${locale}`).not.toBe('');
-      }
-    }
-  });
-
-  it('uses the Envelope copy verbatim in English', () => {
-    expect(chatTranslations['Chat.driver.claude_cli'].en).toBe('Claude Code subscription');
-    expect(chatTranslations['Chat.driver.anthropic_api'].en).toBe('Anthropic API');
-    expect(chatTranslations['Chat.driver.openai_api'].en).toBe('OpenAI API');
-    expect(chatTranslations['Chat.usageLimit'].en).toBe('Usage limit reached for {{model}}. Choose another model or try again later.');
-    expect(chatTranslations['Chat.answerIncomplete'].en).toBe('The answer could not be completed.');
-    expect(chatTranslations['Chat.unavailable'].en).toBe('Chat is not available');
-    expect(chatTranslations['Chat.noModel'].en).toBe('No language model is configured on this server.');
-    expect(chatTranslations['Chat.payPerUse'].en).toBe('pay per use');
-    expect(chatTranslations['Chat.interrupted'].en).toBe('Interrupted');
-    expect(chatTranslations['Chat.reconnecting'].en).toBe('Reconnecting');
-    expect(chatTranslations['Chat.archived'].en).toBe('Archived');
-  });
-
-  it('includes non-empty driver names in every locale', () => {
-    for (const id of ['claude_cli', 'anthropic_api', 'openai_api']) {
-      const value = chatTranslations[`Chat.driver.${id}`];
-      expect(value).toBeTruthy();
-      for (const locale of LOCALES) expect(value[locale].trim(), `${id}.${locale}`).not.toBe('');
-    }
-  });
-
-  it('keeps interpolation placeholders in every language', () => {
-    for (const [key, value] of Object.entries(chatTranslations)) {
-      const wanted = [...value.en.matchAll(/\{\{(\w+)\}\}/g)].map((m) => m[1]).sort();
-      for (const locale of LOCALES) {
-        const found = [...value[locale].matchAll(/\{\{(\w+)\}\}/g)].map((m) => m[1]).sort();
-        expect(found, `${key}.${locale}`).toEqual(wanted);
-      }
-    }
-  });
-});