@desplega.ai/agent-swarm 1.20.0 → 1.49.0

package/landing/src/app/globals.css

@@ -0,0 +1,122 @@
+@import "tailwindcss";
+
+@theme {
+  --color-background: oklch(1 0 0);
+  --color-foreground: oklch(0.141 0.005 285.823);
+  --color-card: oklch(1 0 0);
+  --color-card-foreground: oklch(0.141 0.005 285.823);
+  --color-popover: oklch(1 0 0);
+  --color-popover-foreground: oklch(0.141 0.005 285.823);
+  --color-primary: oklch(0.555 0.163 48.998);
+  --color-primary-foreground: oklch(0.985 0 0);
+  --color-secondary: oklch(0.967 0.001 286.375);
+  --color-secondary-foreground: oklch(0.21 0.006 285.885);
+  --color-muted: oklch(0.967 0.001 286.375);
+  --color-muted-foreground: oklch(0.552 0.016 285.938);
+  --color-accent: oklch(0.967 0.001 286.375);
+  --color-accent-foreground: oklch(0.21 0.006 285.885);
+  --color-destructive: oklch(0.577 0.245 27.325);
+  --color-border: oklch(0.92 0.004 286.32);
+  --color-input: oklch(0.92 0.004 286.32);
+  --color-ring: oklch(0.555 0.163 48.998);
+
+  --font-sans: "Space Grotesk", system-ui, sans-serif;
+  --font-mono: "Space Mono", monospace;
+
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.625rem;
+  --radius-xl: 0.75rem;
+
+  --color-amber-50: oklch(0.987 0.022 95.277);
+  --color-amber-100: oklch(0.962 0.059 95.617);
+  --color-amber-200: oklch(0.924 0.12 95.746);
+  --color-amber-300: oklch(0.879 0.169 91.605);
+  --color-amber-400: oklch(0.828 0.189 84.429);
+  --color-amber-500: oklch(0.769 0.188 70.08);
+  --color-amber-600: oklch(0.666 0.179 58.318);
+  --color-amber-700: oklch(0.555 0.163 48.998);
+  --color-amber-800: oklch(0.473 0.137 46.201);
+  --color-amber-900: oklch(0.414 0.112 45.904);
+
+  --color-zinc-50: oklch(0.985 0 0);
+  --color-zinc-100: oklch(0.967 0.001 286.375);
+  --color-zinc-200: oklch(0.92 0.004 286.32);
+  --color-zinc-300: oklch(0.871 0.006 286.286);
+  --color-zinc-400: oklch(0.705 0.015 286.067);
+  --color-zinc-500: oklch(0.552 0.016 285.938);
+  --color-zinc-600: oklch(0.442 0.017 285.786);
+  --color-zinc-700: oklch(0.372 0.013 285.805);
+  --color-zinc-800: oklch(0.274 0.006 286.033);
+  --color-zinc-900: oklch(0.21 0.006 285.885);
+  --color-zinc-950: oklch(0.141 0.005 285.823);
+}
+
+:root {
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  background: var(--color-background);
+  color: var(--color-foreground);
+  font-family: var(--font-sans);
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+::selection {
+  background: oklch(0.555 0.163 48.998 / 0.2);
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(-20px); }
+}
+
+@keyframes pulse-glow {
+  0%, 100% { opacity: 0.4; }
+  50% { opacity: 0.8; }
+}
+
+@keyframes gradient-shift {
+  0% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
+  100% { background-position: 0% 50%; }
+}
+
+.animate-float {
+  animation: float 6s ease-in-out infinite;
+}
+
+.animate-pulse-glow {
+  animation: pulse-glow 3s ease-in-out infinite;
+}
+
+.animate-gradient {
+  background-size: 200% 200%;
+  animation: gradient-shift 8s ease infinite;
+}
+
+.grid-bg {
+  background-image:
+    linear-gradient(oklch(0.92 0.004 286.32 / 0.5) 1px, transparent 1px),
+    linear-gradient(90deg, oklch(0.92 0.004 286.32 / 0.5) 1px, transparent 1px);
+  background-size: 60px 60px;
+}
+
+.gradient-text {
+  background: linear-gradient(135deg, oklch(0.555 0.163 48.998), oklch(0.769 0.188 70.08), oklch(0.555 0.163 48.998));
+  background-size: 200% auto;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  animation: gradient-shift 4s linear infinite;
+}

package/landing/src/app/layout.tsx

@@ -0,0 +1,134 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Agent Swarm — Multi-Agent Orchestration for AI Coding Assistants",
+  description:
+    "Run a team of AI coding agents that coordinate autonomously. A lead agent delegates tasks to Docker-isolated workers with persistent memory. Open source, MCP-powered.",
+  keywords: [
+    "agent swarm",
+    "multi-agent",
+    "AI coding assistants",
+    "claude code",
+    "MCP",
+    "orchestration",
+    "autonomous agents",
+    "AI agents",
+    "open source",
+    "developer tools",
+  ],
+  icons: {
+    icon: "/favicon.ico",
+    apple: "/apple-touch-icon.png",
+  },
+  openGraph: {
+    title: "Agent Swarm — Multi-Agent Orchestration for AI Coding Assistants",
+    description:
+      "Run a team of AI coding agents that coordinate autonomously. A lead agent delegates tasks to Docker-isolated workers with persistent memory.",
+    url: "https://agent-swarm.dev",
+    siteName: "Agent Swarm",
+    type: "website",
+    locale: "en_US",
+    images: [
+      {
+        url: "https://agent-swarm.dev/og-image.png",
+        width: 1200,
+        height: 630,
+        alt: "Agent Swarm",
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    title: "Agent Swarm — Multi-Agent Orchestration for AI Coding Assistants",
+    description:
+      "Run a team of AI coding agents that coordinate autonomously. A lead agent delegates tasks to Docker-isolated workers with persistent memory.",
+    images: ["https://agent-swarm.dev/og-image.png"],
+  },
+  metadataBase: new URL("https://agent-swarm.dev"),
+  alternates: {
+    canonical: "/",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin="anonymous"
+        />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+          rel="stylesheet"
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify({
+              "@context": "https://schema.org",
+              "@graph": [
+                {
+                  "@type": "Organization",
+                  "@id": "https://agent-swarm.dev/#organization",
+                  name: "Agent Swarm",
+                  url: "https://agent-swarm.dev",
+                  logo: {
+                    "@type": "ImageObject",
+                    url: "https://agent-swarm.dev/logo.png",
+                  },
+                  sameAs: [
+                    "https://github.com/desplega-ai/agent-swarm",
+                  ],
+                },
+                {
+                  "@type": "WebSite",
+                  "@id": "https://agent-swarm.dev/#website",
+                  url: "https://agent-swarm.dev",
+                  name: "Agent Swarm",
+                  publisher: {
+                    "@id": "https://agent-swarm.dev/#organization",
+                  },
+                },
+                {
+                  "@type": "SoftwareApplication",
+                  name: "Agent Swarm",
+                  applicationCategory: "DeveloperApplication",
+                  operatingSystem: "Linux, macOS",
+                  description:
+                    "Open-source multi-agent orchestration for AI coding assistants. A lead agent delegates tasks to Docker-isolated workers with persistent memory.",
+                  url: "https://agent-swarm.dev",
+                  offers: {
+                    "@type": "Offer",
+                    price: "0",
+                    priceCurrency: "USD",
+                  },
+                  license: "https://opensource.org/licenses/MIT",
+                  codeRepository:
+                    "https://github.com/desplega-ai/agent-swarm",
+                },
+              ],
+            }),
+          }}
+        />
+        <script
+          async
+          src="https://plausible.io/js/pa-TeCPVGp2RFHbVWD8FlfFb.js"
+        />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init()`,
+          }}
+        />
+      </head>
+      <body className="antialiased">{children}</body>
+    </html>
+  );
+}

package/landing/src/app/page.tsx

@@ -0,0 +1,27 @@
+import { Navbar } from "@/components/navbar";
+import { Hero } from "@/components/hero";
+import { Features } from "@/components/features";
+import { WhyChoose } from "@/components/why-choose";
+import { HowItWorks } from "@/components/how-it-works";
+import { Architecture } from "@/components/architecture";
+import { Workshops } from "@/components/workshops";
+import { CTA } from "@/components/cta";
+import { Waitlist } from "@/components/waitlist";
+import { Footer } from "@/components/footer";
+
+export default function Home() {
+  return (
+    <main>
+      <Navbar />
+      <Hero />
+      <Features />
+      <WhyChoose />
+      <HowItWorks />
+      <Architecture />
+      <Workshops />
+      <CTA />
+      <Waitlist />
+      <Footer />
+    </main>
+  );
+}

package/landing/src/app/robots.ts

@@ -0,0 +1,13 @@
+import type { MetadataRoute } from "next";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: [
+      {
+        userAgent: "*",
+        allow: "/",
+      },
+    ],
+    sitemap: "https://agent-swarm.dev/sitemap.xml",
+  };
+}

package/landing/src/app/sitemap.ts

@@ -0,0 +1,44 @@
+import type { MetadataRoute } from "next";
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  const baseUrl = "https://agent-swarm.dev";
+
+  return [
+    {
+      url: baseUrl,
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 1,
+    },
+    {
+      url: `${baseUrl}/blog`,
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 0.8,
+    },
+    {
+      url: `${baseUrl}/blog/swarm-metrics`,
+      lastModified: new Date("2026-03-13"),
+      changeFrequency: "monthly",
+      priority: 0.7,
+    },
+    {
+      url: `${baseUrl}/blog/openfort-hackathon`,
+      lastModified: new Date("2026-02-28"),
+      changeFrequency: "monthly",
+      priority: 0.7,
+    },
+    {
+      url: `${baseUrl}/examples`,
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 0.6,
+    },
+    {
+      url: `${baseUrl}/examples/x402`,
+      lastModified: new Date("2026-02-28"),
+      changeFrequency: "monthly",
+      priority: 0.6,
+    },
+  ];
+}

package/landing/src/components/architecture.tsx

@@ -0,0 +1,163 @@
+"use client";
+
+import { motion } from "framer-motion";
+
+export function Architecture() {
+  return (
+    <section id="architecture" className="relative py-32 overflow-hidden">
+      <div className="absolute inset-0 bg-gradient-to-b from-white via-zinc-50/50 to-white" />
+
+      <div className="relative mx-auto max-w-6xl px-6">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true, margin: "-100px" }}
+          transition={{ duration: 0.6 }}
+          className="text-center mb-20"
+        >
+          <span className="inline-block text-sm font-semibold text-amber-700 tracking-wider uppercase mb-4">
+            Architecture
+          </span>
+          <h2 className="text-4xl sm:text-5xl font-bold tracking-tight mb-6">
+            Built for compounding
+          </h2>
+          <p className="text-lg text-zinc-500 max-w-2xl mx-auto">
+            Every layer is designed so the swarm gets better the longer it runs.
+          </p>
+        </motion.div>
+
+        <motion.div
+          initial={{ opacity: 0, y: 30 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true, margin: "-50px" }}
+          transition={{ duration: 0.7 }}
+          className="relative max-w-4xl mx-auto"
+        >
+          {/* Architecture diagram */}
+          <div className="rounded-2xl bg-white border border-zinc-200 overflow-hidden shadow-xl shadow-zinc-100/50">
+            {/* Header */}
+            <div className="bg-zinc-900 px-6 py-4 flex items-center gap-3">
+              <div className="flex gap-1.5">
+                <div className="w-3 h-3 rounded-full bg-red-400" />
+                <div className="w-3 h-3 rounded-full bg-yellow-400" />
+                <div className="w-3 h-3 rounded-full bg-green-400" />
+              </div>
+              <span className="text-xs font-mono text-zinc-400">agent-swarm architecture</span>
+            </div>
+
+            <div className="p-4 sm:p-8">
+              {/* Slack / CLI layer */}
+              <div className="mb-6">
+                <div className="text-xs font-semibold text-zinc-400 uppercase tracking-wider mb-3">
+                  Interface Layer
+                </div>
+                <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
+                  <div className="rounded-xl border border-zinc-200 bg-zinc-50 p-4 text-center">
+                    <div className="text-sm font-semibold text-zinc-700">Slack</div>
+                    <div className="text-xs text-zinc-400 mt-1">Mentions &amp; threads</div>
+                  </div>
+                  <div className="rounded-xl border border-zinc-200 bg-zinc-50 p-4 text-center">
+                    <div className="text-sm font-semibold text-zinc-700">Claude Code</div>
+                    <div className="text-xs text-zinc-400 mt-1">CLI sessions</div>
+                  </div>
+                  <div className="rounded-xl border border-zinc-200 bg-zinc-50 p-4 text-center">
+                    <div className="text-sm font-semibold text-zinc-700">Dashboard</div>
+                    <div className="text-xs text-zinc-400 mt-1">Web UI</div>
+                  </div>
+                </div>
+              </div>
+
+              {/* Arrow */}
+              <div className="flex justify-center my-4">
+                <div className="w-px h-8 bg-gradient-to-b from-zinc-300 to-amber-300" />
+              </div>
+
+              {/* MCP Server */}
+              <div className="mb-6">
+                <div className="rounded-xl border-2 border-amber-200 bg-amber-50/50 p-5">
+                  <div className="text-center">
+                    <div className="text-sm font-bold text-amber-800">MCP Server</div>
+                    <div className="text-xs text-amber-600 mt-1">
+                      50+ tools: tasks, messaging, memory, services, scheduling, epics
+                    </div>
+                  </div>
+                  <div className="mt-4 flex flex-wrap justify-center gap-2">
+                    {["send-task", "store-progress", "memory-search", "post-message", "register-service", "create-epic"].map((tool) => (
+                      <span
+                        key={tool}
+                        className="inline-flex items-center rounded-md bg-amber-100 border border-amber-200/50 px-2 py-0.5 text-xs font-mono text-amber-700"
+                      >
+                        {tool}
+                      </span>
+                    ))}
+                  </div>
+                </div>
+              </div>
+
+              {/* Arrow */}
+              <div className="flex justify-center my-4">
+                <div className="w-px h-8 bg-gradient-to-b from-amber-300 to-zinc-300" />
+              </div>
+
+              {/* Agent Grid */}
+              <div className="mb-6">
+                <div className="text-xs font-semibold text-zinc-400 uppercase tracking-wider mb-3">
+                  Agent Layer
+                </div>
+                <div className="space-y-3 sm:space-y-0 sm:grid sm:grid-cols-4 sm:gap-3">
+                  <div className="rounded-xl border-2 border-amber-500/30 bg-amber-50 p-4 text-center">
+                    <div className="w-8 h-8 rounded-full bg-gradient-to-br from-amber-500 to-amber-700 mx-auto mb-2 flex items-center justify-center">
+                      <span className="text-white text-xs font-bold">L</span>
+                    </div>
+                    <div className="text-xs font-semibold text-zinc-700">Lead</div>
+                    <div className="text-xs text-zinc-400 mt-0.5">Orchestrator</div>
+                  </div>
+                  <div className="grid grid-cols-3 gap-3 sm:col-span-3 sm:contents">
+                    {["Worker 1", "Worker 2", "Worker 3"].map((w) => (
+                      <div
+                        key={w}
+                        className="rounded-xl border border-zinc-200 bg-white p-4 text-center"
+                      >
+                        <div className="w-8 h-8 rounded-full bg-zinc-100 border border-zinc-200 mx-auto mb-2 flex items-center justify-center">
+                          <span className="text-zinc-500 text-xs font-bold">W</span>
+                        </div>
+                        <div className="text-xs font-semibold text-zinc-700">{w}</div>
+                        <div className="text-xs text-zinc-400 mt-0.5">Specialist</div>
+                      </div>
+                    ))}
+                  </div>
+                </div>
+              </div>
+
+              {/* Arrow */}
+              <div className="flex justify-center my-4">
+                <div className="w-px h-8 bg-gradient-to-b from-zinc-300 to-violet-300" />
+              </div>
+
+              {/* Persistence layer */}
+              <div>
+                <div className="text-xs font-semibold text-zinc-400 uppercase tracking-wider mb-3">
+                  Persistence Layer
+                </div>
+                <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
+                  <div className="rounded-xl border border-violet-200 bg-violet-50/50 p-4 text-center">
+                    <div className="text-sm font-semibold text-violet-700">SQLite + Embeddings</div>
+                    <div className="text-xs text-violet-500 mt-1">Searchable memory</div>
+                  </div>
+                  <div className="rounded-xl border border-blue-200 bg-blue-50/50 p-4 text-center">
+                    <div className="text-sm font-semibold text-blue-700">SOUL.md / IDENTITY.md</div>
+                    <div className="text-xs text-blue-500 mt-1">Agent personality</div>
+                  </div>
+                  <div className="rounded-xl border border-emerald-200 bg-emerald-50/50 p-4 text-center">
+                    <div className="text-sm font-semibold text-emerald-700">Git Worktrees</div>
+                    <div className="text-xs text-emerald-500 mt-1">Isolated workspaces</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </motion.div>
+      </div>
+    </section>
+  );
+}

package/landing/src/components/cta.tsx

@@ -0,0 +1,52 @@
+"use client";
+
+import { motion } from "framer-motion";
+import { ArrowRight, Github } from "lucide-react";
+
+export function CTA() {
+  return (
+    <section className="relative py-32 overflow-hidden">
+      <div className="absolute inset-0 bg-gradient-to-br from-zinc-900 via-zinc-900 to-zinc-800" />
+      <div className="absolute inset-0 grid-bg opacity-5" />
+
+      {/* Amber glow */}
+      <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[600px] rounded-full bg-amber-500/5 blur-[120px]" />
+
+      <div className="relative mx-auto max-w-4xl px-6 text-center">
+        <motion.div
+          initial={{ opacity: 0, y: 20 }}
+          whileInView={{ opacity: 1, y: 0 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.6 }}
+        >
+          <h2 className="text-4xl sm:text-5xl font-bold tracking-tight text-white mb-6">
+            Ready to build your swarm?
+          </h2>
+          <p className="text-lg text-zinc-400 max-w-xl mx-auto mb-10">
+            Agent Swarm is open source and ready to deploy. Start with one lead
+            and one worker — scale as your ambitions grow.
+          </p>
+
+          <div className="flex flex-wrap justify-center gap-4">
+            <a
+              href="https://docs.agent-swarm.dev/docs/getting-started"
+              className="group inline-flex items-center gap-2 rounded-xl bg-amber-600 px-7 py-3.5 text-sm font-semibold text-white hover:bg-amber-500 transition-all shadow-xl shadow-amber-600/20"
+            >
+              Get Started
+              <ArrowRight className="w-4 h-4 group-hover:translate-x-0.5 transition-transform" />
+            </a>
+            <a
+              href="https://github.com/desplega-ai/agent-swarm"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 rounded-xl bg-white/10 backdrop-blur-sm px-7 py-3.5 text-sm font-semibold text-white border border-white/10 hover:bg-white/15 transition-all"
+            >
+              <Github className="w-4 h-4" />
+              Star on GitHub
+            </a>
+          </div>
+        </motion.div>
+      </div>
+    </section>
+  );
+}