cameleer-server/ui/src/api/queries/logs.ts

import { useQuery } from '@tanstack/react-query';
import { config } from '../../config';
import { useAuthStore } from '../../auth/auth-store';
import { useRefreshInterval } from './use-refresh-interval';
import { useGlobalFilters } from '@cameleer/design-system';

export interface LogEntryResponse {
  timestamp: string;
  level: string;
  loggerName: string | null;
  message: string;
  threadName: string | null;
  stackTrace: string | null;
}

export function useApplicationLogs(
  application?: string,
  agentId?: string,
  options?: { limit?: number; toOverride?: string },
) {
  const refetchInterval = useRefreshInterval(15_000);
  const { timeRange } = useGlobalFilters();
  const to = options?.toOverride ?? timeRange.end.toISOString();

  return useQuery({
    queryKey: ['logs', application, agentId, timeRange.start.toISOString(), to, options?.limit],
    queryFn: async () => {
      const token = useAuthStore.getState().accessToken;
      const params = new URLSearchParams();
      params.set('application', application!);
      if (agentId) params.set('agentId', agentId);
      params.set('from', timeRange.start.toISOString());
      params.set('to', to);
      if (options?.limit) params.set('limit', String(options.limit));
      const res = await fetch(`${config.apiBaseUrl}/logs?${params}`, {
        headers: {
          Authorization: `Bearer ${token}`,
          'X-Cameleer-Protocol-Version': '1',
        },
      });
      if (!res.ok) throw new Error('Failed to load application logs');
      return res.json() as Promise<LogEntryResponse[]>;
    },
    enabled: !!application,
    refetchInterval,
  });
}