repoburg 1.3.202 → 1.3.204

package/agent-pane/frontend/src/components/panels/TurnsPanel.test.tsx

@@ -1,131 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import { render, screen, fireEvent, cleanup } from '@testing-library/react';
-import TurnsPanel from './TurnsPanel.tsx';
-import { resetStore } from '../../test/component-helpers.ts';
-import { makeDetail, makeTurn } from '../../test/fixtures.ts';
-
-describe('TurnsPanel', () => {
-  beforeEach(() => {
-    resetStore();
-  });
-  afterEach(() => {
-    cleanup();
-  });
-
-  it('shows empty state when no turns', () => {
-    render(<TurnsPanel />);
-    expect(screen.getByText('No turns yet')).toBeInTheDocument();
-  });
-
-  it('renders turn items with preview text', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1', { user_prompt: 'Fix the bug' })]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    expect(screen.getByText('Fix the bug')).toBeInTheDocument();
-  });
-
-  it('truncates preview text longer than 50 chars', () => {
-    const longPrompt = 'A'.repeat(60);
-    const detail = makeDetail('s1', [makeTurn('t1', 's1', { user_prompt: longPrompt })]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    expect(screen.getByText('A'.repeat(50) + '…')).toBeInTheDocument();
-  });
-
-  it('active turn has active class', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail }, activeTurnIndex: 0 });
-    render(<TurnsPanel />);
-    const turnItem = screen.getByText('test prompt').closest('.turn-item');
-    expect(turnItem).toHaveClass('active');
-  });
-
-  it('click calls setActiveTurnIndex', () => {
-    const setActiveTurnIndex = vi.fn();
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail }, activeTurnIndex: 0, setActiveTurnIndex });
-    render(<TurnsPanel />);
-    const items = document.querySelectorAll('.turn-item');
-    fireEvent.click(items[1]);
-    expect(setActiveTurnIndex).toHaveBeenCalledWith(1);
-  });
-
-  it('context menu shows rewind and branch options', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    const turnItem = document.querySelectorAll('.turn-item')[0];
-    fireEvent.contextMenu(turnItem);
-    expect(screen.getByText('Rewind to Here')).toBeInTheDocument();
-    expect(screen.getByText('Branch from Here')).toBeInTheDocument();
-  });
-
-  it('rewind is disabled on last turn', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    const turnItem = document.querySelector('.turn-item')!;
-    fireEvent.contextMenu(turnItem);
-    const rewindItem = screen.getByText('Rewind to Here').closest('.ctx-menu-item');
-    expect(rewindItem).toHaveClass('ctx-disabled');
-  });
-
-  it('branch click calls branchFromTurn', () => {
-    const branchFromTurn = vi.fn().mockResolvedValue(undefined);
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail }, branchFromTurn });
-    render(<TurnsPanel />);
-    const turnItem = document.querySelectorAll('.turn-item')[0];
-    fireEvent.contextMenu(turnItem);
-    fireEvent.click(screen.getByText('Branch from Here'));
-    expect(branchFromTurn).toHaveBeenCalledWith('s1', 't1');
-  });
-
-  it('shows Restore Rewind for rewound non-repoburg sessions', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')], {
-      runtime_type: 'codex',
-      rewound_at_turn_id: 't1',
-    });
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    fireEvent.contextMenu(document.querySelector('.turn-item')!);
-    expect(screen.getByText('Restore Rewind')).toBeInTheDocument();
-  });
-
-  it('hides Restore Rewind for rewound repoburg sessions (hard delete — no restore)', () => {
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')], {
-      runtime_type: 'repoburg',
-      rewound_at_turn_id: 't1',
-    });
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    fireEvent.contextMenu(document.querySelector('.turn-item')!);
-    expect(screen.queryByText('Restore Rewind')).not.toBeInTheDocument();
-  });
-
-  it('repoburg rewind confirm says the runtime history is permanently deleted', () => {
-    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(false);
-    const rewindToTurn = vi.fn();
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')], {
-      runtime_type: 'repoburg',
-    });
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail }, rewindToTurn });
-    render(<TurnsPanel />);
-    fireEvent.contextMenu(document.querySelectorAll('.turn-item')[0]);
-    fireEvent.click(screen.getByText('Rewind to Here'));
-    expect(confirmSpy).toHaveBeenCalledWith(
-      'Rewind to this turn? Runtime history after this point is PERMANENTLY deleted and cannot be restored.',
-    );
-    expect(rewindToTurn).not.toHaveBeenCalled();
-  });
-
-  it('non-repoburg rewind confirm keeps the restore-later copy', () => {
-    const confirmSpy = vi.spyOn(window, 'confirm').mockReturnValue(false);
-    const detail = makeDetail('s1', [makeTurn('t1', 's1'), makeTurn('t2', 's1')]);
-    resetStore({ activeSessionId: 's1', sessionDetails: { s1: detail } });
-    render(<TurnsPanel />);
-    fireEvent.contextMenu(document.querySelectorAll('.turn-item')[0]);
-    fireEvent.click(screen.getByText('Rewind to Here'));
-    expect(confirmSpy).toHaveBeenCalledWith('Rewind to this turn? Hidden turns can be restored later.');
-  });
-});

package/agent-pane/frontend/src/components/panels/TurnsPanel.tsx

@@ -1,131 +0,0 @@
-import { useRef, useState } from 'react';
-import { useStore } from '../../store/store.ts';
-import { useOutsideClick } from '../../hooks/useOutsideClick.ts';
-import { useEscapeKey } from '../../hooks/useEscapeKey.ts';
-import { User, Rewind, GitBranch, RotateCcw } from 'lucide-react';
-
-interface TurnContextMenu {
-  x: number;
-  y: number;
-  turnId: string;
-  turnIndex: number;
-  isLast: boolean;
-  isSlashCommand: boolean;
-}
-
-export default function TurnsPanel() {
-  const activeSessionId = useStore((s) => s.activeSessionId);
-  const sessionDetails = useStore((s) => s.sessionDetails);
-  const activeTurnIndex = useStore((s) => s.activeTurnIndex);
-  const setActiveTurnIndex = useStore((s) => s.setActiveTurnIndex);
-  const rewindToTurn = useStore((s) => s.rewindToTurn);
-  const restoreSession = useStore((s) => s.restoreSession);
-  const branchFromTurn = useStore((s) => s.branchFromTurn);
-
-  const detail = activeSessionId ? sessionDetails[activeSessionId] : null;
-  const turns = detail?.turns ?? [];
-  const isRunning = detail?.is_running === 1;
-  const isRewound = !!detail?.rewound_at_turn_id;
-  // Repoburg rewind = platform-parity hard delete — no restore, permanent copy.
-  const isRepoburg = detail?.runtime_type === 'repoburg';
-  const rewindConfirm = isRepoburg
-    ? 'Rewind to this turn? Runtime history after this point is PERMANENTLY deleted and cannot be restored.'
-    : 'Rewind to this turn? Hidden turns can be restored later.';
-
-  const [ctxMenu, setCtxMenu] = useState<TurnContextMenu | null>(null);
-  const ctxRef = useRef<HTMLDivElement>(null);
-
-  useOutsideClick(ctxRef, () => setCtxMenu(null), !!ctxMenu);
-  useEscapeKey(() => setCtxMenu(null), !!ctxMenu);
-
-  if (turns.length === 0) {
-    return <div className="empty-state">No turns yet</div>;
-  }
-
-  function handleClick(idx: number) {
-    setActiveTurnIndex(idx);
-    requestAnimationFrame(() => {
-      document.getElementById(`turn-${idx}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' });
-    });
-  }
-
-  return (
-    <div className="right-section">
-      <div className="right-section-title">Conversation</div>
-      {turns.map((turn, idx) => {
-        const isActive = idx === activeTurnIndex;
-        const preview = turn.user_prompt.length > 50 ? turn.user_prompt.slice(0, 50) + '…' : turn.user_prompt;
-        const turnIsRunning = turn.status === 'running' || turn.status === 'pending';
-
-        return (
-          <div key={turn.id}>
-            <div
-              className={`turn-item ${isActive ? 'active' : ''}`}
-              onClick={() => handleClick(idx)}
-              onContextMenu={(e) => {
-                e.preventDefault();
-                setCtxMenu({
-                  x: e.clientX,
-                  y: e.clientY,
-                  turnId: turn.id,
-                  turnIndex: idx,
-                  isLast: idx === turns.length - 1,
-                  isSlashCommand: turn.user_prompt.trimStart().startsWith('/'),
-                });
-              }}
-            >
-              <span className="turn-item-icon" style={{ background: 'var(--amber)', color: '#fff' }}>
-                <User size={12} />
-              </span>
-              <span className="turn-item-label">{preview}</span>
-              {turnIsRunning && (
-                <span className="turn-item-status">running…</span>
-              )}
-            </div>
-          </div>
-        );
-      })}
-
-      {ctxMenu && (
-        <div
-          ref={ctxRef}
-          className="ctx-menu"
-          style={{ position: 'fixed', left: ctxMenu.x, top: ctxMenu.y, zIndex: 500 }}
-        >
-          <div
-            className={`ctx-menu-item ${ctxMenu.isLast || isRunning || ctxMenu.isSlashCommand ? 'ctx-disabled' : ''}`}
-            onClick={() => {
-              if (ctxMenu.isLast || isRunning || ctxMenu.isSlashCommand) return;
-              if (window.confirm(rewindConfirm)) {
-                rewindToTurn(activeSessionId!, ctxMenu.turnId);
-              }
-              setCtxMenu(null);
-            }}
-          >
-            <Rewind size={12} /> Rewind to Here{ctxMenu.isSlashCommand ? ' (slash command)' : ''}
-          </div>
-          {isRewound && !isRepoburg && (
-            <div
-              className="ctx-menu-item"
-              onClick={() => {
-                restoreSession(activeSessionId!);
-                setCtxMenu(null);
-              }}
-            >
-              <RotateCcw size={12} /> Restore Rewind
-            </div>
-          )}
-          <div
-            className="ctx-menu-item"
-            onClick={() => {
-              branchFromTurn(activeSessionId!, ctxMenu.turnId);
-              setCtxMenu(null);
-            }}
-          >
-            <GitBranch size={12} /> Branch from Here
-          </div>
-        </div>
-      )}
-    </div>
-  );
-}

package/agent-pane/frontend/src/constants/models.test.ts

@@ -1,97 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import {
-  getProvider,
-  getModels,
-  getModel,
-  getReasoningLevels,
-  getDefaultModel,
-  getDefaultReasoning,
-} from './models.ts';
-
-describe('getProvider', () => {
-  it('finds codex provider', () => {
-    expect(getProvider('codex')?.id).toBe('codex');
-  });
-
-  it('finds claude provider', () => {
-    expect(getProvider('claude')?.id).toBe('claude');
-  });
-
-  it('returns undefined for unknown provider', () => {
-    expect(getProvider('unknown')).toBeUndefined();
-  });
-});
-
-describe('getModels', () => {
-  it('returns 4 models for codex', () => {
-    expect(getModels('codex')).toHaveLength(4);
-  });
-
-  it('returns 3 models for claude', () => {
-    expect(getModels('claude')).toHaveLength(3);
-  });
-
-  it('returns empty array for unknown provider', () => {
-    expect(getModels('unknown')).toEqual([]);
-  });
-});
-
-describe('getModel', () => {
-  it('finds gpt-5.6-sol in codex', () => {
-    expect(getModel('codex', 'gpt-5.6-sol')?.slug).toBe('gpt-5.6-sol');
-  });
-
-  it('returns undefined for unknown model slug', () => {
-    expect(getModel('codex', 'unknown')).toBeUndefined();
-  });
-
-  it('returns undefined for unknown provider', () => {
-    expect(getModel('unknown', 'gpt-5.6-sol')).toBeUndefined();
-  });
-});
-
-describe('getReasoningLevels', () => {
-  it('returns 6 levels for gpt-5.6-sol', () => {
-    expect(getReasoningLevels('codex', 'gpt-5.6-sol')).toHaveLength(6);
-  });
-
-  it('returns 5 levels for gpt-5.6-luna (no ultra)', () => {
-    expect(getReasoningLevels('codex', 'gpt-5.6-luna')).toHaveLength(5);
-  });
-
-  it('returns 4 levels for gpt-5.5', () => {
-    expect(getReasoningLevels('codex', 'gpt-5.5')).toHaveLength(4);
-  });
-
-  it('returns empty array for unknown model', () => {
-    expect(getReasoningLevels('codex', 'unknown')).toEqual([]);
-  });
-});
-
-describe('getDefaultModel', () => {
-  it('returns first model for codex (gpt-5.6-sol)', () => {
-    expect(getDefaultModel('codex')?.slug).toBe('gpt-5.6-sol');
-  });
-
-  it('returns first model for claude (claude-sonnet-5)', () => {
-    expect(getDefaultModel('claude')?.slug).toBe('claude-sonnet-5');
-  });
-
-  it('returns undefined for unknown provider', () => {
-    expect(getDefaultModel('unknown')).toBeUndefined();
-  });
-});
-
-describe('getDefaultReasoning', () => {
-  it('returns low for gpt-5.6-sol', () => {
-    expect(getDefaultReasoning('codex', 'gpt-5.6-sol')).toBe('low');
-  });
-
-  it('returns medium for gpt-5.6-terra', () => {
-    expect(getDefaultReasoning('codex', 'gpt-5.6-terra')).toBe('medium');
-  });
-
-  it('returns undefined for unknown model', () => {
-    expect(getDefaultReasoning('codex', 'unknown')).toBeUndefined();
-  });
-});

package/agent-pane/frontend/src/constants/models.ts

@@ -1,166 +0,0 @@
-// Model catalog — hardcoded from `codex debug models --bundled` output.
-// Codex SDK connects to ChatGPT backend; these are the available models.
-
-export interface ReasoningLevel {
-  effort: string; // SDK value: "low" | "medium" | "high" | "xhigh" | "max" | "ultra"
-  label: string; // UI label: "Low" | "Medium" | "High" | "Extra High" | "Max" | "Ultra"
-}
-
-export interface ModelDef {
-  slug: string; // "gpt-5.6-sol"
-  displayName: string; // "GPT-5.6-Sol"
-  description: string; // short description
-  defaultReasoning: string; // "low" | "medium" | ...
-  reasoningLevels: ReasoningLevel[];
-}
-
-export interface ProviderDef {
-  id: string; // "codex" | "claude"
-  label: string; // "Codex" | "Claude"
-  available: boolean; // false = "coming soon" placeholder
-  models: ModelDef[];
-}
-
-const LEVELS: Record<string, ReasoningLevel> = {
-  low: { effort: 'low', label: 'Low' },
-  medium: { effort: 'medium', label: 'Medium' },
-  high: { effort: 'high', label: 'High' },
-  xhigh: { effort: 'xhigh', label: 'Extra High' },
-  max: { effort: 'max', label: 'Max' },
-  ultra: { effort: 'ultra', label: 'Ultra' },
-};
-
-export const PROVIDERS: ProviderDef[] = [
-  {
-    id: 'codex',
-    label: 'Codex',
-    available: true,
-    models: [
-      {
-        slug: 'gpt-5.6-sol',
-        displayName: 'GPT-5.6-Sol',
-        description: 'Flagship — complex, open-ended work',
-        defaultReasoning: 'low',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max, LEVELS.ultra],
-      },
-      {
-        slug: 'gpt-5.6-terra',
-        displayName: 'GPT-5.6-Terra',
-        description: 'Balanced all-rounder for everyday work',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max, LEVELS.ultra],
-      },
-      {
-        slug: 'gpt-5.6-luna',
-        displayName: 'GPT-5.6-Luna',
-        description: 'Fast, affordable — clear, repeatable tasks',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max],
-      },
-      {
-        slug: 'gpt-5.5',
-        displayName: 'GPT-5.5',
-        description: 'Previous-gen frontier model',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh],
-      },
-    ],
-  },
-  {
-    id: 'claude',
-    label: 'Claude',
-    available: true,
-    models: [
-      {
-        slug: 'claude-sonnet-5',
-        displayName: 'Claude Sonnet 5',
-        description: 'Balanced all-rounder for everyday work',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max],
-      },
-      {
-        slug: 'claude-opus-5',
-        displayName: 'Claude Opus 5',
-        description: 'Deep reasoning for complex tasks',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max],
-      },
-      {
-        slug: 'claude-fable-5',
-        displayName: 'Claude Fable 5',
-        description: 'Fast and efficient for simple tasks',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high, LEVELS.xhigh, LEVELS.max],
-      },
-    ],
-  },
-  {
-    id: 'repoburg',
-    label: 'Repoburg',
-    available: true,
-    // Curated fallback list — live sessions load the full catalog dynamically
-    // from GET /api/providers/repoburg/models (repoburg backend model registry).
-    models: [
-      {
-        slug: 'ollama/glm-5.3:cloud',
-        displayName: 'GLM-5.3',
-        description: 'Ollama Cloud',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high],
-      },
-      {
-        slug: 'ollama/glm-5.3-flash:cloud',
-        displayName: 'GLM-5.3 Flash',
-        description: 'Ollama Cloud — fast',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high],
-      },
-      {
-        slug: 'ollama/minimax-m3:cloud',
-        displayName: 'MiniMax M3',
-        description: 'Ollama Cloud',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high],
-      },
-      {
-        slug: 'ollama/deepseek-v4-pro:cloud',
-        displayName: 'DeepSeek V4 Pro',
-        description: 'Ollama Cloud',
-        defaultReasoning: 'medium',
-        reasoningLevels: [LEVELS.low, LEVELS.medium, LEVELS.high],
-      },
-    ],
-  },
-];
-
-/** Get provider by ID. */
-export function getProvider(id: string): ProviderDef | undefined {
-  return PROVIDERS.find((p) => p.id === id);
-}
-
-/** Get models for a provider. Returns empty array if provider not found or unavailable. */
-export function getModels(providerId: string): ModelDef[] {
-  const provider = getProvider(providerId);
-  return provider?.models ?? [];
-}
-
-/** Get a specific model definition. */
-export function getModel(providerId: string, slug: string): ModelDef | undefined {
-  return getModels(providerId).find((m) => m.slug === slug);
-}
-
-/** Get reasoning levels for a specific model. */
-export function getReasoningLevels(providerId: string, slug: string): ReasoningLevel[] {
-  return getModel(providerId, slug)?.reasoningLevels ?? [];
-}
-
-/** Get the default model for a provider (first in list). */
-export function getDefaultModel(providerId: string): ModelDef | undefined {
-  const models = getModels(providerId);
-  return models[0];
-}
-
-/** Get the default reasoning level for a model. */
-export function getDefaultReasoning(providerId: string, slug: string): string | undefined {
-  return getModel(providerId, slug)?.defaultReasoning;
-}

package/agent-pane/frontend/src/hooks/useEscapeKey.test.ts

@@ -1,42 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest';
-import { renderHook } from '@testing-library/react';
-import { useEscapeKey } from './useEscapeKey.ts';
-
-describe('useEscapeKey', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('calls callback when Escape is pressed', () => {
-    const callback = vi.fn();
-    renderHook(() => useEscapeKey(callback));
-
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-    expect(callback).toHaveBeenCalledTimes(1);
-  });
-
-  it('does not call callback when isActive is false', () => {
-    const callback = vi.fn();
-    renderHook(() => useEscapeKey(callback, false));
-
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-    expect(callback).not.toHaveBeenCalled();
-  });
-
-  it('does not call callback for non-Escape keys', () => {
-    const callback = vi.fn();
-    renderHook(() => useEscapeKey(callback));
-
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter' }));
-    expect(callback).not.toHaveBeenCalled();
-  });
-
-  it('cleans up listener on unmount', () => {
-    const callback = vi.fn();
-    const { unmount } = renderHook(() => useEscapeKey(callback));
-
-    unmount();
-    document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape' }));
-    expect(callback).not.toHaveBeenCalled();
-  });
-});

package/agent-pane/frontend/src/hooks/useEscapeKey.ts

@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-
-/** Call `callback` when Escape key is pressed (if `isActive` is true). */
-export function useEscapeKey(callback: () => void, isActive = true): void {
-  useEffect(() => {
-    if (!isActive) return;
-    function handleKey(e: KeyboardEvent) {
-      if (e.key === 'Escape') callback();
-    }
-    document.addEventListener('keydown', handleKey);
-    return () => document.removeEventListener('keydown', handleKey);
-  }, [callback, isActive]);
-}

package/agent-pane/frontend/src/hooks/useOutsideClick.test.ts

@@ -1,92 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
-import { renderHook } from '@testing-library/react';
-import { useRef, type MutableRefObject } from 'react';
-import { useOutsideClick } from './useOutsideClick.ts';
-
-function renderWithRef(callback: () => void, isActive = true) {
-  return renderHook(() => {
-    const ref = useRef<HTMLDivElement>(null) as MutableRefObject<HTMLDivElement | null>;
-    useOutsideClick(ref, callback, isActive);
-    return ref;
-  });
-}
-
-describe('useOutsideClick', () => {
-  let insideEl: HTMLDivElement;
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    insideEl = document.createElement('div');
-    document.body.appendChild(insideEl);
-  });
-
-  afterEach(() => {
-    document.body.removeChild(insideEl);
-  });
-
-  it('calls callback on mousedown outside ref', () => {
-    const callback = vi.fn();
-    const { result } = renderWithRef(callback);
-    // Set ref to the inside element so outside clicks are detected
-    result.current.current = insideEl;
-
-    const outsideEl = document.createElement('div');
-    document.body.appendChild(outsideEl);
-
-    const event = new MouseEvent('mousedown', { bubbles: true });
-    Object.defineProperty(event, 'target', { value: outsideEl });
-    document.dispatchEvent(event);
-
-    expect(callback).toHaveBeenCalledTimes(1);
-    document.body.removeChild(outsideEl);
-  });
-
-  it('does not call callback when clicking inside ref', () => {
-    const callback = vi.fn();
-    const { result } = renderWithRef(callback);
-    result.current.current = insideEl;
-
-    const childEl = document.createElement('span');
-    insideEl.appendChild(childEl);
-
-    const event = new MouseEvent('mousedown', { bubbles: true });
-    Object.defineProperty(event, 'target', { value: childEl });
-    document.dispatchEvent(event);
-
-    expect(callback).not.toHaveBeenCalled();
-  });
-
-  it('does not call callback when isActive is false', () => {
-    const callback = vi.fn();
-    const { result } = renderWithRef(callback, false);
-    result.current.current = insideEl;
-
-    const outsideEl = document.createElement('div');
-    document.body.appendChild(outsideEl);
-
-    const event = new MouseEvent('mousedown', { bubbles: true });
-    Object.defineProperty(event, 'target', { value: outsideEl });
-    document.dispatchEvent(event);
-
-    expect(callback).not.toHaveBeenCalled();
-    document.body.removeChild(outsideEl);
-  });
-
-  it('cleans up listeners on unmount', () => {
-    const callback = vi.fn();
-    const { result, unmount } = renderWithRef(callback);
-    result.current.current = insideEl;
-
-    unmount();
-
-    const outsideEl = document.createElement('div');
-    document.body.appendChild(outsideEl);
-
-    const event = new MouseEvent('mousedown', { bubbles: true });
-    Object.defineProperty(event, 'target', { value: outsideEl });
-    document.dispatchEvent(event);
-
-    expect(callback).not.toHaveBeenCalled();
-    document.body.removeChild(outsideEl);
-  });
-});