fix(logs): aggregate cost onto workflow root span; stabilize onActiveTabChange callback

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/logs/logs.tsx

@@ -477,6 +477,10 @@ export default function Logs() {
     activeLogTabRef.current = 'overview'
   }, [])
 
+  const handleActiveTabChange = useCallback((tab: string) => {
+    activeLogTabRef.current = tab
+  }, [])
+
   const handleLogContextMenu = useCallback(
     (e: React.MouseEvent, rowId: string) => {
       e.preventDefault()
@@ -815,9 +819,7 @@ export default function Logs() {
       hasPrev={selectedLogIndex > 0}
       onRetryExecution={handleRetrySidebarExecution}
       isRetryPending={retryExecution.isPending}
-      onActiveTabChange={(tab) => {
-        activeLogTabRef.current = tab
-      }}
+      onActiveTabChange={handleActiveTabChange}
     />
   )
 

apps/sim/lib/logs/execution/trace-spans/trace-spans.ts

@@ -96,6 +96,8 @@ function wrapInWorkflowRoot(
   const actualWorkflowDuration = latestEnd - earliestStart
   addRelativeTimestamps(grouped, earliestStart)
 
+  const totalCost = leafSpans.reduce((sum, s) => sum + (s.cost?.total ?? 0), 0)
+
   const workflowSpan: TraceSpan = {
     id: 'workflow-execution',
     name: 'Workflow Execution',
@@ -105,6 +107,7 @@ function wrapInWorkflowRoot(
     endTime: new Date(latestEnd).toISOString(),
     status: grouped.some(hasUnhandledError) ? 'error' : 'success',
     children: grouped,
+    ...(totalCost > 0 && { cost: { total: totalCost } }),
   }
 
   return { traceSpans: [workflowSpan], totalDuration: actualWorkflowDuration }