refactor(plan): remove chat-area plan display, improve auto-collapse

- Remove PlanApprovalAlert from BaseChat.tsx  plan display is now
  solely in the workbench Plan panel (eliminates dual display)
- Plan panel auto-collapses when tasks reach 100% regardless of
  approvedByUser state (works on page reload too)
- Action buttons hidden when all tasks are done (no Approve/Cancel
  shown for completed plans)
- Initial state: panel starts collapsed if progress is already 100%

Author: zebbern

app/components/chat/BaseChat.tsx

@@ -32,7 +32,6 @@ import type { DesignScheme } from '~/types/design-scheme';
 import type { ElementInfo } from '~/components/workbench/Inspector';
 import LlmErrorAlert from './LLMApiAlert';
 import { ResizeHandle } from '~/components/ui/ResizeHandle';
-import { PlanApprovalAlert } from './PlanApprovalAlert';
 import { createScopedLogger } from '~/utils/logger';
 
 const logger = createScopedLogger('BaseChat');
@@ -469,8 +468,6 @@ export const BaseChat = React.forwardRef<HTMLDivElement, BaseChatProps>(
                       />
                     )}
                     {llmErrorAlert && <LlmErrorAlert alert={llmErrorAlert} clearAlert={() => clearLlmErrorAlert?.()} />}
-                    {/* Plan Approval Alert - shows when a plan is pending approval */}
-                    <PlanApprovalAlert />
                   </div>
                   {progressAnnotations && <ProgressCompilation data={progressAnnotations} />}
 

app/components/workbench/Plan.tsx

@@ -112,7 +112,8 @@ const PlanActions = memo(({ approvedByUser, progress }: { approvedByUser: boolea
     rejectPlan();
   }, []);
 
-  if (approvedByUser && progress >= 100) {
+  // All tasks done — show completion status, no buttons needed
+  if (progress >= 100) {
     return (
       <div className="flex items-center gap-2 text-sm text-green-500">
         <div className="i-ph:check-circle-fill" />
@@ -162,17 +163,18 @@ export const Plan = memo(({ className }: PlanProps) => {
   const state = useStore(planStore);
   const progress = useStore(planProgress);
 
-  const [isOpen, setIsOpen] = React.useState(true);
+  // Start collapsed if all tasks are already done (e.g. page reload)
+  const [isOpen, setIsOpen] = React.useState(progress < 100);
 
   // Auto-collapse the plan panel after all tasks complete
   useEffect(() => {
-    if (state.approvedByUser && progress >= 100) {
+    if (progress >= 100) {
       const timer = setTimeout(() => setIsOpen(false), 3000);
       return () => clearTimeout(timer);
     }
 
     return undefined;
-  }, [state.approvedByUser, progress]);
+  }, [progress]);
 
   if (!state.isActive || state.tasks.length === 0) {
     return null;