fixes

Author: mscolnick

frontend/src/components/chat/acp/agent-panel.tsx

@@ -729,15 +729,13 @@ const AgentPanel: React.FC = () => {
   }, [wsUrl]);
 
   const handleNewSession = useEvent(async () => {
-    if (isCreatingNewSession.current) {
-      return;
-    }
     if (!agent) {
       return;
     }
 
     // If there is an active session, we should stop it
     if (activeSessionId) {
+      setActiveSessionId(null);
       await agent.cancel({ sessionId: activeSessionId }).catch((error) => {
         logger.error("Failed to cancel active session", { error });
       });

frontend/src/components/chat/acp/thread.tsx

@@ -5,6 +5,7 @@ import { groupNotifications } from "use-acp";
 import {
   ConnectionChangeBlock,
   ErrorBlock,
+  ReadyToChatBlock,
   SessionNotificationsBlock,
 } from "./blocks";
 
@@ -30,7 +31,15 @@ export const AgentThread = ({
   let combinedNotifications = groupNotifications(notifications);
 
   // Filter out all connection changes unless it is the last one
+  // Filter out available_commands_update
   combinedNotifications = combinedNotifications.filter((group, index) => {
+    if (
+      isSessionNotificationGroup(group) &&
+      group[0].data.update.sessionUpdate === "available_commands_update"
+    ) {
+      return false;
+    }
+
     const isLast = index === combinedNotifications.length - 1;
     if (isLast) {
       return true;
@@ -88,12 +97,13 @@ export const AgentThread = ({
   };
 
   return (
-    <div className="flex flex-col gap-4 px-2 pb-10">
+    <div className="flex flex-col gap-4 px-2 pb-10 flex-1">
       {combinedNotifications.map((notification) => (
         <React.Fragment key={notification[0].id}>
           {renderNotification(notification)}
         </React.Fragment>
       ))}
+      {combinedNotifications.length === 0 && <ReadyToChatBlock />}
     </div>
   );
 };