From ac214fe4752c81a26c4a0af0fdccc6e1ea5073bd Mon Sep 17 00:00:00 2001 From: Amp Date: Fri, 4 Sep 2026 07:54:46 +0000 Subject: [PATCH] feat(marketing): refine observability sections Amp-Thread-ID: https://ampcode.com/threads/T-01a06b54-d3fb-70cd-801e-53415509ba66 Co-authored-by: Nicholas Kissel --- .../actors/ActorsObservabilitySection.tsx | 32 +++++----------- .../EnterpriseObservabilitySection.tsx | 23 +++++------- .../sections/ObservabilitySection.tsx | 37 +++++++++---------- src/pages/dynamic-apps.astro | 24 ++++-------- src/pages/workflows.astro | 19 ++++------ 5 files changed, 51 insertions(+), 84 deletions(-) diff --git a/src/components/marketing/actors/ActorsObservabilitySection.tsx b/src/components/marketing/actors/ActorsObservabilitySection.tsx index d82930e..e0b897b 100644 --- a/src/components/marketing/actors/ActorsObservabilitySection.tsx +++ b/src/components/marketing/actors/ActorsObservabilitySection.tsx @@ -1,4 +1,4 @@ -import { Activity, Database, GitBranch, Terminal } from "lucide-react"; +import { Bot, LayoutDashboard } from "lucide-react"; import { CARD_TITLE_CLASS, SECTION_H2_CLASS, SECTION_LEDE_CLASS } from "../typography"; import { SITE_SECTION_CLASS, SITE_STANDARD_RAIL_CLASS } from "../layout"; @@ -7,28 +7,16 @@ const INSPECTOR_SRC = const features = [ { - title: "SQLite Viewer", + title: "Actor Inspector", description: - "Browse and query SQLite databases in real-time across actors and agent sessions", - icon: Database, + "Inspect live state, connections, queues, workflow history, and SQLite data without building admin tooling.", + icon: LayoutDashboard, }, { - title: "Workflow State", + title: "Rivet MCP", description: - "Inspect workflow progress, steps, and retries as they execute", - icon: GitBranch, - }, - { - title: "Event Monitoring", - description: - "Follow Actor actions, connection events, and application logs while debugging a run", - icon: Activity, - }, - { - title: "REPL", - description: - "Debug actors and agent sessions by calling actions, subscribing to events, and interacting directly with your code", - icon: Terminal, + "Ask your AI client to find Actors, call actions, and open the same Inspector inline as it debugs your application.", + icon: Bot, }, ]; @@ -37,10 +25,10 @@ export const ActorsObservabilitySection = () => (
-

Complete observability.

+

See inside every Actor.

- Inspect Actor state, SQLite data, workflow progress, events, and - callable actions from the Rivet dashboard. + Open the Actor Inspector in the dashboard, or inside your AI client + through Rivet MCP.

diff --git a/src/components/marketing/enterprise/EnterpriseObservabilitySection.tsx b/src/components/marketing/enterprise/EnterpriseObservabilitySection.tsx index 9676b5c..53920bd 100644 --- a/src/components/marketing/enterprise/EnterpriseObservabilitySection.tsx +++ b/src/components/marketing/enterprise/EnterpriseObservabilitySection.tsx @@ -1,4 +1,4 @@ -import { Activity, Laptop, Layers } from "lucide-react"; +import { Bot, LayoutDashboard } from "lucide-react"; import { CARD_TITLE_CLASS, SECTION_H2_CLASS, SECTION_LEDE_CLASS } from "../typography"; import { SITE_SECTION_CLASS, SITE_STANDARD_RAIL_CLASS } from "../layout"; @@ -7,22 +7,16 @@ const INSPECTOR_SRC = const features = [ { - title: "Local to production", + title: "Rivet dashboard", description: - "The same dashboard runs against local dev, your VPC, and air-gapped deployments.", - icon: Laptop, + "Inspect Actors, agentOS sessions, workflow runs, app releases, SQLite data, events, and logs in one place.", + icon: LayoutDashboard, }, { - title: "Observe your stack", + title: "Rivet MCP", description: - "Inspect actor state, SQLite data, workflow progress, events, and logs in one place.", - icon: Activity, - }, - { - title: "Composable by design", - description: - "Actors, agentOS, Workflows, and Dynamic Apps build on one primitive, so one dashboard covers them all.", - icon: Layers, + "Give approved AI clients scoped access to find Actors, call actions, and open the same Inspector inline.", + icon: Bot, }, ]; @@ -33,7 +27,8 @@ export const EnterpriseObservabilitySection = () => (

Complete observability.

- Every deployment includes the Rivet dashboard. + Use one dashboard from local development to production, whether + Rivet runs in your VPC, on-premises, or air-gapped.

diff --git a/src/components/marketing/sections/ObservabilitySection.tsx b/src/components/marketing/sections/ObservabilitySection.tsx index 37aa22b..f02e4e1 100644 --- a/src/components/marketing/sections/ObservabilitySection.tsx +++ b/src/components/marketing/sections/ObservabilitySection.tsx @@ -1,5 +1,10 @@ -import { Activity, Database, GitBranch, Terminal } from "lucide-react"; -import { BODY_CLASS, CARD_TITLE_CLASS, SECTION_H2_CLASS } from "../typography"; +import { Bot, LayoutDashboard } from "lucide-react"; +import { + BODY_CLASS, + CARD_TITLE_CLASS, + SECTION_H2_CLASS, + SECTION_LEDE_CLASS, +} from "../typography"; import { SITE_SECTION_CLASS, SITE_STANDARD_RAIL_CLASS } from "../layout"; const inspectorSrc = @@ -7,28 +12,16 @@ const inspectorSrc = const features = [ { - title: "SQLite Viewer", + title: "Rivet dashboard", description: - "Browse and query SQLite databases in real-time across actors and agent sessions", - icon: Database, + "Inspect Actor state and SQLite data, agentOS sessions, workflow runs, and Dynamic App releases in one place.", + icon: LayoutDashboard, }, { - title: "Workflow State", + title: "Rivet MCP", description: - "Inspect workflow progress, steps, and retries as they execute", - icon: GitBranch, - }, - { - title: "Event Monitoring", - description: - "Follow Actor actions, connection events, and application logs while debugging a run", - icon: Activity, - }, - { - title: "REPL", - description: - "Debug actors and agent sessions by calling actions, subscribing to events, and interacting directly with your code", - icon: Terminal, + "Let Claude Code, Codex, Cursor, and other AI clients find Actors, call actions, and open the Inspector inline.", + icon: Bot, }, ]; @@ -40,6 +33,10 @@ export const ObservabilitySection = () => (

Complete observability.

+

+ Inspect every part of Rivet in the dashboard, or bring the same live + context into your AI client with Rivet MCP. +

See inside every app.

- Deployed apps run as Rivet Actors, so the dashboard shows their data, jobs, events, and actions live. + Open an app in the Rivet dashboard, or inspect the Actor behind it from your AI client with Rivet MCP.

-
+
{observabilityCapabilities.map((capability) => ( -
+

{capability.title}

-

{capability.body}

+

{capability.body}

))}
diff --git a/src/pages/workflows.astro b/src/pages/workflows.astro index 63751d4..e3278cc 100644 --- a/src/pages/workflows.astro +++ b/src/pages/workflows.astro @@ -116,20 +116,12 @@ const actorInheritance = [ const capabilities = [ { - title: 'Step history', - body: "Every step's status, from pending through complete or failed.", + title: 'Run Inspector', + body: "Trace every step's status, timing, attempts, inputs, outputs, and errors; replay eligible steps after a fix.", }, { - title: 'Timing and retries', - body: 'Durations, attempt counts, backoff delays, and terminal errors.', - }, - { - title: 'Inputs and outputs', - body: 'The recorded values each step received and returned.', - }, - { - title: 'Replay', - body: 'Re-run eligible steps after the underlying problem is fixed.', + title: 'Rivet MCP', + body: 'Ask your AI client to inspect the Actor behind a run and diagnose failures from its workflow history.', }, ]; @@ -329,6 +321,9 @@ const compositionLayers = [

See the history behind every run.

+

+ Open a run in the Rivet dashboard, or inspect it from your AI client with Rivet MCP. +

{capabilities.map((capability) => (