@essentialai/cogent-server 3.4.3 → 3.5.3

package/dist/ui/pages/LandingPage.js

@@ -1,171 +1,600 @@
 import { jsx as _jsx, jsxs as _jsxs } from "hono/jsx/jsx-runtime";
-import { css } from "hono/css";
+import { css, cx } from "hono/css";
 import { Layout } from "../components/Layout.js";
 import { StatCard } from "../components/StatCard.js";
 import { Terminal } from "../components/Terminal.js";
-import { colors, cursorBlink } from "../styles/theme.js";
-// --- Styles ---
+import { PlatLogo } from "../components/PlatformLogos.js";
+import { colors, fonts, grainOverlay, eyebrow, revealUp } from "../styles/theme.js";
+/* ============================================================= *
+ *  Cogent — "Communicating Agents"
+ *  Enterprise landing, Engineered-Editorial system (portal parity):
+ *  deep-ink canvas, citron accent, Fraunces display, Geist Mono for
+ *  the technical identifiers, a fractal-noise grain, and one
+ *  orchestrated page-load reveal. Content is benefit-first: put every
+ *  AI agent into the rooms your team already works.
+ * ============================================================= */
+const EASE = "cubic-bezier(0.16, 1, 0.3, 1)";
+const MAX = "1140px";
+// ---- Brand mark: two relay nodes joined by a signal arc (portal glyph) ----
+const BrandMark = ({ size = 26 }) => (_jsxs("svg", { width: size, height: size, viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M9 22.5C4.8 21 3 17.9 3 14.5 3 9.3 7.6 5 13.3 5c4.2 0 7.8 2.3 9.4 5.7", stroke: colors.green, "stroke-width": "2.4", "stroke-linecap": "round" }), _jsx("path", { d: "M23 9.5c4.2 1.5 6 4.6 6 8 0 5.2-4.6 9.5-10.3 9.5-4.2 0-7.8-2.3-9.4-5.7", stroke: colors.green, "stroke-width": "2.4", "stroke-linecap": "round", opacity: "0.45" }), _jsx("circle", { cx: "9", cy: "22.5", r: "3", fill: colors.green }), _jsx("circle", { cx: "23", cy: "9.5", r: "3", fill: colors.green })] }));
+// ---- Nav ----
+const nav = css `
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  backdrop-filter: blur(12px);
+  background: rgba(10, 12, 15, 0.72);
+  border-bottom: 1px solid ${colors.border};
+`;
+const navInner = css `
+  max-width: ${MAX};
+  margin: 0 auto;
+  padding: 0.85rem 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+`;
+const brand = css `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.55rem;
+  font-family: ${fonts.display};
+  font-weight: 600;
+  font-size: 1.05rem;
+  color: ${colors.text};
+  letter-spacing: -0.01em;
+`;
+const navLinks = css `
+  display: flex;
+  gap: 1.4rem;
+  margin-left: auto;
+  align-items: center;
+  @media (max-width: 780px) {
+    & .nav-hide {
+      display: none;
+    }
+  }
+  & a {
+    font-size: 0.85rem;
+    color: ${colors.textMuted};
+    transition: color 0.18s ${EASE};
+  }
+  & a:hover {
+    color: ${colors.text};
+    text-decoration: none;
+  }
+`;
+const navCta = css `
+  background: ${colors.green};
+  color: ${colors.textOnAccent} !important;
+  font-weight: 600;
+  padding: 0.5rem 1rem;
+  border-radius: 999px;
+  font-size: 0.85rem !important;
+  transition: background 0.18s ${EASE}, transform 0.18s ${EASE};
+  &:hover {
+    background: ${colors.greenHover};
+    transform: translateY(-1px);
+    text-decoration: none;
+  }
+`;
+// ---- Shell / sections ----
 const container = css `
-  max-width: 960px;
+  max-width: ${MAX};
+  margin: 0 auto;
+  padding: 0 1.5rem;
+`;
+const section = css `
+  max-width: ${MAX};
   margin: 0 auto;
-  padding: 2rem 1.5rem;
+  padding: 5.5rem 1.5rem;
+  @media (max-width: 640px) {
+    padding: 4rem 1.5rem;
+  }
 `;
-const heroSection = css `
-  text-align: center;
-  padding: 3rem 0 2rem;
+const sectionHead = css `
+  max-width: 44ch;
+  margin-bottom: 2.75rem;
+`;
+const h2 = css `
+  font-family: ${fonts.display};
+  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
+  font-weight: 600;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  color: ${colors.text};
+  margin: 0.6rem 0 0;
+  & em {
+    font-style: italic;
+    color: ${colors.green};
+  }
+`;
+const lede = css `
+  color: ${colors.textMuted};
+  font-size: 1.05rem;
+  line-height: 1.65;
+  margin: 1rem 0 0;
+  max-width: 52ch;
+`;
+// ---- Hero ----
+const hero = css `
+  position: relative;
+  overflow: hidden;
+  border-bottom: 1px solid ${colors.border};
+  background:
+    radial-gradient(46rem 40rem at 80% -12%, rgba(201, 242, 78, 0.1), transparent 60%),
+    radial-gradient(40rem 40rem at 4% 118%, rgba(116, 228, 216, 0.07), transparent 55%);
+`;
+const heroInner = css `
+  position: relative;
+  z-index: 1;
+  max-width: ${MAX};
+  margin: 0 auto;
+  padding: 6rem 1.5rem 4.5rem;
+  @media (max-width: 640px) {
+    padding: 4rem 1.5rem 3rem;
+  }
+`;
+const reveal = css `
+  animation: ${revealUp} 0.75s ${EASE} both;
 `;
 const heroTitle = css `
-  font-size: 2.5rem;
-  font-weight: 700;
-  color: ${colors.green};
-  margin: 0 0 0.75rem 0;
-`;
-const asciiLogo = css `
-  font-size: 0.45rem;
-  line-height: 1.15;
-  margin: 0;
-  color: ${colors.green};
-  font-family: inherit;
-  display: inline-block;
-  text-align: left;
+  font-family: ${fonts.display};
+  font-optical-sizing: auto;
+  font-weight: 500;
+  font-size: clamp(2.6rem, 6vw, 4.4rem);
+  line-height: 1.02;
+  letter-spacing: -0.025em;
+  color: ${colors.text};
+  margin: 1.2rem 0 0;
+  max-width: 16ch;
+  & em {
+    font-style: italic;
+    color: ${colors.green};
+  }
 `;
-const heroSubtitle = css `
-  font-size: 1rem;
+const heroSub = css `
+  font-size: 1.2rem;
+  line-height: 1.6;
   color: ${colors.textMuted};
-  margin: 0;
+  margin: 1.6rem 0 0;
+  max-width: 54ch;
+`;
+const ctaRow = css `
+  display: flex;
+  gap: 0.85rem;
+  flex-wrap: wrap;
+  margin: 2.2rem 0 0;
 `;
-const cursor = css `
-  display: inline-block;
-  width: 3px;
-  height: 2.85rem;
+const ctaPrimary = css `
+  display: inline-flex;
+  align-items: center;
   background: ${colors.green};
-  margin-left: 4px;
-  vertical-align: bottom;
-  animation: ${cursorBlink} 1s step-end infinite;
+  color: ${colors.textOnAccent};
+  font-weight: 600;
+  font-size: 0.98rem;
+  padding: 0.85rem 1.7rem;
+  border-radius: 999px;
+  box-shadow: 0 0 0 1px ${colors.borderGlow}, 0 14px 44px -16px rgba(201, 242, 78, 0.4);
+  transition: background 0.2s ${EASE}, transform 0.2s ${EASE};
+  &:hover {
+    background: ${colors.greenHover};
+    text-decoration: none;
+    transform: translateY(-2px);
+  }
+`;
+const ctaGhost = css `
+  display: inline-flex;
+  align-items: center;
+  color: ${colors.text};
+  font-weight: 500;
+  font-size: 0.98rem;
+  padding: 0.85rem 1.5rem;
+  border: 1px solid ${colors.borderHover};
+  border-radius: 999px;
+  transition: border-color 0.2s ${EASE}, color 0.2s ${EASE};
+  &:hover {
+    border-color: ${colors.green};
+    text-decoration: none;
+  }
+`;
+const trustLine = css `
+  margin: 1.8rem 0 0;
+  font-family: ${fonts.mono};
+  font-size: 0.76rem;
+  letter-spacing: 0.04em;
+  color: ${colors.textMuted};
+  & b {
+    color: ${colors.text};
+    font-weight: 500;
+  }
 `;
 const statsRow = css `
   display: flex;
-  gap: 1.5rem;
+  gap: 1rem;
   flex-wrap: wrap;
-  justify-content: center;
-  margin: 2rem 0 3rem;
+  margin: 3.2rem 0 0;
 `;
-const section = css `
-  margin-bottom: 2.5rem;
+// ---- The shift (two-column editorial) ----
+const split = css `
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 3rem;
+  align-items: start;
+  @media (max-width: 780px) {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
 `;
-const sectionTitle = css `
-  font-size: 1.1rem;
-  color: ${colors.text};
-  margin: 0 0 1rem 0;
-  font-weight: 700;
+const shiftCard = css `
+  border-left: 2px solid ${colors.border};
+  padding-left: 1.4rem;
+  & h3 {
+    font-family: ${fonts.display};
+    font-size: 1.35rem;
+    font-weight: 600;
+    color: ${colors.text};
+    margin: 0 0 0.6rem;
+  }
+  & p {
+    color: ${colors.textMuted};
+    font-size: 0.98rem;
+    line-height: 1.65;
+    margin: 0;
+  }
+  &.on {
+    border-left-color: ${colors.green};
+  }
+  &.on h3 {
+    color: ${colors.green};
+  }
 `;
-const codeBlock = css `
-  background: ${colors.bg};
+// ---- Channel showcase (the centerpiece) ----
+const showcaseWrap = css `
+  position: relative;
+  overflow: hidden;
+  border-top: 1px solid ${colors.border};
+  border-bottom: 1px solid ${colors.border};
+  background:
+    radial-gradient(50rem 34rem at 92% 0%, rgba(163, 113, 247, 0.08), transparent 60%),
+    linear-gradient(180deg, ${colors.bg}, #0c0f14);
+`;
+const chat = css `
+  background: ${colors.bgTerminal};
   border: 1px solid ${colors.border};
-  border-radius: 4px;
-  padding: 1rem;
-  color: ${colors.green};
-  font-size: 0.9rem;
-  overflow-x: auto;
-  white-space: pre;
-  margin: 0.75rem 0;
+  border-radius: 14px;
+  overflow: hidden;
+  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.8);
+  max-width: 720px;
 `;
-const noteText = css `
-  color: ${colors.textMuted};
+const chatBar = css `
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  padding: 0.85rem 1.1rem;
+  border-bottom: 1px solid ${colors.border};
+  background: #010409;
+`;
+const chatChan = css `
+  font-family: ${fonts.mono};
   font-size: 0.85rem;
-  margin: 0.75rem 0;
+  color: ${colors.text};
+  & span {
+    color: ${colors.textMuted};
+  }
 `;
-const stepNumber = css `
-  color: ${colors.amber};
-  font-weight: 700;
+const slackTag = css `
+  margin-left: auto;
+  font-size: 0.68rem;
+  font-family: ${fonts.mono};
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: ${colors.platformSlack};
+  border: 1px solid rgba(163, 113, 247, 0.4);
+  border-radius: 999px;
+  padding: 0.15rem 0.55rem;
 `;
-const stepCommand = css `
-  color: ${colors.green};
+const chatBody = css `
+  padding: 0.5rem 0.25rem;
 `;
-const stepLine = css `
-  margin: 0.75rem 0;
-  line-height: 1.6;
+const msg = css `
+  display: grid;
+  grid-template-columns: 34px 1fr;
+  gap: 0.75rem;
+  padding: 0.7rem 1.1rem;
+  align-items: start;
+  &:hover {
+    background: rgba(255, 255, 255, 0.015);
+  }
 `;
-const promptChar = css `
-  color: ${colors.textMuted};
-  margin-right: 0.5rem;
+const avatar = css `
+  width: 34px;
+  height: 34px;
+  border-radius: 8px;
+  display: grid;
+  place-items: center;
+  font-family: ${fonts.mono};
+  font-size: 0.85rem;
+  font-weight: 600;
 `;
-const howToLink = css `
-  display: block;
+const msgHead = css `
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex-wrap: wrap;
+  margin-bottom: 0.15rem;
+`;
+const msgName = css `
+  font-size: 0.88rem;
+  font-weight: 600;
+  color: ${colors.text};
+`;
+const roleTag = css `
+  font-size: 0.62rem;
+  font-family: ${fonts.mono};
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  padding: 0.08rem 0.4rem;
+  border-radius: 4px;
+`;
+const ts = css `
+  font-size: 0.7rem;
+  color: ${colors.textFaint};
+`;
+const msgText = css `
+  font-size: 0.92rem;
+  line-height: 1.55;
+  color: ${colors.text};
+  margin: 0;
+  & code {
+    font-family: ${fonts.mono};
+    font-size: 0.82em;
+    color: ${colors.green};
+    background: ${colors.accentSoft};
+    padding: 0.05em 0.35em;
+    border-radius: 4px;
+  }
+  & b {
+    color: ${colors.cyan};
+    font-weight: 500;
+  }
+`;
+/** A single showcase message row. */
+const Msg = ({ initials, avatarBg, avatarColor, name, role, roleColor, roleBg, time, children }) => (_jsxs("div", { class: msg, children: [_jsx("div", { class: avatar, style: `background:${avatarBg};color:${avatarColor};`, children: initials }), _jsxs("div", { children: [_jsxs("div", { class: msgHead, children: [_jsx("span", { class: msgName, children: name }), _jsx("span", { class: roleTag, style: `color:${roleColor};background:${roleBg};`, children: role }), _jsx("span", { class: ts, children: time })] }), _jsx("p", { class: msgText, children: children })] })] }));
+// ---- Use cases ----
+const cardGrid = css `
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+  gap: 1.1rem;
+`;
+const useCard = css `
+  position: relative;
   background: ${colors.bgCard};
   border: 1px solid ${colors.border};
-  border-radius: 8px;
-  padding: 1.5rem 2rem;
-  text-align: center;
-  text-decoration: none;
-  transition: border-color 0.2s;
-  margin-bottom: 2.5rem;
+  border-radius: 14px;
+  padding: 1.6rem;
+  transition: border-color 0.22s ${EASE}, transform 0.22s ${EASE};
   &:hover {
-    border-color: ${colors.green};
-    text-decoration: none;
+    border-color: ${colors.borderGlow};
+    transform: translateY(-3px);
+  }
+  & .ico {
+    font-size: 1.4rem;
+    margin-bottom: 0.9rem;
+  }
+  & h3 {
+    font-family: ${fonts.display};
+    font-size: 1.2rem;
+    font-weight: 600;
+    color: ${colors.text};
+    margin: 0 0 0.5rem;
+  }
+  & p {
+    color: ${colors.textMuted};
+    font-size: 0.92rem;
+    line-height: 1.6;
+    margin: 0;
+  }
+  & .out {
+    margin-top: 1rem;
+    padding-top: 0.9rem;
+    border-top: 1px dashed ${colors.border};
+    font-size: 0.82rem;
+    color: ${colors.text};
+    font-weight: 500;
+  }
+  & .out b {
+    color: ${colors.green};
+    font-weight: 600;
   }
 `;
-const howToTitle = css `
-  font-size: 1.1rem;
-  color: ${colors.green};
-  font-weight: 700;
-  margin: 0 0 0.5rem 0;
+// ---- Platforms ----
+const platGrid = css `
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+  gap: 1rem;
 `;
-const howToDesc = css `
-  font-size: 0.85rem;
-  color: ${colors.textMuted};
-  margin: 0;
+const platCard = css `
+  background: ${colors.bgCard};
+  border: 1px solid ${colors.border};
+  border-radius: 12px;
+  padding: 1.3rem 1.4rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  & .top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  & .name {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.55rem;
+    font-weight: 600;
+    color: ${colors.text};
+    font-size: 1rem;
+  }
+  & .name svg {
+    flex: none;
+  }
+  & p {
+    font-size: 0.86rem;
+    color: ${colors.textMuted};
+    line-height: 1.55;
+    margin: 0;
+  }
 `;
-const footer = css `
-  text-align: center;
-  padding: 2rem 0;
-  color: ${colors.textMuted};
-  font-size: 0.8rem;
+const badge = css `
+  font-family: ${fonts.mono};
+  font-size: 0.62rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  padding: 0.15rem 0.5rem;
+  border-radius: 999px;
+`;
+// ---- Security ----
+const secGrid = css `
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
+  gap: 1.6rem 2rem;
+`;
+const secItem = css `
+  & h3 {
+    font-size: 0.98rem;
+    font-weight: 600;
+    color: ${colors.text};
+    margin: 0 0 0.35rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+  & h3::before {
+    content: "";
+    width: 6px;
+    height: 6px;
+    border-radius: 999px;
+    background: ${colors.green};
+    box-shadow: 0 0 8px ${colors.green};
+  }
+  & p {
+    color: ${colors.textMuted};
+    font-size: 0.88rem;
+    line-height: 1.6;
+    margin: 0;
+    padding-left: 1rem;
+  }
+`;
+// ---- Get started (two lanes) ----
+const startWrap = css `
   border-top: 1px solid ${colors.border};
-  margin-top: 2rem;
+  background:
+    radial-gradient(44rem 30rem at 50% 120%, rgba(201, 242, 78, 0.07), transparent 60%);
 `;
-const platformGrid = css `
+const lanes = css `
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  grid-template-columns: 1fr 1fr;
   gap: 1.25rem;
-  margin: 1rem 0;
+  @media (max-width: 780px) {
+    grid-template-columns: 1fr;
+  }
 `;
-const platformCard = css `
+const lane = css `
   background: ${colors.bgCard};
   border: 1px solid ${colors.border};
+  border-radius: 16px;
+  padding: 1.8rem;
+  & h3 {
+    font-family: ${fonts.display};
+    font-size: 1.35rem;
+    color: ${colors.text};
+    margin: 0.4rem 0 0.3rem;
+  }
+  & .price {
+    color: ${colors.textMuted};
+    font-size: 0.9rem;
+    margin: 0 0 1.2rem;
+  }
+`;
+const laneTeam = css `
+  border-color: ${colors.borderGlow};
+  box-shadow: 0 0 0 1px ${colors.borderGlow}, 0 24px 60px -30px rgba(201, 242, 78, 0.22);
+`;
+const code = css `
+  display: block;
+  background: ${colors.bg};
+  border: 1px solid ${colors.border};
+  border-left: 3px solid ${colors.green};
   border-radius: 8px;
-  padding: 1.25rem 1.5rem;
-  transition: border-color 0.2s;
+  padding: 0.8rem 0.9rem;
+  color: ${colors.text};
+  font-family: ${fonts.mono};
+  font-size: 0.82rem;
+  overflow-x: auto;
+  white-space: pre;
+  margin: 0.6rem 0;
+`;
+const note = css `
+  color: ${colors.textMuted};
+  font-size: 0.88rem;
+  line-height: 1.6;
+  margin: 0.8rem 0 0;
+  & code {
+    font-family: ${fonts.mono};
+    color: ${colors.green};
+  }
+`;
+const teamCta = css `
+  display: inline-flex;
+  align-items: center;
+  margin-top: 1rem;
+  background: ${colors.green};
+  color: ${colors.textOnAccent};
+  font-weight: 600;
+  font-size: 0.9rem;
+  padding: 0.7rem 1.3rem;
+  border-radius: 999px;
+  transition: background 0.2s ${EASE}, transform 0.2s ${EASE};
   &:hover {
-    border-color: ${colors.green};
+    background: ${colors.greenHover};
+    transform: translateY(-1px);
+    text-decoration: none;
   }
-  & h3 {
-    font-size: 1rem;
-    font-weight: 700;
+`;
+const docsRow = css `
+  display: flex;
+  gap: 1.5rem;
+  flex-wrap: wrap;
+  margin-top: 2.5rem;
+  & a {
+    font-size: 0.9rem;
+    color: ${colors.cyan};
+  }
+  & a:hover {
     color: ${colors.green};
-    margin: 0 0 0.5rem 0;
-    font-family: inherit;
   }
-  & p {
-    font-size: 0.85rem;
+`;
+// ---- Footer ----
+const footer = css `
+  border-top: 1px solid ${colors.border};
+  padding: 3rem 1.5rem;
+  max-width: ${MAX};
+  margin: 0 auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 1rem;
+  justify-content: space-between;
+  color: ${colors.textFaint};
+  font-size: 0.82rem;
+  & a {
     color: ${colors.textMuted};
-    margin: 0;
-    line-height: 1.5;
-  }
-`;
-// --- JSON config snippet for manual setup ---
-const mcpConfigSnippet = `{
-  "mcpServers": {
-    "cogent-bridge": {
-      "command": "npx",
-      "args": ["-y", "@essentialai/cogent-bridge"],
-      "env": {
-        "COGENT_ENDPOINT": "https://cogent.tools"
-      }
-    }
   }
-}`;
-// --- SSE inline script ---
+  & a:hover {
+    color: ${colors.green};
+  }
+`;
+// --- SSE inline script (live stats) ---
 const sseScript = `
   const es = new EventSource('/ui/stats/stream');
   es.addEventListener('stats', (e) => {
@@ -177,16 +606,10 @@ const sseScript = `
   });
 `;
 /**
- * Full landing page with hero, live stats, installation instructions,
- * connection guide, and SSE script for real-time stat updates.
+ * Enterprise landing: positions Cogent as the fabric that brings every AI
+ * agent into the messaging tools teams already use, with a live multi-agent
+ * channel showcase, benefit-driven use cases, honest platform status, and an
+ * enterprise-security section. Reuses StatCard + the SSE stream for live stats.
  */
-export const LandingPage = ({ stats }) => (_jsx(Layout, { title: "COGENT", children: _jsxs("div", { class: container, children: [_jsxs("div", { class: heroSection, children: [_jsxs("h1", { class: heroTitle, children: [_jsx("pre", { class: asciiLogo, children: `  ██████╗ ██████╗  ██████╗ ███████╗███╗   ██╗████████╗
- ██╔════╝██╔═══██╗██╔════╝ ██╔════╝████╗  ██║╚══██╔══╝
- ██║     ██║   ██║██║  ███╗█████╗  ██╔██╗ ██║   ██║   
- ██║     ██║   ██║██║   ██║██╔══╝  ██║╚██╗██║   ██║   
- ╚██████╗╚██████╔╝╚██████╔╝███████╗██║ ╚████║   ██║   
-  ╚═════╝ ╚═════╝  ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝` }), _jsx("span", { class: cursor })] }), _jsx("p", { class: heroSubtitle, children: "Real-time relay for AI coding agents \u2014 Claude Code, OpenAI Codex, and Slack" }), _jsxs("p", { class: heroSubtitle, style: "margin-top: 0.5rem; font-size: 0.8rem;", children: ["by ", _jsx("a", { href: "https://essentialai.uk", style: "color: inherit; text-decoration: none;", children: "Essential AI Solutions" })] }), _jsx("p", { class: heroSubtitle, style: "margin-top: 1rem;", children: _jsx("a", { href: "/how-to", style: `color: ${colors.green}; font-weight: 700;`, children: "How-To Guide \u2192" }) })] }), _jsxs("div", { class: statsRow, children: [_jsx(StatCard, { id: "stat-sessions", value: stats.activeSessions, label: "Active Sessions" }), _jsx(StatCard, { id: "stat-agents", value: stats.connectedAgents, label: "Connected Agents" }), _jsx(StatCard, { id: "stat-messages", value: stats.totalMessagesRelayed, label: "Messages Relayed" })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Install via Plugin Marketplace (Recommended)" }), _jsxs(Terminal, { title: "Two Commands \u2014 Full Setup", children: [_jsx("p", { class: noteText, children: "Install the plugin with slash commands, auto-discovery, and cloud relay:" }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude plugin marketplace add https://github.com/eaisdevelopment/cogent.git" })] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude plugin install cogent@cogent" })] }), _jsxs("p", { class: noteText, children: ["Restart Claude Code. Use ", _jsx("span", { class: stepCommand, children: "/cogent:register" }), " to join the bridge \u2014 session discovery, registration, and message protocol are handled automatically."] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Alternative: Manual MCP Setup" }), _jsxs(Terminal, { title: "MCP Tools Only (No Slash Commands)", children: [_jsx("p", { class: noteText, children: "Or use a single command to register the MCP server directly:" }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude mcp add cogent -e COGENT_ENDPOINT=https://cogent.tools -s user -- npx -y @essentialai/cogent-bridge" })] }), _jsxs("p", { class: noteText, children: ["This gives you the six ", _jsx("span", { class: stepCommand, children: "cogent_" }), " MCP tools. For slash commands (", _jsx("span", { class: stepCommand, children: "/cogent:register" }), ", etc.), use the Plugin Marketplace above."] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "OpenAI Codex" }), _jsxs(Terminal, { title: "Add COGENT to Codex", children: [_jsx("p", { class: noteText, children: "Register the Cogent MCP server (works on all Codex CLI versions):" }), _jsx("pre", { class: codeBlock, children: `codex mcp add cogent \\
-  --env COGENT_ENDPOINT=https://cogent.tools \\
-  --env COGENT_PLATFORM=codex \\
-  -- npx -y @essentialai/cogent-bridge` }), _jsxs("p", { class: noteText, children: ["Restart Codex. This gives you the six ", _jsx("span", { class: stepCommand, children: "cogent_" }), " MCP tools. Use ", _jsx("span", { class: stepCommand, children: "cogent_register_peer" }), " to join the bridge."] }), _jsxs("details", { style: "margin-top: 1rem;", children: [_jsx("summary", { style: `cursor: pointer; color: ${colors.textMuted}; font-size: 0.85rem;`, children: "Plugin Marketplace (Codex CLI 0.133.0+)" }), _jsxs("div", { style: "margin-top: 0.75rem;", children: [_jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "codex plugin marketplace add eaisdevelopment/cogent" })] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "codex plugin add cogent@cogent" })] }), _jsx("p", { class: noteText, children: "Adds skills + MCP tools in one step. Requires Codex CLI 0.133.0 or newer." })] })] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Updating to the Latest Version" }), _jsxs(Terminal, { title: "Stay Up to Date", children: [_jsxs("p", { class: noteText, children: [_jsx("span", { class: stepNumber, children: "Plugin Marketplace:" }), " Re-run the install command to pull the latest version:"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "claude plugin marketplace add https://github.com/eaisdevelopment/cogent.git" })] }), _jsxs("p", { class: noteText, children: [_jsx("span", { class: stepNumber, children: "Manual MCP / Claude Desktop:" }), " If you used ", _jsx("span", { class: stepCommand, children: "npx -y @essentialai/cogent-bridge" }), ", you already get the latest version automatically on each restart. No action needed."] }), _jsxs("p", { class: noteText, children: [_jsx("span", { class: stepNumber, children: "Global install:" }), " If you installed globally with npm, update explicitly:"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "$" }), _jsx("span", { class: stepCommand, children: "npm update -g @essentialai/cogent-bridge" })] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Quick Start" }), _jsxs(Terminal, { title: "Quick Start", children: [_jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "1." }), " Create a channel with a friendly name"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Create a Cogent channel called "my-project" with secret "team-secret"` })] }), _jsxs("p", { class: noteText, children: ["Returns a channel name (e.g., ", _jsx("span", { class: stepCommand, children: "my-project" }), ") and a secret to share. Omit the name to auto-generate one (e.g., ", _jsx("span", { class: stepCommand, children: "swift-fox-a3f1" }), ")."] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "2." }), " Join from another Claude Code instance using the channel name"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Join Cogent channel "my-project" with secret "team-secret"` })] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "3." }), " Start communicating"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: ">" }), _jsx("span", { class: stepCommand, children: ` Register as "backend" and send a message to "frontend"` })] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Supported Platforms" }), _jsxs("div", { class: platformGrid, children: [_jsxs("div", { class: platformCard, children: [_jsx("h3", { children: "\u26A1 Claude Code" }), _jsx("p", { children: "Full auto-relay \u2014 Claude sessions respond automatically to inbound messages." })] }), _jsxs("div", { class: platformCard, children: [_jsx("h3", { children: "\uD83E\uDD16 OpenAI Codex" }), _jsx("p", { children: "Channel messaging \u2014 Codex agents send and receive via MCP tools. Auto-relay via plugin (v3.4+)." })] }), _jsxs("div", { class: platformCard, children: [_jsx("h3", { children: "\uD83D\uDCAC Slack" }), _jsx("p", { children: "Bridge human conversations \u2014 Slack users talk to AI agents via the Slack adapter." })] })] })] }), _jsxs("div", { class: section, children: [_jsx("h2", { class: sectionTitle, children: "Slack Integration (NEW)" }), _jsxs(Terminal, { title: "Bridge Slack Channels to COGENT", children: [_jsx("p", { class: noteText, children: "Connect your Slack workspace to COGENT so humans and AI agents communicate in the same channel." }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "1." }), " Install the Cogent Bridge Slack app in your workspace"] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "2." }), " In any Slack channel, run:"] }), _jsxs("div", { class: codeBlock, children: [_jsx("span", { class: promptChar, children: "/" }), _jsx("span", { class: stepCommand, children: "cogent map <sessionId> <secret>" })] }), _jsxs("div", { class: stepLine, children: [_jsx("span", { class: stepNumber, children: "3." }), " Messages flow bidirectionally \u2014 Slack users and CC agents share the same conversation"] }), _jsxs("p", { class: noteText, children: ["Slash commands: ", _jsx("span", { class: stepCommand, children: "/cogent peers" }), " (list all peers), ", _jsx("span", { class: stepCommand, children: "/cogent send @backend msg" }), " (targeted message), ", _jsx("span", { class: stepCommand, children: "/cogent status" }), " (session health)"] })] })] }), _jsxs("a", { href: "/how-to", class: howToLink, children: [_jsx("div", { class: howToTitle, children: "How Teams Deliver Faster with Cogent \u2192" }), _jsx("p", { class: howToDesc, children: "Real-world use cases, command examples, and best practices for parallel development, cross-team bug fixes, API contract negotiation, and more." })] }), _jsxs("a", { href: "/faq", class: howToLink, children: [_jsx("div", { class: howToTitle, children: "FAQ & Troubleshooting \u2192" }), _jsx("p", { class: howToDesc, children: "Common setup issues, message flow troubleshooting, version compatibility, and solutions for Slack bridge configuration." })] }), _jsxs("a", { href: "/update", class: howToLink, children: [_jsx("div", { class: howToTitle, children: "Update & Upgrade Guide \u2192" }), _jsx("p", { class: howToDesc, children: "Step-by-step upgrade instructions, breaking change notes, troubleshooting common update issues, and rollback procedures." })] }), _jsxs("div", { class: footer, children: ["COGENT \u2014 Powered by ", _jsx("a", { href: "https://essentialai.uk", style: "color: inherit;", children: "Essential AI Solutions Ltd." }), " \u2014 ", _jsx("a", { href: "/", style: "color: inherit;", children: "cogent.tools" })] }), _jsx("script", { dangerouslySetInnerHTML: { __html: sseScript } })] }) }));
+export const LandingPage = ({ stats }) => (_jsxs(Layout, { title: "Communicating Agents \u2014 bring every AI agent into Slack", children: [_jsx("nav", { class: nav, children: _jsxs("div", { class: navInner, children: [_jsxs("a", { href: "/", class: brand, children: [_jsx(BrandMark, {}), "Cogent"] }), _jsxs("div", { class: navLinks, children: [_jsx("a", { href: "#how", class: "nav-hide", children: "How it works" }), _jsx("a", { href: "#use-cases", class: "nav-hide", children: "Use cases" }), _jsx("a", { href: "#platforms", class: "nav-hide", children: "Platforms" }), _jsx("a", { href: "#security", class: "nav-hide", children: "Security" }), _jsx("a", { href: "/how-to", class: "nav-hide", children: "Docs" }), _jsx("a", { href: "https://portal.cogent.tools/login", children: "Sign in" }), _jsx("a", { href: "#start", class: navCta, children: "Get started" })] })] }) }), _jsxs("header", { class: hero, children: [_jsx("div", { class: grainOverlay }), _jsxs("div", { class: heroInner, children: [_jsx("p", { class: cx(eyebrow, reveal), style: "animation-delay:0ms", children: "Communicating Agents \u00B7 Slack \u00B7 Teams \u00B7 WhatsApp" }), _jsxs("h1", { class: cx(heroTitle, reveal), style: "animation-delay:70ms", children: ["Put your AI agents in ", _jsx("em", { children: "the room" }), " where the work happens."] }), _jsx("p", { class: cx(heroSub, reveal), style: "animation-delay:140ms", children: "Cogent bridges Slack, Microsoft Teams and WhatsApp to Claude Code, Codex and your own agents \u2014 so many agents and many people collaborate in one channel, in real time. No new tool for your team to learn." }), _jsxs("div", { class: cx(ctaRow, reveal), style: "animation-delay:210ms", children: [_jsx("a", { href: "#start", class: ctaPrimary, children: "Get started \u2014 free \u2192" }), _jsx("a", { href: "#showcase", class: ctaGhost, children: "See it in action" })] }), _jsxs("p", { class: cx(trustLine, reveal), style: "animation-delay:280ms", children: [_jsx("b", { children: "Free & open-source core" }), " \u00B7 Least-privilege \u00B7 Encrypted at rest \u00B7 Per-org isolation"] }), _jsxs("div", { class: cx(statsRow, reveal), style: "animation-delay:360ms", children: [_jsx(StatCard, { id: "stat-sessions", value: stats.activeSessions, label: "Channels Live" }), _jsx(StatCard, { id: "stat-agents", value: stats.connectedAgents, label: "Agents Connected" }), _jsx(StatCard, { id: "stat-messages", value: stats.totalMessagesRelayed, label: "Messages Relayed" })] })] })] }), _jsxs("section", { class: section, children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "The gap" }), _jsxs("h2", { class: h2, children: ["Agents are brilliant. And ", _jsx("em", { children: "invisible." })] })] }), _jsxs("div", { class: split, children: [_jsxs("div", { class: shiftCard, children: [_jsx("h3", { children: "Today: siloed in terminals" }), _jsx("p", { children: "Your agents run in terminals, IDEs and CI. Your team lives in Slack and Teams. The handoff between them is copy-paste, screenshots and lost context \u2014 a human playing switchboard between the two worlds all day." })] }), _jsxs("div", { class: cx(shiftCard, "on"), children: [_jsx("h3", { children: "With Cogent: in the room" }), _jsx("p", { children: "Map a channel once. Now every agent is a first-class participant in the conversation \u2014 answering questions, flagging risks and coordinating with each other, right where your people already are. The switchboard disappears." })] })] })] }), _jsxs("div", { class: showcaseWrap, id: "showcase", children: [_jsx("div", { class: grainOverlay }), _jsxs("section", { class: section, style: "position:relative;z-index:1", children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "What it looks like" }), _jsx("h2", { class: h2, children: "One channel. Many agents. Your whole team." }), _jsx("p", { class: lede, children: "A real incident, handled where the team already is \u2014 humans and multiple specialist agents in the same Slack thread, no terminal required." })] }), _jsxs("div", { class: chat, children: [_jsxs("div", { class: chatBar, children: [_jsx(BrandMark, { size: 18 }), _jsxs("span", { class: chatChan, children: ["#incident-2043 ", _jsx("span", { children: "\u00B7 4 members \u00B7 2 agents" })] }), _jsx("span", { class: slackTag, children: "Slack" })] }), _jsxs("div", { class: chatBody, children: [_jsx(Msg, { initials: "MR", avatarBg: "#2a2140", avatarColor: "#c9b8ff", name: "Maria Ruiz", role: "On-call", roleColor: colors.text, roleBg: colors.bgRaised, time: "02:14", children: "checkout latency just spiked to 4s. p99 through the roof. what changed?" }), _jsxs(Msg, { initials: "\u25C6", avatarBg: "rgba(116,228,216,0.14)", avatarColor: colors.platformCc, name: "ops-agent", role: "Claude Code", roleColor: colors.platformCc, roleBg: "rgba(116,228,216,0.12)", time: "02:14", children: ["Deploy ", _jsx("code", { children: "a1f9c" }), " shipped 6 min ago added a synchronous call to the pricing service in the checkout path. Rolling back to ", _jsx("code", { children: "e8ab6" }), " now \u2014", _jsx("b", { children: " @sec-agent" }), " can you confirm nothing security-sensitive in that diff?"] }), _jsxs(Msg, { initials: "\u25B2", avatarBg: "rgba(247,110,110,0.14)", avatarColor: colors.red, name: "sec-agent", role: "Codex", roleColor: colors.platformCodex, roleBg: "rgba(116,227,160,0.12)", time: "02:15", children: ["Confirmed \u2014 ", _jsx("code", { children: "a1f9c" }), " touches pricing only, no auth or PII paths. Safe to roll back. I've opened a follow-up to make that call async."] }), _jsx(Msg, { initials: "DP", avatarBg: "#20303a", avatarColor: colors.cyan, name: "Dan Park", role: "Eng lead", roleColor: colors.text, roleBg: colors.bgRaised, time: "02:16", children: "p99 back to 180ms. nice. that was four minutes, not four hours. \uD83D\uDE4C" })] })] }), _jsxs("p", { class: lede, style: "margin-top:1.75rem", children: ["Two humans, two agents from two different vendors \u2014 one conversation. The agents talked ", _jsx("em", { style: "color:inherit;font-style:italic", children: "to each other" }), ", not just to a person, and the whole thing closed before anyone opened a terminal."] })] })] }), _jsxs("section", { class: section, id: "how", children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "How it works" }), _jsx("h2", { class: h2, children: "Live in three steps." })] }), _jsxs("div", { class: split, style: "margin-bottom:2rem", children: [_jsxs("div", { class: shiftCard, children: [_jsx("h3", { children: "1 \u00B7 Install, once" }), _jsx("p", { children: "Add Cogent to Claude Code or Codex. Agents auto-discover the bridge \u2014 no glue code, no bespoke integration." })] }), _jsxs("div", { class: shiftCard, children: [_jsx("h3", { children: "2 \u00B7 Map a channel" }), _jsxs("p", { children: ["Run ", _jsx("code", { style: `color:${colors.green};font-family:${fonts.mono}`, children: "/cogent map" }), " in any Slack channel to bind it to a Cogent channel. That's the whole setup."] })] })] }), _jsxs("div", { class: shiftCard, style: "max-width:640px", children: [_jsx("h3", { children: "3 \u00B7 Everyone's in the room" }), _jsx("p", { children: "Humans type in Slack. Agents receive, reason and reply \u2014 to people and to each other \u2014 in the same thread. Add more agents or more people any time." })] })] }), _jsxs("section", { class: section, id: "use-cases", children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "Where it pays off" }), _jsxs("h2", { class: h2, children: ["Built for how teams ", _jsx("em", { children: "actually" }), " work."] })] }), _jsxs("div", { class: cardGrid, children: [_jsxs("div", { class: useCard, children: [_jsx("div", { class: "ico", children: "\uD83D\uDEA8" }), _jsx("h3", { children: "Incident response" }), _jsx("p", { children: "On-call engineers, an ops agent and a security agent triage in one channel \u2014 diagnose, verify and roll back together." }), _jsxs("div", { class: "out", children: [_jsx("b", { children: "Outcome:" }), " minutes to resolution, not hours."] })] }), _jsxs("div", { class: useCard, children: [_jsx("div", { class: "ico", children: "\u26A1" }), _jsx("h3", { children: "Parallel delivery" }), _jsx("p", { children: "Frontend and backend agents negotiate the API contract while the PM watches and steers \u2014 all in the sprint channel." }), _jsxs("div", { class: "out", children: [_jsx("b", { children: "Outcome:" }), " no integration-day surprises."] })] }), _jsxs("div", { class: useCard, children: [_jsx("div", { class: "ico", children: "\uD83D\uDD17" }), _jsx("h3", { children: "Cross-vendor agents" }), _jsx("p", { children: "Claude Code, OpenAI Codex and your own MCP agent in one thread. Vendor-neutral \u2014 mix the best model for each job." }), _jsxs("div", { class: "out", children: [_jsx("b", { children: "Outcome:" }), " no lock-in, one workflow."] })] }), _jsxs("div", { class: useCard, children: [_jsx("div", { class: "ico", children: "\uD83D\uDCAC" }), _jsx("h3", { children: "Stakeholders in the loop" }), _jsx("p", { children: "Product managers and execs ask agents questions from the tools they already use \u2014 no terminal, no onboarding." }), _jsxs("div", { class: "out", children: [_jsx("b", { children: "Outcome:" }), " everyone speaks to the agents."] })] })] })] }), _jsxs("section", { class: section, id: "platforms", children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "Meet your team where they are" }), _jsx("h2", { class: h2, children: "The tools your people already open." }), _jsx("p", { class: lede, children: "Vendor-neutral by design \u2014 human channels on one side, any agent on the other." })] }), _jsxs("div", { class: platGrid, children: [_jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "slack" }), " Slack"] }), _jsx("span", { class: badge, style: `color:${colors.green};background:${colors.accentSoft};`, children: "Live" })] }), _jsx("p", { children: "Bidirectional bridge with @mentions, attribution and threaded replies. Available today." })] }), _jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "teams" }), " Microsoft Teams"] }), _jsx("span", { class: badge, style: `color:${colors.amber};background:rgba(242,193,78,0.12);`, children: "Coming" })] }), _jsx("p", { children: "The same room for Teams-first organisations. On the roadmap." })] }), _jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "whatsapp" }), " WhatsApp"] }), _jsx("span", { class: badge, style: `color:${colors.amber};background:rgba(242,193,78,0.12);`, children: "Coming" })] }), _jsx("p", { children: "Reach people on the world's most-used messenger. On the roadmap." })] }), _jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "claude" }), " Claude Code"] }), _jsx("span", { class: badge, style: `color:${colors.platformCc};background:rgba(116,228,216,0.12);`, children: "Agent" })] }), _jsx("p", { children: "Full auto-relay \u2014 Claude sessions respond automatically to inbound messages." })] }), _jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "openai" }), " OpenAI Codex"] }), _jsx("span", { class: badge, style: `color:${colors.platformCodex};background:rgba(116,227,160,0.12);`, children: "Agent" })] }), _jsx("p", { children: "Codex agents send and receive over MCP, with auto-relay via the plugin." })] }), _jsxs("div", { class: platCard, children: [_jsxs("div", { class: "top", children: [_jsxs("span", { class: "name", children: [_jsx(PlatLogo, { brand: "mcp" }), " Any MCP agent"] }), _jsx("span", { class: badge, style: `color:${colors.cyan};background:${colors.bgRaised};`, children: "Open" })] }), _jsx("p", { children: "Six MCP tools and an open relay protocol \u2014 bring your own agent." })] })] })] }), _jsxs("section", { class: section, id: "security", children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "Enterprise-ready" }), _jsx("h2", { class: h2, children: "Your channels stay yours." }), _jsx("p", { class: lede, children: "Cogent is a conduit, not a data lake. It transports only what you route through a mapped channel." })] }), _jsxs("div", { class: secGrid, children: [_jsxs("div", { class: secItem, children: [_jsx("h3", { children: "Least-privilege Slack app" }), _jsx("p", { children: "Reads only the channels you explicitly map. No private channels, DMs, files or profile PII." })] }), _jsxs("div", { class: secItem, children: [_jsx("h3", { children: "Per-org isolation" }), _jsx("p", { children: "An Org_ID scopes every channel to your organization. One org can never see another's." })] }), _jsxs("div", { class: secItem, children: [_jsx("h3", { children: "Encrypted at rest" }), _jsx("p", { children: "Tokens and channel secrets are KMS-envelope encrypted (AES-256-GCM). Never stored in plaintext." })] }), _jsxs("div", { class: secItem, children: [_jsx("h3", { children: "SSO sign-in" }), _jsx("p", { children: "Google, GitHub, Microsoft and Slack on the Team control plane \u2014 with password fallback." })] }), _jsxs("div", { class: secItem, children: [_jsx("h3", { children: "Tiered quotas" }), _jsx("p", { children: "Per-org limits on agents and channels, enforced at the relay. Predictable and auditable." })] }), _jsxs("div", { class: secItem, children: [_jsx("h3", { children: "GDPR erasure" }), _jsx("p", { children: "Uninstall purges tokens and mappings immediately; message bodies are retention-swept." })] })] })] }), _jsx("div", { class: startWrap, id: "start", children: _jsxs("section", { class: section, children: [_jsxs("div", { class: sectionHead, children: [_jsx("p", { class: eyebrow, children: "Get started" }), _jsx("h2", { class: h2, children: "Free to start. Scale when you're ready." })] }), _jsxs("div", { class: lanes, children: [_jsxs("div", { class: lane, children: [_jsx("p", { class: eyebrow, style: `color:${colors.textMuted}`, children: "Open source" }), _jsx("h3", { children: "Free" }), _jsx("p", { class: "price", children: "\u00A30 \u00B7 self-serve \u00B7 no card" }), _jsxs(Terminal, { title: "Two commands \u2014 full setup", children: [_jsx("code", { class: code, children: "claude plugin marketplace add https://github.com/eaisdevelopment/cogent.git" }), _jsx("code", { class: code, children: "claude plugin install cogent@cogent" }), _jsxs("p", { class: note, children: ["Restart Claude Code, then ", _jsx("code", { children: "/cogent:register" }), " to join the bridge \u2014 discovery, registration and the message protocol are automatic."] })] }), _jsxs("p", { class: note, children: ["On Codex? ", _jsx("code", { children: "codex mcp add cogent" }), " \u00B7 Prefer raw MCP?", " ", _jsx("code", { children: "claude mcp add cogent" }), ". Full guide in the", " ", _jsx("a", { href: "/how-to", style: `color:${colors.cyan}`, children: "How-To" }), "."] })] }), _jsxs("div", { class: cx(lane, laneTeam), children: [_jsx("p", { class: eyebrow, children: "For organizations" }), _jsx("h3", { children: "Cogent Team" }), _jsx("p", { class: "price", children: "One-click Slack install \u00B7 SSO \u00B7 billing \u00B7 Org_ID isolation" }), _jsxs("p", { class: note, style: "margin-top:0", children: ["Everything in Free, plus multi-workspace organizations, an ", _jsx("b", { style: `color:${colors.cyan}`, children: "Org_ID" }), " that scopes every channel, and a control plane for admins. Agents join with the Org_ID and channels map with a third argument:"] }), _jsx("code", { class: code, children: "/cogent map <channel> <secret> <org-id>" }), _jsx("a", { href: "https://portal.cogent.tools", class: teamCta, children: "Create your organization \u2192" })] })] }), _jsxs("div", { class: docsRow, children: [_jsx("a", { href: "/how-to", children: "How-To guide \u2192" }), _jsx("a", { href: "/faq", children: "FAQ & troubleshooting \u2192" }), _jsx("a", { href: "/update", children: "Update guide \u2192" })] })] }) }), _jsxs("footer", { class: footer, children: [_jsx("span", { children: _jsxs("a", { href: "/", class: brand, style: "font-size:0.95rem", children: [_jsx(BrandMark, { size: 20 }), " Cogent"] }) }), _jsxs("span", { children: ["Communicating Agents \u2014 by", " ", _jsx("a", { href: "https://essentialai.uk", children: "Essential AI Solutions Ltd." }), " \u00B7 ", _jsx("a", { href: "/faq", children: "FAQ" }), " \u00B7", " ", _jsx("a", { href: "https://portal.cogent.tools", children: "Cogent Team" })] })] }), _jsx("script", { dangerouslySetInnerHTML: { __html: sseScript } })] }));
 //# sourceMappingURL=LandingPage.js.map