feat(frontend): restore Event Flow section in Learn panel

Add back the Event Flow collapsible section showing SSE event sequences
for each pattern. Adds eventFlow data to all 7 pattern content entries.

Author: uid4oe

frontend/src/components/LearnView.tsx

@@ -25,6 +25,12 @@ const iconSteps = (
   </svg>
 );
 
+const iconStream = (
+  <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
+    <path strokeLinecap="round" strokeLinejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" />
+  </svg>
+);
+
 const iconAgents = (
   <svg className="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
     <path strokeLinecap="round" strokeLinejoin="round" d="M15 19.128a9.38 9.38 0 0 0 2.625.372 9.337 9.337 0 0 0 4.121-.952 4.125 4.125 0 0 0-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0Zm8.25 2.25a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
@@ -138,6 +144,13 @@ function PatternContentView({ pattern, onTryPrompt }: PatternContentViewProps) {
           </ol>
         </CollapsibleSection>
 
+        {/* Event Flow */}
+        <CollapsibleSection title="Event Flow" icon={iconStream}>
+          <pre className="text-[10px] leading-relaxed bg-[var(--color-surface-tertiary)] rounded-lg p-3 overflow-x-auto font-mono text-[var(--color-text-secondary)]">
+            <code>{pattern.eventFlow}</code>
+          </pre>
+        </CollapsibleSection>
+
         {/* Agent Roles */}
         <CollapsibleSection title="Agent Roles" icon={iconAgents}>
           <div className="overflow-x-auto">

frontend/src/data/pattern-content.ts

@@ -19,6 +19,7 @@ export interface PatternContent {
   whenToUse: string[];
   architectureMermaid: string;
   howItWorks: string[];
+  eventFlow: string;
   agents: PatternAgent[];
   tradeoffs: {
     pros: string[];
@@ -54,6 +55,14 @@ const router: PatternContent = {
     "The matched specialist agent processes the original input with domain-specific expertise",
     "The specialist's streamed response becomes the final output",
   ],
+  eventFlow: `agent_start  {agent: "router", role: "classifier"}
+chunk        {agent: "router", content: "BILLING"}
+agent_end    {agent: "router", ...}
+handoff      {from: "router", to: "billing", reason: "billing intent detected"}
+agent_start  {agent: "billing", role: "specialist"}
+chunk        {agent: "billing", content: "I can help with your invoice..."}
+agent_end    {agent: "billing", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "router",
@@ -129,6 +138,18 @@ const pipeline: PatternContent = {
     "Output passes to the Editor, who refines for clarity, grammar, and coherence",
     "The editor's output is the final result",
   ],
+  eventFlow: `agent_start  {agent: "researcher", role: "research expert"}
+chunk        {agent: "researcher", content: "...research findings..."}
+agent_end    {agent: "researcher", ...}
+handoff      {from: "researcher", to: "writer", reason: "passing to next stage"}
+agent_start  {agent: "writer", role: "content writer"}
+chunk        {agent: "writer", content: "...draft article..."}
+agent_end    {agent: "writer", ...}
+handoff      {from: "writer", to: "editor", reason: "passing to next stage"}
+agent_start  {agent: "editor", role: "editor"}
+chunk        {agent: "editor", content: "...polished article..."}
+agent_end    {agent: "editor", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "researcher",
@@ -206,6 +227,20 @@ const supervisor: PatternContent = {
     "Retry loop: if output is inadequate, the worker retries with the supervisor's feedback appended (up to 3 attempts)",
     "Final output: the last worker's accepted output becomes the pattern's result",
   ],
+  eventFlow: `agent_start  {agent: "supervisor", role: "planner"}
+chunk        {agent: "supervisor", content: "Plan: search -> analysis -> summary"}
+agent_end    {agent: "supervisor", ...}
+handoff      {from: "supervisor", to: "search", reason: "Dispatching search task"}
+agent_start  {agent: "search", role: "information gatherer"}
+chunk        {agent: "search", content: "...findings..."}
+agent_end    {agent: "search", ...}
+handoff      {from: "search", to: "supervisor", reason: "Reviewing search output"}
+agent_start  {agent: "supervisor", role: "reviewer"}
+chunk        {agent: "supervisor", content: "Review: adequate. ..."}
+agent_end    {agent: "supervisor", ...}
+handoff      {from: "supervisor", to: "analysis", reason: "Dispatching analysis task"}
+...
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "supervisor",
@@ -286,6 +321,20 @@ const debate: PatternContent = {
     "This repeats for 2 rounds (configurable), with each debater seeing the full transcript so far",
     "After all rounds, the judge receives the complete debate transcript and delivers a verdict with reasoning",
   ],
+  eventFlow: `agent_start  {agent: "bull", role: "debater"}
+chunk        {agent: "bull", content: "...arguments for..."}
+agent_end    {agent: "bull", ...}
+handoff      {from: "bull", to: "bear", reason: "round 1"}
+agent_start  {agent: "bear", role: "debater"}
+chunk        {agent: "bear", content: "...arguments against..."}
+agent_end    {agent: "bear", ...}
+handoff      {from: "bear", to: "bull", reason: "next round"}
+...
+handoff      {from: "bear", to: "judge", reason: "debate complete"}
+agent_start  {agent: "judge", role: "judge"}
+chunk        {agent: "judge", content: "...verdict and reasoning..."}
+agent_end    {agent: "judge", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "bull",
@@ -368,6 +417,14 @@ const swarm: PatternContent = {
     "The target agent can also hand off to another agent if needed",
     "The chain continues until an agent responds without a handoff (max 5 iterations)",
   ],
+  eventFlow: `agent_start  {agent: "triage", role: "triage"}
+chunk        {agent: "triage", content: "...I'll connect you..."}
+agent_end    {agent: "triage", ...}
+handoff      {from: "triage", to: "billing", reason: "triage handed off to billing"}
+agent_start  {agent: "billing", role: "specialist"}
+chunk        {agent: "billing", content: "...I can help with your invoice..."}
+agent_end    {agent: "billing", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "triage",
@@ -450,6 +507,22 @@ const mapReduce: PatternContent = {
     "Fan-in \u2014 a single handoff event signals all mappers are done",
     "Reduce \u2014 the ReducerAgent synthesizes all mapper outputs into one coherent response",
   ],
+  eventFlow: `agent_start  {agent: "splitter", role: "splitter"}
+chunk        {agent: "splitter", content: "...subtask plan..."}
+agent_end    {agent: "splitter", ...}
+handoff      {from: "splitter", to: "mapper-1", reason: "fan-out"}
+handoff      {from: "splitter", to: "mapper-2", reason: "fan-out"}
+agent_start  {agent: "mapper-1", role: "mapper"}
+agent_start  {agent: "mapper-2", role: "mapper"}
+chunk        {agent: "mapper-1", content: "...analysis A..."}
+chunk        {agent: "mapper-2", content: "...analysis B..."}
+agent_end    {agent: "mapper-1", ...}
+agent_end    {agent: "mapper-2", ...}
+handoff      {from: "mappers", to: "reducer", reason: "fan-in"}
+agent_start  {agent: "reducer", role: "reducer"}
+chunk        {agent: "reducer", content: "...synthesis..."}
+agent_end    {agent: "reducer", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "splitter",
@@ -524,6 +597,22 @@ const reflection: PatternContent = {
     "The loop repeats until pass or max iterations (3) are reached",
     "On the final iteration, the critic is skipped \u2014 the generator's output is the final answer",
   ],
+  eventFlow: `agent_start  {agent: "generator", role: "content generator"}
+chunk        {agent: "generator", content: "...initial draft..."}
+agent_end    {agent: "generator", ...}
+handoff      {from: "generator", to: "critic", reason: "iteration 1 — reviewing"}
+agent_start  {agent: "critic", role: "content critic"}
+chunk        {agent: "critic", content: "...evaluation...{verdict: revise}"}
+agent_end    {agent: "critic", ...}
+handoff      {from: "critic", to: "generator", reason: "revision needed: ..."}
+agent_start  {agent: "generator", role: "content generator"}
+chunk        {agent: "generator", content: "...revised draft..."}
+agent_end    {agent: "generator", ...}
+handoff      {from: "generator", to: "critic", reason: "iteration 2 — reviewing"}
+agent_start  {agent: "critic", role: "content critic"}
+chunk        {agent: "critic", content: "...evaluation...{verdict: pass}"}
+agent_end    {agent: "critic", ...}
+done         {totalUsage: {...}}`,
   agents: [
     {
       name: "generator",