update

src/renderer/components/communication/MessageComposer.tsx

@@ -114,7 +114,7 @@ function AttachmentPicker({ documents, attachments, onAdd, onRemove }: {
 function MentionDropdown({ agents, query, onSelect, position }: {
   agents: AgentRecord[];
   query: string;
-  onSelect: (agent: AgentRecord) => void;
+  onSelect: (agent: AgentRecord | null) => void;
   position: { top: number; left: number };
 }) {
   const [selectedIndex, setSelectedIndex] = useState(0)
@@ -136,7 +136,7 @@ function MentionDropdown({ agents, query, onSelect, position }: {
       else if (e.key === "Enter" || e.key === "Tab") {
         if (filtered[selectedIndex]) { e.preventDefault(); onSelect(filtered[selectedIndex]) }
       }
-      else if (e.key === "Escape") { onSelect(null as unknown as AgentRecord) }
+      else if (e.key === "Escape") { onSelect(null) }
     }
     document.addEventListener("keydown", handler, true)
     return () => document.removeEventListener("keydown", handler, true)

src/renderer/components/communication/WaitStateIndicator.tsx

@@ -51,7 +51,7 @@ export default function WaitStateIndicator({ waitState, onReply, onNavigateAppro
       </div>
       {isApproval && onNavigateApproval ? (
         <button
-          onClick={() => onNavigateApproval(waitState.relatedApprovalId!)}
+          onClick={() => { const id = waitState.relatedApprovalId; if (id) onNavigateApproval(id); }}
           className="flex shrink-0 items-center gap-1.5 rounded-md bg-amber-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-amber-700 dark:bg-amber-500 dark:hover:bg-amber-600"
         >
           <CheckCircle size={14} />