feat(renderer): Toolbar wired to command store

- 5 functional buttons: Open file, Open folder, Save, Toggle sidebar, Toggle preview
- each dispatches via useCommandStore
- aria-pressed on toggle buttons reflects app store state
- formatting buttons (bold, italic, etc.) stay disabled (Phase 9)
- toolbar now has role='toolbar' and aria-label
- TDD: 9 component tests

tests/component/layout/Toolbar.test.tsx

@@ -1,11 +1,98 @@
-import { describe, it, expect } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { describe, it, expect, beforeEach, vi } from 'vitest';
+import { render, screen, fireEvent, act } from '@testing-library/react';
 import { Toolbar } from '@/components/layout/Toolbar';
+import { useCommandStore } from '@/stores/command-store';
+import { useAppStore } from '@/stores/app-store';
 
 describe('Toolbar', () => {
+  beforeEach(() => {
+    useCommandStore.setState({ handlers: {} });
+    useAppStore.setState({
+      sidebarVisible: true,
+      previewVisible: true,
+      zenMode: false,
+      paneSizes: { sidebar: 20, editor: 50, preview: 30 },
+    });
+  });
+
   it('renders formatting buttons', () => {
     render(<Toolbar />);
     expect(screen.getByRole('button', { name: /bold/i })).toBeInTheDocument();
     expect(screen.getByRole('button', { name: /italic/i })).toBeInTheDocument();
   });
-});
+
+  it('renders all toolbar buttons', () => {
+    render(<Toolbar />);
+    expect(screen.getByTestId('toolbar-open-file')).toBeInTheDocument();
+    expect(screen.getByTestId('toolbar-open-folder')).toBeInTheDocument();
+    expect(screen.getByTestId('toolbar-save')).toBeInTheDocument();
+    expect(screen.getByTestId('toolbar-toggle-sidebar')).toBeInTheDocument();
+    expect(screen.getByTestId('toolbar-toggle-preview')).toBeInTheDocument();
+  });
+
+  it('Open file button dispatches file.open', () => {
+    const handler = vi.fn();
+    useCommandStore.getState().register('file.open', handler);
+    render(<Toolbar />);
+    fireEvent.click(screen.getByTestId('toolbar-open-file'));
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+
+  it('Open folder button dispatches file.openFolder', () => {
+    const handler = vi.fn();
+    useCommandStore.getState().register('file.openFolder', handler);
+    render(<Toolbar />);
+    fireEvent.click(screen.getByTestId('toolbar-open-folder'));
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+
+  it('Save button dispatches file.save', () => {
+    const handler = vi.fn();
+    useCommandStore.getState().register('file.save', handler);
+    render(<Toolbar />);
+    fireEvent.click(screen.getByTestId('toolbar-save'));
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+
+  it('Toggle sidebar button dispatches view.toggleSidebar and reflects aria-pressed', () => {
+    const handler = vi.fn();
+    useCommandStore.getState().register('view.toggleSidebar', handler);
+    render(<Toolbar />);
+    const btn = screen.getByTestId('toolbar-toggle-sidebar');
+    expect(btn).toHaveAttribute('aria-pressed', 'true');
+    fireEvent.click(btn);
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+
+  it('Toggle preview button dispatches view.togglePreview', () => {
+    const handler = vi.fn();
+    useCommandStore.getState().register('view.togglePreview', handler);
+    render(<Toolbar />);
+    fireEvent.click(screen.getByTestId('toolbar-toggle-preview'));
+    expect(handler).toHaveBeenCalledTimes(1);
+  });
+
+  it('toggle sidebar end-to-end: command flips appStore state, aria-pressed reflects it', () => {
+    useCommandStore.getState().register('view.toggleSidebar', () => {
+      useAppStore.getState().toggleSidebar();
+    });
+    render(<Toolbar />);
+    const btn = screen.getByTestId('toolbar-toggle-sidebar');
+    expect(btn).toHaveAttribute('aria-pressed', 'true');
+    act(() => {
+      fireEvent.click(btn);
+    });
+    expect(useAppStore.getState().sidebarVisible).toBe(false);
+    expect(btn).toHaveAttribute('aria-pressed', 'false');
+  });
+
+  it('formatting buttons (bold, italic, etc.) are disabled (Phase 9 work)', () => {
+    render(<Toolbar />);
+    expect(screen.getByLabelText('Bold')).toBeDisabled();
+    expect(screen.getByLabelText('Italic')).toBeDisabled();
+    expect(screen.getByLabelText('Unordered list')).toBeDisabled();
+    expect(screen.getByLabelText('Ordered list')).toBeDisabled();
+    expect(screen.getByLabelText('Code')).toBeDisabled();
+    expect(screen.getByLabelText('Link')).toBeDisabled();
+  });
+});