Function Logs

apps/sim/app/workspace/[workspaceId]/logs/logs.tsx:208–1172

()

 * @returns The logs page view with table and sidebar details
 */
export default function Logs() {
  const params = useParams()
  const workspaceId = params.workspaceId as string

  const {
    timeRange,
    startDate,
    endDate,
    level,
    workflowIds,
    folderIds,
    setWorkflowIds,
    searchQuery: urlSearchQuery,
    setSearchQuery: setUrlSearchQuery,
    triggers,
    resetFilters,
    setLevel,
    setFolderIds,
    setTriggers,
    setTimeRange,
    setDateRange,
    clearDateRange,
  } = useLogFilters()

  const viewMode = useFilterStore((s) => s.viewMode)
  const setViewMode = useFilterStore((s) => s.setViewMode)

  const [{ selectedLogId, isSidebarOpen }, dispatch] = useReducer(logSelectionReducer, {
    selectedLogId: null,
    isSidebarOpen: false,
  })

  const [executionId] = useQueryState(executionIdParam.key, executionIdParam.parser)
  const [pendingExecutionId, setPendingExecutionId] = useState<string | null>(() => executionId)

  /**
   * The log-details `tab` param is owned/written by the details panel, but the
   * orchestrator must clear it when the panel closes so a lingering `?tab=trace`
   * never carries over to the next log opened from the list.
   */
  const [, setLogDetailsTab] = useQueryState(logDetailsTabParam.key, {
    ...logDetailsTabParam.parser,
    ...logDetailsTabUrlKeys,
  })

  /**
   * `urlSearchQuery` is the instant nuqs value (its URL write is debounced inside
   * `useLogFilters`); the query/filtering still debounce off it to avoid
   * per-keystroke fetches.
   */
  const debouncedSearchQuery = useDebounce(urlSearchQuery, 300)

  const isLive = true
  const [isVisuallyRefreshing, setIsVisuallyRefreshing] = useState(false)
  const [isExporting, setIsExporting] = useState(false)
  const refreshTimersRef = useRef(new Set<number>())
  const logsRef = useRef<WorkflowLogSummary[]>([])
  const selectedLogIndexRef = useRef(-1)