Spaces:
Running
Running
File size: 3,628 Bytes
29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c cfcfbaf 29aa94c | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | <!doctype html>
<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>
|