@desplega.ai/agent-swarm 1.49.0 → 1.52.0

package/landing/src/components/navbar.tsx

@@ -1,147 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import Image from "next/image";
-import Link from "next/link";
-import { Github, BookOpen, LayoutDashboard, Menu, X, Newspaper, Play, Blocks } from "lucide-react";
-import { motion, AnimatePresence } from "framer-motion";
-
-export function Navbar() {
-  const [scrolled, setScrolled] = useState(false);
-  const [mobileOpen, setMobileOpen] = useState(false);
-
-  useEffect(() => {
-    const onScroll = () => setScrolled(window.scrollY > 20);
-    window.addEventListener("scroll", onScroll);
-    return () => window.removeEventListener("scroll", onScroll);
-  }, []);
-
-  return (
-    <motion.nav
-      initial={{ y: -100 }}
-      animate={{ y: 0 }}
-      transition={{ duration: 0.6, ease: "easeOut" }}
-      className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${
-        scrolled
-          ? "bg-white/80 backdrop-blur-xl border-b border-zinc-200/60 shadow-sm"
-          : "bg-transparent"
-      }`}
-    >
-      <div className="mx-auto max-w-6xl px-6 py-4 flex items-center justify-between">
-        <Link href="/" className="flex items-center gap-3 group">
-          <Image src="/logo.png" alt="Agent Swarm" width={32} height={32} className="rounded-lg shadow-lg shadow-amber-500/20 group-hover:shadow-amber-500/40 transition-shadow" priority />
-          <span className="text-lg font-bold tracking-tight text-zinc-900">
-            Agent Swarm
-          </span>
-        </Link>
-
-        <div className="hidden md:flex items-center gap-6">
-          <Link
-            href="/#features"
-            className="text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            Features
-          </Link>
-          <Link
-            href="/#how-it-works"
-            className="text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            How It Works
-          </Link>
-          <Link
-            href="/#architecture"
-            className="text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            Architecture
-          </Link>
-          <Link
-            href="/blog"
-            className="text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            Blog
-          </Link>
-          <Link
-            href="/examples"
-            className="text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            Examples
-          </Link>
-          <a
-            href="https://templates.agent-swarm.dev"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center gap-1.5 text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            <Blocks className="w-4 h-4" />
-            Templates
-          </a>
-          <div className="w-px h-5 bg-zinc-200" />
-          <a
-            href="https://docs.agent-swarm.dev"
-            className="flex items-center gap-1.5 text-sm font-medium text-zinc-600 hover:text-zinc-900 transition-colors"
-          >
-            <BookOpen className="w-4 h-4" />
-            Docs
-          </a>
-          <a
-            href="https://app.agent-swarm.dev"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center gap-1.5 text-sm font-medium text-amber-700 hover:text-amber-900 transition-colors"
-          >
-            <LayoutDashboard className="w-4 h-4" />
-            Dashboard
-          </a>
-          <a
-            href="https://github.com/desplega-ai/agent-swarm"
-            target="_blank"
-            rel="noopener noreferrer"
-            className="flex items-center gap-1.5 rounded-lg bg-zinc-900 px-4 py-2 text-sm font-medium text-white hover:bg-zinc-800 transition-colors shadow-lg shadow-zinc-900/10"
-          >
-            <Github className="w-4 h-4" />
-            GitHub
-          </a>
-        </div>
-
-        <button
-          onClick={() => setMobileOpen(!mobileOpen)}
-          className="md:hidden p-2 text-zinc-600"
-        >
-          {mobileOpen ? <X className="w-5 h-5" /> : <Menu className="w-5 h-5" />}
-        </button>
-      </div>
-
-      <AnimatePresence>
-        {mobileOpen && (
-          <motion.div
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: "auto", opacity: 1 }}
-            exit={{ height: 0, opacity: 0 }}
-            className="md:hidden overflow-hidden bg-white/95 backdrop-blur-xl border-b border-zinc-200"
-          >
-            <div className="px-6 py-4 flex flex-col gap-3">
-              <Link href="/#features" onClick={() => setMobileOpen(false)} className="text-sm font-medium text-zinc-600 py-2">Features</Link>
-              <Link href="/#how-it-works" onClick={() => setMobileOpen(false)} className="text-sm font-medium text-zinc-600 py-2">How It Works</Link>
-              <Link href="/#architecture" onClick={() => setMobileOpen(false)} className="text-sm font-medium text-zinc-600 py-2">Architecture</Link>
-              <Link href="/blog" onClick={() => setMobileOpen(false)} className="text-sm font-medium text-zinc-600 py-2">Blog</Link>
-              <Link href="/examples" onClick={() => setMobileOpen(false)} className="text-sm font-medium text-zinc-600 py-2">Examples</Link>
-              <a href="https://templates.agent-swarm.dev" target="_blank" rel="noopener noreferrer" onClick={() => setMobileOpen(false)} className="flex items-center gap-2 text-sm font-medium text-zinc-600 py-2">
-                <Blocks className="w-4 h-4" /> Templates
-              </a>
-              <div className="h-px bg-zinc-200" />
-              <a href="https://docs.agent-swarm.dev" className="flex items-center gap-2 text-sm font-medium text-zinc-600 py-2">
-                <BookOpen className="w-4 h-4" /> Docs
-              </a>
-              <a href="https://app.agent-swarm.dev" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 text-sm font-medium text-amber-700 py-2">
-                <LayoutDashboard className="w-4 h-4" /> Dashboard
-              </a>
-              <a href="https://github.com/desplega-ai/agent-swarm" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 justify-center rounded-lg bg-zinc-900 px-4 py-2.5 text-sm font-medium text-white">
-                <Github className="w-4 h-4" /> View on GitHub
-              </a>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </motion.nav>
-  );
-}

package/landing/src/components/waitlist.tsx

@@ -1,110 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { motion } from "framer-motion";
-import { Mail, ArrowRight, Check, Loader2 } from "lucide-react";
-import { joinWaitlist } from "@/app/actions/waitlist";
-
-type Status = "idle" | "loading" | "success" | "error";
-
-export function Waitlist() {
-  const [email, setEmail] = useState("");
-  const [status, setStatus] = useState<Status>("idle");
-  const [errorMsg, setErrorMsg] = useState("");
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-    if (!email.trim() || status === "loading") return;
-
-    setStatus("loading");
-    setErrorMsg("");
-
-    const result = await joinWaitlist(email.trim());
-
-    if (result.success) {
-      setStatus("success");
-      setEmail("");
-    } else {
-      setStatus("error");
-      setErrorMsg(result.error);
-    }
-  }
-
-  return (
-    <section className="relative py-24 overflow-hidden bg-zinc-50">
-      <div className="absolute inset-0 grid-bg opacity-20" />
-
-      <div className="relative mx-auto max-w-2xl px-6 text-center">
-        <motion.div
-          initial={{ opacity: 0, y: 20 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true }}
-          transition={{ duration: 0.6 }}
-        >
-          <div className="inline-flex items-center gap-2 rounded-full bg-amber-50 border border-amber-200/60 px-4 py-1.5 mb-6">
-            <Mail className="w-4 h-4 text-amber-600" />
-            <span className="text-sm font-medium text-amber-800">
-              Coming Soon
-            </span>
-          </div>
-
-          <h2 className="text-3xl sm:text-4xl font-bold tracking-tight text-zinc-900 mb-4">
-            Interested in a hosted version?
-          </h2>
-          <p className="text-lg text-zinc-500 max-w-lg mx-auto mb-10">
-            Skip the self-hosting. Join the waitlist for managed Agent Swarm
-            — we&apos;ll handle the infrastructure so you can focus on your agents.
-          </p>
-
-          {status === "success" ? (
-            <motion.div
-              initial={{ opacity: 0, scale: 0.95 }}
-              animate={{ opacity: 1, scale: 1 }}
-              className="inline-flex items-center gap-2 rounded-xl bg-emerald-50 border border-emerald-200 px-6 py-3.5 text-sm font-semibold text-emerald-700"
-            >
-              <Check className="w-4 h-4" />
-              You&apos;re on the list!
-            </motion.div>
-          ) : (
-            <form onSubmit={handleSubmit} className="flex flex-col items-center gap-3">
-              <div className="flex w-full max-w-md gap-3">
-                <input
-                  type="email"
-                  placeholder="you@company.com"
-                  value={email}
-                  onChange={(e) => setEmail(e.target.value)}
-                  disabled={status === "loading"}
-                  className="flex-1 rounded-xl border border-zinc-200 bg-white px-4 py-3 text-sm text-zinc-900 placeholder:text-zinc-400 focus:outline-none focus:ring-2 focus:ring-amber-500/40 focus:border-amber-400 disabled:opacity-60 transition-all"
-                />
-                <button
-                  type="submit"
-                  disabled={status === "loading" || !email.trim()}
-                  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 disabled:opacity-60 disabled:cursor-not-allowed transition-all shadow-lg shadow-zinc-900/10"
-                >
-                  {status === "loading" ? (
-                    <Loader2 className="w-4 h-4 animate-spin" />
-                  ) : (
-                    <>
-                      Join
-                      <ArrowRight className="w-4 h-4 group-hover:translate-x-0.5 transition-transform" />
-                    </>
-                  )}
-                </button>
-              </div>
-
-              {status === "error" && (
-                <motion.p
-                  initial={{ opacity: 0 }}
-                  animate={{ opacity: 1 }}
-                  className="text-sm text-red-500"
-                >
-                  {errorMsg}
-                </motion.p>
-              )}
-            </form>
-          )}
-        </motion.div>
-      </div>
-    </section>
-  );
-}

package/landing/src/components/why-choose.tsx

@@ -1,149 +0,0 @@
-"use client";
-
-import { motion } from "framer-motion";
-import {
-  Shield,
-  Code2,
-  Brain,
-  Server,
-  Shuffle,
-} from "lucide-react";
-
-const pillars = [
-  {
-    icon: Code2,
-    title: "Free & Open Source",
-    color: "from-emerald-500 to-teal-500",
-    points: [
-      "Full visibility and control, no third party in the loop",
-      "Community-driven improvements, without giving up your edge",
-      "Your team ships faster — they focus on the work that matters",
-    ],
-  },
-  {
-    icon: Brain,
-    title: "Built to Be Yours",
-    color: "from-violet-500 to-purple-500",
-    points: [
-      "Agents learn as you use them. Define their tools, skills, and boundaries",
-      "Compounding self-learnings make them improve over time",
-      "They live where your team already works: Slack, Linear, GitHub, Jira, email — they build their own integrations",
-    ],
-  },
-  {
-    icon: Shuffle,
-    title: "Not Locked to Any LLM",
-    color: "from-blue-500 to-cyan-500",
-    points: [
-      "Switch between OpenAI, Anthropic, Qwen, Google, or OpenRouter",
-      "Per task, per agent, per cost target — you choose",
-      "No vendor lock-in, ever",
-    ],
-  },
-  {
-    icon: Server,
-    title: "Dockerized from Day One",
-    color: "from-orange-500 to-red-500",
-    points: [
-      "Runs on whatever infrastructure your team trusts",
-      "Self-hosted, air-gapped, or cloud — your call",
-      "Full control over data residency and compliance",
-    ],
-  },
-];
-
-const container = {
-  hidden: {},
-  show: {
-    transition: { staggerChildren: 0.12 },
-  },
-};
-
-const item = {
-  hidden: { opacity: 0, y: 24 },
-  show: {
-    opacity: 1,
-    y: 0,
-    transition: { duration: 0.5, ease: "easeOut" as const },
-  },
-};
-
-export function WhyChoose() {
-  return (
-    <section id="why-choose" 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" />
-
-      {/* Subtle amber glow */}
-      <div className="absolute top-0 left-1/2 -translate-x-1/2 w-[800px] h-[400px] rounded-full bg-amber-500/5 blur-[120px]" />
-
-      <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-6"
-        >
-          <span className="inline-block text-sm font-semibold text-amber-500 tracking-wider uppercase mb-4">
-            Why Agent Swarm
-          </span>
-          <h2 className="text-4xl sm:text-5xl font-bold tracking-tight text-white mb-6">
-            Your agents are your IP.
-            <br />
-            <span className="text-amber-500">Keep them that way.</span>
-          </h2>
-        </motion.div>
-
-        <motion.p
-          initial={{ opacity: 0, y: 12 }}
-          whileInView={{ opacity: 1, y: 0 }}
-          viewport={{ once: true, margin: "-100px" }}
-          transition={{ duration: 0.5, delay: 0.15 }}
-          className="text-center text-lg text-zinc-400 max-w-3xl mx-auto mb-16"
-        >
-          Platforms that run agents{" "}
-          <span className="text-zinc-200 font-medium">for</span> you learn from
-          your workflows — your logic becomes their training data. Agent Swarm is
-          different.
-        </motion.p>
-
-        <motion.div
-          variants={container}
-          initial="hidden"
-          whileInView="show"
-          viewport={{ once: true, margin: "-50px" }}
-          className="grid sm:grid-cols-2 gap-6"
-        >
-          {pillars.map((pillar) => (
-            <motion.div
-              key={pillar.title}
-              variants={item}
-              className="group relative rounded-2xl bg-white/5 border border-white/10 p-8 hover:border-amber-500/30 hover:bg-white/[0.07] transition-all duration-300"
-            >
-              <div
-                className={`inline-flex items-center justify-center w-11 h-11 rounded-xl bg-gradient-to-br ${pillar.color} mb-5 shadow-lg`}
-              >
-                <pillar.icon className="w-5 h-5 text-white" />
-              </div>
-              <h3 className="text-lg font-semibold text-white mb-4">
-                {pillar.title}
-              </h3>
-              <ul className="space-y-3">
-                {pillar.points.map((point, i) => (
-                  <li
-                    key={i}
-                    className="flex items-start gap-3 text-sm text-zinc-400 leading-relaxed"
-                  >
-                    <Shield className="w-4 h-4 text-amber-500/70 mt-0.5 shrink-0" />
-                    <span>{point}</span>
-                  </li>
-                ))}
-              </ul>
-            </motion.div>
-          ))}
-        </motion.div>
-      </div>
-    </section>
-  );
-}