feat: more phase 1 implementation - proper parity now

tests/renderer/components/SidebarScripts.test.tsx

@@ -8,6 +8,21 @@ describe('Sidebar scripts list behavior', () => {
   beforeEach(() => {
     vi.clearAllMocks();
 
+    const listeners = new Map<string, Set<(event: Event) => void>>();
+    (window as any).addEventListener = vi.fn((type: string, listener: (event: Event) => void) => {
+      if (!listeners.has(type)) {
+        listeners.set(type, new Set());
+      }
+      listeners.get(type)?.add(listener);
+    });
+    (window as any).removeEventListener = vi.fn((type: string, listener: (event: Event) => void) => {
+      listeners.get(type)?.delete(listener);
+    });
+    (window as any).dispatchEvent = vi.fn((event: Event) => {
+      listeners.get(event.type)?.forEach((listener) => listener(event));
+      return true;
+    });
+
     (window as any).electronAPI = {
       ...(window as any).electronAPI,
       scripts: {
@@ -43,9 +58,11 @@ describe('Sidebar scripts list behavior', () => {
   });
 
   it('opens a transient script tab on single click', async () => {
-    render(<Sidebar />);
+    const { container } = render(<Sidebar />);
 
     const scriptRow = await screen.findByRole('button', { name: 'Hello Script' });
+    expect(scriptRow).toHaveClass('chat-list-item');
+    expect(container.querySelector('.chat-item-date')).not.toBeNull();
     fireEvent.click(scriptRow);
 
     expect(useAppStore.getState().tabs).toEqual([
@@ -144,4 +161,70 @@ describe('Sidebar scripts list behavior', () => {
     ]);
     expect(useAppStore.getState().activeTabId).toBe('script-1');
   });
+
+  it('deletes a script from sidebar action', async () => {
+    const deleteMock = vi.fn().mockResolvedValue(true);
+    (window as any).electronAPI.scripts.delete = deleteMock;
+
+    useAppStore.setState({
+      tabs: [{ type: 'scripts', id: 'script-1', isTransient: false }],
+      activeTabId: 'script-1',
+    });
+
+    render(<Sidebar />);
+
+    const deleteButton = await screen.findByTitle('Delete script');
+    fireEvent.click(deleteButton);
+
+    await vi.waitFor(() => {
+      expect(deleteMock).toHaveBeenCalledWith('script-1');
+      expect(useAppStore.getState().tabs).toEqual([]);
+    });
+  });
+
+  it('refreshes scripts list when scripts-changed event is emitted', async () => {
+    const getAllMock = vi
+      .fn()
+      .mockResolvedValueOnce([
+        {
+          id: 'script-1',
+          projectId: 'default',
+          slug: 'hello_script',
+          title: 'Hello Script',
+          kind: 'utility',
+          entrypoint: 'render',
+          enabled: true,
+          version: 1,
+          filePath: '/tmp/hello-script.py',
+          content: 'print("hello")',
+          createdAt: '2026-02-22T00:00:00.000Z',
+          updatedAt: '2026-02-22T00:00:00.000Z',
+        },
+      ])
+      .mockResolvedValueOnce([
+        {
+          id: 'script-1',
+          projectId: 'default',
+          slug: 'renamed_script',
+          title: 'Renamed Script',
+          kind: 'utility',
+          entrypoint: 'render',
+          enabled: true,
+          version: 2,
+          filePath: '/tmp/hello-script.py',
+          content: 'print("hello")',
+          createdAt: '2026-02-22T00:00:00.000Z',
+          updatedAt: '2026-02-22T00:01:00.000Z',
+        },
+      ]);
+
+    (window as any).electronAPI.scripts.getAll = getAllMock;
+
+    render(<Sidebar />);
+
+    await screen.findByRole('button', { name: 'Hello Script' });
+    window.dispatchEvent(new CustomEvent('bds:scripts-changed'));
+
+    expect(await screen.findByRole('button', { name: 'Renamed Script' })).toBeInTheDocument();
+  });
 });