npm - @xopcai/xopc - Versions diffs - 0.0.30 → 0.0.31 - Mend

@xopcai/xopc 0.0.30 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (105) hide show

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

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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())/(1e36060*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};
2	+ //# sourceMappingURL=sessions-page-Q201-_lP.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sessions-page-DJkuWpOT.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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"}
1	+ {"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":"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"}