@burdenoff/microfe-vibecontrols 2026.529.11 → 2026.529.13

package/dist/components/logs/LogViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"LogViewer.js","names":[],"sources":["../../../src/components/logs/LogViewer.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { Download, Pause, Play, RefreshCw, Search, Trash2 } from 'lucide-react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { agentApiPath } from '@/utils/agentApiPath';\n\ninterface LogEntry {\n  timestamp: string;\n  level: 'debug' | 'info' | 'warn' | 'error';\n  source: string;\n  message: string;\n  metadata?: Record<string, unknown>;\n}\n\ninterface LogViewerProps {\n  agentId: string;\n  /** Canonical CLI profile name on the remote agent. */\n  profile: string;\n  level?: 'debug' | 'info' | 'warn' | 'error';\n  source?: string;\n  maxEntries?: number;\n  className?: string;\n  compact?: boolean;\n}\n\nfunction getEntryKey(entry: LogEntry): string {\n  return `${entry.timestamp}:${entry.level}:${entry.source}:${entry.message}`;\n}\n\nconst LEVEL_COLORS: Record<string, string> = {\n  debug: 'text-text-tertiary',\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  debug: 'bg-bg-tertiary/30',\n  info: 'bg-status-info-bg/10',\n  warn: 'bg-status-warning-bg/10',\n  error: 'bg-status-error-bg/10',\n};\n\nexport const LogViewer: FC<LogViewerProps> = ({\n  agentId,\n  profile,\n  level: initialLevel = 'info',\n  source: initialSource,\n  maxEntries = 1000,\n  className = '',\n  compact = false,\n}) => {\n  const { t } = useI18n();\n  const { apiGatewayUrl, workspaceId } = useVibeControls();\n  const [entries, setEntries] = useState<LogEntry[]>([]);\n  const [connected, setConnected] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const [level, setLevel] = useState(initialLevel);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const autoScrollRef = useRef(true);\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const element = containerRef.current;\n    autoScrollRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 50;\n  }, []);\n\n  const scrollToBottom = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, []);\n\n  const fetchLogs = useCallback(async () => {\n    if (!agentId) {\n      return;\n    }\n\n    setIsRefreshing(true);\n\n    try {\n      const authToken = getStoredAuthToken();\n      const workspaceToken = getStoredWorkspaceToken();\n      const response = await fetch(\n        apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n            ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n            ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n          },\n          body: JSON.stringify({\n            query: `query AgentLogs($agentId: ID!, $path: String!, $query: JSON) {\n            agentAiGet(agentId: $agentId, path: $path, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }`,\n            variables: {\n              agentId,\n              path: agentApiPath(profile, '/logs'),\n              query: {\n                level,\n                limit: 200,\n                ...(initialSource ? { source: initialSource } : {}),\n              },\n            },\n          }),\n        }\n      );\n\n      const payload = await response.json();\n      const proxy = payload.data?.agentAiGet;\n      if (!proxy?.ok) {\n        throw new Error(proxy?.error || payload.errors?.[0]?.message || 'Failed to fetch logs');\n      }\n\n      const nextEntries = ((proxy.data?.entries ?? []) as LogEntry[]).slice().sort((a, b) => {\n        return new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime();\n      });\n      setEntries((current) => {\n        const merged = new Map<string, LogEntry>();\n        for (const entry of current) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        for (const entry of nextEntries) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        return Array.from(merged.values())\n          .sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime())\n          .slice(-maxEntries);\n      });\n      setConnected(true);\n      setErrorMessage(null);\n\n      if (autoScrollRef.current) {\n        requestAnimationFrame(scrollToBottom);\n      }\n    } catch (error) {\n      setConnected(false);\n      setErrorMessage(\n        error instanceof Error ? error.message : tr('logs.fetchFailed', 'Failed to fetch logs')\n      );\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [\n    agentId,\n    profile,\n    apiGatewayUrl,\n    initialSource,\n    level,\n    maxEntries,\n    scrollToBottom,\n    tr,\n    workspaceId,\n  ]);\n\n  useEffect(() => {\n    setEntries([]);\n    setConnected(false);\n    setErrorMessage(null);\n  }, [agentId, initialSource, level]);\n\n  useEffect(() => {\n    if (!agentId || paused) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const load = async () => {\n      if (!cancelled) {\n        await fetchLogs();\n      }\n    };\n\n    void load();\n    const intervalId = window.setInterval(() => {\n      void load();\n    }, 3000);\n\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [agentId, fetchLogs, paused]);\n\n  const filteredEntries = searchQuery\n    ? entries.filter(\n        (entry) =>\n          entry.message.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          entry.source.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : entries;\n\n  const handleClear = () => setEntries([]);\n\n  const handleExport = () => {\n    const blob = new Blob([filteredEntries.map((entry) => JSON.stringify(entry)).join('\\n')], {\n      type: 'application/x-ndjson',\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `agent-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.jsonl`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const formatTime = (timestamp: string) => {\n    try {\n      const date = new Date(timestamp);\n      return (\n        date.toLocaleTimeString('en-US', {\n          hour12: false,\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }) +\n        '.' +\n        String(date.getMilliseconds()).padStart(3, '0')\n      );\n    } catch {\n      return timestamp;\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${className}`}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2\">\n        <div className=\"mr-2 flex items-center gap-1.5\">\n          <div\n            className={`size-2 rounded-full ${connected ? 'animate-pulse bg-status-success-bg' : 'bg-status-error-bg'}`}\n          />\n          <span className=\"text-xs text-text-tertiary\">\n            {connected ? tr('logs.live', 'Live') : tr('logs.disconnected', 'Disconnected')}\n          </span>\n        </div>\n\n        <select\n          value={level}\n          onChange={(event) => setLevel(event.target.value as LogEntry['level'])}\n          className=\"rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary\"\n          aria-label={tr('logs.levelFilter', 'Log level filter')}\n        >\n          <option value=\"debug\">DEBUG+</option>\n          <option value=\"info\">INFO+</option>\n          <option value=\"warn\">WARN+</option>\n          <option value=\"error\">ERROR</option>\n        </select>\n\n        <div className=\"relative min-w-[120px] max-w-xs flex-1\">\n          <Search\n            size={12}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary\"\n          />\n          <input\n            aria-label=\"control\"\n            type=\"text\"\n            placeholder={tr('logs.filterLogs', 'Filter logs...')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            className=\"w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary\"\n          />\n        </div>\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          <span className=\"text-xs text-text-tertiary\">\n            {filteredEntries.length} {tr('logs.entries', 'entries')}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => void fetchLogs()}\n            disabled={isRefreshing}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50\"\n            title={tr('common.refresh', 'Refresh')}\n          >\n            <RefreshCw size={14} className={isRefreshing ? 'animate-spin' : ''} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPaused((current) => !current)}\n            className={`rounded p-1 transition-colors hover:bg-bg-tertiary ${paused ? 'text-status-warning-text' : 'text-text-tertiary'}`}\n            title={paused ? tr('logs.resume', 'Resume') : tr('logs.pause', 'Pause')}\n          >\n            {paused ? <Play size={14} /> : <Pause size={14} />}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.clear', 'Clear')}\n          >\n            <Trash2 size={14} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.export', 'Export')}\n          >\n            <Download size={14} />\n          </button>\n        </div>\n      </div>\n\n      {errorMessage ? (\n        <div\n          role=\"alert\"\n          className=\"border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        ref={containerRef}\n        onScroll={handleScroll}\n        className={`overflow-y-auto font-mono text-xs leading-relaxed ${compact ? 'max-h-[300px]' : 'min-h-[400px] flex-1'}`}\n        style={{ maxHeight: compact ? '300px' : undefined }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div className=\"flex h-full min-h-[200px] items-center justify-center text-text-tertiary\">\n            {connected\n              ? tr('logs.waitingForEntries', 'Waiting for log entries...')\n              : tr('logs.connectToAgent', 'Connect to an agent to view logs')}\n          </div>\n        ) : (\n          filteredEntries.map((entry, index) => (\n            <div\n              key={`${entry.timestamp}-${entry.source}-${index}`}\n              className={`flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${LEVEL_BG[entry.level] ?? ''}`}\n            >\n              <span className=\"w-[85px] shrink-0 text-text-tertiary\">\n                {formatTime(entry.timestamp)}\n              </span>\n              <span\n                className={`w-[42px] shrink-0 uppercase font-semibold ${LEVEL_COLORS[entry.level] ?? 'text-text-primary'}`}\n              >\n                {entry.level}\n              </span>\n              <span\n                className=\"w-[100px] shrink-0 truncate text-text-secondary\"\n                title={entry.source}\n              >\n                [{entry.source}]\n              </span>\n              <span className=\"flex-1 break-all text-text-primary\">\n                {entry.message}\n                {entry.metadata && Object.keys(entry.metadata).length > 0 ? (\n                  <span className=\"ml-2 text-text-tertiary\">{JSON.stringify(entry.metadata)}</span>\n                ) : null}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LogViewer.js","names":[],"sources":["../../../src/components/logs/LogViewer.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type FC } from 'react';\nimport { Download, Pause, Play, RefreshCw, Search, Trash2 } from 'lucide-react';\nimport { getStoredAuthToken, getStoredWorkspaceToken } from '@burdenoff/fe-libs/shared/graphql';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\nimport { agentApiPath } from '@/utils/agentApiPath';\n\ninterface LogEntry {\n  timestamp: string;\n  level: 'debug' | 'info' | 'warn' | 'error';\n  source: string;\n  message: string;\n  metadata?: Record<string, unknown>;\n}\n\ninterface LogViewerProps {\n  agentId: string;\n  /** Canonical CLI profile name on the remote agent. */\n  profile: string;\n  level?: 'debug' | 'info' | 'warn' | 'error';\n  source?: string;\n  maxEntries?: number;\n  className?: string;\n  compact?: boolean;\n}\n\nfunction getEntryKey(entry: LogEntry): string {\n  return `${entry.timestamp}:${entry.level}:${entry.source}:${entry.message}`;\n}\n\nconst LEVEL_COLORS: Record<string, string> = {\n  debug: 'text-text-tertiary',\n  info: 'text-status-info-text',\n  warn: 'text-status-warning-text',\n  error: 'text-status-error-text',\n};\n\nconst LEVEL_BG: Record<string, string> = {\n  debug: 'bg-bg-tertiary/30',\n  info: 'bg-status-info-bg/10',\n  warn: 'bg-status-warning-bg/10',\n  error: 'bg-status-error-bg/10',\n};\n\nexport const LogViewer: FC<LogViewerProps> = ({\n  agentId,\n  profile,\n  level: initialLevel = 'info',\n  source: initialSource,\n  maxEntries = 1000,\n  className = '',\n  compact = false,\n}) => {\n  const { t } = useI18n();\n  const { apiGatewayUrl, workspaceId } = useVibeControls();\n  const [entries, setEntries] = useState<LogEntry[]>([]);\n  const [connected, setConnected] = useState(false);\n  const [paused, setPaused] = useState(false);\n  const [level, setLevel] = useState(initialLevel);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [errorMessage, setErrorMessage] = useState<string | null>(null);\n  const [isRefreshing, setIsRefreshing] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const autoScrollRef = useRef(true);\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  const handleScroll = useCallback(() => {\n    if (!containerRef.current) {\n      return;\n    }\n\n    const element = containerRef.current;\n    autoScrollRef.current = element.scrollHeight - element.scrollTop - element.clientHeight < 50;\n  }, []);\n\n  const scrollToBottom = useCallback(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTop = containerRef.current.scrollHeight;\n    }\n  }, []);\n\n  const fetchLogs = useCallback(async () => {\n    if (!agentId) {\n      return;\n    }\n\n    setIsRefreshing(true);\n\n    try {\n      const authToken = getStoredAuthToken();\n      const workspaceToken = getStoredWorkspaceToken();\n      const response = await fetch(\n        apiGatewayUrl ? `${apiGatewayUrl}/workspaces/graphql` : '/workspaces/graphql',\n        {\n          method: 'POST',\n          headers: {\n            'Content-Type': 'application/json',\n            ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),\n            ...(workspaceToken ? { 'X-Workspace-Authorization': `Bearer ${workspaceToken}` } : {}),\n            ...(workspaceId ? { 'x-workspace-id': workspaceId } : {}),\n          },\n          body: JSON.stringify({\n            // Dedicated logs proxy (svc commit \"logs proxy: agentLogsGet\").\n            // The previous path threaded `/api/profiles/<p>/logs` through\n            // agentAiGet whose F9 allowlist rejects non-/api/ai paths,\n            // turning every UI log fetch into a 400. agentLogsGet is the\n            // narrow, read-only logs surface that satisfies the allowlist\n            // without widening the AI proxy.\n            query: `query AgentLogs($agentId: ID!, $profile: String, $query: JSON) {\n            agentLogsGet(agentId: $agentId, profile: $profile, query: $query) {\n              ok\n              status\n              data\n              error\n            }\n          }`,\n            variables: {\n              agentId,\n              profile,\n              query: {\n                level,\n                limit: 200,\n                ...(initialSource ? { source: initialSource } : {}),\n              },\n            },\n          }),\n        }\n      );\n\n      const payload = await response.json();\n      const proxy = payload.data?.agentLogsGet;\n      if (!proxy?.ok) {\n        throw new Error(proxy?.error || payload.errors?.[0]?.message || 'Failed to fetch logs');\n      }\n\n      const nextEntries = ((proxy.data?.entries ?? []) as LogEntry[]).slice().sort((a, b) => {\n        return new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime();\n      });\n      setEntries((current) => {\n        const merged = new Map<string, LogEntry>();\n        for (const entry of current) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        for (const entry of nextEntries) {\n          merged.set(getEntryKey(entry), entry);\n        }\n        return Array.from(merged.values())\n          .sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime())\n          .slice(-maxEntries);\n      });\n      setConnected(true);\n      setErrorMessage(null);\n\n      if (autoScrollRef.current) {\n        requestAnimationFrame(scrollToBottom);\n      }\n    } catch (error) {\n      setConnected(false);\n      setErrorMessage(\n        error instanceof Error ? error.message : tr('logs.fetchFailed', 'Failed to fetch logs')\n      );\n    } finally {\n      setIsRefreshing(false);\n    }\n  }, [\n    agentId,\n    profile,\n    apiGatewayUrl,\n    initialSource,\n    level,\n    maxEntries,\n    scrollToBottom,\n    tr,\n    workspaceId,\n  ]);\n\n  useEffect(() => {\n    setEntries([]);\n    setConnected(false);\n    setErrorMessage(null);\n  }, [agentId, initialSource, level]);\n\n  useEffect(() => {\n    if (!agentId || paused) {\n      return undefined;\n    }\n\n    let cancelled = false;\n    const load = async () => {\n      if (!cancelled) {\n        await fetchLogs();\n      }\n    };\n\n    void load();\n    const intervalId = window.setInterval(() => {\n      void load();\n    }, 3000);\n\n    return () => {\n      cancelled = true;\n      window.clearInterval(intervalId);\n    };\n  }, [agentId, fetchLogs, paused]);\n\n  const filteredEntries = searchQuery\n    ? entries.filter(\n        (entry) =>\n          entry.message.toLowerCase().includes(searchQuery.toLowerCase()) ||\n          entry.source.toLowerCase().includes(searchQuery.toLowerCase())\n      )\n    : entries;\n\n  const handleClear = () => setEntries([]);\n\n  const handleExport = () => {\n    const blob = new Blob([filteredEntries.map((entry) => JSON.stringify(entry)).join('\\n')], {\n      type: 'application/x-ndjson',\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement('a');\n    anchor.href = url;\n    anchor.download = `agent-logs-${new Date().toISOString().slice(0, 19).replace(/:/g, '-')}.jsonl`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const formatTime = (timestamp: string) => {\n    try {\n      const date = new Date(timestamp);\n      return (\n        date.toLocaleTimeString('en-US', {\n          hour12: false,\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }) +\n        '.' +\n        String(date.getMilliseconds()).padStart(3, '0')\n      );\n    } catch {\n      return timestamp;\n    }\n  };\n\n  return (\n    <div\n      className={`flex flex-col overflow-hidden rounded-lg border border-border-primary bg-bg-elevated ${className}`}\n    >\n      <div className=\"flex flex-wrap items-center gap-2 border-b border-border-primary bg-bg-secondary/50 px-3 py-2\">\n        <div className=\"mr-2 flex items-center gap-1.5\">\n          <div\n            className={`size-2 rounded-full ${connected ? 'animate-pulse bg-status-success-bg' : 'bg-status-error-bg'}`}\n          />\n          <span className=\"text-xs text-text-tertiary\">\n            {connected ? tr('logs.live', 'Live') : tr('logs.disconnected', 'Disconnected')}\n          </span>\n        </div>\n\n        <select\n          value={level}\n          onChange={(event) => setLevel(event.target.value as LogEntry['level'])}\n          className=\"rounded border border-border-secondary bg-bg-tertiary px-2 py-1 text-xs text-text-primary\"\n          aria-label={tr('logs.levelFilter', 'Log level filter')}\n        >\n          <option value=\"debug\">DEBUG+</option>\n          <option value=\"info\">INFO+</option>\n          <option value=\"warn\">WARN+</option>\n          <option value=\"error\">ERROR</option>\n        </select>\n\n        <div className=\"relative min-w-[120px] max-w-xs flex-1\">\n          <Search\n            size={12}\n            className=\"absolute left-2 top-1/2 -translate-y-1/2 text-text-tertiary\"\n          />\n          <input\n            aria-label=\"control\"\n            type=\"text\"\n            placeholder={tr('logs.filterLogs', 'Filter logs...')}\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            className=\"w-full rounded border border-border-secondary bg-bg-tertiary py-1 pl-6 pr-2 text-xs text-text-primary placeholder:text-text-tertiary\"\n          />\n        </div>\n\n        <div className=\"ml-auto flex items-center gap-1\">\n          <span className=\"text-xs text-text-tertiary\">\n            {filteredEntries.length} {tr('logs.entries', 'entries')}\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => void fetchLogs()}\n            disabled={isRefreshing}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary disabled:opacity-50\"\n            title={tr('common.refresh', 'Refresh')}\n          >\n            <RefreshCw size={14} className={isRefreshing ? 'animate-spin' : ''} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setPaused((current) => !current)}\n            className={`rounded p-1 transition-colors hover:bg-bg-tertiary ${paused ? 'text-status-warning-text' : 'text-text-tertiary'}`}\n            title={paused ? tr('logs.resume', 'Resume') : tr('logs.pause', 'Pause')}\n          >\n            {paused ? <Play size={14} /> : <Pause size={14} />}\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.clear', 'Clear')}\n          >\n            <Trash2 size={14} />\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleExport}\n            className=\"rounded p-1 text-text-tertiary transition-colors hover:bg-bg-tertiary\"\n            title={tr('logs.export', 'Export')}\n          >\n            <Download size={14} />\n          </button>\n        </div>\n      </div>\n\n      {errorMessage ? (\n        <div\n          role=\"alert\"\n          className=\"border-b border-border-primary bg-status-error-bg/10 px-3 py-2 text-xs text-status-error-text\"\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n\n      <div\n        ref={containerRef}\n        onScroll={handleScroll}\n        className={`overflow-y-auto font-mono text-xs leading-relaxed ${compact ? 'max-h-[300px]' : 'min-h-[400px] flex-1'}`}\n        style={{ maxHeight: compact ? '300px' : undefined }}\n      >\n        {filteredEntries.length === 0 ? (\n          <div className=\"flex h-full min-h-[200px] items-center justify-center text-text-tertiary\">\n            {connected\n              ? tr('logs.waitingForEntries', 'Waiting for log entries...')\n              : tr('logs.connectToAgent', 'Connect to an agent to view logs')}\n          </div>\n        ) : (\n          filteredEntries.map((entry, index) => (\n            <div\n              key={`${entry.timestamp}-${entry.source}-${index}`}\n              className={`flex gap-2 border-b border-border-primary/30 px-3 py-0.5 hover:bg-bg-tertiary/50 ${LEVEL_BG[entry.level] ?? ''}`}\n            >\n              <span className=\"w-[85px] shrink-0 text-text-tertiary\">\n                {formatTime(entry.timestamp)}\n              </span>\n              <span\n                className={`w-[42px] shrink-0 uppercase font-semibold ${LEVEL_COLORS[entry.level] ?? 'text-text-primary'}`}\n              >\n                {entry.level}\n              </span>\n              <span\n                className=\"w-[100px] shrink-0 truncate text-text-secondary\"\n                title={entry.source}\n              >\n                [{entry.source}]\n              </span>\n              <span className=\"flex-1 break-all text-text-primary\">\n                {entry.message}\n                {entry.metadata && Object.keys(entry.metadata).length > 0 ? (\n                  <span className=\"ml-2 text-text-tertiary\">{JSON.stringify(entry.metadata)}</span>\n                ) : null}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}