From 560ec7dcd041a702d76da25ce8283ca171b5991d Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Wed, 5 Nov 2025 13:02:43 +0100 Subject: [PATCH] feat: add agent components section and update agents page content - Created AgentComponents table showcasing building blocks of sovereign agents - Added CallToAction section with deployment and documentation links - Updated hero and deployment sections to clarify agent layer timeline and current capabilities --- src/pages/agents/AgentComponents.tsx | 75 ++++++++++++++++++++++++++++ src/pages/agents/AgentHeroAlt.tsx | 13 +++-- src/pages/agents/AgentsPage.tsx | 10 ++++ src/pages/agents/CallToAction.tsx | 59 ++++++++++++++++++++++ src/pages/agents/DeploySection.tsx | 6 +-- src/pages/agents/GallerySection.tsx | 5 +- 6 files changed, 159 insertions(+), 9 deletions(-) create mode 100644 src/pages/agents/AgentComponents.tsx create mode 100644 src/pages/agents/CallToAction.tsx diff --git a/src/pages/agents/AgentComponents.tsx b/src/pages/agents/AgentComponents.tsx new file mode 100644 index 0000000..7351201 --- /dev/null +++ b/src/pages/agents/AgentComponents.tsx @@ -0,0 +1,75 @@ + +import { Container } from '../../components/Container' +import { Eyebrow, SectionHeader } from '../../components/Texts' + +const components = [ + { + component: 'Long-Term Memory (FungiStor)', + purpose: 'Durable, distributed memory with erasure-coded resilience', + backedBy: 'Mycelium Storage', + }, + { + component: 'Active Retrieval (HeroDB)', + purpose: 'Fast multimodal vector + keyword retrieval', + backedBy: 'Compute + Storage', + }, + { + component: 'Secure Agent Workspaces (MOS Sandboxes)', + purpose: 'Ephemeral, isolated execution for agent actions', + backedBy: 'Mycelium Compute', + }, + { + component: 'Private Communication (Mycelium Mesh)', + purpose: 'Peer-to-peer encrypted network', + backedBy: 'Mycelium Network', + }, + { + component: 'Verifiable Execution (Deterministic Deploy)', + purpose: 'Ensure the code running is exactly what you signed', + backedBy: 'The Stack', + }, + { + component: 'Agent Coordination Engine (coming online next)', + purpose: 'Orchestrate multi-step workflows and tool use', + backedBy: 'Hero Orchestrator', + }, +] + +export default function AgentComponents() { + return ( +
+ +
+ AGENT COMPONENTS + + The Building Blocks of Sovereign Agents + +
+ +
+ + + + + + + + + + {components.map((item) => ( + + + + + + ))} + +
ComponentPurposeBacked By
{item.component}{item.purpose}{item.backedBy}
+
+ +
+ ) +} diff --git a/src/pages/agents/AgentHeroAlt.tsx b/src/pages/agents/AgentHeroAlt.tsx index 494ed8e..9a7e374 100644 --- a/src/pages/agents/AgentHeroAlt.tsx +++ b/src/pages/agents/AgentHeroAlt.tsx @@ -16,14 +16,21 @@ export function AgentHeroAlt() {
- AGENT + MYCELIUM AGENTS

Sovereign AI Agents, Coming Soon.

- Hero is the autonomous agent layer for the Mycelium platform—trusted, policy-aware AI that runs on infrastructure you control and remembers what matters. + The Agent layer will allow you to run autonomous, policy-governed AI that operates on infrastructure you control, with private memory, verifiable execution, and coordination across your personal or organizational environment. +

+

+ Works Alone. Works Together. + Use Agents on top of any Mycelium Cloud deployment or pair them with the Mycelium Network for private, encrypted collaboration across users and systems.

+
diff --git a/src/pages/agents/AgentsPage.tsx b/src/pages/agents/AgentsPage.tsx index 567210c..225d420 100644 --- a/src/pages/agents/AgentsPage.tsx +++ b/src/pages/agents/AgentsPage.tsx @@ -4,6 +4,8 @@ import { GallerySection } from './GallerySection' import { Companies } from './Companies' import { BentoSection } from './BentoSection' import { AgentHeroAlt } from './AgentHeroAlt' +import { CallToAction } from './CallToAction' +import { AgentComponents } from './AgentComponents' export default function AgentsPage() { return ( @@ -27,6 +29,14 @@ export default function AgentsPage() { + + + + + + + +
) } diff --git a/src/pages/agents/CallToAction.tsx b/src/pages/agents/CallToAction.tsx new file mode 100644 index 0000000..25d9d1e --- /dev/null +++ b/src/pages/agents/CallToAction.tsx @@ -0,0 +1,59 @@ +import { CircleBackground } from '../../components/CircleBackground' +import { Container } from '../../components/Container' +import { Button } from '../../components/Button' + +export function CallToAction() { + return ( +
+
+ +
+ + +
+

+ Start Building the Future of Sovereign AI +

+

+ Use today’s components — models, storage, compute, mesh — + and step into agents as they arrive. +

+ +
+ + + + + +
+
+ +
+ ) +} diff --git a/src/pages/agents/DeploySection.tsx b/src/pages/agents/DeploySection.tsx index 145e477..8e02a62 100644 --- a/src/pages/agents/DeploySection.tsx +++ b/src/pages/agents/DeploySection.tsx @@ -55,12 +55,12 @@ export function DeploySection() { transition={{ duration: 0.6, ease: "easeOut", delay: 0.1 }} className="mx-auto max-w-5xl text-center" > - Get Started + Deployment - Deploy Scalable LLMs and AI Agents + Run LLMs and Agent Workloads privately, today.

- Launch and scale intelligence on your own terms. Mycelium Cloud makes it simple to deploy models, integrate knowledge, and run everything on a network you control. + Even before the full Agent layer launches, you can deploy models and retrieval pipelines using Mycelium Cloud.

Use Cases - Agents with Endless Possibilities. + What Agents Will Enable

- Your private agent coordinates a team of specialists that spin up on demand, collaborate across your world, and deliver end-to-end results. - Many agents, one intelligence—yours. + The Agent layer is the coordination layer that sits on top of the Mycelium Stack, combining memory, execution, and secure communication into a single intelligence plane.