@desplega.ai/agent-swarm 1.49.0 → 1.52.0

package/landing/src/components/features.tsx

@@ -1,160 +0,0 @@
-"use client";
-
-import React from "react";
-import { motion } from "framer-motion";
-import {
-  Brain,
-  Network,
-  Layers,
-  Clock,
-  Database,
-  Workflow,
-  Users,
-  Zap,
-  Blocks,
-} from "lucide-react";
-
-const features: {
-  icon: React.ComponentType<{ className?: string }>;
-  title: string;
-  description: string;
-  color: string;
-  link?: string;
-}[] = [
-  {
-    icon: Network,
-    title: "Lead-Worker Orchestration",
-    description:
-      "A lead agent coordinates specialized workers. Tasks are delegated, tracked, and completed autonomously — like a team that never sleeps.",
-    color: "from-amber-500 to-orange-500",
-  },
-  {
-    icon: Brain,
-    title: "Persistent Memory",
-    description:
-      "Agents remember across sessions. Solutions, patterns, and mistakes are stored and searchable — knowledge truly compounds over time.",
-    color: "from-violet-500 to-purple-500",
-  },
-  {
-    icon: Layers,
-    title: "Identity & Soul",
-    description:
-      "Each agent has personality files — SOUL.md and IDENTITY.md — that define who they are and evolve as they work. They become someone.",
-    color: "from-blue-500 to-cyan-500",
-  },
-  {
-    icon: Workflow,
-    title: "Task Lifecycle",
-    description:
-      "Tasks flow through a rich lifecycle: unassigned, offered, claimed, in-progress, reviewing, completed. Full traceability at every step.",
-    color: "from-emerald-500 to-teal-500",
-  },
-  {
-    icon: Blocks,
-    title: "Agent Templates",
-    description:
-      "Start from pre-built templates — Lead, Coder, Researcher, Reviewer, Tester, and more. Or create your own and share them with the community.",
-    color: "from-rose-500 to-pink-500",
-    link: "https://templates.agent-swarm.dev",
-  },
-  {
-    icon: Database,
-    title: "Epics & Scheduling",
-    description:
-      "Organize work into epics with progress tracking. Schedule recurring tasks with cron expressions. The swarm runs while you sleep.",
-    color: "from-amber-600 to-yellow-500",
-  },
-  {
-    icon: Users,
-    title: "Slack Integration",
-    description:
-      "Talk to the swarm from Slack. Mention the bot, get progress updates in threads, delegate work — all from your existing workflow.",
-    color: "from-indigo-500 to-blue-500",
-  },
-  {
-    icon: Zap,
-    title: "MCP-Native",
-    description:
-      "Built on the Model Context Protocol. Every capability is a tool. Agents discover and invoke each other's services seamlessly.",
-    color: "from-orange-500 to-red-500",
-  },
-];
-
-const container = {
-  hidden: {},
-  show: {
-    transition: { staggerChildren: 0.08 },
-  },
-};
-
-const item = {
-  hidden: { opacity: 0, y: 24 },
-  show: { opacity: 1, y: 0, transition: { duration: 0.5, ease: "easeOut" as const } },
-};
-
-export function Features() {
-  return (
-    <section id="features" className="relative py-32 overflow-hidden">
-      <div className="absolute inset-0 bg-gradient-to-b from-white via-amber-50/30 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">
-            Capabilities
-          </span>
-          <h2 className="text-4xl sm:text-5xl font-bold tracking-tight mb-6">
-            Everything a swarm needs
-          </h2>
-          <p className="text-lg text-zinc-500 max-w-2xl mx-auto">
-            From task delegation to persistent memory, Agent Swarm provides the
-            full infrastructure for autonomous multi-agent coordination.
-          </p>
-        </motion.div>
-
-        <motion.div
-          variants={container}
-          initial="hidden"
-          whileInView="show"
-          viewport={{ once: true, margin: "-50px" }}
-          className="grid sm:grid-cols-2 lg:grid-cols-4 gap-6"
-        >
-          {features.map((feature) => {
-            const Wrapper = feature.link ? "a" : "div";
-            const linkProps = feature.link
-              ? { href: feature.link, target: "_blank" as const, rel: "noopener noreferrer" }
-              : {};
-            return (
-              <motion.div
-                key={feature.title}
-                variants={item}
-              >
-                <Wrapper
-                  {...linkProps}
-                  className="group relative block rounded-2xl bg-white border border-zinc-100 p-6 hover:border-zinc-200 hover:shadow-xl hover:shadow-zinc-100/50 transition-all duration-300 h-full"
-                >
-                  <div
-                    className={`inline-flex items-center justify-center w-10 h-10 rounded-xl bg-gradient-to-br ${feature.color} mb-4 shadow-lg`}
-                  >
-                    <feature.icon className="w-5 h-5 text-white" />
-                  </div>
-                  <h3 className="text-base font-semibold text-zinc-900 mb-2">
-                    {feature.title}
-                  </h3>
-                  <p className="text-sm text-zinc-500 leading-relaxed">
-                    {feature.description}
-                  </p>
-                </Wrapper>
-              </motion.div>
-            );
-          })}
-        </motion.div>
-      </div>
-    </section>
-  );
-}

package/landing/src/components/footer.tsx

@@ -1,100 +0,0 @@
-import Image from "next/image";
-import Link from "next/link";
-import { Github, BookOpen, ExternalLink, LayoutDashboard, Sparkles, PenLine, Blocks } from "lucide-react";
-
-export function Footer() {
-  return (
-    <footer className="border-t border-zinc-100 bg-white">
-      <div className="mx-auto max-w-6xl px-6 py-12">
-        <div className="flex flex-col md:flex-row items-center justify-between gap-6">
-          <div className="flex items-center gap-3">
-            <Image src="/logo.png" alt="Agent Swarm" width={28} height={28} className="rounded-lg" />
-            <div>
-              <div className="text-sm font-semibold text-zinc-900">
-                Agent Swarm
-              </div>
-              <div className="text-xs text-zinc-400">
-                Built by{" "}
-                <a
-                  href="https://desplega.sh"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="text-amber-600 hover:text-amber-700 transition-colors inline-flex items-center gap-0.5"
-                >
-                  desplega.sh
-                  <ExternalLink className="w-3 h-3" />
-                </a>
-              </div>
-            </div>
-          </div>
-
-          <div className="flex flex-wrap items-center justify-center gap-x-6 gap-y-3">
-            <a
-              href="https://github.com/desplega-ai/agent-swarm"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <Github className="w-4 h-4" />
-              GitHub
-            </a>
-            <a
-              href="https://docs.agent-swarm.dev"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <BookOpen className="w-4 h-4" />
-              Docs
-            </a>
-            <Link
-              href="/blog"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <PenLine className="w-4 h-4" />
-              Blog
-            </Link>
-            <Link
-              href="/examples"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <Sparkles className="w-4 h-4" />
-              Examples
-            </Link>
-            <a
-              href="https://templates.agent-swarm.dev"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <Blocks className="w-4 h-4" />
-              Templates
-            </a>
-            <a
-              href="https://app.agent-swarm.dev"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <LayoutDashboard className="w-4 h-4" />
-              Dashboard
-            </a>
-            <a
-              href="https://desplega.sh"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-sm text-zinc-500 hover:text-zinc-700 transition-colors"
-            >
-              <ExternalLink className="w-4 h-4" />
-              desplega.sh
-            </a>
-          </div>
-        </div>
-
-        <div className="mt-8 pt-6 border-t border-zinc-100 text-center">
-          <p className="text-xs text-zinc-400">
-            MIT License &middot; Open source multi-agent orchestration for Claude Code
-          </p>
-        </div>
-      </div>
-    </footer>
-  );
-}

package/landing/src/components/hero.tsx

@@ -1,217 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import { ArrowRight, Github, Sparkles } from "lucide-react";
-
-function SwarmVisualization() {
-  const nodes = [
-    { x: 50, y: 50, label: "Lead", size: 18, delay: 0 },
-    { x: 20, y: 25, label: "W1", size: 12, delay: 0.2 },
-    { x: 80, y: 20, label: "W2", size: 12, delay: 0.4 },
-    { x: 15, y: 70, label: "W3", size: 12, delay: 0.6 },
-    { x: 85, y: 75, label: "W4", size: 12, delay: 0.8 },
-    { x: 50, y: 85, label: "W5", size: 12, delay: 1.0 },
-  ];
-
-  const connections = [
-    [0, 1], [0, 2], [0, 3], [0, 4], [0, 5],
-    [1, 2], [3, 4], [4, 5],
-  ];
-
-  return (
-    <div className="relative w-full aspect-square max-w-lg mx-auto">
-      <div className="absolute inset-0 rounded-full bg-gradient-to-br from-amber-100/50 to-amber-50/20 blur-3xl" />
-
-      <svg viewBox="0 0 100 100" className="relative w-full h-full">
-        {connections.map(([from, to], i) => (
-          <motion.line
-            key={i}
-            x1={nodes[from].x}
-            y1={nodes[from].y}
-            x2={nodes[to].x}
-            y2={nodes[to].y}
-            stroke="url(#lineGrad)"
-            strokeWidth="0.3"
-            initial={{ pathLength: 0, opacity: 0 }}
-            animate={{ pathLength: 1, opacity: 0.4 }}
-            transition={{ duration: 1.5, delay: 0.5 + i * 0.1, ease: "easeOut" }}
-          />
-        ))}
-
-        {/* Animated data particles along connections */}
-        {connections.slice(0, 5).map(([from, to], i) => (
-          <motion.circle
-            key={`particle-${i}`}
-            r="0.8"
-            fill="oklch(0.769 0.188 70.08)"
-            initial={{ opacity: 0 }}
-            animate={{
-              cx: [nodes[from].x, nodes[to].x],
-              cy: [nodes[from].y, nodes[to].y],
-              opacity: [0, 1, 1, 0],
-            }}
-            transition={{
-              duration: 2,
-              delay: 1.5 + i * 0.6,
-              repeat: Infinity,
-              repeatDelay: 2,
-              ease: "easeInOut",
-            }}
-          />
-        ))}
-
-        {nodes.map((node, i) => (
-          <motion.g
-            key={i}
-            initial={{ scale: 0, opacity: 0 }}
-            animate={{ scale: 1, opacity: 1 }}
-            transition={{ duration: 0.5, delay: node.delay, type: "spring", stiffness: 200 }}
-          >
-            <motion.circle
-              cx={node.x}
-              cy={node.y}
-              r={node.size * 0.8}
-              fill="none"
-              stroke="oklch(0.555 0.163 48.998)"
-              strokeWidth="0.15"
-              animate={{ r: [node.size * 0.8, node.size * 1.2, node.size * 0.8] }}
-              transition={{ duration: 3, repeat: Infinity, delay: node.delay }}
-              opacity={0.2}
-            />
-            <circle
-              cx={node.x}
-              cy={node.y}
-              r={node.size * 0.5}
-              fill={i === 0 ? "oklch(0.555 0.163 48.998)" : "oklch(0.967 0.001 286.375)"}
-              stroke={i === 0 ? "oklch(0.473 0.137 46.201)" : "oklch(0.92 0.004 286.32)"}
-              strokeWidth="0.5"
-            />
-            <text
-              x={node.x}
-              y={node.y + 1.2}
-              textAnchor="middle"
-              fontSize="3"
-              fontWeight={i === 0 ? "700" : "500"}
-              fill={i === 0 ? "white" : "oklch(0.552 0.016 285.938)"}
-              fontFamily="Space Grotesk, sans-serif"
-            >
-              {node.label}
-            </text>
-          </motion.g>
-        ))}
-
-        <defs>
-          <linearGradient id="lineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
-            <stop offset="0%" stopColor="oklch(0.555 0.163 48.998)" />
-            <stop offset="100%" stopColor="oklch(0.769 0.188 70.08)" />
-          </linearGradient>
-        </defs>
-      </svg>
-    </div>
-  );
-}
-
-export function Hero() {
-  return (
-    <section className="relative min-h-screen flex items-center overflow-hidden">
-      {/* Background grid */}
-      <div className="absolute inset-0 grid-bg opacity-40" />
-
-      {/* Gradient orbs */}
-      <div className="absolute top-20 -left-40 w-96 h-96 rounded-full bg-amber-200/20 blur-[100px] animate-pulse-glow" />
-      <div className="absolute bottom-20 -right-40 w-96 h-96 rounded-full bg-amber-300/15 blur-[100px] animate-pulse-glow" style={{ animationDelay: "1.5s" }} />
-
-      <div className="relative mx-auto max-w-6xl px-6 pt-32 pb-20 w-full">
-        <div className="grid lg:grid-cols-2 gap-16 items-center">
-          <div>
-            <motion.div
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.6 }}
-              className="inline-flex items-center gap-2 rounded-full bg-amber-50 border border-amber-200/60 px-4 py-1.5 mb-8"
-            >
-              <Sparkles className="w-4 h-4 text-amber-600" />
-              <span className="text-sm font-medium text-amber-800">
-                Open Source &middot; MCP-Powered
-              </span>
-            </motion.div>
-
-            <motion.h1
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.6, delay: 0.1 }}
-              className="text-5xl sm:text-6xl lg:text-7xl font-bold tracking-tight leading-[1.05] mb-6"
-            >
-              Intelligence that{" "}
-              <span className="gradient-text">compounds</span>
-            </motion.h1>
-
-            <motion.p
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.6, delay: 0.2 }}
-              className="text-lg sm:text-xl text-zinc-500 leading-relaxed mb-10 max-w-xl"
-            >
-              Orchestrate autonomous AI agents that learn, remember, and get
-              smarter with every session. A lead coordinates workers. Memory
-              persists. Knowledge compounds.
-            </motion.p>
-
-            <motion.div
-              initial={{ opacity: 0, y: 20 }}
-              animate={{ opacity: 1, y: 0 }}
-              transition={{ duration: 0.6, delay: 0.3 }}
-              className="flex flex-wrap gap-4"
-            >
-              <a
-                href="https://docs.agent-swarm.dev/docs/getting-started"
-                className="group inline-flex items-center gap-2 rounded-xl bg-zinc-900 px-6 py-3 text-sm font-semibold text-white hover:bg-zinc-800 transition-all shadow-xl shadow-zinc-900/20 hover:shadow-zinc-900/30"
-              >
-                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 px-6 py-3 text-sm font-semibold text-zinc-700 border border-zinc-200 hover:border-zinc-300 hover:bg-zinc-50 transition-all shadow-sm"
-              >
-                <Github className="w-4 h-4" />
-                GitHub
-              </a>
-            </motion.div>
-
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              transition={{ duration: 0.6, delay: 0.5 }}
-              className="mt-10 flex items-center gap-6 text-sm text-zinc-400"
-            >
-              <div className="flex items-center gap-2">
-                <div className="w-2 h-2 rounded-full bg-emerald-400 animate-pulse" />
-                TypeScript
-              </div>
-              <div className="flex items-center gap-2">
-                <div className="w-2 h-2 rounded-full bg-amber-400 animate-pulse" style={{ animationDelay: "0.5s" }} />
-                MCP Protocol
-              </div>
-              <div className="flex items-center gap-2">
-                <div className="w-2 h-2 rounded-full bg-blue-400 animate-pulse" style={{ animationDelay: "1s" }} />
-                Claude Code
-              </div>
-            </motion.div>
-          </div>
-
-          <motion.div
-            initial={{ opacity: 0, scale: 0.9 }}
-            animate={{ opacity: 1, scale: 1 }}
-            transition={{ duration: 0.8, delay: 0.3 }}
-            className="hidden lg:block"
-          >
-            <SwarmVisualization />
-          </motion.div>
-        </div>
-      </div>
-    </section>
-  );
-}

package/landing/src/components/how-it-works.tsx

@@ -1,165 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-
-const steps = [
-  {
-    number: "01",
-    title: "Deploy the Swarm",
-    description:
-      "Clone the repo, configure your environment, and run docker compose up. The API server, lead agent, and workers start in isolated containers — each with their own identity, capabilities, and workspace.",
-    visual: (
-      <div className="font-mono text-xs leading-relaxed text-zinc-600">
-        <div className="text-zinc-400"># Clone and configure</div>
-        <div>
-          <span className="text-amber-600">$</span> git clone github.com/desplega-ai/agent-swarm
-        </div>
-        <div>
-          <span className="text-amber-600">$</span> cp .env.docker.example .env
-        </div>
-        <div className="mt-2 text-zinc-400"># Start the swarm</div>
-        <div>
-          <span className="text-amber-600">$</span> docker compose up -d
-        </div>
-        <div className="mt-2 text-emerald-600">
-          ✓ API server running on :3013
-        </div>
-        <div className="text-emerald-600">
-          ✓ Lead agent online
-        </div>
-        <div className="text-emerald-600">
-          ✓ 2 workers connected
-        </div>
-      </div>
-    ),
-  },
-  {
-    number: "02",
-    title: "Delegate Tasks",
-    description:
-      "The lead agent breaks down work and assigns tasks to specialized workers. Tasks can be sent directly, offered for acceptance, or pooled for anyone to claim.",
-    visual: (
-      <div className="space-y-2">
-        {[
-          { task: "Implement auth flow", agent: "Picateclas", status: "in_progress", color: "bg-blue-100 text-blue-700" },
-          { task: "Write API tests", agent: "Codebot", status: "pending", color: "bg-amber-100 text-amber-700" },
-          { task: "Update docs", agent: "Pool", status: "unassigned", color: "bg-zinc-100 text-zinc-600" },
-        ].map((t) => (
-          <div
-            key={t.task}
-            className="flex items-center justify-between rounded-lg border border-zinc-100 bg-white px-3 py-2"
-          >
-            <div>
-              <div className="text-xs font-medium text-zinc-800">{t.task}</div>
-              <div className="text-xs text-zinc-400">{t.agent}</div>
-            </div>
-            <span className={`text-xs font-medium px-2 py-0.5 rounded-full ${t.color}`}>
-              {t.status}
-            </span>
-          </div>
-        ))}
-      </div>
-    ),
-  },
-  {
-    number: "03",
-    title: "Knowledge Compounds",
-    description:
-      "Every completed task generates memories. Every session enriches the agent's identity. The swarm doesn't just work — it learns. Each session builds on all that came before.",
-    visual: (
-      <div className="space-y-3">
-        <div className="flex items-start gap-2">
-          <div className="mt-1 w-1.5 h-1.5 rounded-full bg-amber-500 shrink-0" />
-          <div className="text-xs text-zinc-600">
-            <span className="font-medium text-zinc-800">Memory saved:</span>{" "}
-            &ldquo;The API requires Bearer prefix on all auth headers&rdquo;
-          </div>
-        </div>
-        <div className="flex items-start gap-2">
-          <div className="mt-1 w-1.5 h-1.5 rounded-full bg-violet-500 shrink-0" />
-          <div className="text-xs text-zinc-600">
-            <span className="font-medium text-zinc-800">Identity evolved:</span>{" "}
-            Added &ldquo;auth specialist&rdquo; to capabilities
-          </div>
-        </div>
-        <div className="flex items-start gap-2">
-          <div className="mt-1 w-1.5 h-1.5 rounded-full bg-emerald-500 shrink-0" />
-          <div className="text-xs text-zinc-600">
-            <span className="font-medium text-zinc-800">Pattern learned:</span>{" "}
-            Session continuity via parentTaskId
-          </div>
-        </div>
-        <div className="mt-3 rounded-lg bg-gradient-to-r from-amber-50 to-amber-100/50 border border-amber-200/50 px-3 py-2">
-          <div className="text-xs font-medium text-amber-800">
-            Session 47 — 3x faster than session 1
-          </div>
-          <div className="mt-1 w-full bg-amber-200/50 rounded-full h-1.5">
-            <div className="bg-gradient-to-r from-amber-500 to-amber-600 h-1.5 rounded-full" style={{ width: "78%" }} />
-          </div>
-        </div>
-      </div>
-    ),
-  },
-];
-
-export function HowItWorks() {
-  return (
-    <section id="how-it-works" className="relative py-32">
-      <div className="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">
-            How It Works
-          </span>
-          <h2 className="text-4xl sm:text-5xl font-bold tracking-tight mb-6">
-            From setup to compounding
-          </h2>
-          <p className="text-lg text-zinc-500 max-w-2xl mx-auto">
-            Three steps to a swarm that gets smarter every day.
-          </p>
-        </motion.div>
-
-        <div className="space-y-24">
-          {steps.map((step, i) => (
-            <motion.div
-              key={step.number}
-              initial={{ opacity: 0, y: 40 }}
-              whileInView={{ opacity: 1, y: 0 }}
-              viewport={{ once: true, margin: "-80px" }}
-              transition={{ duration: 0.6 }}
-              className={`grid lg:grid-cols-2 gap-12 items-center ${
-                i % 2 === 1 ? "lg:direction-rtl" : ""
-              }`}
-            >
-              <div className={i % 2 === 1 ? "lg:order-2" : ""}>
-                <div className="flex items-center gap-4 mb-4">
-                  <span className="text-5xl font-bold text-amber-200/80 font-mono">
-                    {step.number}
-                  </span>
-                  <div className="h-px flex-1 bg-gradient-to-r from-amber-200 to-transparent" />
-                </div>
-                <h3 className="text-2xl sm:text-3xl font-bold text-zinc-900 mb-4">
-                  {step.title}
-                </h3>
-                <p className="text-base text-zinc-500 leading-relaxed">
-                  {step.description}
-                </p>
-              </div>
-
-              <div className={`${i % 2 === 1 ? "lg:order-1" : ""}`}>
-                <div className="rounded-2xl bg-zinc-50 border border-zinc-100 p-6">
-                  {step.visual}
-                </div>
-              </div>
-            </motion.div>
-          ))}
-        </div>
-      </div>
-    </section>
-  );
-}