Hide resume actions when execution is unavailable (#1266)

Rhys Sullivan committed 4 months ago

Commit 2e9d7461 parent 2f8d7b61 file · +12 −5Browse files

Unified · Split

packages/react/src/pages/resume-approval.tsx+12−5

   const busy = status.state === "submitting";
   const done = status.state === "done";
   const canSubmit = Boolean(displayedPaused) && !busy && !done;
+  const unavailable = !nextPaused && AsyncResult.isFailure(paused);
   return (
     <main className="flex min-h-full items-center justify-center bg-background px-4 py-8">
           </div>
           <div className="min-w-0 flex-1">
             <p className="text-xs font-medium uppercase tracking-wider text-muted-foreground">
-              User approval required
+              {unavailable ? "Resume execution" : "User approval required"}
             </p>
             <h1 className="mt-1 text-xl font-semibold text-foreground">Resume execution</h1>
-            <p className="mt-2 text-sm leading-6 text-muted-foreground">
+            {!unavailable && (
-              A paused tool call is waiting for your decision before it can continue.
+              <p className="mt-2 text-sm leading-6 text-muted-foreground">
-            </p>
+                A paused tool call is waiting for your decision before it can continue.
+              </p>
+            )}
           </div>
         </div>
             <span className="text-xs font-medium text-muted-foreground">Execution </span>
             <code className="break-all font-mono text-xs text-foreground">{shortExecutionId}</code>
           </div>
-          {done ? (
+          {unavailable ? (
+            <Button type="button" asChild>
+              <a href="/">Go home</a>
+            </Button>
+          ) : done ? (
             <CopyButton
               value={returnPrompt[status.action]}
               label="Copy prompt"