From 368d1eebefb3f1673c2423ef9534759c1e1a6b7c Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:03:22 -0700
Subject: [PATCH 01/10] docs: pair agent and team collaboration visuals

---
 README.md                          | 12 ++++---
 docs/assets/agent-native-mcp.svg   | 44 +++++++++++++------------
 docs/assets/team-collaboration.svg | 52 ++++++++++++++++++++++++++++++
 3 files changed, 83 insertions(+), 25 deletions(-)
 create mode 100644 docs/assets/team-collaboration.svg

diff --git a/README.md b/README.md
index 8e2cab7..d6a21ef 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ Run it on a laptop for one developer. Deploy it for a private team on Cloudflare
 ## Contents
 
 - [Why Artifact Server](#why-artifact-server)
-- [Built for AI agents](#built-for-ai-agents)
+- [Built for AI agents and team collaboration](#built-for-ai-agents-and-team-collaboration)
 - [Cloudflare and Artifact Server](#cloudflare-and-artifact-server)
 - [Deploy it for a team](#deploy-it-for-a-team)
 - [Run it locally](#run-it-locally)
@@ -31,7 +31,7 @@ Teams now use HTML, images, and video for plans, mockups, prototypes, code revie
 
 Artifact Server gives teams a self-hosted place to organize and collaborate on that work. Store artifacts by project, share them, comment on them, and keep control of the files and data.
 
-## Built for AI agents
+## Built for AI agents and team collaboration
 
 <p>
   <img src="./apps/web/src/review/assets/agents/claude.svg" alt="Claude" width="30" height="30">
@@ -62,9 +62,13 @@ Artifact Server gives teams a self-hosted place to organize and collaborate on t
   </picture>
 </p>
 
-<a href="./docs/mcp.md"><img src="./docs/assets/agent-native-mcp.svg" alt="AI agents connect to Artifact Server through its built-in MCP server" width="800"></a>
+<p align="center">
+  <a href="./docs/mcp.md"><img src="./docs/assets/agent-native-mcp.svg" alt="AI agents connect to Artifact Server through its built-in MCP server" width="395"></a>
+  &nbsp;&nbsp;
+  <img src="./docs/assets/team-collaboration.svg" alt="Team members add comments to exact artifact versions" width="395">
+</p>
 
-Artifact Server includes a built-in MCP server and a portable Agent Skill. Agents can publish, organize, review, comment on, and share versioned artifacts.
+Artifact Server includes a built-in MCP server and a portable Agent Skill. Agents publish and update versioned artifacts. Teams review, comment on, and share the same work.
 
 Connect the agent and install the skill:
 
diff --git a/docs/assets/agent-native-mcp.svg b/docs/assets/agent-native-mcp.svg
index 0165d55..bedd784 100644
--- a/docs/assets/agent-native-mcp.svg
+++ b/docs/assets/agent-native-mcp.svg
@@ -1,6 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="184" viewBox="0 0 1200 184" role="img" aria-labelledby="title description">
-  <title id="title">Artifact Server includes a built-in MCP server</title>
-  <desc id="description">Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to Artifact Server through MCP to publish, review, comment, version, and share artifacts.</desc>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="220" viewBox="0 0 600 220" role="img" aria-labelledby="title description">
+  <title id="title">AI agents connect to Artifact Server through MCP</title>
+  <desc id="description">Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to the built-in Artifact Server MCP server.</desc>
 
   <defs>
     <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
@@ -9,33 +9,35 @@
     </linearGradient>
   </defs>
 
-  <rect x="1" y="1" width="1198" height="182" rx="18" fill="url(#frame)" stroke="#232637" stroke-width="1.5"/>
+  <rect x="1" y="1" width="598" height="218" rx="18" fill="url(#frame)" stroke="#232637" stroke-width="1.5"/>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="64" y="70" fill="#8f96ab" font-size="13" font-weight="600" letter-spacing="2.8">YOUR AI AGENT</text>
-    <text x="64" y="100" fill="#f5f6f8" font-size="20" font-weight="500" letter-spacing="-0.2">Claude · Codex · Cursor · Copilot</text>
-    <text x="64" y="126" fill="#f5f6f8" font-size="20" font-weight="500" letter-spacing="-0.2">Pi · OpenCode</text>
+    <text x="36" y="42" fill="#8f96ab" font-size="12" font-weight="600" letter-spacing="2.4">YOUR AI AGENT</text>
+    <text x="36" y="94" fill="#f5f6f8" font-size="17" font-weight="600">Claude, Codex, Cursor</text>
+    <text x="36" y="121" fill="#f5f6f8" font-size="17" font-weight="600">Copilot, Pi, OpenCode</text>
+    <text x="36" y="165" fill="#8f96ab" font-size="13" font-weight="500">Publish and update artifacts</text>
 
-    <g transform="translate(518 61)">
-      <rect width="166" height="62" rx="12" fill="#12131d" stroke="#6d6eff" stroke-width="2"/>
-      <text x="83" y="26" fill="#adb2ff" font-size="12" font-weight="600" text-anchor="middle" letter-spacing="3">BUILT-IN</text>
-      <text x="83" y="48" fill="#f5f6f8" font-size="20" font-weight="600" text-anchor="middle">MCP SERVER</text>
+    <g transform="translate(248 76)">
+      <rect width="108" height="68" rx="12" fill="#12131d" stroke="#6d6eff" stroke-width="2"/>
+      <text x="54" y="28" fill="#adb2ff" font-size="10" font-weight="600" text-anchor="middle" letter-spacing="2.4">BUILT-IN</text>
+      <text x="54" y="51" fill="#f5f6f8" font-size="17" font-weight="600" text-anchor="middle">MCP</text>
     </g>
 
     <g fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
-      <path d="M474 92H504"/>
-      <path d="m497 85 7 7-7 7"/>
-      <path d="M698 92H728"/>
-      <path d="m721 85 7 7-7 7"/>
+      <path d="M214 110h22"/>
+      <path d="m229 103 7 7-7 7"/>
+      <path d="M368 110h22"/>
+      <path d="m383 103 7 7-7 7"/>
     </g>
 
-    <g transform="translate(758 50) scale(1.2)" aria-hidden="true">
-      <rect x="0" y="32" width="26" height="26" rx="7" fill="#6d6eff"/>
-      <circle cx="39" cy="10" r="10" fill="#adb2ff"/>
-      <path d="M34 58 48 32 62 58Z" fill="#f7f5ff"/>
+    <g transform="translate(410 78)" aria-hidden="true">
+      <rect x="0" y="31" width="24" height="24" rx="6" fill="#6d6eff"/>
+      <circle cx="36" cy="9" r="9" fill="#adb2ff"/>
+      <path d="M31 55 44 31 57 55Z" fill="#f7f5ff"/>
     </g>
 
-    <text x="856" y="84" fill="#f5f6f8" font-size="24" font-weight="600" letter-spacing="-0.2">Artifact Server</text>
-    <text x="856" y="112" fill="#8f96ab" font-size="15" font-weight="500">Publish · review · comment · version · share</text>
+    <text x="480" y="102" fill="#f5f6f8" font-size="19" font-weight="600">Artifact</text>
+    <text x="480" y="126" fill="#f5f6f8" font-size="19" font-weight="600">Server</text>
+    <text x="410" y="165" fill="#8f96ab" font-size="13" font-weight="500">Versioned and ready to review</text>
   </g>
 </svg>
diff --git a/docs/assets/team-collaboration.svg b/docs/assets/team-collaboration.svg
new file mode 100644
index 0000000..5e60d6e
--- /dev/null
+++ b/docs/assets/team-collaboration.svg
@@ -0,0 +1,52 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="220" viewBox="0 0 600 220" role="img" aria-labelledby="title description">
+  <title id="title">Teams review artifacts together</title>
+  <desc id="description">A team member selects content in an artifact and starts a comment thread attached to the exact version.</desc>
+
+  <defs>
+    <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#0e0f19"/>
+      <stop offset="1" stop-color="#07080d"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="1" y="1" width="598" height="218" rx="18" fill="url(#frame)" stroke="#232637" stroke-width="1.5"/>
+
+  <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
+    <text x="36" y="42" fill="#8f96ab" font-size="12" font-weight="600" letter-spacing="2.4">TEAM COLLABORATION</text>
+
+    <g transform="translate(36 64)">
+      <rect width="238" height="120" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
+      <path d="M0 29h238" stroke="#303345" stroke-width="1.5"/>
+      <circle cx="17" cy="15" r="3" fill="#6d6eff"/>
+      <text x="29" y="20" fill="#f5f6f8" font-size="11" font-weight="600">artifact.html</text>
+      <path d="M18 49h128M18 63h166M18 77h148" stroke="#555a70" stroke-width="5" stroke-linecap="round"/>
+      <rect x="14" y="91" width="190" height="17" rx="3" fill="#202139" stroke="#8286ff" stroke-width="1.5"/>
+      <path d="M22 99.5h132" stroke="#adb2ff" stroke-width="4" stroke-linecap="round"/>
+      <circle cx="207" cy="99.5" r="13" fill="#6d6eff"/>
+      <text x="207" y="104" fill="#f5f6f8" font-size="12" font-weight="700" text-anchor="middle">1</text>
+    </g>
+
+    <g fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
+      <path d="M282 124h22"/>
+      <path d="m297 117 7 7-7 7"/>
+    </g>
+
+    <g transform="translate(316 64)">
+      <rect width="248" height="120" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
+      <text x="16" y="21" fill="#f5f6f8" font-size="11" font-weight="600">Comments</text>
+      <rect x="213" y="9" width="19" height="18" rx="3" fill="#202139"/>
+      <text x="222.5" y="22" fill="#adb2ff" font-size="11" font-weight="700" text-anchor="middle">2</text>
+      <path d="M0 34h248M0 78h248" stroke="#303345" stroke-width="1.5"/>
+
+      <circle cx="20" cy="56" r="11" fill="#202139"/>
+      <text x="20" y="60" fill="#f5f6f8" font-size="8" font-weight="700" text-anchor="middle">AL</text>
+      <text x="40" y="53" fill="#f5f6f8" font-size="11" font-weight="600">Tighten the hierarchy.</text>
+      <text x="40" y="68" fill="#8f96ab" font-size="9">Attached to version 4</text>
+
+      <circle cx="20" cy="100" r="11" fill="#202139"/>
+      <text x="20" y="104" fill="#f5f6f8" font-size="8" font-weight="700" text-anchor="middle">SK</text>
+      <text x="40" y="97" fill="#f5f6f8" font-size="11" font-weight="600">Keep the updated diagram.</text>
+      <text x="40" y="112" fill="#8f96ab" font-size="9">Everyone reviews the same file</text>
+    </g>
+  </g>
+</svg>

From b1d73bceaf43adc06208a8e674e5c52ee464cb26 Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:08:18 -0700
Subject: [PATCH 02/10] fix(site): simplify agent setup action

---
 apps/site/src/pages/index.astro  |  38 ++++++------
 apps/site/src/styles/landing.css | 103 ++++++-------------------------
 2 files changed, 38 insertions(+), 103 deletions(-)

diff --git a/apps/site/src/pages/index.astro b/apps/site/src/pages/index.astro
index 76edf78..57b2f13 100644
--- a/apps/site/src/pages/index.astro
+++ b/apps/site/src/pages/index.astro
@@ -90,8 +90,16 @@ When the setup is complete, begin your final response with “Artifact Server is
               <span class="landing-agent-setup__marks" aria-hidden="true">
                 {agents.map((agent) => (
                   <span title={agent.name}>
-                    <img src={agent.light} alt="" class="theme-light" />
-                    <img src={agent.dark} alt="" class="theme-dark" />
+                    <img
+                      src={agent.light}
+                      alt=""
+                      class:list={["theme-light", { "agent-logo--opencode": agent.name === "OpenCode" }]}
+                    />
+                    <img
+                      src={agent.dark}
+                      alt=""
+                      class:list={["theme-dark", { "agent-logo--opencode": agent.name === "OpenCode" }]}
+                    />
                   </span>
                 ))}
               </span>
@@ -103,20 +111,6 @@ When the setup is complete, begin your final response with “Artifact Server is
                 <Icon name="ph:copy" /><Icon name="ph:check" />
               </span>
             </button>
-            <div class="landing-manual-command" aria-label="Manual agent skill installation">
-              <code>npx skills add plannotator/artifact-server</code>
-              <a href="/docs/mcp/#install-the-artifact-server-skill">Install manually</a>
-              <button
-                type="button"
-                class="landing-copy-icon-button"
-                data-copy="npx skills add plannotator/artifact-server"
-                data-copy-label="Copy the agent skill install command"
-                data-copy-success-label="Agent skill install command copied"
-                aria-label="Copy the agent skill install command"
-              >
-                <Icon name="ph:copy" /><Icon name="ph:check" />
-              </button>
-            </div>
           </div>
           <div class="landing-actions">
             <a class="landing-button landing-button--primary" href="/docs/get-started/">
@@ -243,8 +237,16 @@ When the setup is complete, begin your final response with “Artifact Server is
           <ul class="landing-loop__agents" aria-label="Supported agents">
             {agents.map((agent) => (
               <li title={`${agent.name} · ${agent.tier}`}>
-                <img alt="" src={agent.light} class="theme-light" />
-                <img alt="" src={agent.dark} class="theme-dark" />
+                <img
+                  alt=""
+                  src={agent.light}
+                  class:list={["theme-light", { "agent-logo--opencode": agent.name === "OpenCode" }]}
+                />
+                <img
+                  alt=""
+                  src={agent.dark}
+                  class:list={["theme-dark", { "agent-logo--opencode": agent.name === "OpenCode" }]}
+                />
                 <span>{agent.name}</span>
               </li>
             ))}
diff --git a/apps/site/src/styles/landing.css b/apps/site/src/styles/landing.css
index 193481c..ed35d29 100644
--- a/apps/site/src/styles/landing.css
+++ b/apps/site/src/styles/landing.css
@@ -285,10 +285,11 @@
 
 .landing-copy-prompt__label {
   min-width: 0;
-  flex: 1;
+  flex: none;
+  margin-inline-start: auto;
   font-size: 0.875rem;
   font-weight: 650;
-  text-align: left;
+  text-align: end;
   white-space: nowrap;
 }
 
@@ -317,70 +318,7 @@
   place-items: center;
 }
 
-.landing-manual-command {
-  display: grid;
-  min-height: 2.75rem;
-  grid-template-columns: minmax(0, 1fr) auto 2rem;
-  align-items: center;
-  gap: 0.75rem;
-  padding: 0.375rem 0.375rem 0.375rem 0.875rem;
-  border: 1px solid var(--nb-border);
-  background: var(--nb-card);
-  font-family: var(--nb-font-mono);
-  font-size: 0.6875rem;
-}
-
-.landing-manual-command code {
-  min-width: 0;
-  overflow: hidden;
-  color: var(--nb-foreground);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.landing-manual-command a {
-  color: var(--nb-muted-foreground);
-  text-decoration: none;
-  white-space: nowrap;
-  transition: color 150ms ease;
-}
-
-.landing-copy-icon-button {
-  display: grid;
-  width: 2rem;
-  height: 2rem;
-  place-items: center;
-  border: 1px solid var(--nb-border);
-  background: transparent;
-  color: var(--nb-muted-foreground);
-  cursor: pointer;
-  transition:
-    border-color 150ms ease,
-    color 150ms ease,
-    transform 150ms ease;
-}
-
-.landing-copy-icon-button svg {
-  width: 0.875rem;
-  height: 0.875rem;
-}
-
-.landing-copy-icon-button svg:last-child,
-.landing-copy-icon-button[data-copied] svg:first-child {
-  display: none;
-}
-
-.landing-copy-icon-button[data-copied] {
-  border-color: color-mix(in oklch, var(--nb-success) 70%, var(--nb-border));
-  color: var(--nb-success);
-}
-
-.landing-copy-icon-button[data-copied] svg:last-child {
-  display: block;
-}
-
-.landing-copy-prompt:active,
-.landing-copy-icon-button:active {
+.landing-copy-prompt:active {
   transform: scale(0.96);
 }
 
@@ -390,14 +328,6 @@
     background: var(--nb-muted);
   }
 
-  .landing-manual-command a:hover,
-  .landing-copy-icon-button:hover {
-    color: var(--nb-foreground);
-  }
-
-  .landing-copy-icon-button:hover {
-    border-color: var(--nb-foreground);
-  }
 }
 
 /* Hero: the full-screen review — artifact canvas plus the open comment panel. */
@@ -949,6 +879,16 @@
   object-fit: contain;
 }
 
+.landing-agent-setup__marks img.agent-logo--opencode {
+  width: 0.8rem;
+  height: 1rem;
+}
+
+.landing-loop__agents img.agent-logo--opencode {
+  width: 0.7rem;
+  height: 0.875rem;
+}
+
 .landing-shell .theme-dark {
   display: none;
 }
@@ -1339,28 +1279,21 @@
   }
 
   .landing-copy-prompt__label {
-    grid-column: 1 / -1;
+    grid-column: 1;
     grid-row: 2;
     min-width: auto;
+    justify-self: end;
     font-size: 0.8125rem;
+    text-align: end;
   }
 
   .landing-copy-prompt__icon {
     grid-column: 2;
-    grid-row: 1;
+    grid-row: 2;
     width: 0.875rem;
     height: 0.875rem;
   }
 
-  .landing-manual-command {
-    grid-template-columns: minmax(0, 1fr) 2rem;
-  }
-
-  .landing-manual-command a {
-    grid-column: 1 / -1;
-    grid-row: 2;
-  }
-
   .artifact-window {
     display: none;
   }

From c72dbf0d5b106af9cb337bccec7c674842f6a97f Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:11:52 -0700
Subject: [PATCH 03/10] docs: refine collaboration SVG labels

---
 docs/assets/agent-native-mcp.svg   |  5 ++---
 docs/assets/team-collaboration.svg | 14 +++++++-------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/docs/assets/agent-native-mcp.svg b/docs/assets/agent-native-mcp.svg
index bedd784..19907b4 100644
--- a/docs/assets/agent-native-mcp.svg
+++ b/docs/assets/agent-native-mcp.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="600" height="220" viewBox="0 0 600 220" role="img" aria-labelledby="title description">
   <title id="title">AI agents connect to Artifact Server through MCP</title>
-  <desc id="description">Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to the built-in Artifact Server MCP server.</desc>
+  <desc id="description">Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to Artifact Server through MCP.</desc>
 
   <defs>
     <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
@@ -19,8 +19,7 @@
 
     <g transform="translate(248 76)">
       <rect width="108" height="68" rx="12" fill="#12131d" stroke="#6d6eff" stroke-width="2"/>
-      <text x="54" y="28" fill="#adb2ff" font-size="10" font-weight="600" text-anchor="middle" letter-spacing="2.4">BUILT-IN</text>
-      <text x="54" y="51" fill="#f5f6f8" font-size="17" font-weight="600" text-anchor="middle">MCP</text>
+      <text x="54" y="43" fill="#f5f6f8" font-size="28" font-weight="650" text-anchor="middle">MCP</text>
     </g>
 
     <g fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
diff --git a/docs/assets/team-collaboration.svg b/docs/assets/team-collaboration.svg
index 5e60d6e..33748d7 100644
--- a/docs/assets/team-collaboration.svg
+++ b/docs/assets/team-collaboration.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="600" height="220" viewBox="0 0 600 220" role="img" aria-labelledby="title description">
   <title id="title">Teams review artifacts together</title>
-  <desc id="description">A team member selects content in an artifact and starts a comment thread attached to the exact version.</desc>
+  <desc id="description">Ada Lovelace and Sam Kim leave distinct comments on the same artifact version.</desc>
 
   <defs>
     <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
@@ -39,14 +39,14 @@
       <path d="M0 34h248M0 78h248" stroke="#303345" stroke-width="1.5"/>
 
       <circle cx="20" cy="56" r="11" fill="#202139"/>
-      <text x="20" y="60" fill="#f5f6f8" font-size="8" font-weight="700" text-anchor="middle">AL</text>
-      <text x="40" y="53" fill="#f5f6f8" font-size="11" font-weight="600">Tighten the hierarchy.</text>
-      <text x="40" y="68" fill="#8f96ab" font-size="9">Attached to version 4</text>
+      <text x="20" y="60" fill="#adb2ff" font-size="8" font-weight="700" text-anchor="middle">AL</text>
+      <text x="40" y="52" fill="#adb2ff" font-size="9" font-weight="700">Ada Lovelace</text>
+      <text x="40" y="68" fill="#f5f6f8" font-size="10" font-weight="600">Tighten the hierarchy.</text>
 
       <circle cx="20" cy="100" r="11" fill="#202139"/>
-      <text x="20" y="104" fill="#f5f6f8" font-size="8" font-weight="700" text-anchor="middle">SK</text>
-      <text x="40" y="97" fill="#f5f6f8" font-size="11" font-weight="600">Keep the updated diagram.</text>
-      <text x="40" y="112" fill="#8f96ab" font-size="9">Everyone reviews the same file</text>
+      <text x="20" y="104" fill="#2dd4bf" font-size="8" font-weight="700" text-anchor="middle">SK</text>
+      <text x="40" y="96" fill="#2dd4bf" font-size="9" font-weight="700">Sam Kim</text>
+      <text x="40" y="112" fill="#f5f6f8" font-size="10" font-weight="600">Keep the updated diagram.</text>
     </g>
   </g>
 </svg>

From 28a9b1deaf1a88e85a30700eb3596371df9e152e Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:13:01 -0700
Subject: [PATCH 04/10] docs: distinguish reviewer colors

---
 docs/assets/team-collaboration.svg | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/assets/team-collaboration.svg b/docs/assets/team-collaboration.svg
index 33748d7..2ebafa5 100644
--- a/docs/assets/team-collaboration.svg
+++ b/docs/assets/team-collaboration.svg
@@ -39,8 +39,8 @@
       <path d="M0 34h248M0 78h248" stroke="#303345" stroke-width="1.5"/>
 
       <circle cx="20" cy="56" r="11" fill="#202139"/>
-      <text x="20" y="60" fill="#adb2ff" font-size="8" font-weight="700" text-anchor="middle">AL</text>
-      <text x="40" y="52" fill="#adb2ff" font-size="9" font-weight="700">Ada Lovelace</text>
+      <text x="20" y="60" fill="#ff7a59" font-size="8" font-weight="700" text-anchor="middle">AL</text>
+      <text x="40" y="52" fill="#ff7a59" font-size="9" font-weight="700">Ada Lovelace</text>
       <text x="40" y="68" fill="#f5f6f8" font-size="10" font-weight="600">Tighten the hierarchy.</text>
 
       <circle cx="20" cy="100" r="11" fill="#202139"/>

From a83dcc39c3262ff5d19aa45ee0be9104afde3e7b Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:14:25 -0700
Subject: [PATCH 05/10] docs: add Codex collaboration response

---
 docs/assets/team-collaboration.svg | 56 +++++++++++++++++-------------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/docs/assets/team-collaboration.svg b/docs/assets/team-collaboration.svg
index 2ebafa5..72381b8 100644
--- a/docs/assets/team-collaboration.svg
+++ b/docs/assets/team-collaboration.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="600" height="220" viewBox="0 0 600 220" role="img" aria-labelledby="title description">
   <title id="title">Teams review artifacts together</title>
-  <desc id="description">Ada Lovelace and Sam Kim leave distinct comments on the same artifact version.</desc>
+  <desc id="description">Ada Lovelace and Sam Kim leave distinct comments on the same artifact version, and Codex confirms the update.</desc>
 
   <defs>
     <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
@@ -12,18 +12,18 @@
   <rect x="1" y="1" width="598" height="218" rx="18" fill="url(#frame)" stroke="#232637" stroke-width="1.5"/>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="36" y="42" fill="#8f96ab" font-size="12" font-weight="600" letter-spacing="2.4">TEAM COLLABORATION</text>
+    <text x="36" y="32" fill="#8f96ab" font-size="12" font-weight="600" letter-spacing="2.4">TEAM COLLABORATION</text>
 
-    <g transform="translate(36 64)">
-      <rect width="238" height="120" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
+    <g transform="translate(36 51)">
+      <rect width="238" height="144" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
       <path d="M0 29h238" stroke="#303345" stroke-width="1.5"/>
       <circle cx="17" cy="15" r="3" fill="#6d6eff"/>
       <text x="29" y="20" fill="#f5f6f8" font-size="11" font-weight="600">artifact.html</text>
-      <path d="M18 49h128M18 63h166M18 77h148" stroke="#555a70" stroke-width="5" stroke-linecap="round"/>
-      <rect x="14" y="91" width="190" height="17" rx="3" fill="#202139" stroke="#8286ff" stroke-width="1.5"/>
-      <path d="M22 99.5h132" stroke="#adb2ff" stroke-width="4" stroke-linecap="round"/>
-      <circle cx="207" cy="99.5" r="13" fill="#6d6eff"/>
-      <text x="207" y="104" fill="#f5f6f8" font-size="12" font-weight="700" text-anchor="middle">1</text>
+      <path d="M18 51h128M18 66h166M18 81h148" stroke="#555a70" stroke-width="5" stroke-linecap="round"/>
+      <rect x="14" y="99" width="190" height="19" rx="3" fill="#202139" stroke="#8286ff" stroke-width="1.5"/>
+      <path d="M22 108.5h132" stroke="#adb2ff" stroke-width="4" stroke-linecap="round"/>
+      <circle cx="207" cy="108.5" r="13" fill="#6d6eff"/>
+      <text x="207" y="113" fill="#f5f6f8" font-size="12" font-weight="700" text-anchor="middle">1</text>
     </g>
 
     <g fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
@@ -31,22 +31,28 @@
       <path d="m297 117 7 7-7 7"/>
     </g>
 
-    <g transform="translate(316 64)">
-      <rect width="248" height="120" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
-      <text x="16" y="21" fill="#f5f6f8" font-size="11" font-weight="600">Comments</text>
-      <rect x="213" y="9" width="19" height="18" rx="3" fill="#202139"/>
-      <text x="222.5" y="22" fill="#adb2ff" font-size="11" font-weight="700" text-anchor="middle">2</text>
-      <path d="M0 34h248M0 78h248" stroke="#303345" stroke-width="1.5"/>
-
-      <circle cx="20" cy="56" r="11" fill="#202139"/>
-      <text x="20" y="60" fill="#ff7a59" font-size="8" font-weight="700" text-anchor="middle">AL</text>
-      <text x="40" y="52" fill="#ff7a59" font-size="9" font-weight="700">Ada Lovelace</text>
-      <text x="40" y="68" fill="#f5f6f8" font-size="10" font-weight="600">Tighten the hierarchy.</text>
-
-      <circle cx="20" cy="100" r="11" fill="#202139"/>
-      <text x="20" y="104" fill="#2dd4bf" font-size="8" font-weight="700" text-anchor="middle">SK</text>
-      <text x="40" y="96" fill="#2dd4bf" font-size="9" font-weight="700">Sam Kim</text>
-      <text x="40" y="112" fill="#f5f6f8" font-size="10" font-weight="600">Keep the updated diagram.</text>
+    <g transform="translate(316 51)">
+      <rect width="248" height="144" rx="10" fill="#12131d" stroke="#303345" stroke-width="1.5"/>
+      <text x="16" y="19" fill="#f5f6f8" font-size="11" font-weight="600">Comments</text>
+      <rect x="213" y="7" width="19" height="18" rx="3" fill="#202139"/>
+      <text x="222.5" y="20" fill="#adb2ff" font-size="11" font-weight="700" text-anchor="middle">3</text>
+      <path d="M0 28h248M0 66h248M0 104h248" stroke="#303345" stroke-width="1.5"/>
+
+      <circle cx="20" cy="47" r="9" fill="#202139"/>
+      <text x="20" y="50" fill="#ff7a59" font-size="7" font-weight="700" text-anchor="middle">AL</text>
+      <text x="40" y="42" fill="#ff7a59" font-size="9" font-weight="700">Ada Lovelace</text>
+      <text x="40" y="57" fill="#f5f6f8" font-size="9" font-weight="600">Tighten the hierarchy.</text>
+
+      <circle cx="20" cy="85" r="9" fill="#202139"/>
+      <text x="20" y="88" fill="#2dd4bf" font-size="7" font-weight="700" text-anchor="middle">SK</text>
+      <text x="40" y="80" fill="#2dd4bf" font-size="9" font-weight="700">Sam Kim</text>
+      <text x="40" y="95" fill="#f5f6f8" font-size="9" font-weight="600">Keep the updated diagram.</text>
+
+      <g transform="translate(11 114) scale(0.75)" fill="#2496ed" fill-rule="evenodd" aria-hidden="true">
+        <path clip-rule="evenodd" d="M8.086.457a6.105 6.105 0 0 1 3.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 0 0 .107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 0 1-.18 1.631.167.167 0 0 0 .04.155 5.982 5.982 0 0 1 1.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 0 1-2.934 1.851.162.162 0 0 0-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 0 0-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 0 1-2.595-.622 6.058 6.058 0 0 1-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 0 1-.495-1.283 6.11 6.11 0 0 1-.017-3.064.166.166 0 0 0 .008-.074.115.115 0 0 0-.037-.064 5.958 5.958 0 0 1-1.38-2.202 5.196 5.196 0 0 1-.333-1.589 6.915 6.915 0 0 1 .188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 0 0 .087-.087A6.016 6.016 0 0 1 5.635 2.31C6.315 1.464 7.132.846 8.086.457Zm-.804 7.85a.848.848 0 0 0-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 0 0 1.46.864l1.94-3.272a.849.849 0 0 0 .007-.854l-1.94-3.393Zm5.446 6.24a.849.849 0 0 0 0 1.695h4.848a.849.849 0 0 0 0-1.696h-4.848Z"/>
+      </g>
+      <text x="40" y="118" fill="#2496ed" font-size="9" font-weight="700">Codex</text>
+      <text x="40" y="133" fill="#f5f6f8" font-size="9" font-weight="600">Applied both comments in version 5.</text>
     </g>
   </g>
 </svg>

From dd687dc4ad5a8783c6ada6088ea836d4fa98d6b0 Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:16:56 -0700
Subject: [PATCH 06/10] docs: clarify live agent integration support

---
 README.md                               | 12 ++++++++++-
 docs/assets/claude-channel-feedback.svg | 27 +++++++++++++++++++++++++
 docs/assets/opencode-plugin-wanted.svg  | 27 +++++++++++++++++++++++++
 3 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 docs/assets/claude-channel-feedback.svg
 create mode 100644 docs/assets/opencode-plugin-wanted.svg

diff --git a/README.md b/README.md
index d6a21ef..3f40a82 100644
--- a/README.md
+++ b/README.md
@@ -85,7 +85,17 @@ Then ask:
 
 The agent returns the full-screen review link first. [Read the MCP guide](./docs/mcp.md) for source checkouts, remote servers, permissions, and supported operations.
 
-<a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has first-class Pi support through a live feedback extension" width="500"></a>
+Live session delivery is available from source for Pi and Claude Code Channels. Claude Channels require its research-preview development flag and, on managed plans, the organization policy. The OpenCode adapter is not release-qualified; live-host verification and contributions are welcome.
+
+<p align="center">
+  <a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has native Pi support for live integrated feedback" width="395"></a>
+  &nbsp;&nbsp;&nbsp;&nbsp;
+  <a href="./integrations/claude-channel/README.md"><img src="./docs/assets/claude-channel-feedback.svg" alt="Artifact Server supports live feedback through the Claude Code Channels research preview" width="395"></a>
+</p>
+
+<p align="center">
+  <a href="./integrations/opencode/README.md"><img src="./docs/assets/opencode-plugin-wanted.svg" alt="OpenCode live-host verification, features, and pull requests are welcome" width="395"></a>
+</p>
 
 ## Cloudflare and Artifact Server
 
diff --git a/docs/assets/claude-channel-feedback.svg b/docs/assets/claude-channel-feedback.svg
new file mode 100644
index 0000000..0f62f04
--- /dev/null
+++ b/docs/assets/claude-channel-feedback.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="92" viewBox="0 0 600 92" role="img" aria-labelledby="title description">
+  <title id="title">Claude Code Channels support live feedback</title>
+  <desc id="description">The Artifact Server channel bridge sends review comments to an opted-in Claude Code session through the Channels research preview.</desc>
+
+  <defs>
+    <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#0e0f19"/>
+      <stop offset="1" stop-color="#07080d"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="0.5" y="0.5" width="599" height="91" rx="14" fill="url(#frame)" stroke="#232637"/>
+
+  <g id="claude-mark" transform="translate(16 20) scale(.2)" fill="#d97757" aria-hidden="true">
+    <path d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"/>
+  </g>
+
+  <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
+    <text x="84" y="39" fill="#d97757" font-size="10.5" font-weight="700" letter-spacing="2.2">CLAUDE CODE CHANNELS</text>
+    <text x="84" y="63" fill="#f5f6f8" font-size="16" font-weight="500" letter-spacing="-.2">Live feedback through Channels</text>
+  </g>
+
+  <g transform="translate(542 46)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
+    <path d="M0 0H14"/>
+    <path d="m9-5 5 5-5 5"/>
+  </g>
+</svg>
diff --git a/docs/assets/opencode-plugin-wanted.svg b/docs/assets/opencode-plugin-wanted.svg
new file mode 100644
index 0000000..399129e
--- /dev/null
+++ b/docs/assets/opencode-plugin-wanted.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="92" viewBox="0 0 600 92" role="img" aria-labelledby="title description">
+  <title id="title">OpenCode plugin contributions welcome</title>
+  <desc id="description">The OpenCode bridge is not release-qualified. Live-host verification, feature work, and pull requests are welcome.</desc>
+
+  <defs>
+    <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#0e0f19"/>
+      <stop offset="1" stop-color="#07080d"/>
+    </linearGradient>
+  </defs>
+
+  <rect x="1" y="1" width="598" height="90" rx="14" fill="url(#frame)" stroke="#555a70" stroke-width="1.5" stroke-dasharray="6 6"/>
+
+  <g id="opencode-mark" transform="translate(23 18) scale(.16)" aria-hidden="true">
+    <path d="M180 240H60V120H180V240Z" fill="#4b4646"/>
+    <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="#f1ecec"/>
+  </g>
+
+  <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
+    <text x="84" y="39" fill="#8f96ab" font-size="10.5" font-weight="600" letter-spacing="2.2">OPENCODE PLUGIN</text>
+    <text x="84" y="63" fill="#f5f6f8" font-size="16" font-weight="500" letter-spacing="-.2">Feature or pull request welcome</text>
+  </g>
+
+  <g transform="translate(542 46)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="2" aria-hidden="true">
+    <path d="M0-6V6M-6 0H6"/>
+  </g>
+</svg>

From 5cd3451d5e6a6b7270609e8ea5b6a88c92dbe8f8 Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:27:02 -0700
Subject: [PATCH 07/10] docs: mute OpenCode contribution card

---
 docs/assets/opencode-plugin-wanted.svg | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/docs/assets/opencode-plugin-wanted.svg b/docs/assets/opencode-plugin-wanted.svg
index 399129e..4ade406 100644
--- a/docs/assets/opencode-plugin-wanted.svg
+++ b/docs/assets/opencode-plugin-wanted.svg
@@ -2,23 +2,16 @@
   <title id="title">OpenCode plugin contributions welcome</title>
   <desc id="description">The OpenCode bridge is not release-qualified. Live-host verification, feature work, and pull requests are welcome.</desc>
 
-  <defs>
-    <linearGradient id="frame" x1="0" y1="0" x2="0" y2="1">
-      <stop offset="0" stop-color="#0e0f19"/>
-      <stop offset="1" stop-color="#07080d"/>
-    </linearGradient>
-  </defs>
-
-  <rect x="1" y="1" width="598" height="90" rx="14" fill="url(#frame)" stroke="#555a70" stroke-width="1.5" stroke-dasharray="6 6"/>
+  <rect x="1" y="1" width="598" height="90" rx="14" fill="#262838" stroke="#6b6e80" stroke-width="1.5" stroke-dasharray="6 6"/>
 
   <g id="opencode-mark" transform="translate(23 18) scale(.16)" aria-hidden="true">
-    <path d="M180 240H60V120H180V240Z" fill="#4b4646"/>
-    <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="#f1ecec"/>
+    <path d="M180 240H60V120H180V240Z" fill="#555a70"/>
+    <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="#8f96ab"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
     <text x="84" y="39" fill="#8f96ab" font-size="10.5" font-weight="600" letter-spacing="2.2">OPENCODE PLUGIN</text>
-    <text x="84" y="63" fill="#f5f6f8" font-size="16" font-weight="500" letter-spacing="-.2">Feature or pull request welcome</text>
+    <text x="84" y="63" fill="#8f96ab" font-size="16" font-weight="500" letter-spacing="-.2">Feature or pull request welcome</text>
   </g>
 
   <g transform="translate(542 46)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="2" aria-hidden="true">

From 238b05c9e710318594c75e2810cef9f7ffe32e1a Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:30:15 -0700
Subject: [PATCH 08/10] docs: fit integration cards on one row

---
 README.md                               | 10 +++-------
 docs/assets/claude-channel-feedback.svg | 16 ++++++++--------
 docs/assets/opencode-plugin-wanted.svg  | 14 +++++++-------
 docs/assets/pi-live-feedback.svg        | 14 +++++++-------
 4 files changed, 25 insertions(+), 29 deletions(-)

diff --git a/README.md b/README.md
index 3f40a82..fd1ef47 100644
--- a/README.md
+++ b/README.md
@@ -88,13 +88,9 @@ The agent returns the full-screen review link first. [Read the MCP guide](./docs
 Live session delivery is available from source for Pi and Claude Code Channels. Claude Channels require its research-preview development flag and, on managed plans, the organization policy. The OpenCode adapter is not release-qualified; live-host verification and contributions are welcome.
 
 <p align="center">
-  <a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has native Pi support for live integrated feedback" width="395"></a>
-  &nbsp;&nbsp;&nbsp;&nbsp;
-  <a href="./integrations/claude-channel/README.md"><img src="./docs/assets/claude-channel-feedback.svg" alt="Artifact Server supports live feedback through the Claude Code Channels research preview" width="395"></a>
-</p>
-
-<p align="center">
-  <a href="./integrations/opencode/README.md"><img src="./docs/assets/opencode-plugin-wanted.svg" alt="OpenCode live-host verification, features, and pull requests are welcome" width="395"></a>
+  <a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has native Pi support for live integrated feedback" width="260"></a>
+  <a href="./integrations/claude-channel/README.md"><img src="./docs/assets/claude-channel-feedback.svg" alt="Artifact Server supports live feedback through the Claude Code Channels research preview" width="260"></a>
+  <a href="./integrations/opencode/README.md"><img src="./docs/assets/opencode-plugin-wanted.svg" alt="OpenCode live-host verification, features, and pull requests are welcome" width="260"></a>
 </p>
 
 ## Cloudflare and Artifact Server
diff --git a/docs/assets/claude-channel-feedback.svg b/docs/assets/claude-channel-feedback.svg
index 0f62f04..63a26d0 100644
--- a/docs/assets/claude-channel-feedback.svg
+++ b/docs/assets/claude-channel-feedback.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="92" viewBox="0 0 600 92" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
   <title id="title">Claude Code Channels support live feedback</title>
   <desc id="description">The Artifact Server channel bridge sends review comments to an opted-in Claude Code session through the Channels research preview.</desc>
 
@@ -9,19 +9,19 @@
     </linearGradient>
   </defs>
 
-  <rect x="0.5" y="0.5" width="599" height="91" rx="14" fill="url(#frame)" stroke="#232637"/>
+  <rect x="0.5" y="0.5" width="259" height="95" rx="14" fill="url(#frame)" stroke="#232637"/>
 
-  <g id="claude-mark" transform="translate(16 20) scale(.2)" fill="#d97757" aria-hidden="true">
+  <g id="claude-mark" transform="translate(14 23) scale(.16)" fill="#d97757" aria-hidden="true">
     <path d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="84" y="39" fill="#d97757" font-size="10.5" font-weight="700" letter-spacing="2.2">CLAUDE CODE CHANNELS</text>
-    <text x="84" y="63" fill="#f5f6f8" font-size="16" font-weight="500" letter-spacing="-.2">Live feedback through Channels</text>
+    <text x="68" y="37" fill="#d97757" font-size="8.5" font-weight="700" letter-spacing="1.3">CLAUDE CHANNELS</text>
+    <text x="68" y="61" fill="#f5f6f8" font-size="12.5" font-weight="500" letter-spacing="-.2">Live feedback via Channels</text>
   </g>
 
-  <g transform="translate(542 46)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
-    <path d="M0 0H14"/>
-    <path d="m9-5 5 5-5 5"/>
+  <g transform="translate(231 23)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
+    <path d="M0 0H11"/>
+    <path d="m7-4 4 4-4 4"/>
   </g>
 </svg>
diff --git a/docs/assets/opencode-plugin-wanted.svg b/docs/assets/opencode-plugin-wanted.svg
index 4ade406..b0f587c 100644
--- a/docs/assets/opencode-plugin-wanted.svg
+++ b/docs/assets/opencode-plugin-wanted.svg
@@ -1,20 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="92" viewBox="0 0 600 92" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
   <title id="title">OpenCode plugin contributions welcome</title>
   <desc id="description">The OpenCode bridge is not release-qualified. Live-host verification, feature work, and pull requests are welcome.</desc>
 
-  <rect x="1" y="1" width="598" height="90" rx="14" fill="#262838" stroke="#6b6e80" stroke-width="1.5" stroke-dasharray="6 6"/>
+  <rect x="1" y="1" width="258" height="94" rx="14" fill="#262838" stroke="#6b6e80" stroke-width="1.5" stroke-dasharray="6 6"/>
 
-  <g id="opencode-mark" transform="translate(23 18) scale(.16)" aria-hidden="true">
+  <g id="opencode-mark" transform="translate(18 27) scale(.14)" aria-hidden="true">
     <path d="M180 240H60V120H180V240Z" fill="#555a70"/>
     <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="#8f96ab"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="84" y="39" fill="#8f96ab" font-size="10.5" font-weight="600" letter-spacing="2.2">OPENCODE PLUGIN</text>
-    <text x="84" y="63" fill="#8f96ab" font-size="16" font-weight="500" letter-spacing="-.2">Feature or pull request welcome</text>
+    <text x="66" y="37" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.3">OPENCODE PLUGIN</text>
+    <text x="66" y="61" fill="#8f96ab" font-size="12.5" font-weight="500" letter-spacing="-.2">Feature or PR welcome</text>
   </g>
 
-  <g transform="translate(542 46)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="2" aria-hidden="true">
-    <path d="M0-6V6M-6 0H6"/>
+  <g transform="translate(237 23)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="1.75" aria-hidden="true">
+    <path d="M0-5V5M-5 0H5"/>
   </g>
 </svg>
diff --git a/docs/assets/pi-live-feedback.svg b/docs/assets/pi-live-feedback.svg
index df62e2f..932165c 100644
--- a/docs/assets/pi-live-feedback.svg
+++ b/docs/assets/pi-live-feedback.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="600" height="92" viewBox="0 0 600 92" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
   <title id="title">First-class Pi support</title>
   <desc id="description">The Artifact Server Pi extension sends review comments to a live Pi session. Pi replies to and resolves the comments in Artifact Server.</desc>
 
@@ -9,7 +9,7 @@
     </linearGradient>
   </defs>
 
-  <rect x="0.5" y="0.5" width="599" height="91" rx="14" fill="url(#frame)" stroke="#232637"/>
+  <rect x="0.5" y="0.5" width="259" height="95" rx="14" fill="url(#frame)" stroke="#232637"/>
 
   <g transform="translate(14 17) scale(.072)" fill="#f5f6f8" aria-hidden="true">
     <path fill-rule="evenodd" d="M165.29 165.29H517.36V400H400V517.36H282.65V634.72H165.29ZM282.65 282.65V400H400V282.65Z"/>
@@ -17,12 +17,12 @@
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="84" y="39" fill="#8f96ab" font-size="10.5" font-weight="600" letter-spacing="2.2">FIRST-CLASS PI SUPPORT</text>
-    <text x="84" y="63" fill="#f5f6f8" font-size="16" font-weight="500" letter-spacing="-0.2">Live integrated feedback</text>
+    <text x="70" y="37" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.6">PI EXTENSION</text>
+    <text x="70" y="61" fill="#f5f6f8" font-size="13" font-weight="500" letter-spacing="-0.2">Live integrated feedback</text>
   </g>
 
-  <g transform="translate(542 46)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" aria-hidden="true">
-    <path d="M0 0H14"/>
-    <path d="m9-5 5 5-5 5"/>
+  <g transform="translate(231 23)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
+    <path d="M0 0H11"/>
+    <path d="m7-4 4 4-4 4"/>
   </g>
 </svg>

From 5a78e5bf470537a46a19fda2c57a3f45aedc466f Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:42:37 -0700
Subject: [PATCH 09/10] docs: flatten integration cards

---
 README.md                               |  6 +++---
 docs/assets/claude-channel-feedback.svg | 12 ++++++------
 docs/assets/opencode-plugin-wanted.svg  | 12 ++++++------
 docs/assets/pi-live-feedback.svg        | 12 ++++++------
 4 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index fd1ef47..fa77602 100644
--- a/README.md
+++ b/README.md
@@ -88,9 +88,9 @@ The agent returns the full-screen review link first. [Read the MCP guide](./docs
 Live session delivery is available from source for Pi and Claude Code Channels. Claude Channels require its research-preview development flag and, on managed plans, the organization policy. The OpenCode adapter is not release-qualified; live-host verification and contributions are welcome.
 
 <p align="center">
-  <a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has native Pi support for live integrated feedback" width="260"></a>
-  <a href="./integrations/claude-channel/README.md"><img src="./docs/assets/claude-channel-feedback.svg" alt="Artifact Server supports live feedback through the Claude Code Channels research preview" width="260"></a>
-  <a href="./integrations/opencode/README.md"><img src="./docs/assets/opencode-plugin-wanted.svg" alt="OpenCode live-host verification, features, and pull requests are welcome" width="260"></a>
+  <a href="./integrations/pi/README.md"><img src="./docs/assets/pi-live-feedback.svg" alt="Artifact Server has native Pi support for live integrated feedback" width="268"></a>
+  <a href="./integrations/claude-channel/README.md"><img src="./docs/assets/claude-channel-feedback.svg" alt="Artifact Server supports live feedback through the Claude Code Channels research preview" width="268"></a>
+  <a href="./integrations/opencode/README.md"><img src="./docs/assets/opencode-plugin-wanted.svg" alt="OpenCode live-host verification, features, and pull requests are welcome" width="268"></a>
 </p>
 
 ## Cloudflare and Artifact Server
diff --git a/docs/assets/claude-channel-feedback.svg b/docs/assets/claude-channel-feedback.svg
index 63a26d0..1c54405 100644
--- a/docs/assets/claude-channel-feedback.svg
+++ b/docs/assets/claude-channel-feedback.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="268" height="84" viewBox="0 0 268 84" role="img" aria-labelledby="title description">
   <title id="title">Claude Code Channels support live feedback</title>
   <desc id="description">The Artifact Server channel bridge sends review comments to an opted-in Claude Code session through the Channels research preview.</desc>
 
@@ -9,18 +9,18 @@
     </linearGradient>
   </defs>
 
-  <rect x="0.5" y="0.5" width="259" height="95" rx="14" fill="url(#frame)" stroke="#232637"/>
+  <rect x="0.5" y="0.5" width="267" height="83" rx="12" fill="url(#frame)" stroke="#232637"/>
 
-  <g id="claude-mark" transform="translate(14 23) scale(.16)" fill="#d97757" aria-hidden="true">
+  <g id="claude-mark" transform="translate(14 21) scale(.16)" fill="#d97757" aria-hidden="true">
     <path d="m50.228 170.321 50.357-28.257.843-2.463-.843-1.361h-2.462l-8.426-.518-28.775-.778-24.952-1.037-24.175-1.296-6.092-1.297L0 125.796l.583-3.759 5.12-3.434 7.324.648 16.202 1.101 24.304 1.685 17.629 1.037 26.118 2.722h4.148l.583-1.685-1.426-1.037-1.101-1.037-25.147-17.045-27.22-18.017-14.258-10.37-7.713-5.25-3.888-4.925-1.685-10.758 7-7.713 9.397.649 2.398.648 9.527 7.323 20.35 15.75L94.817 91.9l3.889 3.24 1.555-1.102.195-.777-1.75-2.917-14.453-26.118-15.425-26.572-6.87-11.018-1.814-6.61c-.648-2.723-1.102-4.991-1.102-7.778l7.972-10.823L71.42 0 82.05 1.426l4.472 3.888 6.61 15.101 10.694 23.786 16.591 32.34 4.861 9.592 2.592 8.879.973 2.722h1.685v-1.556l1.36-18.211 2.528-22.36 2.463-28.776.843-8.1 4.018-9.722 7.971-5.25 6.222 2.981 5.12 7.324-.713 4.73-3.046 19.768-5.962 30.98-3.889 20.739h2.268l2.593-2.593 10.499-13.934 17.628-22.036 7.778-8.749 9.073-9.657 5.833-4.601h11.018l8.1 12.055-3.628 12.443-11.342 14.388-9.398 12.184-13.48 18.147-8.426 14.518.778 1.166 2.01-.194 30.46-6.481 16.462-2.982 19.637-3.37 8.88 4.148.971 4.213-3.5 8.62-20.998 5.184-24.628 4.926-36.682 8.685-.454.324.519.648 16.526 1.555 7.065.389h17.304l32.21 2.398 8.426 5.574 5.055 6.805-.843 5.184-12.962 6.611-17.498-4.148-40.83-9.721-14-3.5h-1.944v1.167l11.666 11.406 21.387 19.314 26.767 24.887 1.36 6.157-3.434 4.86-3.63-.518-23.526-17.693-9.073-7.972-20.545-17.304h-1.36v1.814l4.73 6.935 25.017 37.59 1.296 11.536-1.814 3.76-6.481 2.268-7.13-1.297-14.647-20.544-15.1-23.138-12.185-20.739-1.49.843-7.194 77.448-3.37 3.953-7.778 2.981-6.48-4.925-3.436-7.972 3.435-15.749 4.148-20.544 3.37-16.333 3.046-20.285 1.815-6.74-.13-.454-1.49.194-15.295 20.999-23.267 31.433-18.406 19.702-4.407 1.75-7.648-3.954.713-7.064 4.277-6.286 25.47-32.405 15.36-20.092 9.917-11.6-.065-1.686h-.583L44.07 198.125l-12.055 1.555-5.185-4.86.648-7.972 2.463-2.593 20.35-13.999-.064.065Z"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="68" y="37" fill="#d97757" font-size="8.5" font-weight="700" letter-spacing="1.3">CLAUDE CHANNELS</text>
-    <text x="68" y="61" fill="#f5f6f8" font-size="12.5" font-weight="500" letter-spacing="-.2">Live feedback via Channels</text>
+    <text x="68" y="33" fill="#d97757" font-size="8.5" font-weight="700" letter-spacing="1.3">CLAUDE CHANNELS</text>
+    <text x="68" y="55" fill="#f5f6f8" font-size="12.5" font-weight="500" letter-spacing="-.2">Live feedback via Channels</text>
   </g>
 
-  <g transform="translate(231 23)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
+  <g transform="translate(239 20)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
     <path d="M0 0H11"/>
     <path d="m7-4 4 4-4 4"/>
   </g>
diff --git a/docs/assets/opencode-plugin-wanted.svg b/docs/assets/opencode-plugin-wanted.svg
index b0f587c..50d2aef 100644
--- a/docs/assets/opencode-plugin-wanted.svg
+++ b/docs/assets/opencode-plugin-wanted.svg
@@ -1,20 +1,20 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="268" height="84" viewBox="0 0 268 84" role="img" aria-labelledby="title description">
   <title id="title">OpenCode plugin contributions welcome</title>
   <desc id="description">The OpenCode bridge is not release-qualified. Live-host verification, feature work, and pull requests are welcome.</desc>
 
-  <rect x="1" y="1" width="258" height="94" rx="14" fill="#262838" stroke="#6b6e80" stroke-width="1.5" stroke-dasharray="6 6"/>
+  <rect x="1" y="1" width="266" height="82" rx="12" fill="#262838" stroke="#6b6e80" stroke-width="1.5" stroke-dasharray="6 6"/>
 
-  <g id="opencode-mark" transform="translate(18 27) scale(.14)" aria-hidden="true">
+  <g id="opencode-mark" transform="translate(18 21) scale(.14)" aria-hidden="true">
     <path d="M180 240H60V120H180V240Z" fill="#555a70"/>
     <path d="M180 60H60V240H180V60ZM240 300H0V0H240V300Z" fill="#8f96ab"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="66" y="37" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.3">OPENCODE PLUGIN</text>
-    <text x="66" y="61" fill="#8f96ab" font-size="12.5" font-weight="500" letter-spacing="-.2">Feature or PR welcome</text>
+    <text x="66" y="33" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.3">OPENCODE PLUGIN</text>
+    <text x="66" y="55" fill="#8f96ab" font-size="12.5" font-weight="500" letter-spacing="-.2">Feature or PR welcome</text>
   </g>
 
-  <g transform="translate(237 23)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="1.75" aria-hidden="true">
+  <g transform="translate(245 20)" fill="none" stroke="#8f96ab" stroke-linecap="square" stroke-width="1.75" aria-hidden="true">
     <path d="M0-5V5M-5 0H5"/>
   </g>
 </svg>
diff --git a/docs/assets/pi-live-feedback.svg b/docs/assets/pi-live-feedback.svg
index 932165c..f57dd22 100644
--- a/docs/assets/pi-live-feedback.svg
+++ b/docs/assets/pi-live-feedback.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="260" height="96" viewBox="0 0 260 96" role="img" aria-labelledby="title description">
+<svg xmlns="http://www.w3.org/2000/svg" width="268" height="84" viewBox="0 0 268 84" role="img" aria-labelledby="title description">
   <title id="title">First-class Pi support</title>
   <desc id="description">The Artifact Server Pi extension sends review comments to a live Pi session. Pi replies to and resolves the comments in Artifact Server.</desc>
 
@@ -9,19 +9,19 @@
     </linearGradient>
   </defs>
 
-  <rect x="0.5" y="0.5" width="259" height="95" rx="14" fill="url(#frame)" stroke="#232637"/>
+  <rect x="0.5" y="0.5" width="267" height="83" rx="12" fill="url(#frame)" stroke="#232637"/>
 
-  <g transform="translate(14 17) scale(.072)" fill="#f5f6f8" aria-hidden="true">
+  <g transform="translate(14 13) scale(.072)" fill="#f5f6f8" aria-hidden="true">
     <path fill-rule="evenodd" d="M165.29 165.29H517.36V400H400V517.36H282.65V634.72H165.29ZM282.65 282.65V400H400V282.65Z"/>
     <path d="M517.36 400H634.72V634.72H517.36Z"/>
   </g>
 
   <g font-family="ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
-    <text x="70" y="37" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.6">PI EXTENSION</text>
-    <text x="70" y="61" fill="#f5f6f8" font-size="13" font-weight="500" letter-spacing="-0.2">Live integrated feedback</text>
+    <text x="70" y="33" fill="#8f96ab" font-size="8.5" font-weight="600" letter-spacing="1.6">PI EXTENSION</text>
+    <text x="70" y="55" fill="#f5f6f8" font-size="13" font-weight="500" letter-spacing="-0.2">Live integrated feedback</text>
   </g>
 
-  <g transform="translate(231 23)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
+  <g transform="translate(239 20)" fill="none" stroke="#8286ff" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1.75" aria-hidden="true">
     <path d="M0 0H11"/>
     <path d="m7-4 4 4-4 4"/>
   </g>

From 177dd3646c428244a7cb8aecdd7321847ed1ef37 Mon Sep 17 00:00:00 2001
From: Michael Ramos <mdramos8@gmail.com>
Date: Wed, 2 Sep 2026 13:43:41 -0700
Subject: [PATCH 10/10] docs: center Cloudflare integration graphic

---
 README.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index fa77602..5f6100b 100644
--- a/README.md
+++ b/README.md
@@ -97,7 +97,9 @@ Live session delivery is available from source for Pi and Claude Code Channels.
 
 Cloudflare is the main hosted deployment target. Cloudflare Artifacts can add private Git-backed history for selected projects. It is off by default and currently requires closed beta access.
 
-<a href="./docs/cloudflare-artifacts.md"><img src="./docs/assets/cloudflare-artifacts-git-handoff.svg" alt="Cloudflare Artifacts provides optional Git-backed history" width="800"></a>
+<p align="center">
+  <a href="./docs/cloudflare-artifacts.md"><img src="./docs/assets/cloudflare-artifacts-git-handoff.svg" alt="Cloudflare Artifacts provides optional Git-backed history" width="800"></a>
+</p>
 
 - [Deploy Artifact Server on Cloudflare](./deploy/cloudflare/README.md)
 - [Configure optional Git history](./docs/cloudflare-artifacts.md)