fix(OMN-11658): keep SEA pipeline stream newest first

src/components/dashboard/control-plane/ControlPlanePage.test.tsx

@@ -80,6 +80,22 @@ describe('ControlPlanePage', () => {
     });
   });
 
+  it('renders the newest pipeline event first without bottom autoscroll behavior', async () => {
+    mockFetchWithItems(PIPELINE_EVENTS);
+    render(
+      <DataSourceTestProvider client={qc}>
+        <ControlPlanePage config={{}} />
+      </DataSourceTestProvider>,
+    );
+
+    await waitFor(() => {
+      expect(screen.getAllByTestId('pipeline-log-entry')).toHaveLength(3);
+    });
+    expect(screen.getAllByTestId('pipeline-log-entry')[0]).toHaveTextContent(
+      /contract materialized/i,
+    );
+  });
+
   it('shows delegation trigger in live data-source mode', async () => {
     vi.stubEnv('VITE_DATA_SOURCE', 'http');
     const source: ProtocolSnapshotSource = {

src/components/dashboard/control-plane/ControlPlanePage.tsx

@@ -42,7 +42,7 @@ export default function ControlPlanePage({
     const projected = data ?? [];
     return [...projected, ...localEvents].sort(
       (a, b) =>
-        new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime(),
+        new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime(),
     );
   }, [data, localEvents]);
 

src/components/dashboard/control-plane/PipelineLogStream.tsx

@@ -1,4 +1,3 @@
-import { useEffect, useRef } from 'react';
 import { Text } from '@/components/ui/typography';
 
 export interface PipelineEvent {
@@ -30,14 +29,6 @@ function formatTime(iso: string): string {
 }
 
 export function PipelineLogStream({ events }: { events: PipelineEvent[] }) {
-  const bottomRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (bottomRef.current && typeof bottomRef.current.scrollIntoView === 'function') {
-      bottomRef.current.scrollIntoView({ behavior: 'smooth' });
-    }
-  }, [events.length]);
-
   return (
     <div
       style={{
@@ -106,7 +97,6 @@ export function PipelineLogStream({ events }: { events: PipelineEvent[] }) {
           </div>
         ))
       )}
-      <div ref={bottomRef} />
     </div>
   );
 }