@xopcai/xopc 0.0.29 → 0.0.31

package/dist/gateway/static/root/assets/logs-page-Bndhenn2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-page-Bndhenn2.js","names":[],"sources":["../../../../../web/src/features/logs/log-api.ts","../../../../../web/src/features/logs/log.types.ts","../../../../../web/src/features/logs/logs-page-lib.ts","../../../../../web/src/features/logs/hooks/use-logs-page.ts","../../../../../web/src/features/logs/log-detail-body.tsx","../../../../../web/src/features/logs/logs-detail-drawer.tsx","../../../../../web/src/features/logs/logs-files-dialog.tsx","../../../../../web/src/features/logs/logs-filters-dialog.tsx","../../../../../web/src/features/logs/logs-filters-section.tsx","../../../../../web/src/features/logs/logs-list-section.tsx","../../../../../web/src/features/logs/logs-no-token.tsx","../../../../../web/src/features/logs/logs-page-header.tsx","../../../../../web/src/features/logs/logs-stats-popover.tsx","../../../../../web/src/features/logs/logs-page.tsx"],"sourcesContent":["import { fetchJson } from '@/lib/fetch';\nimport { apiUrl } from '@/lib/url';\n\nimport type { LogEntry, LogFile, LogQuery, LogStats } from '@/features/logs/log.types';\n\nfunction buildQueryString(query?: LogQuery): string {\n  const params = new URLSearchParams();\n  if (!query) return '';\n  if (query.level?.length) params.set('level', query.level.join(','));\n  if (query.from) params.set('from', query.from);\n  if (query.to) params.set('to', query.to);\n  if (query.q) params.set('q', query.q);\n  if (query.module) params.set('module', query.module);\n  if (query.limit != null) params.set('limit', String(query.limit));\n  if (query.offset != null) params.set('offset', String(query.offset));\n  const qs = params.toString();\n  return qs ? `?${qs}` : '';\n}\n\nexport async function queryLogs(query?: LogQuery): Promise<{ logs: LogEntry[]; count: number }> {\n  return fetchJson<{ logs: LogEntry[]; count: number }>(apiUrl(`/api/logs${buildQueryString(query)}`));\n}\n\nexport async function getLogFiles(): Promise<LogFile[]> {\n  const result = await fetchJson<{ files: LogFile[] }>(apiUrl('/api/logs/files'));\n  return result.files ?? [];\n}\n\nexport async function getLogModules(): Promise<string[]> {\n  const result = await fetchJson<{ modules: string[] }>(apiUrl('/api/logs/modules'));\n  return result.modules ?? [];\n}\n\nexport async function getLogStats(): Promise<LogStats> {\n  const raw = await fetchJson<Partial<LogStats>>(apiUrl('/api/logs/stats'));\n  return { byLevel: raw.byLevel ?? {} };\n}\n\nexport async function getLogDir(): Promise<string> {\n  const result = await fetchJson<{ dir: string }>(apiUrl('/api/logs/dir'));\n  return result.dir ?? '';\n}\n","export type LogLevel = 'trace' | 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nexport const LOG_LEVELS: LogLevel[] = ['trace', 'debug', 'info', 'warn', 'error', 'fatal'];\n\nexport interface LogEntry {\n  timestamp: string;\n  level: LogLevel;\n  message: string;\n  module?: string;\n  prefix?: string;\n  service?: string;\n  extension?: string;\n  requestId?: string;\n  sessionId?: string;\n  userId?: string;\n  meta?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface LogQuery {\n  level?: string[];\n  from?: string;\n  to?: string;\n  q?: string;\n  module?: string;\n  limit?: number;\n  offset?: number;\n}\n\nexport interface LogFile {\n  name: string;\n  size: number;\n  modified: string;\n}\n\nexport interface LogStats {\n  byLevel: Partial<Record<LogLevel | 'silent', number>>;\n}\n","import { LOG_LEVELS, type LogEntry, type LogLevel } from '@/features/logs/log.types';\n\nfunction logEntryTimeMs(entry: LogEntry): number {\n  const t = new Date(String(entry.timestamp)).getTime();\n  return Number.isFinite(t) ? t : 0;\n}\n\n/** Newest first (descending by timestamp). */\nexport function sortLogsByTimeDesc(entries: readonly LogEntry[]): LogEntry[] {\n  return [...entries].sort((a, b) => logEntryTimeMs(b) - logEntryTimeMs(a));\n}\n\nexport const PAGE_LIMIT = 50;\nexport const REFRESH_MS = 5000;\n\nexport const LOG_LEVEL_SET = new Set<LogLevel>(LOG_LEVELS);\n\nexport type LevelPreset = 'all' | 'errors' | 'warnPlus' | 'infoPlus' | 'verbose' | 'custom';\nexport type LevelSegmentValue = Exclude<LevelPreset, 'custom'> | 'other';\n\nconst PRESET_ERRORS: LogLevel[] = ['error', 'fatal'];\nconst PRESET_WARN_PLUS: LogLevel[] = ['warn', 'error', 'fatal'];\nconst PRESET_INFO_PLUS: LogLevel[] = ['info', 'warn', 'error', 'fatal'];\n\nexport function parseLogLevelsParam(raw: string | null): Set<LogLevel> {\n  if (!raw) return new Set<LogLevel>();\n  const out = new Set<LogLevel>();\n  for (const part of raw.split(',')) {\n    const level = part.trim() as LogLevel;\n    if (LOG_LEVEL_SET.has(level)) out.add(level);\n  }\n  return out;\n}\n\nexport function isSameLogLevelSet(a: Set<LogLevel>, b: Set<LogLevel>): boolean {\n  if (a.size !== b.size) return false;\n  for (const level of a) {\n    if (!b.has(level)) return false;\n  }\n  return true;\n}\n\nfunction setMatchesLevels(s: Set<LogLevel>, levels: readonly LogLevel[]): boolean {\n  if (s.size !== levels.length) return false;\n  return levels.every((l) => s.has(l));\n}\n\nexport function derivePreset(levels: Set<LogLevel>): LevelPreset {\n  if (levels.size === 0) return 'all';\n  if (setMatchesLevels(levels, PRESET_ERRORS)) return 'errors';\n  if (setMatchesLevels(levels, PRESET_WARN_PLUS)) return 'warnPlus';\n  if (setMatchesLevels(levels, PRESET_INFO_PLUS)) return 'infoPlus';\n  if (levels.size === LOG_LEVELS.length && LOG_LEVELS.every((l) => levels.has(l))) return 'verbose';\n  return 'custom';\n}\n\nexport function segmentValueFromLevels(levels: Set<LogLevel>): LevelSegmentValue {\n  const p = derivePreset(levels);\n  return p === 'custom' ? 'other' : p;\n}\n\nexport function levelsForPreset(preset: Exclude<LevelPreset, 'custom'>): Set<LogLevel> {\n  switch (preset) {\n    case 'all':\n      return new Set();\n    case 'errors':\n      return new Set(PRESET_ERRORS);\n    case 'warnPlus':\n      return new Set(PRESET_WARN_PLUS);\n    case 'infoPlus':\n      return new Set(PRESET_INFO_PLUS);\n    case 'verbose':\n      return new Set(LOG_LEVELS);\n  }\n}\n\nexport function interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\nexport function moduleLabel(log: LogEntry): string {\n  return String(log.module || log.prefix || log.service || log.extension || '—');\n}\n\nexport function messagePreview(log: LogEntry): string {\n  if (typeof log.message === 'string' && log.message) return log.message;\n  try {\n    return JSON.stringify(log);\n  } catch {\n    return '';\n  }\n}\n\nexport function formatTimeCompact(timestamp: string): string {\n  try {\n    const date = new Date(timestamp);\n    return date.toLocaleTimeString(undefined, {\n      hour: '2-digit',\n      minute: '2-digit',\n      second: '2-digit',\n      hour12: false,\n    });\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatTimestampFull(timestamp: string): string {\n  try {\n    return new Date(timestamp).toLocaleString();\n  } catch {\n    return timestamp;\n  }\n}\n\nexport function formatFileSize(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\n}\n\nexport function requestIdPreview(id: string): string {\n  const t = id.trim();\n  if (t.length <= 10) return t;\n  return `${t.slice(0, 8)}…`;\n}\n\nexport function levelLabel(level: string): string {\n  return String(level).toLowerCase();\n}\n\nexport function formatStatsLine(\n  byLevel: Partial<Record<LogLevel | 'silent', number>>,\n  labels: Record<LogLevel, string>,\n): string {\n  const parts: string[] = [];\n  for (const lv of LOG_LEVELS) {\n    const n = byLevel[lv] ?? 0;\n    if (n > 0) parts.push(`${labels[lv]} ${n}`);\n  }\n  return parts.join(' · ');\n}\n","import { useEffect, useMemo, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\n\nimport {\n  getLogDir,\n  getLogFiles,\n  getLogModules,\n  getLogStats,\n  queryLogs,\n} from '@/features/logs/log-api';\nimport type { LogEntry, LogFile, LogLevel } from '@/features/logs/log.types';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport {\n  isSameLogLevelSet,\n  levelsForPreset,\n  PAGE_LIMIT,\n  parseLogLevelsParam,\n  REFRESH_MS,\n  segmentValueFromLevels,\n  sortLogsByTimeDesc,\n} from '@/features/logs/logs-page-lib';\nimport { messages } from '@/i18n/messages';\nimport type { StoredLanguage } from '@/lib/storage';\nimport { useGatewayStore } from '@/stores/gateway-store';\n\nexport function useLogsPage(language: StoredLanguage) {\n  const L = messages(language).logs;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialLevels = parseLogLevelsParam(searchParams.get('level'));\n  const initialModule = searchParams.get('module') ?? '';\n  const initialFrom = searchParams.get('from') ?? '';\n  const initialTo = searchParams.get('to') ?? '';\n  const initialAutoRefresh = searchParams.get('live') === '1';\n\n  const [logs, setLogs] = useState<LogEntry[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n\n  const [searchInput, setSearchInput] = useState(initialSearch);\n  const [debouncedSearch, setDebouncedSearch] = useState(initialSearch.trim());\n  const [selectedLevels, setSelectedLevels] = useState<Set<LogLevel>>(initialLevels);\n  const [moduleFilter, setModuleFilter] = useState(initialModule);\n  const [dateFrom, setDateFrom] = useState(initialFrom);\n  const [dateTo, setDateTo] = useState(initialTo);\n\n  const [modules, setModules] = useState<string[]>([]);\n  const [files, setFiles] = useState<LogFile[]>([]);\n  const [stats, setStats] = useState<Awaited<ReturnType<typeof getLogStats>> | null>(null);\n\n  const [selectedLog, setSelectedLog] = useState<LogEntry | null>(null);\n  const [filesOpen, setFilesOpen] = useState(false);\n  const [filtersOpen, setFiltersOpen] = useState(false);\n  const [logDir, setLogDir] = useState<string | null>(null);\n  const [autoRefresh, setAutoRefresh] = useState(initialAutoRefresh);\n  const [copiedDetail, setCopiedDetail] = useState<'json' | 'message' | null>(null);\n\n  const levelSegment = useMemo(() => segmentValueFromLevels(selectedLevels), [selectedLevels]);\n\n  const handleLevelSegment = (value: LevelSegmentValue) => {\n    if (value === 'other') {\n      setFiltersOpen(true);\n      return;\n    }\n    setSelectedLevels(levelsForPreset(value));\n  };\n\n  const hasActiveFilters =\n    debouncedSearch.length > 0 ||\n    selectedLevels.size > 0 ||\n    Boolean(moduleFilter) ||\n    Boolean(dateFrom) ||\n    Boolean(dateTo);\n\n  const activeFilterCount =\n    (debouncedSearch.length > 0 ? 1 : 0) +\n    (selectedLevels.size > 0 ? 1 : 0) +\n    (moduleFilter ? 1 : 0) +\n    (dateFrom || dateTo ? 1 : 0);\n\n  useEffect(() => {\n    const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 300);\n    return () => clearTimeout(t);\n  }, [searchInput]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextModule = searchParams.get('module') ?? '';\n    const nextFrom = searchParams.get('from') ?? '';\n    const nextTo = searchParams.get('to') ?? '';\n    const nextAutoRefresh = searchParams.get('live') === '1';\n    const nextLevels = parseLogLevelsParam(searchParams.get('level'));\n    const nextDebouncedQ = nextQ.trim();\n\n    setSearchInput((prev) => (prev === nextQ ? prev : nextQ));\n    setDebouncedSearch((prev) => (prev === nextDebouncedQ ? prev : nextDebouncedQ));\n    setSelectedLevels((prev) => (isSameLogLevelSet(nextLevels, prev) ? prev : nextLevels));\n    setModuleFilter((prev) => (prev === nextModule ? prev : nextModule));\n    setDateFrom((prev) => (prev === nextFrom ? prev : nextFrom));\n    setDateTo((prev) => (prev === nextTo ? prev : nextTo));\n    setAutoRefresh((prev) => (prev === nextAutoRefresh ? prev : nextAutoRefresh));\n  }, [searchParams]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = debouncedSearch.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n\n    if (selectedLevels.size > 0) {\n      params.set('level', Array.from(selectedLevels).sort().join(','));\n    } else {\n      params.delete('level');\n    }\n\n    if (moduleFilter) params.set('module', moduleFilter);\n    else params.delete('module');\n    if (dateFrom) params.set('from', dateFrom);\n    else params.delete('from');\n    if (dateTo) params.set('to', dateTo);\n    else params.delete('to');\n    if (autoRefresh) params.set('live', '1');\n    else params.delete('live');\n\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [\n    autoRefresh,\n    dateFrom,\n    dateTo,\n    debouncedSearch,\n    moduleFilter,\n    searchParams,\n    selectedLevels,\n    setSearchParams,\n  ]);\n\n  const queryParams = useMemo(\n    () => ({\n      q: debouncedSearch || undefined,\n      level: selectedLevels.size > 0 ? Array.from(selectedLevels) : undefined,\n      module: moduleFilter || undefined,\n      from: dateFrom || undefined,\n      to: dateTo || undefined,\n      limit: PAGE_LIMIT,\n    }),\n    [debouncedSearch, selectedLevels, moduleFilter, dateFrom, dateTo],\n  );\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      setLoading(true);\n      setError(null);\n      setLogs([]);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        if (cancelled) return;\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        if (!cancelled) {\n          setError(e instanceof Error ? e.message : L.loadError);\n          setLogs([]);\n          setHasMore(false);\n        }\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, queryParams, L.loadError]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [mods, st, fileList] = await Promise.all([getLogModules(), getLogStats(), getLogFiles()]);\n        if (!cancelled) {\n          setModules(mods);\n          setStats(st);\n          setFiles(fileList);\n        }\n      } catch {\n        /* optional */\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken]);\n\n  useEffect(() => {\n    if (!hasToken || !filesOpen) return;\n    let cancelled = false;\n    (async () => {\n      try {\n        const [list, dir] = await Promise.all([getLogFiles(), getLogDir()]);\n        if (!cancelled) {\n          setFiles(list);\n          setLogDir(dir);\n        }\n      } catch {\n        if (!cancelled) setFiles([]);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, filesOpen]);\n\n  useEffect(() => {\n    if (!autoRefresh || !hasToken) return;\n    const id = window.setInterval(() => {\n      void (async () => {\n        try {\n          const result = await queryLogs({ ...queryParams, offset: 0 });\n          setLogs(sortLogsByTimeDesc(result.logs));\n          setHasMore(result.logs.length === PAGE_LIMIT);\n          const st = await getLogStats();\n          setStats(st);\n        } catch {\n          /* ignore */\n        }\n      })();\n    }, REFRESH_MS);\n    return () => clearInterval(id);\n  }, [autoRefresh, hasToken, queryParams]);\n\n  useEffect(() => {\n    if (!copiedDetail) return;\n    const t = window.setTimeout(() => setCopiedDetail(null), 2000);\n    return () => clearTimeout(t);\n  }, [copiedDetail]);\n\n  const clearFilters = () => {\n    setSearchInput('');\n    setDebouncedSearch('');\n    setSelectedLevels(new Set());\n    setModuleFilter('');\n    setDateFrom('');\n    setDateTo('');\n  };\n\n  const toggleDialogLevel = (level: LogLevel) => {\n    setSelectedLevels((prev) => {\n      const next = new Set(prev);\n      if (next.has(level)) next.delete(level);\n      else next.add(level);\n      return next;\n    });\n  };\n\n  const handleLoadMore = () => {\n    if (loading || !hasMore) return;\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: logs.length });\n        setLogs((prev) => sortLogsByTimeDesc([...prev, ...result.logs]));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  const refreshAll = () => {\n    void (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await queryLogs({ ...queryParams, offset: 0 });\n        setLogs(sortLogsByTimeDesc(result.logs));\n        setHasMore(result.logs.length === PAGE_LIMIT);\n        const [st, fileList] = await Promise.all([getLogStats(), getLogFiles()]);\n        setStats(st);\n        setFiles(fileList);\n      } catch (e) {\n        setError(e instanceof Error ? e.message : L.loadError);\n      } finally {\n        setLoading(false);\n      }\n    })();\n  };\n\n  return {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    setSelectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  };\n}\n","import type { LogEntry } from '@/features/logs/log.types';\nimport { levelLabel, moduleLabel } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\nexport type LogDetailLabels = Pick<\n  LogsMessages,\n  'time' | 'level' | 'module' | 'message' | 'metadata' | 'requestId' | 'sessionId'\n>;\n\ntype Props = {\n  log: LogEntry;\n  labels: LogDetailLabels;\n};\n\nexport function LogDetailBody({ log, labels }: Props) {\n  const lv = log.level ?? 'info';\n  const rid = typeof log.requestId === 'string' ? log.requestId : '';\n  const sid = typeof log.sessionId === 'string' ? log.sessionId : '';\n  return (\n    <div className=\"flex flex-col gap-8\">\n      <div>\n        <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.message}</span>\n        <pre className=\"mt-2 whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n          {log.message || '—'}\n        </pre>\n      </div>\n      <div className=\"grid grid-cols-[5.5rem_1fr] gap-x-3 gap-y-2 text-xs\">\n        <span className=\"font-sans text-fg-muted\">{labels.time}</span>\n        <code className=\"break-all text-fg\">{log.timestamp}</code>\n        <span className=\"font-sans text-fg-muted\">{labels.level}</span>\n        <span className=\"text-fg\">{levelLabel(lv)}</span>\n        <span className=\"font-sans text-fg-muted\">{labels.module}</span>\n        <code className=\"break-all text-fg\">{moduleLabel(log)}</code>\n        {rid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.requestId}</span>\n            <code className=\"break-all text-fg\">{rid}</code>\n          </>\n        ) : null}\n        {sid ? (\n          <>\n            <span className=\"font-sans text-fg-muted\">{labels.sessionId}</span>\n            <code className=\"break-all text-fg\">{sid}</code>\n          </>\n        ) : null}\n      </div>\n      {log.meta && Object.keys(log.meta).length > 0 ? (\n        <div>\n          <span className=\"text-xs font-sans font-medium text-fg-muted\">{labels.metadata}</span>\n          <pre className=\"mt-2 overflow-x-auto whitespace-pre-wrap break-words border border-edge bg-surface-base p-3 text-xs leading-relaxed text-fg dark:border-edge\">\n            {JSON.stringify(log.meta, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { ClipboardCopy, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport { LogDetailBody } from '@/features/logs/log-detail-body';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  log: LogEntry | null;\n  onClose: () => void;\n  copiedDetail: 'json' | 'message' | null;\n  onCopiedMessage: () => void;\n  onCopiedJson: () => void;\n};\n\nexport function LogsDetailDrawer({ L, log, onClose, copiedDetail, onCopiedMessage, onCopiedJson }: Props) {\n  return (\n    <Dialog.Root open={log !== null} onOpenChange={(open) => !open && onClose()}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-50 bg-scrim\" />\n        <Dialog.Content\n          className={cn(\n            'xopc-drawer-right fixed right-0 top-0 z-50 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none',\n            'dark:border-edge',\n          )}\n          aria-describedby={undefined}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.details}</Dialog.Title>\n            <div className=\"flex min-w-0 items-center gap-1\">\n              {log ? (\n                <>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      const text = typeof log.message === 'string' ? log.message : '';\n                      void navigator.clipboard.writeText(text).then(onCopiedMessage);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'message' ? L.copied : L.copyMessage}</span>\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-9 shrink-0 gap-1 px-2 text-xs\"\n                    onClick={() => {\n                      void navigator.clipboard.writeText(JSON.stringify(log, null, 2)).then(onCopiedJson);\n                    }}\n                  >\n                    <ClipboardCopy className=\"size-3.5 shrink-0\" strokeWidth={1.75} />\n                    <span className=\"hidden sm:inline\">{copiedDetail === 'json' ? L.copied : L.copyJson}</span>\n                  </Button>\n                </>\n              ) : null}\n              <Dialog.Close asChild>\n                <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                  <X className=\"size-5\" strokeWidth={1.75} />\n                </Button>\n              </Dialog.Close>\n            </div>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4 font-mono text-sm leading-relaxed\">\n            {log ? (\n              <LogDetailBody\n                log={log}\n                labels={{\n                  time: L.time,\n                  level: L.level,\n                  module: L.module,\n                  message: L.message,\n                  metadata: L.metadata,\n                  requestId: L.requestId,\n                  sessionId: L.sessionId,\n                }}\n              />\n            ) : null}\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { Folder, X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogFile } from '@/features/logs/log.types';\nimport { formatFileSize, formatTimestampFull } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  files: LogFile[];\n  logDir: string | null;\n};\n\nexport function LogsFilesDialog({ L, open, onOpenChange, files, logDir }: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-50 bg-scrim\" />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 z-50 flex max-h-[min(32rem,85vh)] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            'dark:border-edge',\n          )}\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"flex items-center gap-2 text-base font-semibold tracking-tight text-fg\">\n              <Folder className=\"size-4 text-fg-muted\" strokeWidth={1.75} />\n              {L.logFiles}\n            </Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-3\">\n            {files.length === 0 ? (\n              <p className=\"text-sm text-fg-muted\">{L.filesEmpty}</p>\n            ) : (\n              <ul className=\"flex flex-col gap-2\" role=\"list\">\n                {files.map((f) => (\n                  <li\n                    key={f.name}\n                    className=\"flex flex-col gap-1 rounded-lg border border-edge-subtle bg-surface-base px-3 py-2 dark:border-edge\"\n                  >\n                    <span className=\"break-all font-mono text-xs text-fg\">{f.name}</span>\n                    <span className=\"flex flex-wrap gap-x-2 text-xs text-fg-subtle\">\n                      <span>{formatFileSize(f.size)}</span>\n                      <span>{formatTimestampFull(f.modified)}</span>\n                    </span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          {logDir ? (\n            <div className=\"shrink-0 border-t border-edge-subtle px-4 py-2 text-xs text-fg-subtle dark:border-edge\">\n              <span className=\"font-medium text-fg-muted\">{L.logDir}: </span>\n              <code className=\"break-all text-fg-subtle\">{logDir}</code>\n            </div>\n          ) : null}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport { LOG_LEVELS, type LogLevel } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  dateFrom: string;\n  onDateFromChange: (v: string) => void;\n  dateTo: string;\n  onDateToChange: (v: string) => void;\n  selectedLevels: Set<LogLevel>;\n  onToggleLevel: (level: LogLevel) => void;\n};\n\nexport function LogsFiltersDialog({\n  L,\n  open,\n  onOpenChange,\n  dateFrom,\n  onDateFromChange,\n  dateTo,\n  onDateToChange,\n  selectedLevels,\n  onToggleLevel,\n}: Props) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-50 bg-scrim\" />\n        <Dialog.Content\n          className={cn(\n            'xopc-dialog-content fixed left-1/2 top-1/2 z-50 flex max-h-[min(32rem,90vh)] w-[min(100%-2rem,22rem)] -translate-x-1/2 -translate-y-1/2 flex-col rounded-xl border border-edge bg-surface-panel shadow-popover outline-none',\n            'dark:border-edge',\n          )}\n          aria-describedby=\"log-filters-desc\"\n        >\n          <div className=\"flex shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold tracking-tight text-fg\">{L.filtersDialogTitle}</Dialog.Title>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={L.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n          <div id=\"log-filters-desc\" className=\"sr-only\">\n            {L.filtersDialogDesc}\n          </div>\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n            <p className=\"text-xs font-medium text-fg-muted\">{L.timeRange}</p>\n            <div className=\"mt-2 flex flex-col gap-3\">\n              <div>\n                <label htmlFor=\"log-from-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.from}\n                </label>\n                <input\n                  id=\"log-from-d\"\n                  type=\"datetime-local\"\n                  value={dateFrom}\n                  onChange={(e) => onDateFromChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n              <div>\n                <label htmlFor=\"log-to-d\" className=\"mb-1 block text-xs text-fg-muted\">\n                  {L.to}\n                </label>\n                <input\n                  id=\"log-to-d\"\n                  type=\"datetime-local\"\n                  value={dateTo}\n                  onChange={(e) => onDateToChange(e.target.value)}\n                  className=\"w-full rounded-xl border border-edge bg-surface-base px-2 py-2 text-sm text-fg dark:border-edge\"\n                />\n              </div>\n            </div>\n            <p className=\"mt-6 text-xs font-medium text-fg-muted\">{L.levelCustom}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-subtle\">{L.levelCustomHint}</p>\n            <div className=\"mt-3 flex flex-wrap gap-2\" role=\"group\" aria-label={L.level}>\n              {LOG_LEVELS.map((level) => {\n                const active = selectedLevels.has(level);\n                return (\n                  <button\n                    key={level}\n                    type=\"button\"\n                    className={cn(\n                      'rounded-full border px-3 py-1.5 text-xs font-medium capitalize transition-[color,background-color,border-color] duration-150 ease-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                      active\n                        ? 'border-edge bg-surface-active text-fg dark:border-edge'\n                        : 'border-edge-subtle bg-surface-base text-fg-muted hover:bg-surface-hover dark:border-edge',\n                    )}\n                    onClick={() => onToggleLevel(level)}\n                  >\n                    {L.levelNames[level]}\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n          <div className=\"shrink-0 border-t border-edge-subtle px-4 py-3 dark:border-edge\">\n            <Button type=\"button\" className=\"w-full rounded-xl\" onClick={() => onOpenChange(false)}>\n              {L.filtersDone}\n            </Button>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import { ListFilter, Search, X } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { bareInputFocusClass, selectControlBaseClass } from '@/lib/form-field-width';\nimport { cn } from '@/lib/cn';\nimport type { LevelSegmentValue } from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  levelSegment: LevelSegmentValue;\n  onLevelSegment: (v: LevelSegmentValue) => void;\n  searchInput: string;\n  onSearchInputChange: (v: string) => void;\n  moduleFilter: string;\n  onModuleFilterChange: (v: string) => void;\n  modules: string[];\n  onOpenFilters: () => void;\n  activeFilterCount: number;\n  hasActiveFilters: boolean;\n  onClearFilters: () => void;\n  autoRefresh: boolean;\n};\n\nexport function LogsFiltersSection({\n  L,\n  levelSegment,\n  onLevelSegment,\n  searchInput,\n  onSearchInputChange,\n  moduleFilter,\n  onModuleFilterChange,\n  modules,\n  onOpenFilters,\n  activeFilterCount,\n  hasActiveFilters,\n  onClearFilters,\n  autoRefresh,\n}: Props) {\n  return (\n    <section className=\"flex flex-col gap-3\" aria-label={L.filters}>\n      <div className=\"overflow-x-auto pb-1 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\">\n        <div className=\"min-w-[min(100%,36rem)]\">\n          <SlidingSegmented<LevelSegmentValue>\n            aria-label={L.levelPresetAria}\n            value={levelSegment}\n            onChange={onLevelSegment}\n            options={[\n              { value: 'all', label: L.presetAll },\n              { value: 'errors', label: L.presetErrors },\n              { value: 'warnPlus', label: L.presetWarnPlus },\n              { value: 'infoPlus', label: L.presetInfoPlus },\n              { value: 'verbose', label: L.presetVerbose },\n              { value: 'other', label: L.presetOther },\n            ]}\n            buttonClassName=\"h-8 px-1.5 text-[11px] sm:px-2 sm:text-xs\"\n          />\n        </div>\n      </div>\n\n      <div className=\"flex flex-col gap-2 sm:flex-row sm:flex-wrap sm:items-center\">\n        <label className=\"relative min-w-0 flex-1 sm:min-w-[12rem]\">\n          <span className=\"sr-only\">{L.searchPlaceholder}</span>\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-fg-subtle\"\n            strokeWidth={1.75}\n            aria-hidden\n          />\n          <input\n            type=\"search\"\n            value={searchInput}\n            onChange={(e) => onSearchInputChange(e.target.value)}\n            placeholder={L.searchPlaceholder}\n            autoComplete=\"off\"\n            spellCheck={false}\n            className={cn(\n              'h-10 w-full rounded-md border border-edge bg-surface-panel py-0 pl-10 pr-3 text-sm leading-5 text-fg placeholder:text-fg-subtle dark:border-edge',\n              bareInputFocusClass,\n            )}\n          />\n        </label>\n\n        <select\n          id=\"log-module\"\n          value={moduleFilter}\n          onChange={(e) => onModuleFilterChange(e.target.value)}\n          aria-label={L.module}\n          title={L.module}\n          className={cn(\n            selectControlBaseClass,\n            'h-10 w-full min-w-0 rounded-md py-0 sm:w-[min(100%,14rem)] sm:shrink-0',\n          )}\n        >\n          <option value=\"\">{L.allModules}</option>\n          {modules.map((mod) => (\n            <option key={mod} value={mod}>\n              {mod}\n            </option>\n          ))}\n        </select>\n\n        <div className=\"flex min-w-0 shrink-0 items-center gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10 min-h-[44px] gap-2 rounded-md sm:min-h-10\"\n            onClick={onOpenFilters}\n          >\n            <ListFilter className=\"size-4\" strokeWidth={1.75} />\n            {L.filtersMore}\n            {activeFilterCount > 0 ? (\n              <span className=\"rounded-md bg-surface-hover px-1.5 text-xs tabular-nums text-fg-muted\">\n                {activeFilterCount}\n              </span>\n            ) : null}\n          </Button>\n          {hasActiveFilters ? (\n            <Button type=\"button\" variant=\"ghost\" className=\"h-10 min-h-[44px] gap-1 sm:min-h-10\" onClick={onClearFilters}>\n              <X className=\"size-4\" strokeWidth={1.75} />\n              {L.clear}\n            </Button>\n          ) : null}\n        </div>\n      </div>\n\n      {autoRefresh ? <p className=\"text-xs leading-5 text-fg-subtle\">{L.liveHint}</p> : null}\n    </section>\n  );\n}","import { ChevronDown, FileText, RefreshCw } from 'lucide-react';\n\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogEntry } from '@/features/logs/log.types';\nimport {\n  interpolate,\n  levelLabel,\n  messagePreview,\n  moduleLabel,\n  requestIdPreview,\n  formatTimeCompact,\n} from '@/features/logs/logs-page-lib';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  logs: LogEntry[];\n  loading: boolean;\n  hasMore: boolean;\n  onSelectLog: (log: LogEntry) => void;\n  onLoadMore: () => void;\n  onRefreshAll: () => void;\n};\n\nexport function LogsListSection({ L, logs, loading, hasMore, onSelectLog, onLoadMore, onRefreshAll }: Props) {\n  return (\n    <>\n      {loading && logs.length === 0 ? (\n        <div\n          className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel dark:divide-edge dark:border-edge\"\n          aria-busy=\"true\"\n        >\n          {Array.from({ length: 8 }).map((_, i) => (\n            <div key={i} className=\"flex gap-3 px-3 py-2.5\">\n              <div className=\"h-4 w-16 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-12 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 w-20 shrink-0 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n              <div className=\"h-4 min-w-0 flex-1 bg-surface-hover motion-reduce:animate-none animate-pulse\" />\n            </div>\n          ))}\n        </div>\n      ) : null}\n\n      {!loading && logs.length === 0 ? (\n        <div className=\"flex flex-col items-center justify-center gap-2 rounded-xl border border-edge-subtle bg-surface-base py-16 text-center dark:border-edge\">\n          <FileText className=\"size-12 text-fg-subtle\" strokeWidth={1.5} aria-hidden />\n          <h2 className=\"text-base font-semibold tracking-tight text-fg\">{L.noLogs}</h2>\n          <p className=\"max-w-sm text-sm leading-relaxed text-fg-muted\">{L.noLogsDescription}</p>\n          <Button type=\"button\" variant=\"secondary\" className=\"mt-4 gap-2\" onClick={onRefreshAll}>\n            <RefreshCw className=\"size-4\" strokeWidth={1.75} />\n            {L.refresh}\n          </Button>\n        </div>\n      ) : null}\n\n      {logs.length > 0 ? (\n        <div className=\"flex flex-col gap-2\">\n          <p className=\"text-xs leading-5 text-fg-muted\">\n            {interpolate(L.showingCount, { count: String(logs.length) })}\n            {hasMore ? <span className=\"text-fg-subtle\"> · {L.moreAvailable}</span> : null}\n          </p>\n          <ul\n            className=\"divide-y divide-edge-subtle overflow-hidden rounded-xl border border-edge bg-surface-panel font-mono text-sm leading-6 dark:divide-edge dark:border-edge\"\n            role=\"list\"\n          >\n            {logs.map((log, idx) => {\n              const lv = log.level ?? 'info';\n              const rid = typeof log.requestId === 'string' ? log.requestId.trim() : '';\n              return (\n                <li key={`${log.timestamp}-${idx}`}>\n                  <button\n                    type=\"button\"\n                    onClick={() => onSelectLog(log)}\n                    className={cn(\n                      'flex w-full min-w-0 items-center gap-3 px-3 py-2.5 text-left transition-colors duration-150 ease-out',\n                      'hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n                    )}\n                  >\n                    <span className=\"w-[5.25rem] shrink-0 tabular-nums text-fg-subtle\">\n                      {formatTimeCompact(log.timestamp)}\n                    </span>\n                    <span className=\"w-[4.5rem] shrink-0 truncate text-fg-muted\" title={lv}>\n                      {levelLabel(lv)}\n                    </span>\n                    <span\n                      className=\"w-[4.5rem] shrink-0 truncate text-fg-subtle sm:w-[5.25rem]\"\n                      title={rid ? `${L.requestId}: ${rid}` : undefined}\n                    >\n                      {rid ? requestIdPreview(rid) : '—'}\n                    </span>\n                    <span\n                      className=\"hidden max-w-[7rem] shrink-0 truncate text-fg-muted lg:inline\"\n                      title={moduleLabel(log)}\n                    >\n                      {moduleLabel(log)}\n                    </span>\n                    <span className=\"min-w-0 flex-1 truncate text-fg\">{messagePreview(log)}</span>\n                  </button>\n                </li>\n              );\n            })}\n          </ul>\n          {hasMore ? (\n            <div className=\"flex justify-center pt-1\">\n              <Button type=\"button\" variant=\"secondary\" className=\"gap-2\" disabled={loading} onClick={onLoadMore}>\n                {loading ? (\n                  <RefreshCw className=\"size-4 animate-spin motion-reduce:animate-none\" strokeWidth={1.75} />\n                ) : (\n                  <ChevronDown className=\"size-4\" strokeWidth={1.75} />\n                )}\n                {L.loadMore}\n              </Button>\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n    </>\n  );\n}\n","import { Terminal } from 'lucide-react';\n\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = { L: LogsMessages };\n\nexport function LogsNoToken({ L }: Props) {\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-3 px-4 py-10\">\n      <div className=\"flex items-start gap-3 rounded-2xl border border-edge-subtle bg-surface-base p-6 dark:border-edge\">\n        <Terminal className=\"mt-0.5 size-5 shrink-0 text-fg-subtle\" strokeWidth={1.75} aria-hidden />\n        <div>\n          <h1 className=\"text-base font-semibold tracking-tight text-fg\">{L.title}</h1>\n          <p className=\"mt-1 text-sm leading-relaxed text-fg-muted\">{L.needToken}</p>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import { Folder, RefreshCw } from 'lucide-react';\n\nimport { SlidingSegmented } from '@/components/ui/sliding-segmented';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  autoRefresh: boolean;\n  onAutoRefreshChange: (live: boolean) => void;\n  fileCount: number;\n  onOpenFiles: () => void;\n  loading: boolean;\n  onRefreshAll: () => void;\n};\n\nexport function LogsPageHeader({\n  L,\n  autoRefresh,\n  onAutoRefreshChange,\n  fileCount,\n  onOpenFiles,\n  loading,\n  onRefreshAll,\n}: Props) {\n  return (\n    <header className=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{L.title}</h1>\n        <p className=\"mt-0.5 text-sm leading-relaxed text-fg-muted\">{L.subtitle}</p>\n      </div>\n      <div className=\"flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:max-w-md sm:flex-row sm:items-center sm:justify-end\">\n        <div className=\"w-full sm:w-48\">\n          <SlidingSegmented\n            aria-label={L.refreshModeAria}\n            value={autoRefresh ? 'live' : 'paused'}\n            onChange={(v) => onAutoRefreshChange(v === 'live')}\n            options={[\n              { value: 'paused', label: L.refreshManual },\n              { value: 'live', label: L.refreshLive },\n            ]}\n            buttonClassName=\"h-8\"\n          />\n        </div>\n        <div className=\"flex items-center gap-1 self-end sm:self-center\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.logFiles}\n            aria-label={L.logFiles}\n            onClick={onOpenFiles}\n          >\n            <Folder className=\"size-4\" strokeWidth={1.75} />\n            {fileCount > 0 ? (\n              <span className=\"rounded-full bg-surface-hover px-1.5 text-xs text-fg-muted\">{fileCount}</span>\n            ) : null}\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            className=\"h-9 min-h-[44px] min-w-[44px] px-2 sm:min-h-9 sm:min-w-0\"\n            title={L.refresh}\n            aria-label={L.refresh}\n            onClick={onRefreshAll}\n          >\n            <RefreshCw\n              className={cn(\n                'size-4 transition-transform duration-150 ease-out motion-reduce:transition-none',\n                loading && 'animate-spin motion-reduce:animate-none',\n              )}\n              strokeWidth={1.75}\n            />\n          </Button>\n        </div>\n      </div>\n    </header>\n  );\n}\n","import * as Popover from '@radix-ui/react-popover';\n\nimport { cn } from '@/lib/cn';\nimport { formatStatsLine } from '@/features/logs/logs-page-lib';\nimport { LOG_LEVELS, type LogStats } from '@/features/logs/log.types';\nimport type { LogsMessages } from '@/i18n/messages';\n\ntype Props = {\n  L: LogsMessages;\n  stats: LogStats;\n};\n\nexport function LogsStatsPopover({ L, stats }: Props) {\n  const statsLine = formatStatsLine(stats.byLevel ?? {}, L.levelNames);\n  if (!statsLine) return null;\n\n  return (\n    <div className=\"flex flex-wrap items-center gap-2\">\n      <Popover.Root>\n        <Popover.Trigger asChild>\n          <button\n            type=\"button\"\n            className=\"max-w-full truncate rounded-lg border border-transparent px-1 py-0.5 text-left text-xs leading-5 text-fg-subtle transition-colors duration-150 ease-out hover:border-edge-subtle hover:bg-surface-hover hover:text-fg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel dark:hover:border-edge\"\n          >\n            <span className=\"font-medium text-fg-muted\">{L.statsRegion}</span>\n            <span className=\"mx-1.5 text-fg-subtle\">·</span>\n            <span className=\"tabular-nums\">{statsLine}</span>\n          </button>\n        </Popover.Trigger>\n        <Popover.Portal>\n          <Popover.Content\n            side=\"bottom\"\n            align=\"start\"\n            sideOffset={6}\n            className={cn(\n              'z-50 w-[min(calc(100vw-2rem),20rem)] rounded-xl border border-edge bg-surface-panel p-3 shadow-popover outline-none',\n              'dark:border-edge',\n            )}\n          >\n            <p className=\"text-xs font-medium text-fg\">{L.statsDetailTitle}</p>\n            <p className=\"mt-1 text-xs leading-5 text-fg-muted\">{L.statsHint}</p>\n            <ul className=\"mt-3 flex flex-col gap-1.5\" role=\"list\">\n              {LOG_LEVELS.map((lv) => {\n                const n = stats.byLevel?.[lv] ?? 0;\n                if (n === 0) return null;\n                return (\n                  <li\n                    key={lv}\n                    className=\"flex items-center justify-between gap-2 rounded-md border border-edge-subtle bg-surface-base px-2 py-1 text-xs dark:border-edge\"\n                  >\n                    <span className=\"font-medium capitalize text-fg\">{L.levelNames[lv]}</span>\n                    <span className=\"tabular-nums text-fg-muted\">{n}</span>\n                  </li>\n                );\n              })}\n            </ul>\n          </Popover.Content>\n        </Popover.Portal>\n      </Popover.Root>\n    </div>\n  );\n}\n","import { useLogsPage } from '@/features/logs/hooks/use-logs-page';\nimport { LogsDetailDrawer } from '@/features/logs/logs-detail-drawer';\nimport { LogsFilesDialog } from '@/features/logs/logs-files-dialog';\nimport { LogsFiltersDialog } from '@/features/logs/logs-filters-dialog';\nimport { LogsFiltersSection } from '@/features/logs/logs-filters-section';\nimport { LogsListSection } from '@/features/logs/logs-list-section';\nimport { LogsNoToken } from '@/features/logs/logs-no-token';\nimport { LogsPageHeader } from '@/features/logs/logs-page-header';\nimport { LogsStatsPopover } from '@/features/logs/logs-stats-popover';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nexport function LogsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const {\n    L,\n    hasToken,\n    logs,\n    loading,\n    error,\n    hasMore,\n    searchInput,\n    setSearchInput,\n    selectedLevels,\n    moduleFilter,\n    setModuleFilter,\n    dateFrom,\n    setDateFrom,\n    dateTo,\n    setDateTo,\n    modules,\n    files,\n    stats,\n    selectedLog,\n    setSelectedLog,\n    filesOpen,\n    setFilesOpen,\n    filtersOpen,\n    setFiltersOpen,\n    logDir,\n    autoRefresh,\n    setAutoRefresh,\n    copiedDetail,\n    setCopiedDetail,\n    hasActiveFilters,\n    activeFilterCount,\n    clearFilters,\n    toggleDialogLevel,\n    handleLoadMore,\n    refreshAll,\n    levelSegment,\n    handleLevelSegment,\n  } = useLogsPage(language);\n\n  if (!hasToken) {\n    return <LogsNoToken L={L} />;\n  }\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-app-main flex-col gap-6 px-4 py-6\">\n      <LogsPageHeader\n        L={L}\n        autoRefresh={autoRefresh}\n        onAutoRefreshChange={setAutoRefresh}\n        fileCount={files.length}\n        onOpenFiles={() => setFilesOpen(true)}\n        loading={loading}\n        onRefreshAll={refreshAll}\n      />\n\n      {error ? (\n        <div\n          className=\"rounded-xl border border-edge bg-surface-base px-3 py-2 text-sm text-fg dark:border-edge\"\n          role=\"alert\"\n        >\n          {error}\n        </div>\n      ) : null}\n\n      {stats ? <LogsStatsPopover L={L} stats={stats} /> : null}\n\n      <LogsFiltersSection\n        L={L}\n        levelSegment={levelSegment}\n        onLevelSegment={handleLevelSegment}\n        searchInput={searchInput}\n        onSearchInputChange={setSearchInput}\n        moduleFilter={moduleFilter}\n        onModuleFilterChange={setModuleFilter}\n        modules={modules}\n        onOpenFilters={() => setFiltersOpen(true)}\n        activeFilterCount={activeFilterCount}\n        hasActiveFilters={hasActiveFilters}\n        onClearFilters={clearFilters}\n        autoRefresh={autoRefresh}\n      />\n\n      <LogsListSection\n        L={L}\n        logs={logs}\n        loading={loading}\n        hasMore={hasMore}\n        onSelectLog={setSelectedLog}\n        onLoadMore={handleLoadMore}\n        onRefreshAll={refreshAll}\n      />\n\n      <LogsFiltersDialog\n        L={L}\n        open={filtersOpen}\n        onOpenChange={setFiltersOpen}\n        dateFrom={dateFrom}\n        onDateFromChange={setDateFrom}\n        dateTo={dateTo}\n        onDateToChange={setDateTo}\n        selectedLevels={selectedLevels}\n        onToggleLevel={toggleDialogLevel}\n      />\n\n      <LogsDetailDrawer\n        L={L}\n        log={selectedLog}\n        onClose={() => setSelectedLog(null)}\n        copiedDetail={copiedDetail}\n        onCopiedMessage={() => setCopiedDetail('message')}\n        onCopiedJson={() => setCopiedDetail('json')}\n      />\n\n      <LogsFilesDialog L={L} open={filesOpen} onOpenChange={setFilesOpen} files={files} logDir={logDir} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/gateway/static/root/assets/sessions-page-Q201-_lP.js

@@ -0,0 +1,2 @@
+import{i as e}from"./rolldown-runtime-DWdDZTNf.js";import{i as t,t as n}from"./vendor-react-DbimaAId.js";import{i as r}from"./vendor-swr-B5fPo7KK.js";import{t as i}from"./cn-BMCV0OMB.js";import{$ as a,An as o,Ar as s,At as c,Ct as l,Dt as u,En as d,G as f,K as p,Kr as ee,Ln as m,Ot as te,Q as h,Sr as ne,St as g,Tn as re,Tt as ie,Xn as ae,Z as oe,_n as se,_t as ce,ar as _,br as le,ct as ue,dt as de,fn as fe,ft as v,gt as pe,hi as me,ht as he,ir as y,kn as b,kt as ge,lt as _e,mt as ve,oi as x,pt as ye,si as S,ur as C,ut as be,wt as w,xr as xe,zr as T}from"./index-DHLmAIQl.js";var E=e(t(),1),D=n();function Se(e){let t=new Date(e),n=Math.floor((new Date().getTime()-t.getTime())/(1e3*60*60*24));return n===0?t.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`}):n===1?`Yesterday`:n<7?t.toLocaleDateString([],{weekday:`short`}):t.toLocaleDateString([],{month:`short`,day:`numeric`})}function Ce(e){return e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function we({session:e,variant:t,labels:n,sessionAgentId:r,sessionAgentAvatar:o,onOpen:s,onAction:c}){let l=e.name?.trim()||n.unnamedSession,u=!!e.name?.trim(),d=e.status===`archived`,p=e.status===`pinned`;return(0,D.jsxs)(`div`,{role:`button`,tabIndex:0,className:i(`group flex min-w-0 w-full max-w-full cursor-pointer flex-col rounded-xl bg-surface-base text-left transition-colors duration-150 ease-out`,`hover:bg-surface-hover active:scale-[0.99]`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel`,t===`list`&&`sm:flex-row sm:items-center sm:gap-4`),onClick:s,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),s())},children:[(0,D.jsxs)(`div`,{className:i(`flex min-w-0 items-start justify-between gap-2 bg-surface-hover/35 px-3 py-2 dark:bg-surface-hover/25`,t===`list`&&`sm:py-3`),children:[(0,D.jsx)(`div`,{className:`flex min-w-0 items-center gap-2`,children:(0,D.jsx)(`span`,{className:`truncate text-[11px] font-medium uppercase tracking-wide text-fg-subtle`,children:e.sourceChannel})}),(0,D.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1.5 text-xs text-fg-muted`,children:[p?(0,D.jsx)(y,{className:`size-3.5 text-accent-fg`,strokeWidth:1.75,"aria-hidden":!0}):null,(0,D.jsx)(`span`,{children:Se(e.updatedAt)})]})]}),(0,D.jsxs)(`div`,{className:i(`min-w-0 flex-1 px-3 py-2`,t===`list`&&`sm:py-3`),children:[(0,D.jsxs)(`div`,{className:i(`flex gap-3`,t===`list`&&`sm:items-start`),children:[(0,D.jsx)(a,{agentId:r,avatar:o,size:40,className:`size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge`}),(0,D.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,D.jsx)(`div`,{className:`min-w-0 max-w-full truncate text-sm font-semibold text-fg`,title:l,children:l}),u?(0,D.jsx)(`div`,{className:`mt-0.5 min-w-0 max-w-full truncate font-mono text-[11px] text-fg-subtle`,title:e.key,children:e.key}):null]})]}),(0,D.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-3 text-xs text-fg-muted`,children:[(0,D.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,D.jsx)(C,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),e.messageCount]}),(0,D.jsxs)(`span`,{className:`inline-flex items-center gap-1`,children:[(0,D.jsx)(b,{className:`size-3.5`,strokeWidth:1.75,"aria-hidden":!0}),Ce(e.estimatedTokens)]})]}),e.tags.length>0?(0,D.jsxs)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:[e.tags.slice(0,3).map(e=>(0,D.jsx)(`span`,{className:`max-w-full break-words rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] text-fg-muted`,children:e},e)),e.tags.length>3?(0,D.jsxs)(`span`,{className:`text-[11px] text-fg-disabled`,children:[`+`,e.tags.length-3]}):null]}):null]}),(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center gap-0.5 border-t border-edge-subtle/80 bg-surface-hover/25 px-2 py-2 dark:border-edge-subtle`,onClick:e=>e.stopPropagation(),onKeyDown:e=>e.stopPropagation(),children:[(0,D.jsx)(`button`,{type:`button`,className:f,title:n.continueChat,"aria-label":n.continueChat,onClick:()=>c(`continue`),children:(0,D.jsx)(C,{className:`size-4`,strokeWidth:1.75})}),d?(0,D.jsx)(`button`,{type:`button`,className:f,title:n.unarchive,"aria-label":n.unarchive,onClick:()=>c(`unarchive`),children:(0,D.jsx)(S,{className:`size-4`,strokeWidth:1.75})}):(0,D.jsx)(`button`,{type:`button`,className:f,title:n.archive,"aria-label":n.archive,onClick:()=>c(`archive`),children:(0,D.jsx)(x,{className:`size-4`,strokeWidth:1.75})}),p?(0,D.jsx)(`button`,{type:`button`,className:f,title:n.unpin,"aria-label":n.unpin,onClick:()=>c(`unpin`),children:(0,D.jsx)(_,{className:`size-4`,strokeWidth:1.75})}):(0,D.jsx)(`button`,{type:`button`,className:f,title:n.pin,"aria-label":n.pin,onClick:()=>c(`pin`),children:(0,D.jsx)(y,{className:`size-4`,strokeWidth:1.75})}),(0,D.jsx)(`button`,{type:`button`,className:f,title:n.export,"aria-label":n.export,onClick:()=>c(`export`),children:(0,D.jsx)(T,{className:`size-4`,strokeWidth:1.75})}),(0,D.jsx)(`button`,{type:`button`,className:i(f,`text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`),title:n.delete,"aria-label":n.delete,onClick:()=>c(`delete`),children:(0,D.jsx)(m,{className:`size-4`,strokeWidth:1.75})})]})]})}function Te(e){if(typeof e==`string`)return e.length>2e3?`${e.slice(0,2e3)}…`:e;try{let t=JSON.stringify(e,null,2);return t.length>2e3?`${t.slice(0,2e3)}…`:t}catch{return String(e)}}function Ee({open:e,loading:t,session:n,sessionAgentId:r,sessionAgentAvatar:s,labels:l,onClose:f,onArchive:p,onUnarchive:ee,onPin:m,onUnpin:h,onExport:ne,onDelete:g}){let re=n?.status===`archived`,ae=n?.status===`pinned`;return(0,D.jsx)(ge,{open:e,onOpenChange:e=>!e&&f(),children:(0,D.jsxs)(te,{children:[(0,D.jsx)(u,{className:`xopc-dialog-overlay fixed inset-0 z-50 bg-scrim`}),(0,D.jsxs)(ie,{className:i(`xopc-drawer-right fixed right-0 top-0 z-50 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none`,`dark:border-edge`),"aria-describedby":void 0,children:[(0,D.jsxs)(`div`,{className:`flex min-w-0 shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge`,children:[(0,D.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[n&&r?(0,D.jsx)(a,{agentId:r,avatar:s,size:40,className:`size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge`}):null,(0,D.jsx)(c,{className:`min-w-0 flex-1 truncate text-base font-semibold tracking-tight text-fg`,children:n?.name?.trim()||l.unnamedSession})]}),(0,D.jsx)(w,{asChild:!0,children:(0,D.jsx)(d,{type:`button`,variant:`ghost`,className:`h-9 w-9 shrink-0 p-0`,"aria-label":l.close,children:(0,D.jsx)(o,{className:`size-5`,strokeWidth:1.75})})})]}),(0,D.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-4 py-3`,children:t?(0,D.jsx)(`p`,{className:`text-sm text-fg-muted`,children:l.detailLoading}):n?(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)(`dl`,{className:`mb-4 grid gap-2 text-xs text-fg-muted`,children:[(0,D.jsxs)(`div`,{children:[(0,D.jsx)(`dt`,{className:`text-fg-disabled`,children:`Key`}),(0,D.jsx)(`dd`,{className:`mt-0.5 break-all font-mono text-fg`,children:n.key})]}),(0,D.jsx)(`div`,{className:`flex flex-wrap gap-4`,children:(0,D.jsxs)(`span`,{children:[n.messageCount,` msgs · `,n.estimatedTokens,` tok`]})})]}),(0,D.jsx)(`h3`,{className:`mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle`,children:l.detailMessages}),(0,D.jsx)(`ul`,{className:`space-y-3`,children:n.messages.map((e,t)=>(0,D.jsxs)(`li`,{className:`rounded-lg border border-edge-subtle bg-surface-hover/50 p-2 dark:border-edge`,children:[(0,D.jsx)(`div`,{className:`mb-1 text-[10px] font-medium uppercase text-fg-subtle`,children:e.role}),(0,D.jsx)(`pre`,{className:`max-h-40 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-fg-muted`,children:Te(e.content)})]},`${e.timestamp??t}-${t}`))})]}):null}),(0,D.jsx)(`div`,{className:`shrink-0 border-t border-edge px-4 py-3 dark:border-edge`,children:(0,D.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:ne,children:l.detailExport}),re?(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:ee,children:l.unarchive}):(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:p,children:l.archive}),ae?(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:h,children:l.unpin}):(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm`,onClick:m,children:l.pin}),(0,D.jsx)(d,{type:`button`,variant:`secondary`,className:`text-sm text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40`,onClick:g,children:l.delete})]})})]})]})})}var De=20;function O(e,t){return e.replace(/\{\{(\w+)\}\}/g,(e,n)=>String(t[n]??``))}var k=new Set([`all`,`active`,`pinned`,`archived`]),A=new Set([`grid`,`list`]);function j(){let e=re(se(e=>e.language)),t=e.sessions,n=fe(e=>e.token),a=!!n,{data:o,mutate:f}=r(a?[`gateway-chat-agents`,n]:null,ce,{revalidateOnFocus:!1}),m=o?.defaultId??`main`,_=o?.items??[],[b,S]=me(),C=b.get(`q`)??``,w=b.get(`status`),T=b.get(`view`),Se=b.get(`channel`)??``,Ce=k.has(w)?w:`all`,Te=A.has(T)?T:`grid`,[j,Oe]=(0,E.useState)(C),[M,ke]=(0,E.useState)(C.trim()),[N,Ae]=(0,E.useState)(Ce),[P,F]=(0,E.useState)(Te),[I,L]=(0,E.useState)(Se.trim()),[R,z]=(0,E.useState)([]),[B,V]=(0,E.useState)(!1),[je,H]=(0,E.useState)(null),[U,Me]=(0,E.useState)(!1),[W,G]=(0,E.useState)(null),[Ne,K]=(0,E.useState)(!1),[Pe,Fe]=(0,E.useState)(!1),[q,J]=(0,E.useState)(null),[Ie,Y]=(0,E.useState)(!1),[X,Z]=(0,E.useState)(null);(0,E.useEffect)(()=>{let e=setTimeout(()=>ke(j.trim()),300);return()=>clearTimeout(e)},[j]),(0,E.useEffect)(()=>{let e=b.get(`q`)??``,t=b.get(`status`),n=b.get(`view`),r=(b.get(`channel`)??``).trim(),i=k.has(t)?t:`all`,a=A.has(n)?n:`grid`,o=e.trim();Oe(t=>t===e?t:e),ke(e=>e===o?e:o),Ae(e=>e===i?e:i),F(e=>e===a?e:a),L(e=>e===r?e:r)},[b]),(0,E.useEffect)(()=>{let e=new URLSearchParams(b),t=M.trim();t?e.set(`q`,t):e.delete(`q`),N===`all`?e.delete(`status`):e.set(`status`,N),P===`grid`?e.delete(`view`):e.set(`view`,P),I?e.set(`channel`,I):e.delete(`channel`),e.toString()!==b.toString()&&S(e,{replace:!0})},[M,b,S,N,P,I]),(0,E.useEffect)(()=>{if(!a)return;let e=!1;return(async()=>{V(!0),H(null);try{let t=await ye({limit:De,offset:0,...M?{search:M}:{},...N===`all`?{}:{status:N},...I?{channel:I}:{}});if(e)return;z(t.items),Me(t.hasMore)}catch(n){e||H(n instanceof Error?n.message:t.loadError)}finally{e||V(!1)}})(),()=>{e=!0}},[a,M,N,t.loadError]),(0,E.useEffect)(()=>{a&&v().then(G).catch(()=>{})},[a]),(0,E.useEffect)(()=>{if(!a)return;let e=()=>void f();return window.addEventListener(`config-reload`,e),()=>window.removeEventListener(`config-reload`,e)},[a,f]),(0,E.useEffect)(()=>{if(!a)return;let e=e=>{let t=e.detail;!t?.key||t.name===void 0||(z(e=>e.map(e=>e.key===t.key?{...e,name:t.name}:e)),J(e=>e&&e.key===t.key?{...e,name:t.name}:e))};return window.addEventListener(`session-updated`,e),()=>{window.removeEventListener(`session-updated`,e)}},[a]);let Le=(0,E.useCallback)(async()=>{if(!(!a||B||!U)){V(!0),H(null);try{let e=await ye({limit:De,offset:R.length,...M?{search:M}:{},...N===`all`?{}:{status:N},...I?{channel:I}:{}});z(t=>[...t,...e.items]),Me(e.hasMore)}catch(e){H(e instanceof Error?e.message:t.loadError)}finally{V(!1)}}},[a,B,U,R.length,M,N,I,t.loadError]),Q=(0,E.useCallback)((e,t)=>{z(n=>n.map(n=>n.key===e?{...n,status:t}:n)),J(n=>n&&n.key===e?{...n,status:t}:n)},[]),Re=(0,E.useCallback)(async e=>{K(!0),Fe(!0),J(null);try{J(await de(e))}catch{K(!1)}finally{Fe(!1)}},[]),ze=e=>{Re(e)},$=async(e,t)=>{if(t===`continue`){window.dispatchEvent(new CustomEvent(`navigate-to-chat`,{detail:{sessionKey:e},bubbles:!0}));return}if(t===`delete`){Z(e),Y(!0);return}try{switch(t){case`archive`:await ue(e),Q(e,`archived`);break;case`unarchive`:await he(e),Q(e,`active`);break;case`pin`:await ve(e),Q(e,`pinned`);break;case`unpin`:await pe(e),Q(e,`active`);break;case`export`:{let t=await be(e),n=new Blob([t],{type:`application/json`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`session-${e.replace(/[^a-z0-9]/gi,`_`)}.json`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r);break}default:break}v().then(G).catch(()=>{})}catch{}},Be=async e=>{try{await _e(e),z(t=>t.filter(t=>t.key!==e)),J(t=>t?.key===e?null:t),q?.key===e&&K(!1),v().then(G).catch(()=>{})}catch{}},Ve={continueChat:t.continueChat,archive:t.archive,unarchive:t.unarchive,pin:t.pin,unpin:t.unpin,export:t.export,delete:t.delete,unnamedSession:e.chat.newSession},He={close:t.close,detailLoading:t.detailLoading,detailMessages:t.detailMessages,detailExport:t.detailExport,archive:t.archive,unarchive:t.unarchive,pin:t.pin,unpin:t.unpin,delete:t.delete,unnamedSession:e.chat.newSession},Ue=[{key:`all`,label:t.filterAll,icon:ne},{key:`active`,label:t.filterActive,icon:ee},{key:`pinned`,label:t.filterPinned,icon:y},{key:`archived`,label:t.filterArchived,icon:x}],We=(()=>{let e=Object.entries(W?.byChannel??{}).sort((e,t)=>t[1]-e[1]).slice(0,6).map(([e])=>e);for(let t of[`telegram`,`weixin`,`feishu`])e.includes(t)||e.push(t);return e.slice(0,8)})();return a?(0,D.jsxs)(`div`,{className:`flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden bg-surface-panel`,children:[(0,D.jsxs)(`div`,{className:`mx-auto flex w-full min-w-0 max-w-2xl flex-col gap-4 px-4 py-6 sm:px-6 lg:max-w-app-main lg:px-8`,children:[(0,D.jsxs)(`header`,{className:`flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,D.jsx)(`h1`,{className:`text-xl font-semibold tracking-tight text-fg`,children:t.title}),(0,D.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-2 rounded-xl bg-surface-base px-3 py-2 transition-colors sm:max-w-md dark:bg-surface-hover/40`,children:[(0,D.jsx)(ae,{className:`size-4 shrink-0 text-fg-disabled`,strokeWidth:1.75,"aria-hidden":!0}),(0,D.jsx)(`input`,{type:`search`,value:j,onChange:e=>Oe(e.target.value),placeholder:t.searchPlaceholder,className:`min-w-0 flex-1 border-0 bg-transparent text-sm text-fg placeholder:text-fg-disabled focus:outline-none focus:ring-0`})]})]}),(0,D.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:Ue.map(({key:e,label:t,icon:n})=>(0,D.jsxs)(`button`,{type:`button`,"aria-pressed":N===e,onClick:()=>Ae(e),className:i(`inline-flex items-center gap-1.5 rounded-xl px-3 py-2 text-sm font-medium`,p.transition,p.focusRingPanel,N===e?`bg-accent-soft text-accent-fg`:`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`),children:[(0,D.jsx)(n,{className:`size-4`,strokeWidth:1.75,"aria-hidden":!0}),t]},e))}),(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,D.jsx)(`span`,{className:`text-xs font-medium text-fg-subtle`,children:t.filterChannelLabel}),(0,D.jsx)(`button`,{type:`button`,"aria-pressed":!I,onClick:()=>L(``),className:i(`inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium`,p.transition,p.focusRingPanel,I?`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`:`bg-accent-soft text-accent-fg`),children:t.filterChannelAll}),We.map(e=>(0,D.jsxs)(`button`,{type:`button`,"aria-pressed":I===e,onClick:()=>L(e),className:i(`inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium`,p.transition,p.focusRingPanel,I===e?`bg-accent-soft text-accent-fg`:`bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35`),children:[e,W?.byChannel?.[e]==null?null:(0,D.jsx)(`span`,{className:`ml-2 rounded-full bg-surface-hover px-2 py-0.5 text-[11px] text-fg-subtle`,children:W.byChannel[e]})]},e))]}),W?(0,D.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[[W.totalSessions,t.totalSessions],[W.activeSessions,t.activeSessions],[W.pinnedSessions,t.pinnedSessions],[W.archivedSessions,t.archivedSessions]].map(([e,t])=>(0,D.jsxs)(`div`,{className:`rounded-xl bg-surface-base px-3 py-3 dark:bg-surface-hover/30`,children:[(0,D.jsx)(`div`,{className:`text-lg font-semibold tabular-nums text-fg`,children:e}),(0,D.jsx)(`div`,{className:`text-xs text-fg-muted`,children:t})]},t))}):null,je?(0,D.jsx)(`div`,{className:`rounded-lg border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300`,children:je}):null,(0,D.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,D.jsx)(`p`,{className:`text-xs text-fg-muted`,children:O(t.sessionCount,{count:R.length})}),(0,D.jsxs)(`div`,{className:l,role:`group`,"aria-label":t.layoutToggleGroup,children:[(0,D.jsx)(d,{type:`button`,variant:`segmented`,title:t.gridView,"aria-pressed":P===`grid`,onClick:()=>F(`grid`),className:i(g,`size-7 p-0`,P===`grid`&&`bg-surface-panel shadow-sm dark:bg-surface-panel dark:shadow-sm dark:ring-1 dark:ring-edge-strong/40`,P===`grid`&&`text-accent-fg`),children:(0,D.jsx)(xe,{className:`size-3.5`,strokeWidth:1.5})}),(0,D.jsx)(d,{type:`button`,variant:`segmented`,title:t.listView,"aria-pressed":P===`list`,onClick:()=>F(`list`),className:i(g,`size-9 p-0`,P===`list`&&`bg-surface-panel shadow-sm dark:bg-surface-panel dark:shadow-sm dark:ring-1 dark:ring-edge-strong/40`,P===`list`&&`text-accent-fg`),children:(0,D.jsx)(le,{className:`size-3.5`,strokeWidth:1.5})})]})]}),B&&R.length===0?(0,D.jsx)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:Array.from({length:6}).map((e,t)=>(0,D.jsx)(`div`,{className:`h-40 animate-pulse rounded-xl bg-surface-hover/60 dark:bg-surface-hover/40`},t))}):R.length===0?(0,D.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-2xl bg-surface-base py-16 text-center dark:bg-surface-hover/25`,children:[(0,D.jsx)(s,{className:`mb-3 size-12 text-fg-disabled`,strokeWidth:1.25,"aria-hidden":!0}),(0,D.jsx)(`p`,{className:`text-base font-semibold text-fg`,children:t.noSessions}),(0,D.jsx)(`p`,{className:`mt-1 max-w-sm text-sm text-fg-muted`,children:t.noSessionsDescription}),(0,D.jsx)(d,{variant:`primary`,className:`mt-6`,onClick:()=>{window.dispatchEvent(new CustomEvent(`navigate-to-chat`,{detail:{sessionKey:``},bubbles:!0}))},children:t.startNewChat})]}):(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`div`,{className:i(`grid min-w-0 gap-3`,P===`grid`?`sm:grid-cols-2 lg:grid-cols-3`:`grid-cols-1`),children:R.map(e=>{let t=h(e,m);return(0,D.jsx)(we,{session:e,variant:P,labels:Ve,sessionAgentId:t,sessionAgentAvatar:oe(t,_),onOpen:()=>ze(e.key),onAction:t=>void $(e.key,t)},e.key)})}),U?(0,D.jsx)(`div`,{className:`flex justify-center pt-2`,children:(0,D.jsx)(d,{type:`button`,variant:`secondary`,disabled:B,onClick:()=>void Le(),children:t.loadMore})}):null]})]}),(0,D.jsx)(Ee,{open:Ne,loading:Pe,session:q,sessionAgentId:q?h(q,m):void 0,sessionAgentAvatar:q?oe(h(q,m),_):void 0,labels:He,onClose:()=>{K(!1),J(null)},onArchive:()=>q&&void $(q.key,`archive`),onUnarchive:()=>q&&void $(q.key,`unarchive`),onPin:()=>q&&void $(q.key,`pin`),onUnpin:()=>q&&void $(q.key,`unpin`),onExport:()=>q&&void $(q.key,`export`),onDelete:()=>q&&(Z(q.key),Y(!0))}),(0,D.jsx)(ge,{open:Ie,onOpenChange:Y,children:(0,D.jsxs)(te,{children:[(0,D.jsx)(u,{className:`xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim`}),(0,D.jsxs)(ie,{className:`xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge`,children:[(0,D.jsx)(c,{className:`text-base font-semibold text-fg`,children:t.deleteSessionTitle}),(0,D.jsx)(`p`,{className:`mt-2 text-sm text-fg-muted`,children:X?O(t.deleteSessionMessage,{name:R.find(e=>e.key===X)?.name?.trim()||e.chat.newSession}):``}),(0,D.jsxs)(`div`,{className:`mt-4 flex justify-end gap-2`,children:[(0,D.jsx)(d,{type:`button`,variant:`secondary`,onClick:()=>Y(!1),children:t.cancel}),(0,D.jsx)(d,{type:`button`,variant:`primary`,className:`bg-red-600 hover:bg-red-700`,onClick:()=>{X&&Be(X),Y(!1),Z(null)},children:t.delete})]})]})]})})]}):(0,D.jsx)(`div`,{className:`mx-auto w-full max-w-2xl px-4 py-16 text-center text-sm text-fg-muted sm:px-8 lg:max-w-app-main`,children:t.needToken})}export{j as SessionsPage};
+//# sourceMappingURL=sessions-page-Q201-_lP.js.map

package/dist/gateway/static/root/assets/{sessions-page-Be5kIGl_.js.map → sessions-page-Q201-_lP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sessions-page-Be5kIGl_.js","names":[],"sources":["../../../../../web/src/features/sessions/session-card.tsx","../../../../../web/src/features/sessions/session-detail-drawer.tsx","../../../../../web/src/features/sessions/sessions-page.tsx"],"sourcesContent":["import {\n  Archive,\n  ArchiveRestore,\n  Download,\n  MessageSquare,\n  Pin,\n  PinOff,\n  Trash2,\n  Zap,\n} from 'lucide-react';\n\nimport type { SessionMetadata } from '@/features/sessions/session.types';\nimport { AgentAvatarDisplay } from '@/features/settings/agents/agent-avatar-display';\nimport { ghostIconButton } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type SessionCardAction =\n  | 'continue'\n  | 'delete'\n  | 'archive'\n  | 'unarchive'\n  | 'pin'\n  | 'unpin'\n  | 'export';\n\nfunction formatRelativeDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  const now = new Date();\n  const diffDays = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60 * 24));\n  if (diffDays === 0) {\n    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n  }\n  if (diffDays === 1) return 'Yesterday';\n  if (diffDays < 7) return date.toLocaleDateString([], { weekday: 'short' });\n  return date.toLocaleDateString([], { month: 'short', day: 'numeric' });\n}\n\nfunction formatTokens(tokens: number): string {\n  if (tokens >= 1000) return `${(tokens / 1000).toFixed(1)}k`;\n  return String(tokens);\n}\n\nexport function SessionCard({\n  session,\n  variant,\n  labels,\n  sessionAgentId,\n  sessionAgentAvatar,\n  onOpen,\n  onAction,\n}: {\n  session: SessionMetadata;\n  variant: 'grid' | 'list';\n  sessionAgentId: string;\n  sessionAgentAvatar?: string;\n  labels: {\n    continueChat: string;\n    archive: string;\n    unarchive: string;\n    pin: string;\n    unpin: string;\n    export: string;\n    delete: string;\n    /** Shown when `session.name` is empty (e.g. new chat before auto-title). */\n    unnamedSession: string;\n  };\n  onOpen: () => void;\n  onAction: (action: SessionCardAction) => void;\n}) {\n  const displayName = session.name?.trim() || labels.unnamedSession;\n  const showKeySubtitle = Boolean(session.name?.trim());\n  const isArchived = session.status === 'archived';\n  const isPinned = session.status === 'pinned';\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        // min-w-0: grid/flex children default to min-width:auto — long unbroken titles (URLs) otherwise expand the track\n        'group flex min-w-0 w-full max-w-full cursor-pointer flex-col rounded-xl bg-surface-base text-left transition-colors duration-150 ease-out',\n        'hover:bg-surface-hover active:scale-[0.99]',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n        variant === 'list' && 'sm:flex-row sm:items-center sm:gap-4',\n      )}\n      onClick={onOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onOpen();\n        }\n      }}\n    >\n      <div\n        className={cn(\n          'flex min-w-0 items-start justify-between gap-2 bg-surface-hover/35 px-3 py-2 dark:bg-surface-hover/25',\n          variant === 'list' && 'sm:py-3',\n        )}\n      >\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"truncate text-[11px] font-medium uppercase tracking-wide text-fg-subtle\">\n            {session.sourceChannel}\n          </span>\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1.5 text-xs text-fg-muted\">\n          {isPinned ? <Pin className=\"size-3.5 text-accent-fg\" strokeWidth={1.75} aria-hidden /> : null}\n          <span>{formatRelativeDate(session.updatedAt)}</span>\n        </div>\n      </div>\n\n      <div className={cn('min-w-0 flex-1 px-3 py-2', variant === 'list' && 'sm:py-3')}>\n        <div className={cn('flex gap-3', variant === 'list' && 'sm:items-start')}>\n          <AgentAvatarDisplay\n            agentId={sessionAgentId}\n            avatar={sessionAgentAvatar}\n            size={40}\n            className=\"size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge\"\n          />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"min-w-0 max-w-full truncate text-sm font-semibold text-fg\" title={displayName}>\n              {displayName}\n            </div>\n            {showKeySubtitle ? (\n              <div\n                className=\"mt-0.5 min-w-0 max-w-full truncate font-mono text-[11px] text-fg-subtle\"\n                title={session.key}\n              >\n                {session.key}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className=\"mt-2 flex flex-wrap items-center gap-3 text-xs text-fg-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <MessageSquare className=\"size-3.5\" strokeWidth={1.75} aria-hidden />\n            {session.messageCount}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Zap className=\"size-3.5\" strokeWidth={1.75} aria-hidden />\n            {formatTokens(session.estimatedTokens)}\n          </span>\n        </div>\n        {session.tags.length > 0 ? (\n          <div className=\"mt-2 flex flex-wrap gap-1\">\n            {session.tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag}\n                className=\"max-w-full break-words rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] text-fg-muted\"\n              >\n                {tag}\n              </span>\n            ))}\n            {session.tags.length > 3 ? (\n              <span className=\"text-[11px] text-fg-disabled\">+{session.tags.length - 3}</span>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        className=\"flex flex-wrap items-center gap-0.5 border-t border-edge-subtle/80 bg-surface-hover/25 px-2 py-2 dark:border-edge-subtle\"\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <button\n          type=\"button\"\n          className={ghostIconButton}\n          title={labels.continueChat}\n          aria-label={labels.continueChat}\n          onClick={() => onAction('continue')}\n        >\n          <MessageSquare className=\"size-4\" strokeWidth={1.75} />\n        </button>\n        {isArchived ? (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.unarchive}\n            aria-label={labels.unarchive}\n            onClick={() => onAction('unarchive')}\n          >\n            <ArchiveRestore className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.archive}\n            aria-label={labels.archive}\n            onClick={() => onAction('archive')}\n          >\n            <Archive className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        )}\n        {isPinned ? (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.unpin}\n            aria-label={labels.unpin}\n            onClick={() => onAction('unpin')}\n          >\n            <PinOff className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.pin}\n            aria-label={labels.pin}\n            onClick={() => onAction('pin')}\n          >\n            <Pin className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={ghostIconButton}\n          title={labels.export}\n          aria-label={labels.export}\n          onClick={() => onAction('export')}\n        >\n          <Download className=\"size-4\" strokeWidth={1.75} />\n        </button>\n        <button\n          type=\"button\"\n          className={cn(\n            ghostIconButton,\n            'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40',\n          )}\n          title={labels.delete}\n          aria-label={labels.delete}\n          onClick={() => onAction('delete')}\n        >\n          <Trash2 className=\"size-4\" strokeWidth={1.75} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\n\nimport type { SessionDetail } from '@/features/sessions/session.types';\nimport { AgentAvatarDisplay } from '@/features/settings/agents/agent-avatar-display';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\n\nfunction previewContent(content: string | unknown[]): string {\n  if (typeof content === 'string') {\n    return content.length > 2000 ? `${content.slice(0, 2000)}…` : content;\n  }\n  try {\n    const s = JSON.stringify(content, null, 2);\n    return s.length > 2000 ? `${s.slice(0, 2000)}…` : s;\n  } catch {\n    return String(content);\n  }\n}\n\nexport function SessionDetailDrawer({\n  open,\n  loading,\n  session,\n  sessionAgentId,\n  sessionAgentAvatar,\n  labels,\n  onClose,\n  onArchive,\n  onUnarchive,\n  onPin,\n  onUnpin,\n  onExport,\n  onDelete,\n}: {\n  open: boolean;\n  loading: boolean;\n  session: SessionDetail | null;\n  sessionAgentId?: string;\n  sessionAgentAvatar?: string;\n  labels: {\n    close: string;\n    detailLoading: string;\n    detailMessages: string;\n    detailExport: string;\n    archive: string;\n    unarchive: string;\n    pin: string;\n    unpin: string;\n    delete: string;\n    unnamedSession: string;\n  };\n  onClose: () => void;\n  onArchive: () => void;\n  onUnarchive: () => void;\n  onPin: () => void;\n  onUnpin: () => void;\n  onExport: () => void;\n  onDelete: () => void;\n}) {\n  const isArchived = session?.status === 'archived';\n  const isPinned = session?.status === 'pinned';\n\n  return (\n    <Dialog.Root open={open} onOpenChange={(v) => !v && onClose()}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-50 bg-scrim\" />\n        <Dialog.Content\n          className={cn(\n            'xopc-drawer-right fixed right-0 top-0 z-50 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none',\n            'dark:border-edge',\n          )}\n          aria-describedby={undefined}\n        >\n          <div className=\"flex min-w-0 shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n              {session && sessionAgentId ? (\n                <AgentAvatarDisplay\n                  agentId={sessionAgentId}\n                  avatar={sessionAgentAvatar}\n                  size={40}\n                  className=\"size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge\"\n                />\n              ) : null}\n              <Dialog.Title className=\"min-w-0 flex-1 truncate text-base font-semibold tracking-tight text-fg\">\n                {session?.name?.trim() || labels.unnamedSession}\n              </Dialog.Title>\n            </div>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={labels.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-3\">\n            {loading ? (\n              <p className=\"text-sm text-fg-muted\">{labels.detailLoading}</p>\n            ) : session ? (\n              <>\n                <dl className=\"mb-4 grid gap-2 text-xs text-fg-muted\">\n                  <div>\n                    <dt className=\"text-fg-disabled\">Key</dt>\n                    <dd className=\"mt-0.5 break-all font-mono text-fg\">{session.key}</dd>\n                  </div>\n                  <div className=\"flex flex-wrap gap-4\">\n                    <span>\n                      {session.messageCount} msgs · {session.estimatedTokens} tok\n                    </span>\n                  </div>\n                </dl>\n                <h3 className=\"mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                  {labels.detailMessages}\n                </h3>\n                <ul className=\"space-y-3\">\n                  {session.messages.map((msg, i) => (\n                    <li\n                      key={`${msg.timestamp ?? i}-${i}`}\n                      className=\"rounded-lg border border-edge-subtle bg-surface-hover/50 p-2 dark:border-edge\"\n                    >\n                      <div className=\"mb-1 text-[10px] font-medium uppercase text-fg-subtle\">{msg.role}</div>\n                      <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-fg-muted\">\n                        {previewContent(msg.content)}\n                      </pre>\n                    </li>\n                  ))}\n                </ul>\n              </>\n            ) : null}\n          </div>\n\n          <div className=\"shrink-0 border-t border-edge px-4 py-3 dark:border-edge\">\n            <div className=\"flex flex-wrap gap-2\">\n              <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onExport}>\n                {labels.detailExport}\n              </Button>\n              {isArchived ? (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onUnarchive}>\n                  {labels.unarchive}\n                </Button>\n              ) : (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onArchive}>\n                  {labels.archive}\n                </Button>\n              )}\n              {isPinned ? (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onUnpin}>\n                  {labels.unpin}\n                </Button>\n              ) : (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onPin}>\n                  {labels.pin}\n                </Button>\n              )}\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"text-sm text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40\"\n                onClick={onDelete}\n              >\n                {labels.delete}\n              </Button>\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport {\n  Archive,\n  Circle,\n  FolderOpen,\n  Layers,\n  LayoutGrid,\n  LayoutList,\n  Pin,\n  Search,\n} from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport useSWR from 'swr';\n\nimport { fetchChatAgents } from '@/features/chat/chat-agents-api';\nimport { SessionCard, type SessionCardAction } from '@/features/sessions/session-card';\nimport { agentAvatarFromOptions, resolveSessionAgentId } from '@/features/sessions/session-agent-resolve';\nimport { SessionDetailDrawer } from '@/features/sessions/session-detail-drawer';\nimport {\n  archiveSession,\n  deleteSession,\n  exportSessionJson,\n  getSessionDetail,\n  getSessionStats,\n  listSessions,\n  pinSession,\n  unarchiveSession,\n  unpinSession,\n} from '@/features/sessions/session-api';\nimport type { SessionDetail, SessionMetadata, SessionStats } from '@/features/sessions/session.types';\nimport { Button } from '@/components/ui/button';\nimport {\n  segmentedThumbActiveClassName,\n  segmentedThumbBaseClassName,\n  segmentedTrackClassName,\n} from '@/components/ui/segmented-styles';\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\nimport { messages } from '@/i18n/messages';\nimport { useGatewayStore } from '@/stores/gateway-store';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nconst PAGE_LIMIT = 20;\n\nfunction interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\ntype StatusFilter = 'all' | 'active' | 'pinned' | 'archived';\ntype SessionsViewMode = 'grid' | 'list';\n\nconst SESSION_STATUS_FILTER_SET = new Set<StatusFilter>(['all', 'active', 'pinned', 'archived']);\nconst SESSION_VIEW_MODE_SET = new Set<SessionsViewMode>(['grid', 'list']);\n\nexport function SessionsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const m = messages(language);\n  const s = m.sessions;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const { data: chatAgents, mutate: mutateChatAgents } = useSWR(\n    hasToken ? (['gateway-chat-agents', token] as const) : null,\n    fetchChatAgents,\n    { revalidateOnFocus: false },\n  );\n  const defaultAgentId = chatAgents?.defaultId ?? 'main';\n  const agentItems = chatAgents?.items ?? [];\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialStatus = searchParams.get('status');\n  const initialView = searchParams.get('view');\n  const initialChannel = searchParams.get('channel') ?? '';\n  const initialStatusFilter: StatusFilter = SESSION_STATUS_FILTER_SET.has(initialStatus as StatusFilter)\n    ? (initialStatus as StatusFilter)\n    : 'all';\n  const initialViewMode: SessionsViewMode = SESSION_VIEW_MODE_SET.has(initialView as SessionsViewMode)\n    ? (initialView as SessionsViewMode)\n    : 'grid';\n\n  const [searchInput, setSearchInput] = useState(initialSearch);\n  const [debouncedSearch, setDebouncedSearch] = useState(initialSearch.trim());\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>(initialStatusFilter);\n  const [viewMode, setViewMode] = useState<SessionsViewMode>(initialViewMode);\n  const [channelFilter, setChannelFilter] = useState(initialChannel.trim());\n\n  const [sessions, setSessions] = useState<SessionMetadata[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n  const [stats, setStats] = useState<SessionStats | null>(null);\n\n  const [detailOpen, setDetailOpen] = useState(false);\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailSession, setDetailSession] = useState<SessionDetail | null>(null);\n\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [confirmKey, setConfirmKey] = useState<string | null>(null);\n\n  useEffect(() => {\n    const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 300);\n    return () => clearTimeout(t);\n  }, [searchInput]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextStatusRaw = searchParams.get('status');\n    const nextViewRaw = searchParams.get('view');\n    const nextChannel = (searchParams.get('channel') ?? '').trim();\n    const nextStatus: StatusFilter = SESSION_STATUS_FILTER_SET.has(nextStatusRaw as StatusFilter)\n      ? (nextStatusRaw as StatusFilter)\n      : 'all';\n    const nextView: SessionsViewMode = SESSION_VIEW_MODE_SET.has(nextViewRaw as SessionsViewMode)\n      ? (nextViewRaw as SessionsViewMode)\n      : 'grid';\n    const nextDebouncedQ = nextQ.trim();\n\n    setSearchInput((prev) => (prev === nextQ ? prev : nextQ));\n    setDebouncedSearch((prev) => (prev === nextDebouncedQ ? prev : nextDebouncedQ));\n    setStatusFilter((prev) => (prev === nextStatus ? prev : nextStatus));\n    setViewMode((prev) => (prev === nextView ? prev : nextView));\n    setChannelFilter((prev) => (prev === nextChannel ? prev : nextChannel));\n  }, [searchParams]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = debouncedSearch.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n    if (statusFilter !== 'all') params.set('status', statusFilter);\n    else params.delete('status');\n    if (viewMode !== 'grid') params.set('view', viewMode);\n    else params.delete('view');\n    if (channelFilter) params.set('channel', channelFilter);\n    else params.delete('channel');\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [debouncedSearch, searchParams, setSearchParams, statusFilter, viewMode, channelFilter]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listSessions({\n          limit: PAGE_LIMIT,\n          offset: 0,\n          ...(debouncedSearch ? { search: debouncedSearch } : {}),\n          ...(statusFilter !== 'all' ? { status: statusFilter } : {}),\n          ...(channelFilter ? { channel: channelFilter } : {}),\n        });\n        if (cancelled) return;\n        setSessions(result.items);\n        setHasMore(result.hasMore);\n      } catch (e) {\n        if (!cancelled) setError(e instanceof Error ? e.message : s.loadError);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, debouncedSearch, statusFilter, s.loadError]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    void getSessionStats()\n      .then(setStats)\n      .catch(() => {});\n  }, [hasToken]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    const onConfigReload = () => void mutateChatAgents();\n    window.addEventListener('config-reload', onConfigReload);\n    return () => window.removeEventListener('config-reload', onConfigReload);\n  }, [hasToken, mutateChatAgents]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    const handler = (e: Event) => {\n      const detail = (e as CustomEvent<{ key?: string; name?: string }>).detail;\n      if (!detail?.key || detail.name === undefined) return;\n      setSessions((prev) =>\n        prev.map((row) => (row.key === detail.key ? { ...row, name: detail.name } : row)),\n      );\n      setDetailSession((prev) =>\n        prev && prev.key === detail.key ? { ...prev, name: detail.name } : prev,\n      );\n    };\n    window.addEventListener('session-updated', handler);\n    return () => {\n      window.removeEventListener('session-updated', handler);\n    };\n  }, [hasToken]);\n\n  const loadMore = useCallback(async () => {\n    if (!hasToken || loading || !hasMore) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await listSessions({\n        limit: PAGE_LIMIT,\n        offset: sessions.length,\n        ...(debouncedSearch ? { search: debouncedSearch } : {}),\n        ...(statusFilter !== 'all' ? { status: statusFilter } : {}),\n        ...(channelFilter ? { channel: channelFilter } : {}),\n      });\n      setSessions((prev) => [...prev, ...result.items]);\n      setHasMore(result.hasMore);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : s.loadError);\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    hasToken,\n    loading,\n    hasMore,\n    sessions.length,\n    debouncedSearch,\n    statusFilter,\n    channelFilter,\n    s.loadError,\n  ]);\n\n  const updateSessionStatus = useCallback((key: string, status: SessionMetadata['status']) => {\n    setSessions((prev) => prev.map((row) => (row.key === key ? { ...row, status } : row)));\n    setDetailSession((prev) => (prev && prev.key === key ? { ...prev, status } : prev));\n  }, []);\n\n  const openDetail = useCallback(async (key: string) => {\n    setDetailOpen(true);\n    setDetailLoading(true);\n    setDetailSession(null);\n    try {\n      const session = await getSessionDetail(key);\n      setDetailSession(session);\n    } catch {\n      setDetailOpen(false);\n    } finally {\n      setDetailLoading(false);\n    }\n  }, []);\n\n  const handleCardOpen = (key: string) => {\n    void openDetail(key);\n  };\n\n  const handleCardAction = async (key: string, action: SessionCardAction) => {\n    if (action === 'continue') {\n      window.dispatchEvent(\n        new CustomEvent('navigate-to-chat', { detail: { sessionKey: key }, bubbles: true }),\n      );\n      return;\n    }\n    if (action === 'delete') {\n      setConfirmKey(key);\n      setConfirmOpen(true);\n      return;\n    }\n    try {\n      switch (action) {\n        case 'archive':\n          await archiveSession(key);\n          updateSessionStatus(key, 'archived');\n          break;\n        case 'unarchive':\n          await unarchiveSession(key);\n          updateSessionStatus(key, 'active');\n          break;\n        case 'pin':\n          await pinSession(key);\n          updateSessionStatus(key, 'pinned');\n          break;\n        case 'unpin':\n          await unpinSession(key);\n          updateSessionStatus(key, 'active');\n          break;\n        case 'export': {\n          const content = await exportSessionJson(key);\n          const blob = new Blob([content], { type: 'application/json' });\n          const url = URL.createObjectURL(blob);\n          const a = document.createElement('a');\n          a.href = url;\n          a.download = `session-${key.replace(/[^a-z0-9]/gi, '_')}.json`;\n          document.body.appendChild(a);\n          a.click();\n          document.body.removeChild(a);\n          URL.revokeObjectURL(url);\n          break;\n        }\n        default:\n          break;\n      }\n      void getSessionStats().then(setStats).catch(() => {});\n    } catch {\n      /* toast optional */\n    }\n  };\n\n  const runDelete = async (key: string) => {\n    try {\n      await deleteSession(key);\n      setSessions((prev) => prev.filter((row) => row.key !== key));\n      setDetailSession((prev) => (prev?.key === key ? null : prev));\n      if (detailSession?.key === key) setDetailOpen(false);\n      void getSessionStats().then(setStats).catch(() => {});\n    } catch {\n      /* ignore */\n    }\n  };\n\n  const cardLabels = {\n    continueChat: s.continueChat,\n    archive: s.archive,\n    unarchive: s.unarchive,\n    pin: s.pin,\n    unpin: s.unpin,\n    export: s.export,\n    delete: s.delete,\n    unnamedSession: m.chat.newSession,\n  };\n\n  const detailLabels = {\n    close: s.close,\n    detailLoading: s.detailLoading,\n    detailMessages: s.detailMessages,\n    detailExport: s.detailExport,\n    archive: s.archive,\n    unarchive: s.unarchive,\n    pin: s.pin,\n    unpin: s.unpin,\n    delete: s.delete,\n    unnamedSession: m.chat.newSession,\n  };\n\n  const filters: { key: StatusFilter; label: string; icon: typeof Layers }[] = [\n    { key: 'all', label: s.filterAll, icon: Layers },\n    { key: 'active', label: s.filterActive, icon: Circle },\n    { key: 'pinned', label: s.filterPinned, icon: Pin },\n    { key: 'archived', label: s.filterArchived, icon: Archive },\n  ];\n\n  const channelChips = (() => {\n    const entries = Object.entries(stats?.byChannel ?? {}).sort((a, b) => b[1] - a[1]);\n    const top = entries.slice(0, 6).map(([id]) => id);\n    // Keep a few common channels visible even if no stats yet.\n    for (const c of ['telegram', 'weixin', 'feishu']) {\n      if (!top.includes(c)) top.push(c);\n    }\n    return top.slice(0, 8);\n  })();\n\n  if (!hasToken) {\n    return (\n      <div className=\"mx-auto w-full max-w-2xl px-4 py-16 text-center text-sm text-fg-muted sm:px-8 lg:max-w-app-main\">\n        {s.needToken}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden bg-surface-panel\">\n      <div className=\"mx-auto flex w-full min-w-0 max-w-2xl flex-col gap-4 px-4 py-6 sm:px-6 lg:max-w-app-main lg:px-8\">\n        <header className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{s.title}</h1>\n          <div className=\"flex w-full min-w-0 items-center gap-2 rounded-xl bg-surface-base px-3 py-2 transition-colors sm:max-w-md dark:bg-surface-hover/40\">\n            <Search className=\"size-4 shrink-0 text-fg-disabled\" strokeWidth={1.75} aria-hidden />\n            <input\n              type=\"search\"\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={s.searchPlaceholder}\n              className=\"min-w-0 flex-1 border-0 bg-transparent text-sm text-fg placeholder:text-fg-disabled focus:outline-none focus:ring-0\"\n            />\n          </div>\n        </header>\n\n        <div className=\"flex flex-wrap gap-2\">\n          {filters.map(({ key, label, icon: Icon }) => (\n            <button\n              key={key}\n              type=\"button\"\n              aria-pressed={statusFilter === key}\n              onClick={() => setStatusFilter(key)}\n              className={cn(\n                'inline-flex items-center gap-1.5 rounded-xl px-3 py-2 text-sm font-medium',\n                interaction.transition,\n                /* Filter chips (selection): no press scale. */\n                interaction.focusRingPanel,\n                statusFilter === key\n                  ? 'bg-accent-soft text-accent-fg'\n                  : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n              )}\n            >\n              <Icon className=\"size-4\" strokeWidth={1.75} aria-hidden />\n              {label}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-xs font-medium text-fg-subtle\">{s.filterChannelLabel}</span>\n          <button\n            type=\"button\"\n            aria-pressed={!channelFilter}\n            onClick={() => setChannelFilter('')}\n            className={cn(\n              'inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium',\n              interaction.transition,\n              interaction.focusRingPanel,\n              !channelFilter\n                ? 'bg-accent-soft text-accent-fg'\n                : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n            )}\n          >\n            {s.filterChannelAll}\n          </button>\n          {channelChips.map((chId) => (\n            <button\n              key={chId}\n              type=\"button\"\n              aria-pressed={channelFilter === chId}\n              onClick={() => setChannelFilter(chId)}\n              className={cn(\n                'inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium',\n                interaction.transition,\n                interaction.focusRingPanel,\n                channelFilter === chId\n                  ? 'bg-accent-soft text-accent-fg'\n                  : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n              )}\n            >\n              {chId}\n              {stats?.byChannel?.[chId] != null ? (\n                <span className=\"ml-2 rounded-full bg-surface-hover px-2 py-0.5 text-[11px] text-fg-subtle\">\n                  {stats.byChannel[chId]}\n                </span>\n              ) : null}\n            </button>\n          ))}\n        </div>\n\n        {stats ? (\n          <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n            {[\n              [stats.totalSessions, s.totalSessions],\n              [stats.activeSessions, s.activeSessions],\n              [stats.pinnedSessions, s.pinnedSessions],\n              [stats.archivedSessions, s.archivedSessions],\n            ].map(([value, label]) => (\n              <div\n                key={label}\n                className=\"rounded-xl bg-surface-base px-3 py-3 dark:bg-surface-hover/30\"\n              >\n                <div className=\"text-lg font-semibold tabular-nums text-fg\">{value}</div>\n                <div className=\"text-xs text-fg-muted\">{label}</div>\n              </div>\n            ))}\n          </div>\n        ) : null}\n\n        {error ? (\n          <div className=\"rounded-lg border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\">\n            {error}\n          </div>\n        ) : null}\n\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"text-xs text-fg-muted\">{interpolate(s.sessionCount, { count: sessions.length })}</p>\n          <div className={segmentedTrackClassName} role=\"group\" aria-label={s.layoutToggleGroup}>\n            <Button\n              type=\"button\"\n              variant=\"segmented\"\n              title={s.gridView}\n              aria-pressed={viewMode === 'grid'}\n              onClick={() => setViewMode('grid')}\n              className={cn(\n                segmentedThumbBaseClassName,\n                'size-7 p-0',\n                viewMode === 'grid' && segmentedThumbActiveClassName,\n                viewMode === 'grid' && 'text-accent-fg',\n              )}\n            >\n              <LayoutGrid className=\"size-3.5\" strokeWidth={1.5} />\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"segmented\"\n              title={s.listView}\n              aria-pressed={viewMode === 'list'}\n              onClick={() => setViewMode('list')}\n              className={cn(\n                segmentedThumbBaseClassName,\n                'size-9 p-0',\n                viewMode === 'list' && segmentedThumbActiveClassName,\n                viewMode === 'list' && 'text-accent-fg',\n              )}\n            >\n              <LayoutList className=\"size-3.5\" strokeWidth={1.5} />\n            </Button>\n          </div>\n        </div>\n\n        {loading && sessions.length === 0 ? (\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"h-40 animate-pulse rounded-xl bg-surface-hover/60 dark:bg-surface-hover/40\"\n              />\n            ))}\n          </div>\n        ) : sessions.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center rounded-2xl bg-surface-base py-16 text-center dark:bg-surface-hover/25\">\n            <FolderOpen className=\"mb-3 size-12 text-fg-disabled\" strokeWidth={1.25} aria-hidden />\n            <p className=\"text-base font-semibold text-fg\">{s.noSessions}</p>\n            <p className=\"mt-1 max-w-sm text-sm text-fg-muted\">{s.noSessionsDescription}</p>\n            <Button\n              variant=\"primary\"\n              className=\"mt-6\"\n              onClick={() => {\n                window.dispatchEvent(new CustomEvent('navigate-to-chat', { detail: { sessionKey: '' }, bubbles: true }));\n              }}\n            >\n              {s.startNewChat}\n            </Button>\n          </div>\n        ) : (\n          <>\n            <div\n              className={cn(\n                'grid min-w-0 gap-3',\n                viewMode === 'grid' ? 'sm:grid-cols-2 lg:grid-cols-3' : 'grid-cols-1',\n              )}\n            >\n              {sessions.map((session) => {\n                const sessionAgentId = resolveSessionAgentId(session, defaultAgentId);\n                return (\n                  <SessionCard\n                    key={session.key}\n                    session={session}\n                    variant={viewMode}\n                    labels={cardLabels}\n                    sessionAgentId={sessionAgentId}\n                    sessionAgentAvatar={agentAvatarFromOptions(sessionAgentId, agentItems)}\n                    onOpen={() => handleCardOpen(session.key)}\n                    onAction={(action) => void handleCardAction(session.key, action)}\n                  />\n                );\n              })}\n            </div>\n            {hasMore ? (\n              <div className=\"flex justify-center pt-2\">\n                <Button type=\"button\" variant=\"secondary\" disabled={loading} onClick={() => void loadMore()}>\n                  {s.loadMore}\n                </Button>\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n\n      <SessionDetailDrawer\n        open={detailOpen}\n        loading={detailLoading}\n        session={detailSession}\n        sessionAgentId={\n          detailSession ? resolveSessionAgentId(detailSession, defaultAgentId) : undefined\n        }\n        sessionAgentAvatar={\n          detailSession\n            ? agentAvatarFromOptions(\n                resolveSessionAgentId(detailSession, defaultAgentId),\n                agentItems,\n              )\n            : undefined\n        }\n        labels={detailLabels}\n        onClose={() => {\n          setDetailOpen(false);\n          setDetailSession(null);\n        }}\n        onArchive={() => detailSession && void handleCardAction(detailSession.key, 'archive')}\n        onUnarchive={() => detailSession && void handleCardAction(detailSession.key, 'unarchive')}\n        onPin={() => detailSession && void handleCardAction(detailSession.key, 'pin')}\n        onUnpin={() => detailSession && void handleCardAction(detailSession.key, 'unpin')}\n        onExport={() => detailSession && void handleCardAction(detailSession.key, 'export')}\n        onDelete={() => detailSession && (setConfirmKey(detailSession.key), setConfirmOpen(true))}\n      />\n\n      <Dialog.Root open={confirmOpen} onOpenChange={setConfirmOpen}>\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content className=\"xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold text-fg\">{s.deleteSessionTitle}</Dialog.Title>\n            <p className=\"mt-2 text-sm text-fg-muted\">\n              {confirmKey\n                ? interpolate(s.deleteSessionMessage, {\n                    name:\n                      sessions.find((x) => x.key === confirmKey)?.name?.trim() || m.chat.newSession,\n                  })\n                : ''}\n            </p>\n            <div className=\"mt-4 flex justify-end gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={() => setConfirmOpen(false)}>\n                {s.cancel}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                className=\"bg-red-600 hover:bg-red-700\"\n                onClick={() => {\n                  if (confirmKey) void runDelete(confirmKey);\n                  setConfirmOpen(false);\n                  setConfirmKey(null);\n                }}\n              >\n                {s.delete}\n              </Button>\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sessions-page-Q201-_lP.js","names":[],"sources":["../../../../../web/src/features/sessions/session-card.tsx","../../../../../web/src/features/sessions/session-detail-drawer.tsx","../../../../../web/src/features/sessions/sessions-page.tsx"],"sourcesContent":["import {\n  Archive,\n  ArchiveRestore,\n  Download,\n  MessageSquare,\n  Pin,\n  PinOff,\n  Trash2,\n  Zap,\n} from 'lucide-react';\n\nimport type { SessionMetadata } from '@/features/sessions/session.types';\nimport { AgentAvatarDisplay } from '@/features/settings/agents/agent-avatar-display';\nimport { ghostIconButton } from '@/lib/interaction';\nimport { cn } from '@/lib/cn';\n\nexport type SessionCardAction =\n  | 'continue'\n  | 'delete'\n  | 'archive'\n  | 'unarchive'\n  | 'pin'\n  | 'unpin'\n  | 'export';\n\nfunction formatRelativeDate(dateStr: string): string {\n  const date = new Date(dateStr);\n  const now = new Date();\n  const diffDays = Math.floor((now.getTime() - date.getTime()) / (1000 * 60 * 60 * 24));\n  if (diffDays === 0) {\n    return date.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\n  }\n  if (diffDays === 1) return 'Yesterday';\n  if (diffDays < 7) return date.toLocaleDateString([], { weekday: 'short' });\n  return date.toLocaleDateString([], { month: 'short', day: 'numeric' });\n}\n\nfunction formatTokens(tokens: number): string {\n  if (tokens >= 1000) return `${(tokens / 1000).toFixed(1)}k`;\n  return String(tokens);\n}\n\nexport function SessionCard({\n  session,\n  variant,\n  labels,\n  sessionAgentId,\n  sessionAgentAvatar,\n  onOpen,\n  onAction,\n}: {\n  session: SessionMetadata;\n  variant: 'grid' | 'list';\n  sessionAgentId: string;\n  sessionAgentAvatar?: string;\n  labels: {\n    continueChat: string;\n    archive: string;\n    unarchive: string;\n    pin: string;\n    unpin: string;\n    export: string;\n    delete: string;\n    /** Shown when `session.name` is empty (e.g. new chat before auto-title). */\n    unnamedSession: string;\n  };\n  onOpen: () => void;\n  onAction: (action: SessionCardAction) => void;\n}) {\n  const displayName = session.name?.trim() || labels.unnamedSession;\n  const showKeySubtitle = Boolean(session.name?.trim());\n  const isArchived = session.status === 'archived';\n  const isPinned = session.status === 'pinned';\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      className={cn(\n        // min-w-0: grid/flex children default to min-width:auto — long unbroken titles (URLs) otherwise expand the track\n        'group flex min-w-0 w-full max-w-full cursor-pointer flex-col rounded-xl bg-surface-base text-left transition-colors duration-150 ease-out',\n        'hover:bg-surface-hover active:scale-[0.99]',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 focus-visible:ring-offset-surface-panel',\n        variant === 'list' && 'sm:flex-row sm:items-center sm:gap-4',\n      )}\n      onClick={onOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onOpen();\n        }\n      }}\n    >\n      <div\n        className={cn(\n          'flex min-w-0 items-start justify-between gap-2 bg-surface-hover/35 px-3 py-2 dark:bg-surface-hover/25',\n          variant === 'list' && 'sm:py-3',\n        )}\n      >\n        <div className=\"flex min-w-0 items-center gap-2\">\n          <span className=\"truncate text-[11px] font-medium uppercase tracking-wide text-fg-subtle\">\n            {session.sourceChannel}\n          </span>\n        </div>\n        <div className=\"flex shrink-0 items-center gap-1.5 text-xs text-fg-muted\">\n          {isPinned ? <Pin className=\"size-3.5 text-accent-fg\" strokeWidth={1.75} aria-hidden /> : null}\n          <span>{formatRelativeDate(session.updatedAt)}</span>\n        </div>\n      </div>\n\n      <div className={cn('min-w-0 flex-1 px-3 py-2', variant === 'list' && 'sm:py-3')}>\n        <div className={cn('flex gap-3', variant === 'list' && 'sm:items-start')}>\n          <AgentAvatarDisplay\n            agentId={sessionAgentId}\n            avatar={sessionAgentAvatar}\n            size={40}\n            className=\"size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge\"\n          />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"min-w-0 max-w-full truncate text-sm font-semibold text-fg\" title={displayName}>\n              {displayName}\n            </div>\n            {showKeySubtitle ? (\n              <div\n                className=\"mt-0.5 min-w-0 max-w-full truncate font-mono text-[11px] text-fg-subtle\"\n                title={session.key}\n              >\n                {session.key}\n              </div>\n            ) : null}\n          </div>\n        </div>\n        <div className=\"mt-2 flex flex-wrap items-center gap-3 text-xs text-fg-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <MessageSquare className=\"size-3.5\" strokeWidth={1.75} aria-hidden />\n            {session.messageCount}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Zap className=\"size-3.5\" strokeWidth={1.75} aria-hidden />\n            {formatTokens(session.estimatedTokens)}\n          </span>\n        </div>\n        {session.tags.length > 0 ? (\n          <div className=\"mt-2 flex flex-wrap gap-1\">\n            {session.tags.slice(0, 3).map((tag) => (\n              <span\n                key={tag}\n                className=\"max-w-full break-words rounded-md bg-surface-hover px-1.5 py-0.5 text-[11px] text-fg-muted\"\n              >\n                {tag}\n              </span>\n            ))}\n            {session.tags.length > 3 ? (\n              <span className=\"text-[11px] text-fg-disabled\">+{session.tags.length - 3}</span>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        className=\"flex flex-wrap items-center gap-0.5 border-t border-edge-subtle/80 bg-surface-hover/25 px-2 py-2 dark:border-edge-subtle\"\n        onClick={(e) => e.stopPropagation()}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <button\n          type=\"button\"\n          className={ghostIconButton}\n          title={labels.continueChat}\n          aria-label={labels.continueChat}\n          onClick={() => onAction('continue')}\n        >\n          <MessageSquare className=\"size-4\" strokeWidth={1.75} />\n        </button>\n        {isArchived ? (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.unarchive}\n            aria-label={labels.unarchive}\n            onClick={() => onAction('unarchive')}\n          >\n            <ArchiveRestore className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.archive}\n            aria-label={labels.archive}\n            onClick={() => onAction('archive')}\n          >\n            <Archive className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        )}\n        {isPinned ? (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.unpin}\n            aria-label={labels.unpin}\n            onClick={() => onAction('unpin')}\n          >\n            <PinOff className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        ) : (\n          <button\n            type=\"button\"\n            className={ghostIconButton}\n            title={labels.pin}\n            aria-label={labels.pin}\n            onClick={() => onAction('pin')}\n          >\n            <Pin className=\"size-4\" strokeWidth={1.75} />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          className={ghostIconButton}\n          title={labels.export}\n          aria-label={labels.export}\n          onClick={() => onAction('export')}\n        >\n          <Download className=\"size-4\" strokeWidth={1.75} />\n        </button>\n        <button\n          type=\"button\"\n          className={cn(\n            ghostIconButton,\n            'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40',\n          )}\n          title={labels.delete}\n          aria-label={labels.delete}\n          onClick={() => onAction('delete')}\n        >\n          <Trash2 className=\"size-4\" strokeWidth={1.75} />\n        </button>\n      </div>\n    </div>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\n\nimport type { SessionDetail } from '@/features/sessions/session.types';\nimport { AgentAvatarDisplay } from '@/features/settings/agents/agent-avatar-display';\nimport { Button } from '@/components/ui/button';\nimport { cn } from '@/lib/cn';\n\nfunction previewContent(content: string | unknown[]): string {\n  if (typeof content === 'string') {\n    return content.length > 2000 ? `${content.slice(0, 2000)}…` : content;\n  }\n  try {\n    const s = JSON.stringify(content, null, 2);\n    return s.length > 2000 ? `${s.slice(0, 2000)}…` : s;\n  } catch {\n    return String(content);\n  }\n}\n\nexport function SessionDetailDrawer({\n  open,\n  loading,\n  session,\n  sessionAgentId,\n  sessionAgentAvatar,\n  labels,\n  onClose,\n  onArchive,\n  onUnarchive,\n  onPin,\n  onUnpin,\n  onExport,\n  onDelete,\n}: {\n  open: boolean;\n  loading: boolean;\n  session: SessionDetail | null;\n  sessionAgentId?: string;\n  sessionAgentAvatar?: string;\n  labels: {\n    close: string;\n    detailLoading: string;\n    detailMessages: string;\n    detailExport: string;\n    archive: string;\n    unarchive: string;\n    pin: string;\n    unpin: string;\n    delete: string;\n    unnamedSession: string;\n  };\n  onClose: () => void;\n  onArchive: () => void;\n  onUnarchive: () => void;\n  onPin: () => void;\n  onUnpin: () => void;\n  onExport: () => void;\n  onDelete: () => void;\n}) {\n  const isArchived = session?.status === 'archived';\n  const isPinned = session?.status === 'pinned';\n\n  return (\n    <Dialog.Root open={open} onOpenChange={(v) => !v && onClose()}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-50 bg-scrim\" />\n        <Dialog.Content\n          className={cn(\n            'xopc-drawer-right fixed right-0 top-0 z-50 flex h-full w-full max-w-lg flex-col border-l border-edge bg-surface-panel shadow-popover outline-none',\n            'dark:border-edge',\n          )}\n          aria-describedby={undefined}\n        >\n          <div className=\"flex min-w-0 shrink-0 items-center justify-between gap-2 border-b border-edge px-4 py-3 dark:border-edge\">\n            <div className=\"flex min-w-0 flex-1 items-center gap-3\">\n              {session && sessionAgentId ? (\n                <AgentAvatarDisplay\n                  agentId={sessionAgentId}\n                  avatar={sessionAgentAvatar}\n                  size={40}\n                  className=\"size-10 shrink-0 ring-1 ring-edge/60 dark:ring-edge\"\n                />\n              ) : null}\n              <Dialog.Title className=\"min-w-0 flex-1 truncate text-base font-semibold tracking-tight text-fg\">\n                {session?.name?.trim() || labels.unnamedSession}\n              </Dialog.Title>\n            </div>\n            <Dialog.Close asChild>\n              <Button type=\"button\" variant=\"ghost\" className=\"h-9 w-9 shrink-0 p-0\" aria-label={labels.close}>\n                <X className=\"size-5\" strokeWidth={1.75} />\n              </Button>\n            </Dialog.Close>\n          </div>\n\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-3\">\n            {loading ? (\n              <p className=\"text-sm text-fg-muted\">{labels.detailLoading}</p>\n            ) : session ? (\n              <>\n                <dl className=\"mb-4 grid gap-2 text-xs text-fg-muted\">\n                  <div>\n                    <dt className=\"text-fg-disabled\">Key</dt>\n                    <dd className=\"mt-0.5 break-all font-mono text-fg\">{session.key}</dd>\n                  </div>\n                  <div className=\"flex flex-wrap gap-4\">\n                    <span>\n                      {session.messageCount} msgs · {session.estimatedTokens} tok\n                    </span>\n                  </div>\n                </dl>\n                <h3 className=\"mb-2 text-xs font-medium uppercase tracking-wide text-fg-subtle\">\n                  {labels.detailMessages}\n                </h3>\n                <ul className=\"space-y-3\">\n                  {session.messages.map((msg, i) => (\n                    <li\n                      key={`${msg.timestamp ?? i}-${i}`}\n                      className=\"rounded-lg border border-edge-subtle bg-surface-hover/50 p-2 dark:border-edge\"\n                    >\n                      <div className=\"mb-1 text-[10px] font-medium uppercase text-fg-subtle\">{msg.role}</div>\n                      <pre className=\"max-h-40 overflow-auto whitespace-pre-wrap break-words font-mono text-[11px] leading-relaxed text-fg-muted\">\n                        {previewContent(msg.content)}\n                      </pre>\n                    </li>\n                  ))}\n                </ul>\n              </>\n            ) : null}\n          </div>\n\n          <div className=\"shrink-0 border-t border-edge px-4 py-3 dark:border-edge\">\n            <div className=\"flex flex-wrap gap-2\">\n              <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onExport}>\n                {labels.detailExport}\n              </Button>\n              {isArchived ? (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onUnarchive}>\n                  {labels.unarchive}\n                </Button>\n              ) : (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onArchive}>\n                  {labels.archive}\n                </Button>\n              )}\n              {isPinned ? (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onUnpin}>\n                  {labels.unpin}\n                </Button>\n              ) : (\n                <Button type=\"button\" variant=\"secondary\" className=\"text-sm\" onClick={onPin}>\n                  {labels.pin}\n                </Button>\n              )}\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                className=\"text-sm text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/40\"\n                onClick={onDelete}\n              >\n                {labels.delete}\n              </Button>\n            </div>\n          </div>\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n","import * as Dialog from '@radix-ui/react-dialog';\nimport {\n  Archive,\n  Circle,\n  FolderOpen,\n  Layers,\n  LayoutGrid,\n  LayoutList,\n  Pin,\n  Search,\n} from 'lucide-react';\nimport { useCallback, useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport useSWR from 'swr';\n\nimport { fetchChatAgents } from '@/features/chat/chat-agents-api';\nimport { SessionCard, type SessionCardAction } from '@/features/sessions/session-card';\nimport { agentAvatarFromOptions, resolveSessionAgentId } from '@/features/sessions/session-agent-resolve';\nimport { SessionDetailDrawer } from '@/features/sessions/session-detail-drawer';\nimport {\n  archiveSession,\n  deleteSession,\n  exportSessionJson,\n  getSessionDetail,\n  getSessionStats,\n  listSessions,\n  pinSession,\n  unarchiveSession,\n  unpinSession,\n} from '@/features/sessions/session-api';\nimport type { SessionDetail, SessionMetadata, SessionStats } from '@/features/sessions/session.types';\nimport { Button } from '@/components/ui/button';\nimport {\n  segmentedThumbActiveClassName,\n  segmentedThumbBaseClassName,\n  segmentedTrackClassName,\n} from '@/components/ui/segmented-styles';\nimport { cn } from '@/lib/cn';\nimport { interaction } from '@/lib/interaction';\nimport { messages } from '@/i18n/messages';\nimport { useGatewayStore } from '@/stores/gateway-store';\nimport { useLocaleStore } from '@/stores/locale-store';\n\nconst PAGE_LIMIT = 20;\n\nfunction interpolate(template: string, params: Record<string, string | number>): string {\n  return template.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => String(params[key] ?? ''));\n}\n\ntype StatusFilter = 'all' | 'active' | 'pinned' | 'archived';\ntype SessionsViewMode = 'grid' | 'list';\n\nconst SESSION_STATUS_FILTER_SET = new Set<StatusFilter>(['all', 'active', 'pinned', 'archived']);\nconst SESSION_VIEW_MODE_SET = new Set<SessionsViewMode>(['grid', 'list']);\n\nexport function SessionsPage() {\n  const language = useLocaleStore((s) => s.language);\n  const m = messages(language);\n  const s = m.sessions;\n  const token = useGatewayStore((st) => st.token);\n  const hasToken = Boolean(token);\n  const { data: chatAgents, mutate: mutateChatAgents } = useSWR(\n    hasToken ? (['gateway-chat-agents', token] as const) : null,\n    fetchChatAgents,\n    { revalidateOnFocus: false },\n  );\n  const defaultAgentId = chatAgents?.defaultId ?? 'main';\n  const agentItems = chatAgents?.items ?? [];\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const initialSearch = searchParams.get('q') ?? '';\n  const initialStatus = searchParams.get('status');\n  const initialView = searchParams.get('view');\n  const initialChannel = searchParams.get('channel') ?? '';\n  const initialStatusFilter: StatusFilter = SESSION_STATUS_FILTER_SET.has(initialStatus as StatusFilter)\n    ? (initialStatus as StatusFilter)\n    : 'all';\n  const initialViewMode: SessionsViewMode = SESSION_VIEW_MODE_SET.has(initialView as SessionsViewMode)\n    ? (initialView as SessionsViewMode)\n    : 'grid';\n\n  const [searchInput, setSearchInput] = useState(initialSearch);\n  const [debouncedSearch, setDebouncedSearch] = useState(initialSearch.trim());\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>(initialStatusFilter);\n  const [viewMode, setViewMode] = useState<SessionsViewMode>(initialViewMode);\n  const [channelFilter, setChannelFilter] = useState(initialChannel.trim());\n\n  const [sessions, setSessions] = useState<SessionMetadata[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [hasMore, setHasMore] = useState(false);\n  const [stats, setStats] = useState<SessionStats | null>(null);\n\n  const [detailOpen, setDetailOpen] = useState(false);\n  const [detailLoading, setDetailLoading] = useState(false);\n  const [detailSession, setDetailSession] = useState<SessionDetail | null>(null);\n\n  const [confirmOpen, setConfirmOpen] = useState(false);\n  const [confirmKey, setConfirmKey] = useState<string | null>(null);\n\n  useEffect(() => {\n    const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 300);\n    return () => clearTimeout(t);\n  }, [searchInput]);\n\n  useEffect(() => {\n    const nextQ = searchParams.get('q') ?? '';\n    const nextStatusRaw = searchParams.get('status');\n    const nextViewRaw = searchParams.get('view');\n    const nextChannel = (searchParams.get('channel') ?? '').trim();\n    const nextStatus: StatusFilter = SESSION_STATUS_FILTER_SET.has(nextStatusRaw as StatusFilter)\n      ? (nextStatusRaw as StatusFilter)\n      : 'all';\n    const nextView: SessionsViewMode = SESSION_VIEW_MODE_SET.has(nextViewRaw as SessionsViewMode)\n      ? (nextViewRaw as SessionsViewMode)\n      : 'grid';\n    const nextDebouncedQ = nextQ.trim();\n\n    setSearchInput((prev) => (prev === nextQ ? prev : nextQ));\n    setDebouncedSearch((prev) => (prev === nextDebouncedQ ? prev : nextDebouncedQ));\n    setStatusFilter((prev) => (prev === nextStatus ? prev : nextStatus));\n    setViewMode((prev) => (prev === nextView ? prev : nextView));\n    setChannelFilter((prev) => (prev === nextChannel ? prev : nextChannel));\n  }, [searchParams]);\n\n  useEffect(() => {\n    const params = new URLSearchParams(searchParams);\n    const nextQ = debouncedSearch.trim();\n    if (nextQ) params.set('q', nextQ);\n    else params.delete('q');\n    if (statusFilter !== 'all') params.set('status', statusFilter);\n    else params.delete('status');\n    if (viewMode !== 'grid') params.set('view', viewMode);\n    else params.delete('view');\n    if (channelFilter) params.set('channel', channelFilter);\n    else params.delete('channel');\n    const next = params.toString();\n    if (next !== searchParams.toString()) {\n      setSearchParams(params, { replace: true });\n    }\n  }, [debouncedSearch, searchParams, setSearchParams, statusFilter, viewMode, channelFilter]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    let cancelled = false;\n    (async () => {\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listSessions({\n          limit: PAGE_LIMIT,\n          offset: 0,\n          ...(debouncedSearch ? { search: debouncedSearch } : {}),\n          ...(statusFilter !== 'all' ? { status: statusFilter } : {}),\n          ...(channelFilter ? { channel: channelFilter } : {}),\n        });\n        if (cancelled) return;\n        setSessions(result.items);\n        setHasMore(result.hasMore);\n      } catch (e) {\n        if (!cancelled) setError(e instanceof Error ? e.message : s.loadError);\n      } finally {\n        if (!cancelled) setLoading(false);\n      }\n    })();\n    return () => {\n      cancelled = true;\n    };\n  }, [hasToken, debouncedSearch, statusFilter, s.loadError]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    void getSessionStats()\n      .then(setStats)\n      .catch(() => {});\n  }, [hasToken]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    const onConfigReload = () => void mutateChatAgents();\n    window.addEventListener('config-reload', onConfigReload);\n    return () => window.removeEventListener('config-reload', onConfigReload);\n  }, [hasToken, mutateChatAgents]);\n\n  useEffect(() => {\n    if (!hasToken) return;\n    const handler = (e: Event) => {\n      const detail = (e as CustomEvent<{ key?: string; name?: string }>).detail;\n      if (!detail?.key || detail.name === undefined) return;\n      setSessions((prev) =>\n        prev.map((row) => (row.key === detail.key ? { ...row, name: detail.name } : row)),\n      );\n      setDetailSession((prev) =>\n        prev && prev.key === detail.key ? { ...prev, name: detail.name } : prev,\n      );\n    };\n    window.addEventListener('session-updated', handler);\n    return () => {\n      window.removeEventListener('session-updated', handler);\n    };\n  }, [hasToken]);\n\n  const loadMore = useCallback(async () => {\n    if (!hasToken || loading || !hasMore) return;\n    setLoading(true);\n    setError(null);\n    try {\n      const result = await listSessions({\n        limit: PAGE_LIMIT,\n        offset: sessions.length,\n        ...(debouncedSearch ? { search: debouncedSearch } : {}),\n        ...(statusFilter !== 'all' ? { status: statusFilter } : {}),\n        ...(channelFilter ? { channel: channelFilter } : {}),\n      });\n      setSessions((prev) => [...prev, ...result.items]);\n      setHasMore(result.hasMore);\n    } catch (e) {\n      setError(e instanceof Error ? e.message : s.loadError);\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    hasToken,\n    loading,\n    hasMore,\n    sessions.length,\n    debouncedSearch,\n    statusFilter,\n    channelFilter,\n    s.loadError,\n  ]);\n\n  const updateSessionStatus = useCallback((key: string, status: SessionMetadata['status']) => {\n    setSessions((prev) => prev.map((row) => (row.key === key ? { ...row, status } : row)));\n    setDetailSession((prev) => (prev && prev.key === key ? { ...prev, status } : prev));\n  }, []);\n\n  const openDetail = useCallback(async (key: string) => {\n    setDetailOpen(true);\n    setDetailLoading(true);\n    setDetailSession(null);\n    try {\n      const session = await getSessionDetail(key);\n      setDetailSession(session);\n    } catch {\n      setDetailOpen(false);\n    } finally {\n      setDetailLoading(false);\n    }\n  }, []);\n\n  const handleCardOpen = (key: string) => {\n    void openDetail(key);\n  };\n\n  const handleCardAction = async (key: string, action: SessionCardAction) => {\n    if (action === 'continue') {\n      window.dispatchEvent(\n        new CustomEvent('navigate-to-chat', { detail: { sessionKey: key }, bubbles: true }),\n      );\n      return;\n    }\n    if (action === 'delete') {\n      setConfirmKey(key);\n      setConfirmOpen(true);\n      return;\n    }\n    try {\n      switch (action) {\n        case 'archive':\n          await archiveSession(key);\n          updateSessionStatus(key, 'archived');\n          break;\n        case 'unarchive':\n          await unarchiveSession(key);\n          updateSessionStatus(key, 'active');\n          break;\n        case 'pin':\n          await pinSession(key);\n          updateSessionStatus(key, 'pinned');\n          break;\n        case 'unpin':\n          await unpinSession(key);\n          updateSessionStatus(key, 'active');\n          break;\n        case 'export': {\n          const content = await exportSessionJson(key);\n          const blob = new Blob([content], { type: 'application/json' });\n          const url = URL.createObjectURL(blob);\n          const a = document.createElement('a');\n          a.href = url;\n          a.download = `session-${key.replace(/[^a-z0-9]/gi, '_')}.json`;\n          document.body.appendChild(a);\n          a.click();\n          document.body.removeChild(a);\n          URL.revokeObjectURL(url);\n          break;\n        }\n        default:\n          break;\n      }\n      void getSessionStats().then(setStats).catch(() => {});\n    } catch {\n      /* toast optional */\n    }\n  };\n\n  const runDelete = async (key: string) => {\n    try {\n      await deleteSession(key);\n      setSessions((prev) => prev.filter((row) => row.key !== key));\n      setDetailSession((prev) => (prev?.key === key ? null : prev));\n      if (detailSession?.key === key) setDetailOpen(false);\n      void getSessionStats().then(setStats).catch(() => {});\n    } catch {\n      /* ignore */\n    }\n  };\n\n  const cardLabels = {\n    continueChat: s.continueChat,\n    archive: s.archive,\n    unarchive: s.unarchive,\n    pin: s.pin,\n    unpin: s.unpin,\n    export: s.export,\n    delete: s.delete,\n    unnamedSession: m.chat.newSession,\n  };\n\n  const detailLabels = {\n    close: s.close,\n    detailLoading: s.detailLoading,\n    detailMessages: s.detailMessages,\n    detailExport: s.detailExport,\n    archive: s.archive,\n    unarchive: s.unarchive,\n    pin: s.pin,\n    unpin: s.unpin,\n    delete: s.delete,\n    unnamedSession: m.chat.newSession,\n  };\n\n  const filters: { key: StatusFilter; label: string; icon: typeof Layers }[] = [\n    { key: 'all', label: s.filterAll, icon: Layers },\n    { key: 'active', label: s.filterActive, icon: Circle },\n    { key: 'pinned', label: s.filterPinned, icon: Pin },\n    { key: 'archived', label: s.filterArchived, icon: Archive },\n  ];\n\n  const channelChips = (() => {\n    const entries = Object.entries(stats?.byChannel ?? {}).sort((a, b) => b[1] - a[1]);\n    const top = entries.slice(0, 6).map(([id]) => id);\n    // Keep a few common channels visible even if no stats yet.\n    for (const c of ['telegram', 'weixin', 'feishu']) {\n      if (!top.includes(c)) top.push(c);\n    }\n    return top.slice(0, 8);\n  })();\n\n  if (!hasToken) {\n    return (\n      <div className=\"mx-auto w-full max-w-2xl px-4 py-16 text-center text-sm text-fg-muted sm:px-8 lg:max-w-app-main\">\n        {s.needToken}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto overflow-x-hidden bg-surface-panel\">\n      <div className=\"mx-auto flex w-full min-w-0 max-w-2xl flex-col gap-4 px-4 py-6 sm:px-6 lg:max-w-app-main lg:px-8\">\n        <header className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <h1 className=\"text-xl font-semibold tracking-tight text-fg\">{s.title}</h1>\n          <div className=\"flex w-full min-w-0 items-center gap-2 rounded-xl bg-surface-base px-3 py-2 transition-colors sm:max-w-md dark:bg-surface-hover/40\">\n            <Search className=\"size-4 shrink-0 text-fg-disabled\" strokeWidth={1.75} aria-hidden />\n            <input\n              type=\"search\"\n              value={searchInput}\n              onChange={(e) => setSearchInput(e.target.value)}\n              placeholder={s.searchPlaceholder}\n              className=\"min-w-0 flex-1 border-0 bg-transparent text-sm text-fg placeholder:text-fg-disabled focus:outline-none focus:ring-0\"\n            />\n          </div>\n        </header>\n\n        <div className=\"flex flex-wrap gap-2\">\n          {filters.map(({ key, label, icon: Icon }) => (\n            <button\n              key={key}\n              type=\"button\"\n              aria-pressed={statusFilter === key}\n              onClick={() => setStatusFilter(key)}\n              className={cn(\n                'inline-flex items-center gap-1.5 rounded-xl px-3 py-2 text-sm font-medium',\n                interaction.transition,\n                /* Filter chips (selection): no press scale. */\n                interaction.focusRingPanel,\n                statusFilter === key\n                  ? 'bg-accent-soft text-accent-fg'\n                  : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n              )}\n            >\n              <Icon className=\"size-4\" strokeWidth={1.75} aria-hidden />\n              {label}\n            </button>\n          ))}\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"text-xs font-medium text-fg-subtle\">{s.filterChannelLabel}</span>\n          <button\n            type=\"button\"\n            aria-pressed={!channelFilter}\n            onClick={() => setChannelFilter('')}\n            className={cn(\n              'inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium',\n              interaction.transition,\n              interaction.focusRingPanel,\n              !channelFilter\n                ? 'bg-accent-soft text-accent-fg'\n                : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n            )}\n          >\n            {s.filterChannelAll}\n          </button>\n          {channelChips.map((chId) => (\n            <button\n              key={chId}\n              type=\"button\"\n              aria-pressed={channelFilter === chId}\n              onClick={() => setChannelFilter(chId)}\n              className={cn(\n                'inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium',\n                interaction.transition,\n                interaction.focusRingPanel,\n                channelFilter === chId\n                  ? 'bg-accent-soft text-accent-fg'\n                  : 'bg-surface-base text-fg-muted hover:bg-surface-hover hover:text-fg dark:bg-surface-hover/35',\n              )}\n            >\n              {chId}\n              {stats?.byChannel?.[chId] != null ? (\n                <span className=\"ml-2 rounded-full bg-surface-hover px-2 py-0.5 text-[11px] text-fg-subtle\">\n                  {stats.byChannel[chId]}\n                </span>\n              ) : null}\n            </button>\n          ))}\n        </div>\n\n        {stats ? (\n          <div className=\"grid grid-cols-2 gap-3 sm:grid-cols-4\">\n            {[\n              [stats.totalSessions, s.totalSessions],\n              [stats.activeSessions, s.activeSessions],\n              [stats.pinnedSessions, s.pinnedSessions],\n              [stats.archivedSessions, s.archivedSessions],\n            ].map(([value, label]) => (\n              <div\n                key={label}\n                className=\"rounded-xl bg-surface-base px-3 py-3 dark:bg-surface-hover/30\"\n              >\n                <div className=\"text-lg font-semibold tabular-nums text-fg\">{value}</div>\n                <div className=\"text-xs text-fg-muted\">{label}</div>\n              </div>\n            ))}\n          </div>\n        ) : null}\n\n        {error ? (\n          <div className=\"rounded-lg border border-edge bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-edge dark:bg-red-950/40 dark:text-red-300\">\n            {error}\n          </div>\n        ) : null}\n\n        <div className=\"flex items-center justify-between gap-2\">\n          <p className=\"text-xs text-fg-muted\">{interpolate(s.sessionCount, { count: sessions.length })}</p>\n          <div className={segmentedTrackClassName} role=\"group\" aria-label={s.layoutToggleGroup}>\n            <Button\n              type=\"button\"\n              variant=\"segmented\"\n              title={s.gridView}\n              aria-pressed={viewMode === 'grid'}\n              onClick={() => setViewMode('grid')}\n              className={cn(\n                segmentedThumbBaseClassName,\n                'size-7 p-0',\n                viewMode === 'grid' && segmentedThumbActiveClassName,\n                viewMode === 'grid' && 'text-accent-fg',\n              )}\n            >\n              <LayoutGrid className=\"size-3.5\" strokeWidth={1.5} />\n            </Button>\n            <Button\n              type=\"button\"\n              variant=\"segmented\"\n              title={s.listView}\n              aria-pressed={viewMode === 'list'}\n              onClick={() => setViewMode('list')}\n              className={cn(\n                segmentedThumbBaseClassName,\n                'size-9 p-0',\n                viewMode === 'list' && segmentedThumbActiveClassName,\n                viewMode === 'list' && 'text-accent-fg',\n              )}\n            >\n              <LayoutList className=\"size-3.5\" strokeWidth={1.5} />\n            </Button>\n          </div>\n        </div>\n\n        {loading && sessions.length === 0 ? (\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n            {Array.from({ length: 6 }).map((_, i) => (\n              <div\n                key={i}\n                className=\"h-40 animate-pulse rounded-xl bg-surface-hover/60 dark:bg-surface-hover/40\"\n              />\n            ))}\n          </div>\n        ) : sessions.length === 0 ? (\n          <div className=\"flex flex-col items-center justify-center rounded-2xl bg-surface-base py-16 text-center dark:bg-surface-hover/25\">\n            <FolderOpen className=\"mb-3 size-12 text-fg-disabled\" strokeWidth={1.25} aria-hidden />\n            <p className=\"text-base font-semibold text-fg\">{s.noSessions}</p>\n            <p className=\"mt-1 max-w-sm text-sm text-fg-muted\">{s.noSessionsDescription}</p>\n            <Button\n              variant=\"primary\"\n              className=\"mt-6\"\n              onClick={() => {\n                window.dispatchEvent(new CustomEvent('navigate-to-chat', { detail: { sessionKey: '' }, bubbles: true }));\n              }}\n            >\n              {s.startNewChat}\n            </Button>\n          </div>\n        ) : (\n          <>\n            <div\n              className={cn(\n                'grid min-w-0 gap-3',\n                viewMode === 'grid' ? 'sm:grid-cols-2 lg:grid-cols-3' : 'grid-cols-1',\n              )}\n            >\n              {sessions.map((session) => {\n                const sessionAgentId = resolveSessionAgentId(session, defaultAgentId);\n                return (\n                  <SessionCard\n                    key={session.key}\n                    session={session}\n                    variant={viewMode}\n                    labels={cardLabels}\n                    sessionAgentId={sessionAgentId}\n                    sessionAgentAvatar={agentAvatarFromOptions(sessionAgentId, agentItems)}\n                    onOpen={() => handleCardOpen(session.key)}\n                    onAction={(action) => void handleCardAction(session.key, action)}\n                  />\n                );\n              })}\n            </div>\n            {hasMore ? (\n              <div className=\"flex justify-center pt-2\">\n                <Button type=\"button\" variant=\"secondary\" disabled={loading} onClick={() => void loadMore()}>\n                  {s.loadMore}\n                </Button>\n              </div>\n            ) : null}\n          </>\n        )}\n      </div>\n\n      <SessionDetailDrawer\n        open={detailOpen}\n        loading={detailLoading}\n        session={detailSession}\n        sessionAgentId={\n          detailSession ? resolveSessionAgentId(detailSession, defaultAgentId) : undefined\n        }\n        sessionAgentAvatar={\n          detailSession\n            ? agentAvatarFromOptions(\n                resolveSessionAgentId(detailSession, defaultAgentId),\n                agentItems,\n              )\n            : undefined\n        }\n        labels={detailLabels}\n        onClose={() => {\n          setDetailOpen(false);\n          setDetailSession(null);\n        }}\n        onArchive={() => detailSession && void handleCardAction(detailSession.key, 'archive')}\n        onUnarchive={() => detailSession && void handleCardAction(detailSession.key, 'unarchive')}\n        onPin={() => detailSession && void handleCardAction(detailSession.key, 'pin')}\n        onUnpin={() => detailSession && void handleCardAction(detailSession.key, 'unpin')}\n        onExport={() => detailSession && void handleCardAction(detailSession.key, 'export')}\n        onDelete={() => detailSession && (setConfirmKey(detailSession.key), setConfirmOpen(true))}\n      />\n\n      <Dialog.Root open={confirmOpen} onOpenChange={setConfirmOpen}>\n        <Dialog.Portal>\n          <Dialog.Overlay className=\"xopc-dialog-overlay fixed inset-0 z-[60] bg-scrim\" />\n          <Dialog.Content className=\"xopc-dialog-content fixed left-1/2 top-1/2 z-[60] w-[min(100%-2rem,24rem)] -translate-x-1/2 -translate-y-1/2 rounded-xl border border-edge bg-surface-panel p-4 shadow-popover dark:border-edge\">\n            <Dialog.Title className=\"text-base font-semibold text-fg\">{s.deleteSessionTitle}</Dialog.Title>\n            <p className=\"mt-2 text-sm text-fg-muted\">\n              {confirmKey\n                ? interpolate(s.deleteSessionMessage, {\n                    name:\n                      sessions.find((x) => x.key === confirmKey)?.name?.trim() || m.chat.newSession,\n                  })\n                : ''}\n            </p>\n            <div className=\"mt-4 flex justify-end gap-2\">\n              <Button type=\"button\" variant=\"secondary\" onClick={() => setConfirmOpen(false)}>\n                {s.cancel}\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"primary\"\n                className=\"bg-red-600 hover:bg-red-700\"\n                onClick={() => {\n                  if (confirmKey) void runDelete(confirmKey);\n                  setConfirmOpen(false);\n                  setConfirmKey(null);\n                }}\n              >\n                {s.delete}\n              </Button>\n            </div>\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </div>\n  );\n}\n"],"mappings":"0lBAyBA,SAAA,GAAA,EAAA,mFASE,OALA,IAAA,EAAA,EAAA,mBAAA,EAAA,CAAA,mCAGA,IAAA,EAAA,YACA,EAAA,EAAA,EAAA,mBAAA,EAAA,CAAA,CAAA,QAAA,QAAA,CAAA,CACA,EAAA,mBAAA,EAAA,CAAA,+BAGF,SAAA,GAAA,EAAA,CAEE,OADA,GAAA,IAAA,IAAA,EAAA,KAAA,QAAA,EAAA,CAAA,GACA,OAAA,EAAA,CAGF,SAAA,GAAA,CAAA,UAAA,UAAA,SAAA,iBAAA,qBAAA,SAAA,YAAA,yGAgCE,OAAA,EAAA,EAAA,MAAA,MAAA,4bAaM,EAAA,MAAA,SAAA,EAAA,MAAA,OACE,EAAA,gBAAA,CACA,GAAA,27GCjFV,SAAS,GAAe,EAAqC,CAC3D,GAAI,OAAO,GAAY,SACrB,OAAO,EAAQ,OAAS,IAAO,GAAG,EAAQ,MAAM,EAAG,IAAK,CAAC,GAAK,EAEhE,GAAI,CACF,IAAM,EAAI,KAAK,UAAU,EAAS,KAAM,EAAE,CAC1C,OAAO,EAAE,OAAS,IAAO,GAAG,EAAE,MAAM,EAAG,IAAK,CAAC,GAAK,OAC5C,CACN,OAAO,OAAO,EAAQ,EAI1B,SAAgB,GAAoB,CAClC,OACA,UACA,UACA,iBACA,qBACA,SACA,UACA,YACA,eACA,QACA,UACA,YACA,YA0BC,CACD,IAAM,GAAa,GAAS,SAAW,WACjC,GAAW,GAAS,SAAW,SAErC,OACE,EAAA,EAAA,KAAC,GAAD,CAAmB,OAAM,aAAe,GAAM,CAAC,GAAK,GAAS,WAC3D,EAAA,EAAA,MAAC,GAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAgB,UAAU,kDAAoD,CAAA,EAC9E,EAAA,EAAA,MAAC,GAAD,CACE,UAAW,EACT,oJACA,mBACD,CACD,mBAAkB,IAAA,YALpB,EAOE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,oHAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,CACG,GAAW,GACV,EAAA,EAAA,KAAC,EAAD,CACE,QAAS,EACT,OAAQ,EACR,KAAM,GACN,UAAU,sDACV,CAAA,CACA,MACJ,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,kFACrB,GAAS,MAAM,MAAM,EAAI,EAAO,eACpB,CAAA,CACX,IACN,EAAA,EAAA,KAAC,EAAD,CAAc,QAAA,aACZ,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,QAAQ,UAAU,uBAAuB,aAAY,EAAO,gBACxF,EAAA,EAAA,KAAC,EAAD,CAAG,UAAU,SAAS,YAAa,KAAQ,CAAA,CACpC,CAAA,CACI,CAAA,CACX,IAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,GACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iCAAyB,EAAO,cAAkB,CAAA,CAC7D,GACF,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,KAAD,CAAI,UAAU,iDAAd,EACE,EAAA,EAAA,MAAC,MAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,4BAAmB,MAAQ,CAAA,EACzC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,8CAAsC,EAAQ,IAAS,CAAA,CACjE,CAAA,CAAA,EACN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iCACb,EAAA,EAAA,MAAC,OAAD,CAAA,SAAA,CACG,EAAQ,aAAa,WAAS,EAAQ,gBAAgB,OAClD,CAAA,CAAA,CACH,CAAA,CACH,IACL,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,2EACX,EAAO,eACL,CAAA,EACL,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,qBACX,EAAQ,SAAS,KAAK,EAAK,KAC1B,EAAA,EAAA,MAAC,KAAD,CAEE,UAAU,yFAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iEAAyD,EAAI,KAAW,CAAA,EACvF,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sHACZ,GAAe,EAAI,QAAQ,CACxB,CAAA,CACH,EAPE,GAAG,EAAI,WAAa,EAAE,GAAG,IAO3B,CACL,CACC,CAAA,CACJ,CAAA,CAAA,CACD,KACA,CAAA,EAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qEACb,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAS,YACpE,EAAO,aACD,CAAA,CACR,IACC,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAS,YACpE,EAAO,UACD,CAAA,EAET,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAS,WACpE,EAAO,QACD,CAAA,CAEV,IACC,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAS,WACpE,EAAO,MACD,CAAA,EAET,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAS,WACpE,EAAO,IACD,CAAA,EAEX,EAAA,EAAA,KAAC,EAAD,CACE,KAAK,SACL,QAAQ,YACR,UAAU,kFACV,QAAS,WAER,EAAO,OACD,CAAA,CACL,GACF,CAAA,CACS,GACH,CAAA,CAAA,CACJ,CAAA,CC3HlB,IAAM,GAAa,GAEnB,SAAS,EAAY,EAAkB,EAAiD,CACtF,OAAO,EAAS,QAAQ,kBAAmB,EAAG,IAAQ,OAAO,EAAO,IAAQ,GAAG,CAAC,CAMlF,IAAM,EAA4B,IAAI,IAAkB,CAAC,MAAO,SAAU,SAAU,WAAW,CAAC,CAC1F,EAAwB,IAAI,IAAsB,CAAC,OAAQ,OAAO,CAAC,CAEzE,SAAgB,GAAe,CAE7B,IAAM,EAAI,GADO,GAAgB,GAAM,EAAE,SACtB,CAAS,CACtB,EAAI,EAAE,SACN,EAAQ,GAAiB,GAAO,EAAG,MAAM,CACzC,EAAW,EAAQ,EACnB,CAAE,KAAM,EAAY,OAAQ,GAAqB,EACrD,EAAY,CAAC,sBAAuB,EAAM,CAAa,KACvD,GACA,CAAE,kBAAmB,GAAO,CAC7B,CACK,EAAiB,GAAY,WAAa,OAC1C,EAAa,GAAY,OAAS,EAAE,CACpC,CAAC,EAAc,GAAmB,IAAiB,CAEnD,EAAgB,EAAa,IAAI,IAAI,EAAI,GACzC,EAAgB,EAAa,IAAI,SAAS,CAC1C,EAAc,EAAa,IAAI,OAAO,CACtC,GAAiB,EAAa,IAAI,UAAU,EAAI,GAChD,GAAoC,EAA0B,IAAI,EAA8B,CACjG,EACD,MACE,GAAoC,EAAsB,IAAI,EAAgC,CAC/F,EACD,OAEE,CAAC,EAAa,KAAA,EAAA,EAAA,UAA2B,EAAc,CACvD,CAAC,EAAiB,KAAA,EAAA,EAAA,UAA+B,EAAc,MAAM,CAAC,CACtE,CAAC,EAAc,KAAA,EAAA,EAAA,UAA0C,GAAoB,CAC7E,CAAC,EAAU,IAAA,EAAA,EAAA,UAA0C,GAAgB,CACrE,CAAC,EAAe,IAAA,EAAA,EAAA,UAA6B,GAAe,MAAM,CAAC,CAEnE,CAAC,EAAU,IAAA,EAAA,EAAA,UAA2C,EAAE,CAAC,CACzD,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,GAAO,IAAA,EAAA,EAAA,UAAoC,KAAK,CACjD,CAAC,EAAS,KAAA,EAAA,EAAA,UAAuB,GAAM,CACvC,CAAC,EAAO,IAAA,EAAA,EAAA,UAA0C,KAAK,CAEvD,CAAC,GAAY,IAAA,EAAA,EAAA,UAA0B,GAAM,CAC7C,CAAC,GAAe,KAAA,EAAA,EAAA,UAA6B,GAAM,CACnD,CAAC,EAAe,IAAA,EAAA,EAAA,UAAmD,KAAK,CAExE,CAAC,GAAa,IAAA,EAAA,EAAA,UAA2B,GAAM,CAC/C,CAAC,EAAY,IAAA,EAAA,EAAA,UAAyC,KAAK,EAEjE,EAAA,EAAA,eAAgB,CACd,IAAM,EAAI,eAAiB,GAAmB,EAAY,MAAM,CAAC,CAAE,IAAI,CACvE,UAAa,aAAa,EAAE,EAC3B,CAAC,EAAY,CAAC,EAEjB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAQ,EAAa,IAAI,IAAI,EAAI,GACjC,EAAgB,EAAa,IAAI,SAAS,CAC1C,EAAc,EAAa,IAAI,OAAO,CACtC,GAAe,EAAa,IAAI,UAAU,EAAI,IAAI,MAAM,CACxD,EAA2B,EAA0B,IAAI,EAA8B,CACxF,EACD,MACE,EAA6B,EAAsB,IAAI,EAAgC,CACxF,EACD,OACE,EAAiB,EAAM,MAAM,CAEnC,GAAgB,GAAU,IAAS,EAAQ,EAAO,EAAO,CACzD,GAAoB,GAAU,IAAS,EAAiB,EAAO,EAAgB,CAC/E,GAAiB,GAAU,IAAS,EAAa,EAAO,EAAY,CACpE,EAAa,GAAU,IAAS,EAAW,EAAO,EAAU,CAC5D,EAAkB,GAAU,IAAS,EAAc,EAAO,EAAa,EACtE,CAAC,EAAa,CAAC,EAElB,EAAA,EAAA,eAAgB,CACd,IAAM,EAAS,IAAI,gBAAgB,EAAa,CAC1C,EAAQ,EAAgB,MAAM,CAChC,EAAO,EAAO,IAAI,IAAK,EAAM,CAC5B,EAAO,OAAO,IAAI,CACnB,IAAiB,MAChB,EAAO,OAAO,SAAS,CADA,EAAO,IAAI,SAAU,EAAa,CAE1D,IAAa,OACZ,EAAO,OAAO,OAAO,CADD,EAAO,IAAI,OAAQ,EAAS,CAEjD,EAAe,EAAO,IAAI,UAAW,EAAc,CAClD,EAAO,OAAO,UAAU,CAChB,EAAO,UAChB,GAAS,EAAa,UAAU,EAClC,EAAgB,EAAQ,CAAE,QAAS,GAAM,CAAC,EAE3C,CAAC,EAAiB,EAAc,EAAiB,EAAc,EAAU,EAAc,CAAC,EAE3F,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAU,OACf,IAAI,EAAY,GAqBhB,OApBC,SAAY,CACX,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,GAAI,CACF,IAAM,EAAS,MAAM,GAAa,CAChC,MAAO,GACP,OAAQ,EACR,GAAI,EAAkB,CAAE,OAAQ,EAAiB,CAAG,EAAE,CACtD,GAAI,IAAiB,MAAmC,EAAE,CAA7B,CAAE,OAAQ,EAAc,CACrD,GAAI,EAAgB,CAAE,QAAS,EAAe,CAAG,EAAE,CACpD,CAAC,CACF,GAAI,EAAW,OACf,EAAY,EAAO,MAAM,CACzB,GAAW,EAAO,QAAQ,OACnB,EAAG,CACL,GAAW,EAAS,aAAa,MAAQ,EAAE,QAAU,EAAE,UAAU,QAC9D,CACH,GAAW,EAAW,GAAM,KAEjC,KACS,CACX,EAAY,KAEb,CAAC,EAAU,EAAiB,EAAc,EAAE,UAAU,CAAC,EAE1D,EAAA,EAAA,eAAgB,CACT,GACA,GAAiB,CACnB,KAAK,EAAS,CACd,UAAY,GAAG,EACjB,CAAC,EAAS,CAAC,EAEd,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAU,OACf,IAAM,MAAuB,KAAK,GAAkB,CAEpD,OADA,OAAO,iBAAiB,gBAAiB,EAAe,KAC3C,OAAO,oBAAoB,gBAAiB,EAAe,EACvE,CAAC,EAAU,EAAiB,CAAC,EAEhC,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,EAAU,OACf,IAAM,EAAW,GAAa,CAC5B,IAAM,EAAU,EAAmD,OAC/D,CAAC,GAAQ,KAAO,EAAO,OAAS,IAAA,KACpC,EAAa,GACX,EAAK,IAAK,GAAS,EAAI,MAAQ,EAAO,IAAM,CAAE,GAAG,EAAK,KAAM,EAAO,KAAM,CAAG,EAAK,CAClF,CACD,EAAkB,GAChB,GAAQ,EAAK,MAAQ,EAAO,IAAM,CAAE,GAAG,EAAM,KAAM,EAAO,KAAM,CAAG,EACpE,GAGH,OADA,OAAO,iBAAiB,kBAAmB,EAAQ,KACtC,CACX,OAAO,oBAAoB,kBAAmB,EAAQ,GAEvD,CAAC,EAAS,CAAC,CAEd,IAAM,IAAA,EAAA,EAAA,aAAuB,SAAY,CACnC,MAAC,GAAY,GAAW,CAAC,GAE7B,CADA,EAAW,GAAK,CAChB,EAAS,KAAK,CACd,GAAI,CACF,IAAM,EAAS,MAAM,GAAa,CAChC,MAAO,GACP,OAAQ,EAAS,OACjB,GAAI,EAAkB,CAAE,OAAQ,EAAiB,CAAG,EAAE,CACtD,GAAI,IAAiB,MAAmC,EAAE,CAA7B,CAAE,OAAQ,EAAc,CACrD,GAAI,EAAgB,CAAE,QAAS,EAAe,CAAG,EAAE,CACpD,CAAC,CACF,EAAa,GAAS,CAAC,GAAG,EAAM,GAAG,EAAO,MAAM,CAAC,CACjD,GAAW,EAAO,QAAQ,OACnB,EAAG,CACV,EAAS,aAAa,MAAQ,EAAE,QAAU,EAAE,UAAU,QAC9C,CACR,EAAW,GAAM,IAElB,CACD,EACA,EACA,EACA,EAAS,OACT,EACA,EACA,EACA,EAAE,UACH,CAAC,CAEI,GAAA,EAAA,EAAA,cAAmC,EAAa,IAAsC,CAC1F,EAAa,GAAS,EAAK,IAAK,GAAS,EAAI,MAAQ,EAAM,CAAE,GAAG,EAAK,SAAQ,CAAG,EAAK,CAAC,CACtF,EAAkB,GAAU,GAAQ,EAAK,MAAQ,EAAM,CAAE,GAAG,EAAM,SAAQ,CAAG,EAAM,EAClF,EAAE,CAAC,CAEA,IAAA,EAAA,EAAA,aAAyB,KAAO,IAAgB,CACpD,EAAc,GAAK,CACnB,GAAiB,GAAK,CACtB,EAAiB,KAAK,CACtB,GAAI,CAEF,EAAiB,MADK,GAAiB,EAAI,CAClB,MACnB,CACN,EAAc,GAAM,QACZ,CACR,GAAiB,GAAM,GAExB,EAAE,CAAC,CAEA,GAAkB,GAAgB,CACjC,GAAW,EAAI,EAGhB,EAAmB,MAAO,EAAa,IAA8B,CACzE,GAAI,IAAW,WAAY,CACzB,OAAO,cACL,IAAI,YAAY,mBAAoB,CAAE,OAAQ,CAAE,WAAY,EAAK,CAAE,QAAS,GAAM,CAAC,CACpF,CACD,OAEF,GAAI,IAAW,SAAU,CACvB,EAAc,EAAI,CAClB,EAAe,GAAK,CACpB,OAEF,GAAI,CACF,OAAQ,EAAR,CACE,IAAK,UACH,MAAM,GAAe,EAAI,CACzB,EAAoB,EAAK,WAAW,CACpC,MACF,IAAK,YACH,MAAM,GAAiB,EAAI,CAC3B,EAAoB,EAAK,SAAS,CAClC,MACF,IAAK,MACH,MAAM,GAAW,EAAI,CACrB,EAAoB,EAAK,SAAS,CAClC,MACF,IAAK,QACH,MAAM,GAAa,EAAI,CACvB,EAAoB,EAAK,SAAS,CAClC,MACF,IAAK,SAAU,CACb,IAAM,EAAU,MAAM,GAAkB,EAAI,CACtC,EAAO,IAAI,KAAK,CAAC,EAAQ,CAAE,CAAE,KAAM,mBAAoB,CAAC,CACxD,EAAM,IAAI,gBAAgB,EAAK,CAC/B,EAAI,SAAS,cAAc,IAAI,CACrC,EAAE,KAAO,EACT,EAAE,SAAW,WAAW,EAAI,QAAQ,cAAe,IAAI,CAAC,OACxD,SAAS,KAAK,YAAY,EAAE,CAC5B,EAAE,OAAO,CACT,SAAS,KAAK,YAAY,EAAE,CAC5B,IAAI,gBAAgB,EAAI,CACxB,MAEF,QACE,MAEC,GAAiB,CAAC,KAAK,EAAS,CAAC,UAAY,GAAG,MAC/C,IAKJ,GAAY,KAAO,IAAgB,CACvC,GAAI,CACF,MAAM,GAAc,EAAI,CACxB,EAAa,GAAS,EAAK,OAAQ,GAAQ,EAAI,MAAQ,EAAI,CAAC,CAC5D,EAAkB,GAAU,GAAM,MAAQ,EAAM,KAAO,EAAM,CACzD,GAAe,MAAQ,GAAK,EAAc,GAAM,CAC/C,GAAiB,CAAC,KAAK,EAAS,CAAC,UAAY,GAAG,MAC/C,IAKJ,GAAa,CACjB,aAAc,EAAE,aAChB,QAAS,EAAE,QACX,UAAW,EAAE,UACb,IAAK,EAAE,IACP,MAAO,EAAE,MACT,OAAQ,EAAE,OACV,OAAQ,EAAE,OACV,eAAgB,EAAE,KAAK,WACxB,CAEK,GAAe,CACnB,MAAO,EAAE,MACT,cAAe,EAAE,cACjB,eAAgB,EAAE,eAClB,aAAc,EAAE,aAChB,QAAS,EAAE,QACX,UAAW,EAAE,UACb,IAAK,EAAE,IACP,MAAO,EAAE,MACT,OAAQ,EAAE,OACV,eAAgB,EAAE,KAAK,WACxB,CAEK,GAAuE,CAC3E,CAAE,IAAK,MAAO,MAAO,EAAE,UAAW,KAAM,GAAQ,CAChD,CAAE,IAAK,SAAU,MAAO,EAAE,aAAc,KAAM,GAAQ,CACtD,CAAE,IAAK,SAAU,MAAO,EAAE,aAAc,KAAM,EAAK,CACnD,CAAE,IAAK,WAAY,MAAO,EAAE,eAAgB,KAAM,EAAS,CAC5D,CAEK,QAAsB,CAE1B,IAAM,EADU,OAAO,QAAQ,GAAO,WAAa,EAAE,CAAC,CAAC,MAAM,EAAG,IAAM,EAAE,GAAK,EAAE,GACnE,CAAQ,MAAM,EAAG,EAAE,CAAC,KAAK,CAAC,KAAQ,EAAG,CAEjD,IAAK,IAAM,IAAK,CAAC,WAAY,SAAU,SAAS,CACzC,EAAI,SAAS,EAAE,EAAE,EAAI,KAAK,EAAE,CAEnC,OAAO,EAAI,MAAM,EAAG,EAAE,IACpB,CAUJ,OARK,GASH,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mGAAf,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4GAAf,EACE,EAAA,EAAA,MAAC,SAAD,CAAQ,UAAU,8EAAlB,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,wDAAgD,EAAE,MAAW,CAAA,EAC3E,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,8IAAf,EACE,EAAA,EAAA,KAAC,GAAD,CAAQ,UAAU,mCAAmC,YAAa,KAAM,cAAA,GAAc,CAAA,EACtF,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,SACL,MAAO,EACP,SAAW,GAAM,GAAe,EAAE,OAAO,MAAM,CAC/C,YAAa,EAAE,kBACf,UAAU,sHACV,CAAA,CACE,GACC,IAET,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gCACZ,GAAQ,KAAK,CAAE,MAAK,QAAO,KAAM,MAChC,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,eAAc,IAAiB,EAC/B,YAAe,GAAgB,EAAI,CACnC,UAAW,EACT,4EACA,EAAY,WAEZ,EAAY,eACZ,IAAiB,EACb,gCACA,8FACL,UAbH,EAeE,EAAA,EAAA,KAAC,EAAD,CAAM,UAAU,SAAS,YAAa,KAAM,cAAA,GAAc,CAAA,CACzD,EACM,EAhBF,EAgBE,CACT,CACE,CAAA,EAEN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,6CAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,8CAAsC,EAAE,mBAA0B,CAAA,EAClF,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,eAAc,CAAC,EACf,YAAe,EAAiB,GAAG,CACnC,UAAW,EACT,oEACA,EAAY,WACZ,EAAY,eACX,EAEG,8FADA,gCAEL,UAEA,EAAE,iBACI,CAAA,CACR,GAAa,IAAK,IACjB,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,eAAc,IAAkB,EAChC,YAAe,EAAiB,EAAK,CACrC,UAAW,EACT,oEACA,EAAY,WACZ,EAAY,eACZ,IAAkB,EACd,gCACA,8FACL,UAZH,CAcG,EACA,GAAO,YAAY,IAAS,KAIzB,MAHF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qFACb,EAAM,UAAU,GACZ,CAAA,CAEF,EAnBF,EAmBE,CACT,CACE,GAEL,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iDACZ,CACC,CAAC,EAAM,cAAe,EAAE,cAAc,CACtC,CAAC,EAAM,eAAgB,EAAE,eAAe,CACxC,CAAC,EAAM,eAAgB,EAAE,eAAe,CACxC,CAAC,EAAM,iBAAkB,EAAE,iBAAiB,CAC7C,CAAC,KAAK,CAAC,EAAO,MACb,EAAA,EAAA,MAAC,MAAD,CAEE,UAAU,yEAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sDAA8C,EAAY,CAAA,EACzE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iCAAyB,EAAY,CAAA,CAChD,EALC,EAKD,CACN,CACE,CAAA,CACJ,KAEH,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,wIACZ,GACG,CAAA,CACJ,MAEJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,mDAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,iCAAyB,EAAY,EAAE,aAAc,CAAE,MAAO,EAAS,OAAQ,CAAC,CAAK,CAAA,EAClG,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAyB,KAAK,QAAQ,aAAY,EAAE,2BAApE,EACE,EAAA,EAAA,KAAC,EAAD,CACE,KAAK,SACL,QAAQ,YACR,MAAO,EAAE,SACT,eAAc,IAAa,OAC3B,YAAe,EAAY,OAAO,CAClC,UAAW,EACT,EACA,aACA,IAAa,QAAA,uGACb,IAAa,QAAU,iBACxB,WAED,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,WAAW,YAAa,IAAO,CAAA,CAC9C,CAAA,EACT,EAAA,EAAA,KAAC,EAAD,CACE,KAAK,SACL,QAAQ,YACR,MAAO,EAAE,SACT,eAAc,IAAa,OAC3B,YAAe,EAAY,OAAO,CAClC,UAAW,EACT,EACA,aACA,IAAa,QAAA,uGACb,IAAa,QAAU,iBACxB,WAED,EAAA,EAAA,KAAC,GAAD,CAAY,UAAU,WAAW,YAAa,IAAO,CAAA,CAC9C,CAAA,CACL,GACF,GAEL,GAAW,EAAS,SAAW,GAC9B,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,gEACZ,MAAM,KAAK,CAAE,OAAQ,EAAG,CAAC,CAAC,KAAK,EAAG,KACjC,EAAA,EAAA,KAAC,MAAD,CAEE,UAAU,6EACV,CAFK,EAEL,CACF,CACE,CAAA,CACJ,EAAS,SAAW,GACtB,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4HAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAY,UAAU,gCAAgC,YAAa,KAAM,cAAA,GAAc,CAAA,EACvF,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,2CAAmC,EAAE,WAAe,CAAA,EACjE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,+CAAuC,EAAE,sBAA0B,CAAA,EAChF,EAAA,EAAA,KAAC,EAAD,CACE,QAAQ,UACR,UAAU,OACV,YAAe,CACb,OAAO,cAAc,IAAI,YAAY,mBAAoB,CAAE,OAAQ,CAAE,WAAY,GAAI,CAAE,QAAS,GAAM,CAAC,CAAC,WAGzG,EAAE,aACI,CAAA,CACL,IAEN,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EACT,qBACA,IAAa,OAAS,gCAAkC,cACzD,UAEA,EAAS,IAAK,GAAY,CACzB,IAAM,EAAiB,EAAsB,EAAS,EAAe,CACrE,OACE,EAAA,EAAA,KAAC,GAAD,CAEW,UACT,QAAS,EACT,OAAQ,GACQ,iBAChB,mBAAoB,GAAuB,EAAgB,EAAW,CACtE,WAAc,GAAe,EAAQ,IAAI,CACzC,SAAW,GAAW,KAAK,EAAiB,EAAQ,IAAK,EAAO,CAChE,CARK,EAAQ,IAQb,EAEJ,CACE,CAAA,CACL,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qCACb,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,SAAU,EAAS,YAAe,KAAK,IAAU,UACxF,EAAE,SACI,CAAA,CACL,CAAA,CACJ,KACH,CAAA,CAAA,CAED,IAEN,EAAA,EAAA,KAAC,GAAD,CACE,KAAM,GACN,QAAS,GACT,QAAS,EACT,eACE,EAAgB,EAAsB,EAAe,EAAe,CAAG,IAAA,GAEzE,mBACE,EACI,GACE,EAAsB,EAAe,EAAe,CACpD,EACD,CACD,IAAA,GAEN,OAAQ,GACR,YAAe,CACb,EAAc,GAAM,CACpB,EAAiB,KAAK,EAExB,cAAiB,GAAiB,KAAK,EAAiB,EAAc,IAAK,UAAU,CACrF,gBAAmB,GAAiB,KAAK,EAAiB,EAAc,IAAK,YAAY,CACzF,UAAa,GAAiB,KAAK,EAAiB,EAAc,IAAK,MAAM,CAC7E,YAAe,GAAiB,KAAK,EAAiB,EAAc,IAAK,QAAQ,CACjF,aAAgB,GAAiB,KAAK,EAAiB,EAAc,IAAK,SAAS,CACnF,aAAgB,IAAkB,EAAc,EAAc,IAAI,CAAE,EAAe,GAAK,EACxF,CAAA,EAEF,EAAA,EAAA,KAAC,GAAD,CAAa,KAAM,GAAa,aAAc,YAC5C,EAAA,EAAA,MAAC,GAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAgB,UAAU,oDAAsD,CAAA,EAChF,EAAA,EAAA,MAAC,GAAD,CAAgB,UAAU,2MAA1B,EACE,EAAA,EAAA,KAAC,EAAD,CAAc,UAAU,2CAAmC,EAAE,mBAAkC,CAAA,EAC/F,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,sCACV,EACG,EAAY,EAAE,qBAAsB,CAClC,KACE,EAAS,KAAM,GAAM,EAAE,MAAQ,EAAW,EAAE,MAAM,MAAM,EAAI,EAAE,KAAK,WACtE,CAAC,CACF,GACF,CAAA,EACJ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,uCAAf,EACE,EAAA,EAAA,KAAC,EAAD,CAAQ,KAAK,SAAS,QAAQ,YAAY,YAAe,EAAe,GAAM,UAC3E,EAAE,OACI,CAAA,EACT,EAAA,EAAA,KAAC,EAAD,CACE,KAAK,SACL,QAAQ,UACR,UAAU,8BACV,YAAe,CACT,GAAiB,GAAU,EAAW,CAC1C,EAAe,GAAM,CACrB,EAAc,KAAK,WAGpB,EAAE,OACI,CAAA,CACL,GACS,GACH,CAAA,CAAA,CACJ,CAAA,CACV,IA7QJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,2GACZ,EAAE,UACC,CAAA"}