support pi

frontend/packages/inspector/src/App.tsx

@@ -19,7 +19,7 @@ import type { RequestLog } from "./types/requestLog";
 import { buildCurl } from "./utils/http";
 
 const logoUrl = `${import.meta.env.BASE_URL}logos/sandboxagent.svg`;
-const defaultAgents = ["claude", "codex", "opencode", "amp", "mock"];
+const defaultAgents = ["claude", "codex", "opencode", "amp", "pi", "mock"];
 
 type ItemEventData = {
   item: UniversalItem;
@@ -31,6 +31,18 @@ type ItemDeltaEventData = {
   delta: string;
 };
 
+const shouldHidePiStatusItem = (item: UniversalItem) => {
+  if (item.kind !== "status") return false;
+  const statusParts = (item.content ?? []).filter(
+    (part) => (part as { type?: string }).type === "status"
+  ) as Array<{ label?: string }>;
+  if (statusParts.length === 0) return false;
+  return statusParts.every((part) => {
+    const label = part.label ?? "";
+    return label.startsWith("pi.turn_") || label.startsWith("pi.agent_");
+  });
+};
+
 const buildStubItem = (itemId: string, nativeItemId?: string | null): UniversalItem => {
   return {
     item_id: itemId,
@@ -734,7 +746,10 @@ export default function App() {
       }
     }
 
-    return entries;
+    return entries.filter((entry) => {
+      if (entry.kind !== "item" || !entry.item) return true;
+      return !shouldHidePiStatusItem(entry.item);
+    });
   }, [events]);
 
   useEffect(() => {
@@ -841,6 +856,7 @@ export default function App() {
     codex: "Codex",
     opencode: "OpenCode",
     amp: "Amp",
+    pi: "Pi",
     mock: "Mock"
   };
   const agentLabel = agentDisplayNames[agentId] ?? agentId;

frontend/packages/inspector/src/components/SessionSidebar.tsx

@@ -45,6 +45,7 @@ const SessionSidebar = ({
     codex: "Codex",
     opencode: "OpenCode",
     amp: "Amp",
+    pi: "Pi",
     mock: "Mock"
   };
 

frontend/packages/inspector/src/components/chat/ChatPanel.tsx

@@ -112,6 +112,7 @@ const ChatPanel = ({
     codex: "Codex",
     opencode: "OpenCode",
     amp: "Amp",
+    pi: "Pi",
     mock: "Mock"
   };
 

frontend/packages/website/public/logos/pi.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <!-- P shape: outer boundary clockwise, inner hole counter-clockwise -->
+  <path fill="#fff" fill-rule="evenodd" d="
+    M165.29 165.29
+    H517.36
+    V400
+    H400
+    V517.36
+    H282.65
+    V634.72
+    H165.29
+    Z
+    M282.65 282.65
+    V400
+    H400
+    V282.65
+    Z
+  "/>
+  <!-- i dot -->
+  <path fill="#fff" d="M517.36 400 H634.72 V634.72 H517.36 Z"/>
+</svg>

frontend/packages/website/src/components/CTASection.tsx

@@ -7,7 +7,7 @@ import { ArrowRight, Terminal, Check } from 'lucide-react';
 const CTA_TITLES = [
   'Run coding agents in sandboxes. Control them over HTTP.',
   'A server inside your sandbox. An API for your app.',
-  'Claude Code, Codex, OpenCode, Amp — one HTTP API.',
+  'Claude Code, Codex, OpenCode, Amp, Pi — one HTTP API.',
   'Your app connects remotely. The coding agent runs isolated.',
   'Streaming events. Handling permissions. Managing sessions.',
   'Install with curl. Connect over HTTP. Control any coding agent.',

frontend/packages/website/src/components/FAQ.tsx

@@ -13,7 +13,7 @@ const faqs = [
   {
     question: 'Which coding agents are supported?',
     answer:
-      'Claude Code, Codex, OpenCode, and Amp. The SDK normalizes their APIs so you can swap between them without changing your code.',
+      'Claude Code, Codex, OpenCode, Amp, and Pi. The SDK normalizes their APIs so you can swap between them without changing your code.',
   },
   {
     question: 'How is session data persisted?',
@@ -33,7 +33,7 @@ const faqs = [
   {
     question: 'Can I use this with my personal API keys?',
     answer:
-      "Yes. Use <code>sandbox-agent credentials extract-env</code> to extract API keys from your local agent configs (Claude Code, Codex, OpenCode, Amp) and pass them to the sandbox environment.",
+      "Yes. Use <code>sandbox-agent credentials extract-env</code> to extract API keys from your local agent configs (Claude Code, Codex, OpenCode, Amp, Pi) and pass them to the sandbox environment.",
   },
   {
     question: 'Why Rust and not [language]?',

frontend/packages/website/src/components/FeatureGrid.tsx

@@ -38,7 +38,7 @@ export function FeatureGrid() {
                 <h4 className="text-sm font-medium uppercase tracking-wider text-white">Universal Agent API</h4>
               </div>
               <p className="text-zinc-400 leading-relaxed text-lg max-w-2xl">
-                Claude Code, Codex, OpenCode, and Amp each have different APIs. We provide a single,
+                Claude Code, Codex, OpenCode, Amp, and Pi each have different APIs. We provide a single,
                 unified interface to control them all.
               </p>
             </div>

frontend/packages/website/src/components/Hero.tsx

@@ -4,10 +4,11 @@ import { useState, useEffect } from 'react';
 import { Terminal, Check, ArrowRight } from 'lucide-react';
 
 const ADAPTERS = [
-  { label: 'Claude Code', color: '#D97757', x: 35, y: 70, logo: '/logos/claude.svg' },
-  { label: 'Codex', color: '#10A37F', x: 185, y: 70, logo: 'openai' },
-  { label: 'Amp', color: '#F59E0B', x: 35, y: 155, logo: '/logos/amp.svg' },
-  { label: 'OpenCode', color: '#8B5CF6', x: 185, y: 155, logo: 'opencode' },
+  { label: 'Claude Code', color: '#D97757', x: 35, y: 30, logo: '/logos/claude.svg' },
+  { label: 'Codex', color: '#10A37F', x: 185, y: 30, logo: 'openai' },
+  { label: 'Amp', color: '#F59E0B', x: 35, y: 115, logo: '/logos/amp.svg' },
+  { label: 'OpenCode', color: '#8B5CF6', x: 185, y: 115, logo: 'opencode' },
+  { label: 'Pi', color: '#38BDF8', x: 110, y: 200, logo: '/logos/pi.svg' },
 ];
 
 function UniversalAPIDiagram() {
@@ -187,7 +188,7 @@ export function Hero() {
               <span className="text-zinc-400">Control Them Over HTTP.</span>
             </h1>
             <p className="mt-6 text-lg text-zinc-500 leading-relaxed max-w-xl mx-auto lg:mx-0">
-              The Sandbox Agent SDK is a server that runs inside your sandbox. Your app connects remotely to control Claude Code, Codex, OpenCode, or Amp — streaming events, handling permissions, managing sessions.
+              The Sandbox Agent SDK is a server that runs inside your sandbox. Your app connects remotely to control Claude Code, Codex, OpenCode, Amp, or Pi — streaming events, handling permissions, managing sessions.
             </p>
 
             <div className="mt-10 flex flex-col items-center gap-4 sm:flex-row sm:justify-center lg:justify-start">

frontend/packages/website/src/components/PainPoints.tsx

@@ -16,7 +16,7 @@ const frictions = [
     number: '02',
     title: 'Every Coding Agent is Different',
     problem:
-      'Claude Code, Codex, OpenCode, and Amp each have proprietary APIs, event formats, and behaviors. Swapping coding agents means rewriting your entire integration.',
+      'Claude Code, Codex, OpenCode, Amp, and Pi each have proprietary APIs, event formats, and behaviors. Swapping coding agents means rewriting your entire integration.',
     solution: 'One HTTP API. Write your code once, swap coding agents with a config change.',
     accentColor: 'purple',
   },

frontend/packages/website/src/components/ProblemsSolved.tsx

@@ -6,7 +6,7 @@ import { FeatureIcon } from './ui/FeatureIcon';
 const problems = [
   {
     title: 'Universal Agent API',
-    desc: 'Claude Code, Codex, OpenCode, and Amp each have different APIs. We provide a single interface to control them all.',
+    desc: 'Claude Code, Codex, OpenCode, Amp, and Pi each have different APIs. We provide a single interface to control them all.',
     icon: Workflow,
     color: 'text-accent',
   },