fix(logs): refresh logic to refresh logs details

[emir-karabeg]

Summary

Fixed logs refreshing updating log details.

Type of Change

• Bug fix
• New feature
• Breaking change
• Documentation
• Other: ___________

Testing

Solo.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Review	Updated (UTC)
docs	Skipped		Jan 23, 2026 11:43pm

[greptile-apps]

Greptile Summary

Refactored log details refresh logic to use React Query's built-in refetchInterval instead of manual setInterval, improving consistency and reducing code complexity.

• Removed manual setInterval logic that was separately managing log detail refreshes
• Added refetchInterval option to useLogDetail hook, passing through to React Query
• Updated handleRefresh and handleToggleLive to explicitly refetch active log details when selected
• Standardized all refresh intervals from 5000ms to 3000ms for faster live updates
• Improved dependency tracking in handleRefresh and handleToggleLive callbacks

Confidence Score: 4/5

• This PR is safe to merge with minimal risk - refactors refresh logic using established patterns
• The changes improve code quality by using React Query's built-in functionality instead of manual interval management. The implementation correctly handles cleanup and dependencies. Minor concern: the simultaneous refetch in handleRefresh could cause brief UI inconsistency if one query completes before the other, but this is a minor edge case.
• No files require special attention

Important Files Changed

Filename	Overview
apps/sim/app/workspace/[workspaceId]/logs/logs.tsx	Replaced manual setInterval with React Query's refetchInterval for log details, updated refresh handlers to explicitly refetch active log, and standardized refresh intervals to 3000ms
apps/sim/hooks/queries/logs.ts	Added options parameter to useLogDetail hook to support refetchInterval configuration

Sequence Diagram

sequenceDiagram
    participant User
    participant Logs Component
    participant useLogDetail Hook
    participant React Query
    participant API

    Note over User,API: Live Mode Enabled
    User->>Logs Component: Toggle Live Mode
    Logs Component->>useLogDetail Hook: Pass refetchInterval: 3000ms
    useLogDetail Hook->>React Query: Configure automatic refetch
    
    loop Every 3 seconds (when isLive=true)
        React Query->>API: GET /api/logs/{logId}
        API-->>React Query: Log Details
        React Query-->>Logs Component: Updated Log Data
    end

    Note over User,API: Manual Refresh
    User->>Logs Component: Click Refresh Button
    Logs Component->>React Query: logsQuery.refetch()
    Logs Component->>React Query: activeLogQuery.refetch()
    React Query->>API: GET /api/logs
    React Query->>API: GET /api/logs/{logId}
    API-->>React Query: Updated Data
    React Query-->>Logs Component: Refreshed Logs

Loading