Fix OpenCode agent switching race condition + adjust UI width

Agent switching:
- Use noReply: true with await to ensure user message is created
  before returning from tool
- Fixes race condition where message was created after loop exited

UI:
- Adjust plan viewer width to 832px (between 3xl and 4xl)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: backnotprop

apps/hook/.claude-plugin/plugin.json

@@ -1,7 +1,7 @@
 {
   "name": "plannotator",
   "description": "Interactive Plan Review: Mark up and refine your plans using a UI, easily share for team collaboration, automatically integrates with plan mode hooks.",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "author": {
     "name": "backnotprop"
   },

apps/opencode-plugin/index.ts

@@ -79,15 +79,22 @@ Do NOT proceed with implementation until your plan is approved.
               // Silently fail
             }
 
-            // Send a new message with build agent - fire and forget (don't await)
-            // Awaiting can cause the message to be queued instead of processed
-            ctx.client.session.prompt({
-              path: { id: context.sessionID },
-              body: {
-                agent: "build",
-                parts: [{ type: "text", text: "Proceed with implementation" }],
-              },
-            }).catch(() => {});
+            // Create a user message with build agent using noReply: true
+            // This ensures the message is created BEFORE we return from the tool,
+            // so the current loop's next iteration will see it.
+            // noReply: true means we don't wait for a new loop to complete.
+            try {
+              await ctx.client.session.prompt({
+                path: { id: context.sessionID },
+                body: {
+                  agent: "build",
+                  noReply: true,
+                  parts: [{ type: "text", text: "Proceed with implementation" }],
+                },
+              });
+            } catch {
+              // Silently fail if session is busy
+            }
 
             return `Plan approved!
 

apps/opencode-plugin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plannotator/opencode",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "Plannotator plugin for OpenCode - interactive plan review with visual annotation",
   "author": "backnotprop",
   "license": "BSL-1.1",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "plannotator",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "private": true,
   "description": "Interactive Plan Review for Claude Code - annotate plans visually, share with team, automatically send feedback",
   "author": "backnotprop",

packages/editor/App.tsx

@@ -636,7 +636,7 @@ const App: React.FC = () => {
           <main className="flex-1 overflow-y-auto bg-grid">
             <div className="min-h-full flex flex-col items-center px-4 py-3 md:px-10 md:py-8 xl:px-16">
               {/* Mode Switcher */}
-              <div className="w-full max-w-4xl 2xl:max-w-5xl mb-3 md:mb-4 flex justify-start">
+              <div className="w-full max-w-[832px] 2xl:max-w-5xl mb-3 md:mb-4 flex justify-start">
                 <ModeSwitcher mode={editorMode} onChange={setEditorMode} taterMode={taterMode} />
               </div>
 

packages/server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plannotator/server",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "private": true,
   "description": "Shared server implementation for Plannotator plugins",
   "main": "index.ts",

packages/ui/components/DecisionBar.tsx

@@ -85,7 +85,7 @@ export const DecisionBar: React.FC<DecisionBarProps> = ({
 
   return (
     <div className="fixed bottom-0 left-0 right-0 p-4 bg-card/95 backdrop-blur-xl border-t border-border z-50">
-      <div className="max-w-4xl 2xl:max-w-5xl mx-auto flex items-center gap-4">
+      <div className="max-w-[832px] 2xl:max-w-5xl mx-auto flex items-center gap-4">
         {/* Status info */}
         <div className="flex-1 text-sm text-muted-foreground">
           {annotationCount > 0 ? (

packages/ui/components/Viewer.tsx

@@ -517,11 +517,11 @@ export const Viewer = forwardRef<ViewerHandle, ViewerProps>(({
   };
 
   return (
-    <div className="relative z-50 w-full max-w-4xl 2xl:max-w-5xl">
+    <div className="relative z-50 w-full max-w-[832px] 2xl:max-w-5xl">
       {taterMode && <TaterSpriteSitting />}
       <article
         ref={containerRef}
-        className="w-full max-w-4xl 2xl:max-w-5xl bg-card border border-border/50 rounded-xl shadow-xl p-5 md:p-8 lg:p-10 xl:p-12 relative"
+        className="w-full max-w-[832px] 2xl:max-w-5xl bg-card border border-border/50 rounded-xl shadow-xl p-5 md:p-8 lg:p-10 xl:p-12 relative"
       >
         {/* Header buttons */}
         <div className="absolute top-3 right-3 md:top-5 md:right-5 flex items-start gap-2">

tests/opencode-local/opencode.json

@@ -1,4 +1,4 @@
 {
-  "plugin": ["@plannotator/opencode@latest"],
+  "plugin": ["@plannotator/opencode@beta"],
   "$schema": "https://opencode.ai/config.json"
 }