From 9dc9536bac5f00b7fee8d7ba1b90de7493e12115 Mon Sep 17 00:00:00 2001
From: Anthony Ettinger <anthony@chovy.com>
Date: Sat, 6 Jun 2026 14:30:14 +0000
Subject: [PATCH] Add Agent Swarm coming soon section

---
 apps/logicsrc-web/src/main.ts    | 38 ++++++++++++++++++++
 apps/logicsrc-web/src/styles.css | 62 ++++++++++++++++++++++++++++++++
 2 files changed, 100 insertions(+)

diff --git a/apps/logicsrc-web/src/main.ts b/apps/logicsrc-web/src/main.ts
index 7beac58..ab55136 100644
--- a/apps/logicsrc-web/src/main.ts
+++ b/apps/logicsrc-web/src/main.ts
@@ -23,6 +23,13 @@ const implementations = [
   { name: "Plugins", detail: "CoinPay, uGig, and sh1pt adapters prove the plugin manifest shape." }
 ];
 
+const upcoming = [
+  { name: "Model routing", detail: "Switch across major AI model providers from one open spec interface." },
+  { name: "Cost controls", detail: "Prefer the cheapest capable model, or rotate providers by price, latency, and task fit." },
+  { name: "Agent workflows", detail: "Fan out a bug report into scoped agents for reproduction, patching, review, and evidence." },
+  { name: "GitHub integration", detail: "Target Profullstack repos, create issues and branches, and keep task history auditable." }
+];
+
 document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
   <main class="shell">
     <aside class="rail">
@@ -36,6 +43,7 @@ document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
       <nav aria-label="LogicSRC sections">
         <a class="active" href="#overview">Overview</a>
         <a href="#schemas">Schemas</a>
+        <a href="/agent-swarm">Soon</a>
         <a href="#cli">CLI</a>
         <a href="#reference">Reference</a>
       </nav>
@@ -69,6 +77,32 @@ document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
         </div>
       </section>
 
+      <section id="agent-swarm" class="band coming-soon">
+        <div class="section-head">
+          <h2>Agent Swarm</h2>
+          <p>An open spec AI agent platform for routing work across models, tools, providers, and repositories.</p>
+        </div>
+        <div class="soon-layout">
+          <article class="soon-lead">
+            <span>slug: agent-swarm</span>
+            <h3>Provider-neutral agent orchestration</h3>
+            <p>LogicSRC is adding model-provider integration primitives so a CLI or agent runtime can switch between major AI models, choose the cheapest capable option, or rotate models automatically for resilience and cost control.</p>
+            <pre><code>logicsrc run bug-report \\
+  --repo profullstack/logicsrc \\
+  --route cheapest-capable \\
+  --agents reproduce,patch,review</code></pre>
+          </article>
+          <div class="soon-grid">
+            ${upcoming.map((item) => `
+              <article>
+                <h3>${item.name}</h3>
+                <p>${item.detail}</p>
+              </article>
+            `).join("")}
+          </div>
+        </div>
+      </section>
+
       <section id="schemas" class="band two-col">
         <div>
           <div class="section-head">
@@ -119,3 +153,7 @@ if ("serviceWorker" in navigator) {
     navigator.serviceWorker.register("/service-worker.js").catch(() => undefined);
   });
 }
+
+if (window.location.pathname === "/agent-swarm") {
+  document.querySelector("#agent-swarm")?.scrollIntoView();
+}
diff --git a/apps/logicsrc-web/src/styles.css b/apps/logicsrc-web/src/styles.css
index 94737f4..5595dc0 100644
--- a/apps/logicsrc-web/src/styles.css
+++ b/apps/logicsrc-web/src/styles.css
@@ -182,6 +182,8 @@ h1 {
 .tile,
 .schema-list article,
 .cli-panel,
+.soon-lead,
+.soon-grid article,
 .implementation-list article {
   border: 1px solid #d6ddd2;
   border-radius: 8px;
@@ -212,6 +214,64 @@ h1 {
   gap: 1rem;
 }
 
+.coming-soon {
+  padding-top: 1.2rem;
+}
+
+.soon-layout {
+  display: grid;
+  grid-template-columns: minmax(20rem, 0.95fr) minmax(0, 1.05fr);
+  gap: 1rem;
+}
+
+.soon-lead {
+  padding: 1rem;
+  background: #eef7f3;
+}
+
+.soon-lead span {
+  display: inline-block;
+  margin-bottom: 0.75rem;
+  padding: 0.35rem 0.5rem;
+  border: 1px solid #a8d9c9;
+  border-radius: 999px;
+  color: #2d6f60;
+  font-size: 0.9rem;
+  font-weight: 800;
+}
+
+.soon-lead h3 {
+  margin-bottom: 0.45rem;
+  font-size: 1.25rem;
+}
+
+.soon-lead p {
+  color: #39443e;
+  line-height: 1.5;
+}
+
+.soon-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.75rem;
+}
+
+.soon-grid article {
+  min-height: 8.5rem;
+  padding: 0.85rem;
+}
+
+.soon-grid h3 {
+  margin-bottom: 0.35rem;
+  font-size: 1rem;
+}
+
+.soon-grid p {
+  margin-bottom: 0;
+  color: #58615b;
+  line-height: 1.45;
+}
+
 .schema-list {
   display: grid;
   gap: 0.5rem;
@@ -271,6 +331,7 @@ pre {
   }
 
   .hero,
+  .soon-layout,
   .two-col {
     grid-template-columns: 1fr;
   }
@@ -305,6 +366,7 @@ pre {
 
   .status-grid,
   .primitive-grid,
+  .soon-grid,
   .implementation-list {
     grid-template-columns: 1fr;
   }