updates on the agent flow

tests/integration/agentsPage.test.jsx

@@ -0,0 +1,107 @@
+import React from 'react';
+import { render, screen, fireEvent, within } from '@testing-library/react';
+
+jest.mock('lucide-react', () =>
+  new Proxy(
+    {},
+    {
+      get: (_t, prop) =>
+        prop === '__esModule' ? true : (props) => <span data-testid={`icon-${String(prop)}`} {...props} />,
+    }
+  )
+);
+
+import Agents from '@/pages/doormile/agents/Agents';
+
+/**
+ * The Agents page.
+ *
+ * It renders a hand-maintained table (lib/agentNetwork.js) rather than a live
+ * feed, so the risk here is not stale data — agentNetwork.test.js guards the
+ * table — it is that the page silently drops something. A detail panel that
+ * renders an empty string, or a card whose status has no colour, looks like a
+ * quiet page rather than a broken one.
+ */
+
+describe('the Agents page', () => {
+  it('lists all nine agents', () => {
+    render(<Agents />);
+    ['JARVIS', 'Dispatch', 'Exception', 'Express Dispatch', 'Order', 'Route Optimizer', 'Hub', 'Fleet', 'Customer'].forEach(
+      (name) => {
+        expect(screen.getAllByText(name).length).toBeGreaterThan(0);
+      }
+    );
+  });
+
+  it('opens on Dispatch rather than an empty panel', () => {
+    // It is the only agent with anything to show. Landing on a blank detail
+    // panel reads as a broken page.
+    render(<Agents />);
+    expect(screen.getByText('DISPATCH_AGENT')).toBeInTheDocument();
+    expect(screen.getByText(/only agent doing real work/i)).toBeInTheDocument();
+  });
+
+  it('swaps the whole detail panel when another agent is picked', () => {
+    render(<Agents />);
+    fireEvent.click(screen.getByRole('button', { name: /Exception/ }));
+
+    expect(screen.getByText('EXCEPTION_AGENT')).toBeInTheDocument();
+    expect(screen.getByText(/17,188 of the 18,146 lines/)).toBeInTheDocument();
+    // and the previous agent's record is gone, not merely scrolled away
+    expect(screen.queryByText('DISPATCH_AGENT')).not.toBeInTheDocument();
+  });
+
+  it('marks the selected card for a screen reader, not just with a colour', () => {
+    render(<Agents />);
+    const exception = screen.getByRole('button', { name: /Exception/ });
+    expect(exception).toHaveAttribute('aria-pressed', 'false');
+    fireEvent.click(exception);
+    expect(exception).toHaveAttribute('aria-pressed', 'true');
+  });
+
+  it('says a task-driven agent listens to nothing, rather than leaving a blank', () => {
+    render(<Agents />);
+    fireEvent.click(screen.getByRole('button', { name: /Fleet/ }));
+    expect(screen.getByText(/runs only when JARVIS hands it a task/i)).toBeInTheDocument();
+  });
+
+  it('shows the pipeline, both halves of it', () => {
+    render(<Agents />);
+    expect(screen.getByText('doormile_backend')).toBeInTheDocument();
+    expect(screen.getByText('NATS JetStream')).toBeInTheDocument();
+    expect(screen.getByText('Event-driven')).toBeInTheDocument();
+    expect(screen.getByText('Task-driven')).toBeInTheDocument();
+    expect(screen.getByText('Alert, never act')).toBeInTheDocument();
+  });
+
+  it('states that nothing is switched on, in the KPI row', () => {
+    // The page's central claim: the swarm observes and alerts, and does not
+    // write to the system.
+    render(<Agents />);
+    expect(screen.getByText(/Gates on/)).toBeInTheDocument();
+    expect(screen.getByText(/All autonomy gates OFF/)).toBeInTheDocument();
+  });
+
+  it('admits the figures are a snapshot, not a feed', () => {
+    // A status board that looks live and is four days old is worse than one
+    // that says how old it is.
+    render(<Agents />);
+    expect(screen.getAllByText(/Last run · 16–20 Sep 2026/).length).toBeGreaterThan(0);
+  });
+
+  it('shows the repeated-error count on the log rows', () => {
+    render(<Agents />);
+    const errs = screen.getAllByText('×8,594');
+    expect(errs).toHaveLength(2);
+  });
+
+  it('every card carries a real trigger label, not undefined', () => {
+    const { container } = render(<Agents />);
+    const cards = container.querySelectorAll('button[aria-pressed]');
+    expect(cards).toHaveLength(9);
+    cards.forEach((card) => {
+      const text = within(card).getByText(/NATS event|NATS pull|JARVIS task|In-process/);
+      expect(text).toBeInTheDocument();
+    });
+  });
+});