Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <meta name="color-scheme" content="light"> | |
| <title>CacheBack | Multi-hop document Q&A</title> | |
| <link rel="stylesheet" href="replay.css?v=selection-1"> | |
| <script src="replay.js?v=selection-1" defer></script> | |
| </head> | |
| <body> | |
| <main> | |
| <header>CacheBack · Multi-hop document Q&A</header> | |
| <h1 id="question">Where should Maya collect her pass on Friday, and what ID should she bring?</h1> | |
| <p class="standalone-guide">In multi-agent question answering, a large document collection can be split across agents, each with its own context. Answering a question requires combining information across those contexts.</p> | |
| <p class="standalone-guide">With text communication, agents write messages summarising what they read. CacheBack lets them pass latent thoughts together with a subset of internal state selected for what the next agent needs. This example shows selected-state handoffs: three agents read separate documents in sequence, and a fourth agent produces the final answer.</p> | |
| <p class="standalone-guide">The top row shows each agent’s input document: a booking confirmation, a location-change notice, then an ID policy. Agents 2 and 3 also receive the previous agent’s handoff; Agent 4 answers from the final handoff alone. The bottom row shows the messages generated by the text agents.</p> | |
| <div class="relay-bar"> | |
| <ol class="topology" aria-label="Agent topology"> | |
| <li><strong>1</strong><span>Booking reference</span></li> | |
| <li><strong>2</strong><span>Collection desk</span></li> | |
| <li><strong>3</strong><span>Required ID</span></li> | |
| <li><strong>4</strong><span>Final answer</span></li> | |
| </ol> | |
| <div class="controls"> | |
| <select id="speed" aria-label="Playback speed" disabled> | |
| <option value="1">1×</option> | |
| <option value="2">2×</option> | |
| <option value="4">4×</option> | |
| </select> | |
| <button id="clear" type="button" hidden>Clear</button> | |
| <button id="play" type="button" disabled>Run <span aria-hidden="true">▶</span></button> | |
| </div> | |
| </div> | |
| <p id="error" role="alert" hidden></p> | |
| <div class="flow" aria-label="Four-agent relay"> | |
| <section class="method" aria-labelledby="rclc-title"> | |
| <div class="method-heading"> | |
| <div class="method-name"><h2 id="rclc-title">CacheBack</h2><span class="channel-label">Select & pass internal state</span></div> | |
| <div class="run-status"><span class="activity" id="rclc-activity">Ready</span><span class="time" id="rclc-time">0.00 s</span></div> | |
| </div> | |
| <div class="row" id="rclc-row"></div> | |
| </section> | |
| <section class="method" aria-labelledby="text-title"> | |
| <div class="method-heading"> | |
| <div class="method-name"><h2 id="text-title">Text</h2><span class="channel-label">Generate & pass messages</span></div> | |
| <div class="run-status"><span class="activity" id="text-activity">Ready</span><span class="time" id="text-time">0.00 s</span></div> | |
| </div> | |
| <div class="row" id="text-row"></div> | |
| </section> | |
| </div> | |
| <p class="sr-only" id="status" role="status" aria-live="polite"></p> | |
| <footer> | |
| <p><span id="run-info">Recorded replay</span> · <span id="timing-note">Measured times; selection and streaming animated for playback.</span></p> | |
| <a href="https://github.com/agentcacheback/cacheback/tree/main/demo">Code & recording</a> | |
| </footer> | |
| </main> | |
| </body> | |
| </html> | |