cli: Fix condition hook use

Author: jahooma

cli/src/components/message-with-agents.tsx

@@ -49,6 +49,11 @@ const AgentChildrenGrid = memo(
       [depth],
     )
 
+    const subGroups = useMemo(
+      () => splitByAgentSize(agentChildren, (m) => m.agent?.agentType ?? ''),
+      [agentChildren],
+    )
+
     if (agentChildren.length === 0) return null
 
     if (depth >= MAX_AGENT_DEPTH) {
@@ -70,11 +75,6 @@ const AgentChildrenGrid = memo(
       <text fg={theme?.error}>Error rendering agent children</text>
     )
 
-    const subGroups = useMemo(
-      () => splitByAgentSize(agentChildren, (m) => m.agent?.agentType ?? ''),
-      [agentChildren],
-    )
-
     return (
       <ErrorBoundary fallback={errorFallback} componentName="AgentChildrenGrid">
         <box style={{ flexDirection: 'column', gap: 0, width: '100%' }}>