Refine marketplace and load live catalogs (#27)

Author: imran-siddique

design-system.css

@@ -1789,23 +1789,21 @@ html:has(body.agentrust-hub) { scroll-behavior: smooth; }
 .marketplace-callout h3 { margin:.3rem 0;font-size:1.25rem; }.marketplace-callout p { color:var(--muted);font-size:.9rem; }
 .marketplace-page { background:var(--at-paper); }.marketplace-page main { overflow:hidden; }.marketplace-page .site-header { position:relative;background:var(--at-paper); }
 .marketplace-page .site-header [aria-current="page"] { color:var(--at-red); }.marketplace-page .button { display:inline-flex;align-items:center;justify-content:center; }
-.market-hero { position:relative;padding:clamp(4.5rem,9vw,8rem) 0;background:var(--at-ink);color:var(--at-paper); }
-.market-hero::before { position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,rgba(242,90,57,.2),transparent 24%),linear-gradient(115deg,transparent 66%,rgba(255,255,255,.03) 66%);content:"";pointer-events:none; }
-.market-hero-grid { position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.7fr);align-items:center;gap:clamp(3rem,8vw,8rem); }
-.market-hero h1 { max-width:850px;margin:.8rem 0 1.4rem;color:#fff;font-family:var(--at-serif);font-size:clamp(3rem,7vw,6.4rem);font-weight:500;letter-spacing:-.055em;line-height:.94; }
-.market-hero h1 em { color:var(--at-red);font-style:italic; }.market-intro { max-width:720px;color:rgba(255,255,255,.68);font-size:clamp(1rem,1.4vw,1.22rem);line-height:1.7; }
-.market-hero-actions { display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem; }.market-hero .button.secondary { border-color:rgba(255,255,255,.25);color:#fff; }
-.market-signal { position:relative;padding:2rem;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:0 24px 70px rgba(0,0,0,.22); }
-.signal-orbit { position:relative;height:175px;margin-bottom:1.8rem;border:1px solid rgba(255,255,255,.12);border-radius:50%; }
-.signal-orbit::before,.signal-orbit::after { position:absolute;inset:23%;border:1px solid rgba(242,90,57,.3);border-radius:50%;content:""; }.signal-orbit::after { inset:46%;background:var(--at-red);border:0; }
-.signal-orbit span { position:absolute;padding:.28rem .55rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:var(--at-ink);color:rgba(255,255,255,.72);font-family:var(--at-mono);font-size:.6rem;letter-spacing:.08em; }.signal-orbit span:nth-child(1){top:8%;left:43%}.signal-orbit span:nth-child(2){right:3%;bottom:25%}.signal-orbit span:nth-child(3){bottom:8%;left:5%}
-.market-signal p { display:flex;align-items:baseline;justify-content:space-between;margin:0;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.62);font-size:.78rem; }.market-signal p strong { color:#fff;font-family:var(--at-serif);font-size:1.7rem;font-weight:500; }
+.market-hero { position:relative;padding:clamp(3.5rem,7vw,6rem) 0;border-top:1px solid var(--at-line);border-bottom:1px solid var(--at-line);background:linear-gradient(135deg,var(--at-paper) 0%,#f4f0e8 72%,#eee8dc 100%);color:var(--at-ink); }
+.market-hero::before { position:absolute;top:0;right:10%;width:220px;height:4px;background:var(--at-red);content:""; }
+.market-hero-grid { position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);align-items:center;gap:clamp(2.5rem,7vw,7rem); }
+.market-hero h1 { max-width:780px;margin:.8rem 0 1.25rem;color:var(--at-ink);font-family:var(--at-serif);font-size:clamp(2.8rem,5.6vw,5.2rem);font-weight:500;letter-spacing:-.05em;line-height:.98; }
+.market-hero h1 em { color:var(--at-red);font-style:italic; }.market-intro { max-width:690px;color:var(--at-muted);font-size:clamp(1rem,1.3vw,1.16rem);line-height:1.7; }
+.market-hero-actions { display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem; }.market-hero .button.secondary { border-color:var(--at-line);color:var(--at-ink);background:rgba(255,255,255,.45); }
+.market-signal { position:relative;padding:1.7rem;border:1px solid var(--at-line);border-radius:16px;background:rgba(255,255,255,.64);box-shadow:0 18px 50px rgba(19,19,19,.05); }
+.market-signal p { display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;margin:0;padding:.8rem 0;border-bottom:1px solid var(--at-line);color:var(--at-muted);font-size:.76rem; }.market-signal p:first-child{padding-top:0}.market-signal p strong { color:var(--at-ink);font-family:var(--at-serif);font-size:1.65rem;font-weight:500; }.market-signal small{display:block;margin-top:1rem;color:var(--at-muted);font-size:.66rem;line-height:1.5}.market-signal small.catalog-warning{color:#8b5b20}
 .market-featured,.market-browser { padding:clamp(4rem,8vw,7rem) 0; }.market-featured { background:#f0ede6; }.market-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem; }
 .market-section-heading h2,.market-submit h2 { margin-top:.45rem;font-family:var(--at-serif);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.05; }.market-section-heading>a { color:var(--at-ink);font-size:.8rem;font-weight:700; }
 .featured-strip,.market-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }.market-card { display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:1.4rem;border:1px solid var(--at-line);border-radius:16px;background:var(--at-white);transition:transform .2s,border-color .2s,box-shadow .2s; }
 .market-card:hover { transform:translateY(-3px);border-color:rgba(19,19,19,.35);box-shadow:0 16px 35px rgba(19,19,19,.07); }.market-card-featured { min-height:330px; }
 .market-card-top { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem; }.market-mark { display:flex;width:50px;height:50px;align-items:center;justify-content:center;border-radius:13px;background:var(--at-ink);color:#fff;font-family:var(--at-mono);font-size:.82rem;font-weight:700;letter-spacing:-.02em; }
 .mark-frameworks{background:#5d3fd3}.mark-observability{background:#a43c78}.mark-security-policy{background:#173d34}.mark-identity-trust{background:#304b83}.mark-compliance{background:#7b4825}.mark-evidence-receipts{background:#604070}
+.mark-agt-integrations{background:#315b78}.tier-project i{background:#4c7fa3}
 .market-tier { display:inline-flex;align-items:center;gap:.4rem;color:var(--at-muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; }.market-tier i { width:7px;height:7px;border-radius:50%;background:#3b9f78; }
 .market-vendor { margin-top:2rem;color:var(--at-muted);font-size:.69rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase; }.market-card h3 { margin:.35rem 0 .65rem;font-family:var(--at-serif);font-size:1.5rem;font-weight:600;letter-spacing:-.025em; }.market-description { color:var(--at-muted);font-size:.88rem;line-height:1.6; }
 .market-card-foot { margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--at-line); }.market-tags { display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem; }.market-tags span { padding:.25rem .5rem;border-radius:999px;background:var(--at-paper-2);color:var(--at-muted);font-family:var(--at-mono);font-size:.62rem; }.market-card-foot>a { display:flex;justify-content:space-between;color:var(--at-ink);font-size:.78rem;font-weight:750;text-decoration:none; }.market-card-foot>a:hover { color:var(--at-red); }
@@ -1815,7 +1813,7 @@ html:has(body.agentrust-hub) { scroll-behavior: smooth; }
 .market-layout { display:grid;grid-template-columns:220px 1fr;align-items:start;gap:2.2rem; }.market-filters { position:sticky;top:1.5rem; }.filter-group { padding:0 0 1.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--at-line); }.filter-group>p { margin-bottom:.75rem;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase; }.filter-group label { display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.45rem 0;color:var(--at-muted);font-size:.78rem;cursor:pointer; }.filter-group input { accent-color:var(--at-red); }.filter-group b { color:#999;font-size:.68rem;font-weight:500; }.clear-filters { padding:0;border:0;background:none;color:var(--at-red);font:inherit;font-size:.72rem;font-weight:750;cursor:pointer; }.neutrality-note { margin-top:2rem;padding:1rem;border-left:2px solid var(--at-line);color:var(--at-muted);font-size:.7rem;line-height:1.55; }
 .market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.active-filters { display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem; }.active-filters:empty { display:none; }.active-filters button { padding:.35rem .6rem;border:1px solid var(--at-line);border-radius:999px;background:var(--at-white);color:var(--at-muted);font-size:.68rem;cursor:pointer; }
 .market-empty { padding:5rem 2rem;border:1px dashed var(--at-line);border-radius:16px;text-align:center; }.market-empty span { color:var(--at-red);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.market-empty h3 { margin:.7rem 0;font-family:var(--at-serif);font-size:2rem; }.market-empty p { margin-bottom:1.4rem;color:var(--at-muted); }
-.market-submit { padding:clamp(4rem,8vw,7rem) 0;background:var(--at-red);color:#fff; }.market-submit .eyebrow { color:rgba(255,255,255,.7); }.submit-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,8vw,7rem); }.market-submit p { max-width:580px;color:rgba(255,255,255,.78);line-height:1.7; }.market-submit .button { margin-top:1.5rem;background:var(--at-ink);color:#fff; }
+.market-submit { padding:clamp(3.5rem,7vw,5.5rem) 0;border-top:1px solid var(--at-line);background:#ece7dd;color:var(--at-ink); }.market-submit .eyebrow { color:var(--at-red); }.submit-grid { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,8vw,7rem); }.market-submit p { max-width:580px;color:var(--at-muted);line-height:1.7; }.market-submit .button { margin-top:1.5rem;background:var(--at-ink);color:#fff; }
 .marketplace-page [hidden] { display:none!important; }.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
 @media(max-width:860px){.marketplace-callout,.market-section-heading{align-items:flex-start;flex-direction:column}.market-hero-grid,.market-layout,.submit-grid{grid-template-columns:1fr}.market-signal{max-width:440px}.featured-strip,.market-grid{grid-template-columns:1fr}.market-filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.neutrality-note{grid-column:1/-1;margin-top:0}.market-search-row{grid-template-columns:1fr}.market-sort{padding-left:0}.market-card{min-height:315px}}
 @media(max-width:560px){.market-hero h1 br{display:none}.market-filters{grid-template-columns:1fr}.neutrality-note{grid-column:auto}.market-search kbd{display:none}}

index.html

@@ -194,7 +194,7 @@
     ]
   }
   </script>
-<link rel="stylesheet" href="/design-system.css?v=11">
+<link rel="stylesheet" href="/design-system.css?v=12">
 </head>
 <body class="agentrust-hub" id="top">
 

marketplace/index.html

@@ -8,20 +8,20 @@
   <link rel="icon" href="/favicon.ico" sizes="any"><link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <meta property="og:type" content="website"><meta property="og:site_name" content="AgenTrust"><meta property="og:title" content="AgenTrust Marketplace"><meta property="og:description" content="Build on the open ecosystem for verifiable AI agents."><meta property="og:url" content="https://agentrust-io.com/marketplace/"><meta property="og:image" content="https://agentrust-io.com/og.png">
   <meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="AgenTrust Marketplace"><meta name="twitter:description" content="Discover integrations for TRACE, cMCP, and Agent Manifest."><meta name="twitter:image" content="https://agentrust-io.com/og.png">
-  <link rel="stylesheet" href="/design-system.css?v=11">
+  <link rel="stylesheet" href="/design-system.css?v=12">
 </head>
 <body class="at-page marketplace-page">
 <header class="site-header"><div class="wrap header-in"><a class="wordmark" href="/">agentrust<span>.</span>io</a><nav aria-label="Primary navigation"><a href="/">Ecosystem</a><a href="/marketplace/" aria-current="page">Marketplace</a><a href="/#standards">Technology</a><a href="/quickstart/">Quickstart</a><a class="cta" href="https://github.com/agentrust-io/integrations">Add yours ↗</a></nav></div></header>
 <main>
-  <section class="market-hero"><div class="wrap market-hero-grid"><div><p class="eyebrow">The open ecosystem, ready to build</p><h1>Find your way into<br><em>verifiable AI.</em></h1><p class="market-intro">Discover community-built plugins, adapters, enforcement tools, and evidence exporters that connect real agent stacks to TRACE, Confidential MCP, and Agent Manifest.</p><div class="market-hero-actions"><a class="button primary" href="#browse">Explore the marketplace</a><a class="button secondary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">Publish an integration ↗</a></div></div><aside class="market-signal" aria-label="Marketplace summary"><div class="signal-orbit" aria-hidden="true"><span>TRACE</span><span>cMCP</span><span>MANIFEST</span></div><p><strong id="hero-count">15</strong> open integrations</p><p><strong>3</strong> trust-layer entry points</p><p><strong>1</strong> neutral contribution path</p></aside></div></section>
+  <section class="market-hero"><div class="wrap market-hero-grid"><div><p class="eyebrow">AgenTrust Marketplace</p><h1>Build with the<br><em>verifiable AI ecosystem.</em></h1><p class="market-intro">Find integrations across AgenTrust and the Microsoft Agent Governance Toolkit—from framework adapters to policy enforcement and portable trust evidence.</p><div class="market-hero-actions"><a class="button primary" href="#browse">Explore integrations</a><a class="button secondary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">Publish an integration ↗</a></div></div><aside class="market-signal" aria-label="Marketplace summary"><p><strong id="hero-count">—</strong> integrations in one directory</p><p><strong id="native-count">—</strong> AgenTrust integrations</p><p><strong id="agt-count">—</strong> AGT integrations</p><small id="catalog-status" aria-live="polite">Loading live repository catalogs…</small></aside></div></section>
   <section class="market-featured" aria-labelledby="featured-title"><div class="wrap"><div class="market-section-heading"><div><p class="eyebrow">Start here</p><h2 id="featured-title">Built for the stacks agents already use</h2></div><a href="#browse">Browse all integrations ↓</a></div><div class="featured-strip" id="featured-list"></div></div></section>
   <section class="market-browser" id="browse" aria-labelledby="browse-title"><div class="wrap">
     <div class="market-section-heading browser-heading"><div><p class="eyebrow">Explore the ecosystem</p><h2 id="browse-title">Find the right integration</h2></div><p class="market-count" aria-live="polite"><strong id="result-count">15</strong> <span id="result-label">integrations</span></p></div>
     <div class="market-search-row"><label class="market-search"><span class="sr-only">Search marketplace</span><svg aria-hidden="true" viewBox="0 0 24 24"><path d="m21 21-4.35-4.35m2.35-5.65a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z"/></svg><input id="market-search" type="search" placeholder="Search integrations, platforms, or use cases…" autocomplete="off"><kbd>/</kbd></label><label class="market-sort">Sort <select id="market-sort"><option value="featured">Featured</option><option value="az">Name A–Z</option><option value="za">Name Z–A</option></select></label></div>
-    <div class="market-layout"><aside class="market-filters" aria-label="Marketplace filters"><div class="filter-group"><p>Trust layer</p><div id="stack-filters"></div></div><div class="filter-group"><p>Integration type</p><div id="type-filters"></div></div><button class="clear-filters" id="clear-filters" type="button">Clear all filters</button><div class="neutrality-note"><strong>Open by design.</strong><br>Listings follow the same published technical rules. Community tier is structure-validated, not an endorsement.</div></aside><div><div class="active-filters" id="active-filters" aria-live="polite"></div><div class="market-grid" id="market-grid"></div><div class="market-empty" id="market-empty" hidden><span>0 results</span><h3>No integration matches that search—yet.</h3><p>Try fewer filters, or be the project that fills the gap.</p><button class="button secondary" type="button" id="empty-clear">Clear filters</button></div></div></div>
+    <div class="market-layout"><aside class="market-filters" aria-label="Marketplace filters"><div class="filter-group"><p>Technology</p><div id="stack-filters"></div></div><div class="filter-group"><p>Integration type</p><div id="type-filters"></div></div><button class="clear-filters" id="clear-filters" type="button">Clear all filters</button><div class="neutrality-note"><strong>Know what the labels mean.</strong><br>AgenTrust Community entries are manifest-validated, not endorsed. AGT project entries are discovered directly from Microsoft’s integration collection.</div></aside><div><div class="active-filters" id="active-filters" aria-live="polite"></div><div class="market-grid" id="market-grid"></div><div class="market-empty" id="market-empty" hidden><span>0 results</span><h3>No integration matches that search—yet.</h3><p>Try fewer filters, or be the project that fills the gap.</p><button class="button secondary" type="button" id="empty-clear">Clear filters</button></div></div></div>
   </div></section>
   <section class="market-submit"><div class="wrap submit-grid"><div><p class="eyebrow">Make the ecosystem bigger</p><h2>Your integration belongs here.</h2></div><div><p>Connect a framework, platform, policy engine, or governance product to the AgenTrust stack. The submission path is public, self-serve, and governed by the same rules for everyone.</p><a class="button primary" href="https://github.com/agentrust-io/integrations/blob/main/CONTRIBUTING.md">List your integration ↗</a></div></div></section>
 </main>
 <footer class="site-footer"><div class="wrap foot-in"><div class="foot-brand"><a class="wordmark" href="/">agentrust<span>.</span>io</a><p class="tagline">Open infrastructure for verifiable AI agents.</p></div><div class="foot-links"><a href="https://github.com/agentrust-io">GitHub</a><a href="https://discord.gg/9JWNpH7E">Discord</a><a href="/">Ecosystem</a></div></div><div class="wrap foot-legal">Marketplace listings describe technical integrations, not endorsement, certification, or commercial availability.</div></footer>
-<script src="/marketplace/marketplace.js?v=1"></script>
+<script src="/marketplace/marketplace.js?v=2"></script>
 </body></html>