Skip to content

Link discover demo everywhere + stop overselling it as an AI agent #54

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
enricopiovesan merged 2 commits into from
Aug 22, 2026
Merged

Link discover demo everywhere + stop overselling it as an AI agent #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
31b2542
feat: link the discover demo from global nav, footer, and homepage
enricopiovesan Aug 22, 2026
193a128
fix: stop overselling the discover demo as an AI agent
enricopiovesan Aug 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/components/Footer.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
<li><a href="/platforms.html">Platforms</a></li>
<li><a href="/system.html">The System</a></li>
<li><a href="/registry.html">Registry</a></li>
<li><a href="/discover.html">Discover</a></li>
<li><a href="/compare.html">Compare</a></li>
<li><a href="/changelog.html">Changelog</a></li>
<li><a href="/roadmap.html">Roadmap</a></li>
Expand Down
2 changes: 2 additions & 0 deletions src/components/Nav.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -70,6 +70,7 @@ const { currentPath = '' } = Astro.props;
<li class="nav-item"><a href="/platforms.html" class="nav-link">Platforms</a></li>
<li class="nav-item"><a href="/agents.html" class="nav-link">Agents</a></li>
<li class="nav-item"><a href="/registry.html" class="nav-link">Registry</a></li>
<li class="nav-item"><a href="/discover.html" class="nav-link">Discover</a></li>

<!-- Developers dropdown -->
<li class="nav-item has-dropdown">
Expand Down Expand Up @@ -164,6 +165,7 @@ const { currentPath = '' } = Astro.props;
<a href="/platforms.html">Platforms</a>
<a href="/agents.html">Agents</a>
<a href="/registry.html">Registry</a>
<a href="/discover.html">Discover</a>
<a href="/docs/quickstart.html">Quickstart</a>
<a href="/docs.html">Docs</a>
<a href="/questions.html">All Questions</a>
Expand Down
2 changes: 1 addition & 1 deletion src/pages/agents.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ const _body = `<section class="page-hero">
<p class="t-body t-muted" style="margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto">The MCP setup guide walks through configuring Claude or any MCP-compatible client against a local server.</p>
<div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap">
<a href="/docs/guides/mcp-setup.html" class="btn btn-primary">MCP setup guide →</a>
<a href="/discover.html" class="btn btn-ghost">Watch an agent discover a workflow →</a>
<a href="/discover.html" class="btn btn-ghost">Watch a workflow get composed, live →</a>
<a href="/system.html" class="btn btn-ghost">See the full system</a>
</div>
</div>
Expand Down
13 changes: 7 additions & 6 deletions src/pages/discover.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,11 @@ const _body = `<section class="page-hero">
<div class="container">
<div class="page-hero-inner">
<span class="section-label">Live demo</span>
<h1 class="t-h1">Watch an AI agent build a workflow out of real capabilities.</h1>
<p class="page-hero-sub">This isn't a mockup. Your browser fetches the live Traverse capability registry, picks a group of related capabilities, and chains them into a real, working pipeline -- the same kind of workflow you could compose today with <code>traverse-cli</code>. Nothing on this page is precomputed or faked.</p>
<h1 class="t-h1">Watch a workflow get composed, live, from what's actually published.</h1>
<p class="page-hero-sub">The data is real: your browser fetches the live Traverse capability registry and a client-side heuristic -- not a hosted AI model -- groups related capabilities and orders them into a plausible pipeline, the shape of what an AI agent could compose over MCP. Nothing is precomputed; only the WASM execution afterward is simulated, not actually run. Full breakdown of what's real and what's not in <a href="#discover-how-its-built">how this is actually built</a>, below.</p>
<div class="page-hero-badges">
<span class="badge badge-accent badge-dot">Live registry data</span>
<span class="badge">Heuristic, not an AI model</span>
<span id="discover-stats" class="badge">querying registry.traverse-framework.com…</span>
</div>
</div>
Expand Down Expand Up @@ -43,7 +44,7 @@ const _body = `<section class="page-hero">
<div class="terminal-body discover-log" id="discover-log"></div>
</div>
<div class="discover-run-panel">
<p class="t-body-sm t-muted"><strong>How to read it:</strong> your <strong>Goal</strong> is the request that starts everything. The <strong>Traverse system</strong> -- the AI agent, its MCP connection, and the runtime -- discovers and validates a matching workflow along the dashed line. The runtime then chains together the right <strong>capabilities</strong> to do the actual work, producing a <strong>Result</strong> along the solid line. Watch each step light up as it runs, and click any capability to open its real, published contract in the registry.</p>
<p class="t-body-sm t-muted"><strong>How to read it:</strong> your <strong>Goal</strong> is the request that starts everything. The <strong>Traverse system</strong> -- the AI agent, its MCP connection, and the runtime -- is the architecture a real agent would talk to, discovering and validating a matching workflow along the dashed line. The runtime then chains together the right <strong>capabilities</strong> to do the actual work, producing a <strong>Result</strong> along the solid line. Click any capability to open its real, published contract in the registry. The step-by-step animation shows execution order; it doesn't run the WASM.</p>
<button id="discover-run" class="btn btn-primary" type="button">Discover another workflow →</button>
</div>
</div>
Expand All @@ -52,7 +53,7 @@ const _body = `<section class="page-hero">
</div>
</section>

<section class="section-sm" style="background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)">
<section class="section-sm" id="discover-how-its-built" style="background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)">
<div class="container">
<div class="section-header">
<div class="section-label">How this is actually built</div>
Expand All @@ -64,8 +65,8 @@ const _body = `<section class="page-hero">
</section>`;
---
<SubpageLayout
title={"AI Agent Workflow Demo — Traverse Framework"}
description={"See a real AI agent discover live capabilities from the Traverse registry and compose them into a working workflow -- right in your browser, no fixtures."}
title={"Live Workflow Composition Demo — Traverse Framework"}
description={"Watch a client-side heuristic -- not a hosted AI model -- compose a real workflow from the live Traverse capability registry, right in your browser. No fixtures, no precomputed data."}
canonical={"https://traverse-framework.com/discover.html"}
crumbs={[{ label: "Home", href: "/" }]}
>
Expand Down
Loading
Loading