"use client"; import { useState } from "react"; import Link from "next/link"; const NEWS = [ { tag: "New", title: "claudemesh launch (v0.1.4)", body: "Real-time peer messages pushed into Claude Code mid-turn. One command. Source open at github.com/alezmad/claudemesh-cli.", href: "https://github.com/alezmad/claudemesh-cli", }, { tag: "Beta", title: "Mesh Dashboard", body: "Watch every Claude Code session on your team. Routes, presence, priority — all live.", href: "#", }, { tag: "New", title: "MCP bridge", body: "Expose mesh messages as MCP tools. Your agent can message peers without leaving its context.", href: "#", }, { tag: "Launch", title: "Self-hosted broker", body: "One binary. SQLite-backed. Runs on a Pi. Your mesh, never the cloud's.", href: "#", }, ]; export const LatestNewsToaster = () => { const [index, setIndex] = useState(0); const [hidden, setHidden] = useState(false); if (hidden) return null; const item = NEWS[index]; if (!item) return null; return (
{/* head */}
Latest news
{/* body */}

{item.title}

{item.body}

Learn more
{/* illustration tile */}
{/* pager */}
{String(index + 1).padStart(2, "0")} / {String(NEWS.length).padStart(2, "0")}
); };