@allbluecn/admin-app 0.1.0

package/src/routes/_nav/monitoring/logs/route.lazy.tsx

@@ -0,0 +1,165 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { createLazyFileRoute } from '@tanstack/react-router'
+import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Activity, Filter, RefreshCw, Trash2 } from 'lucide-react'
+import { PageHeader } from '@/components/common/page-header'
+import { RequestLogTable } from '@/components/monitoring/request-log-table'
+import { Checkbox } from '@/components/ui/checkbox'
+import { getRequestLogs } from '@/server/serverFns/monitoring/get-request-logs'
+import { resetMonitoring } from '@/server/serverFns/monitoring/reset'
+import { DataTablePagination } from '@/components/data-table/data-table-pagination'
+import { toast } from 'sonner'
+
+export const Route = createLazyFileRoute('/_nav/monitoring/logs')({
+  component: MonitoringLogs,
+})
+
+function MonitoringLogs() {
+  const { t } = useTranslation('common')
+  const [loading, setLoading] = useState(true)
+  const [logs, setLogs] = useState<any[]>([])
+  const [total, setTotal] = useState(0)
+  const [page, setPage] = useState(1)
+  const [method, setMethod] = useState('')
+  const [status, setStatus] = useState('')
+  const [path, setPath] = useState('')
+  const [filterMonitoring, setFilterMonitoring] = useState(false)
+  const limit = 50
+
+  const loadLogs = async () => {
+    setLoading(true)
+    try {
+      const result = await getRequestLogs({
+        data: {
+          limit,
+          offset: (page - 1) * limit,
+          method: method || undefined,
+          status: status ? Number(status) : undefined,
+          path: path || undefined,
+          excludeMonitoring: filterMonitoring,
+        },
+      })
+      setLogs(result.logs)
+      setTotal(result.total)
+    } catch {
+      // ignore
+    }
+    setLoading(false)
+  }
+
+  useEffect(() => {
+    loadLogs()
+  }, [page, method, status, path, filterMonitoring])
+
+  const handleClearOld = async () => {
+    try {
+      await resetMonitoring({ data: { type: 'request-logs', days: 7 } })
+      toast.success(t('monitoring.logs.clearSuccess'))
+      loadLogs()
+    } catch {
+      toast.error(t('monitoring.logs.clearFailed'))
+    }
+  }
+
+  return (
+    <div className="flex flex-col flex-1 h-full space-y-4 my-4 overflow-hidden">
+      <PageHeader title={t('monitoring.logs.title')} description={t('monitoring.logs.description')} icon={Activity} />
+
+      <div className="flex items-center gap-3 rounded-lg border bg-card p-3 shrink-0">
+        <Filter className="size-4 text-muted-foreground" />
+        <select
+          value={method}
+          onChange={(e) => { setMethod(e.target.value); setPage(1) }}
+          className="rounded-md border bg-background px-2 py-1 text-sm"
+        >
+          <option value="">{t('monitoring.logs.filter.allMethods')}</option>
+          <option value="GET">GET</option>
+          <option value="POST">POST</option>
+          <option value="PUT">PUT</option>
+          <option value="DELETE">DELETE</option>
+        </select>
+        <select
+          value={status}
+          onChange={(e) => { setStatus(e.target.value); setPage(1) }}
+          className="rounded-md border bg-background px-2 py-1 text-sm"
+        >
+          <option value="">{t('monitoring.logs.filter.allStatus')}</option>
+          <option value="200">200</option>
+          <option value="400">4xx</option>
+          <option value="500">5xx</option>
+        </select>
+        <input
+          type="text"
+          value={path}
+          onChange={(e) => { setPath(e.target.value); setPage(1) }}
+          placeholder={t('monitoring.logs.filter.searchPath')}
+          className="flex-1 rounded-md border bg-background px-2 py-1 text-sm outline-none focus:ring-2 focus:ring-ring/50"
+        />
+        <button
+          onClick={loadLogs}
+          disabled={loading}
+          className="inline-flex items-center gap-1 rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:opacity-90 disabled:opacity-50"
+        >
+          <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />
+          {t('monitoring.logs.query')}
+        </button>
+        <button
+          onClick={handleClearOld}
+          className="inline-flex items-center gap-1 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors"
+        >
+          <Trash2 className="size-4" />
+          {t('monitoring.logs.clear7Days')}
+        </button>
+        <label className="inline-flex items-center gap-1.5 text-sm shrink-0 cursor-pointer">
+          <Checkbox
+            checked={filterMonitoring}
+            onCheckedChange={(checked) => {
+              setFilterMonitoring(Boolean(checked))
+              setPage(1)
+            }}
+          />
+          {t('monitoring.logs.filterMonitoring')}
+        </label>
+      </div>
+
+      {loading ? (
+        <div className="flex items-center justify-center h-32 shrink-0">
+          <RefreshCw className="size-5 animate-spin text-muted-foreground" />
+        </div>
+      ) : logs.length > 0 ? (
+        <div className="flex-1 min-h-0 flex flex-col">
+          <RequestLogTable
+            logs={logs}
+            actions={
+              <DataTablePagination
+                page={page}
+                totalPages={Math.ceil(total / limit)}
+                total={total}
+                onPageChange={setPage}
+              />
+            }
+          />
+        </div>
+      ) : (
+        <div className="flex items-center justify-center h-32 text-sm text-muted-foreground shrink-0">{t('monitoring.logs.empty')}</div>
+      )}
+    </div>
+  )
+}

package/src/routes/_nav/monitoring/metrics/route.lazy.tsx

@@ -0,0 +1,240 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { describeMetric } from '@/lib/monitoring-descriptions'
+import { getBenchmark, getBenchmarkSource, compareDuration } from '@/lib/monitoring-benchmarks'
+import { formatTimestamp } from '@allbluecn/web-app/lib/datetime'
+import { createLazyFileRoute } from '@tanstack/react-router'
+import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { BarChart3, RefreshCw, Trash2, MemoryStick } from 'lucide-react'
+import { ArrowDown, ArrowUp } from 'lucide-react'
+import { PageHeader } from '@/components/common/page-header'
+import { MetricsStats } from '@/components/monitoring/metrics-stats'
+import { getMetrics } from '@/server/serverFns/monitoring/get-metrics'
+import { resetMonitoring } from '@/server/serverFns/monitoring/reset'
+import { DataTable } from '@/components/data-table/data-table'
+import { toast } from 'sonner'
+
+export const Route = createLazyFileRoute('/_nav/monitoring/metrics')({
+  component: MonitoringMetrics,
+})
+
+function formatBytes(bytes: number): string {
+  if (bytes < 1024) return `${bytes}B`
+  if (bytes < 1048576) return `${(bytes / 1024).toFixed(1)}KB`
+  return `${(bytes / 1048576).toFixed(1)}MB`
+}
+
+function MonitoringMetrics() {
+  const { t } = useTranslation('common')
+  const [loading, setLoading] = useState(true)
+  const [data, setData] = useState<any>(null)
+
+  const loadData = async () => {
+    setLoading(true)
+    try {
+      const result = await getMetrics()
+      setData(result)
+    } catch {
+      // ignore
+    }
+    setLoading(false)
+  }
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  const handleReset = async () => {
+    try {
+      await resetMonitoring({ data: { type: 'metrics' } })
+      toast.success(t('monitoring.metrics.clearSuccess'))
+      loadData()
+    } catch {
+      toast.error(t('monitoring.metrics.clearFailed'))
+    }
+  }
+
+  return (
+    <div className="flex flex-col flex-1 h-full space-y-4 my-4 overflow-hidden">
+      <div className="flex items-center justify-between">
+        <PageHeader title={t('monitoring.metrics.title')} description={t('monitoring.metrics.description')} icon={BarChart3} />
+        <div className="flex items-center gap-2">
+          <button
+            onClick={loadData}
+            disabled={loading}
+            className="inline-flex items-center gap-1 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors disabled:opacity-50"
+          >
+            <RefreshCw className={`size-4 ${loading ? 'animate-spin' : ''}`} />
+            {t('common.refresh')}
+          </button>
+          <button
+            onClick={handleReset}
+            className="inline-flex items-center gap-1 rounded-md border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors"
+          >
+            <Trash2 className="size-4" />
+            {t('monitoring.metrics.clearData')}
+          </button>
+        </div>
+      </div>
+
+      <div className="rounded-lg border bg-card p-4">
+        <div className="flex items-center gap-2 mb-3">
+          <MemoryStick className="size-4 text-muted-foreground" />
+          <h3 className="text-sm font-medium">{t('monitoring.metrics.memoryUsage')}</h3>
+        </div>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+          <div>
+            <p className="text-xs text-muted-foreground">RSS</p>
+            <p className="text-sm font-medium">{data?.memory?.rss ? formatBytes(data.memory.rss) : '-'}</p>
+          </div>
+          <div>
+            <p className="text-xs text-muted-foreground">Heap Total</p>
+            <p className="text-sm font-medium">{data?.memory?.heapTotal ? formatBytes(data.memory.heapTotal) : '-'}</p>
+          </div>
+          <div>
+            <p className="text-xs text-muted-foreground">Heap Used</p>
+            <p className="text-sm font-medium">{data?.memory?.heapUsed ? formatBytes(data.memory.heapUsed) : '-'}</p>
+          </div>
+          <div>
+            <p className="text-xs text-muted-foreground">External</p>
+            <p className="text-sm font-medium">{data?.memory?.external ? formatBytes(data.memory.external) : '-'}</p>
+          </div>
+        </div>
+      </div>
+
+      {loading ? (
+        <div className="flex items-center justify-center h-32">
+          <RefreshCw className="size-5 animate-spin text-muted-foreground" />
+        </div>
+      ) : data?.current && Object.keys(data.current).length > 0 ? (
+        <MetricsStats data={data.current} />
+      ) : (
+        <div className="flex items-center justify-center h-32 text-sm text-muted-foreground">{t('monitoring.metrics.empty')}</div>
+      )}
+
+      {data?.history?.length > 0 && (
+        <div className="rounded-lg border bg-card flex-1 min-h-0 flex flex-col">
+          <div className="border-b px-4 py-3 shrink-0">
+            <h3 className="text-sm font-medium">{t('monitoring.metrics.history')}</h3>
+          </div>
+          <div className="p-4 flex-1 min-h-0">
+            <MetricsHistoryTable data={data.history} />
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+
+interface MetricsHistoryRow {
+  metricName: string
+  count: number
+  avg: number
+  p95: number
+  p99: number
+  recordedAt: string
+}
+
+function MetricsBenchmarkCell({ value, metricName }: { value: number; metricName: string }) {
+  const path = metricName.replace(/^request\./, '')
+  const benchmark = getBenchmark(path)
+  const comp = compareDuration(value, benchmark)
+  const isGood = value <= benchmark
+  const pct = Math.round((Math.abs(value - benchmark) / benchmark) * 100)
+
+  return (
+    <span className="inline-flex items-center gap-1">
+      {value.toFixed(1)}ms
+      {isGood ? (
+        <span
+          className="inline-flex items-center gap-0.5 text-green-600 dark:text-green-400"
+          title={`${getBenchmarkSource(path)}: ${benchmark}ms P95`}
+        >
+          <ArrowUp className="size-3" />
+          <span className="text-[10px]">{pct}%</span>
+        </span>
+      ) : (
+        <span
+          className="inline-flex items-center gap-0.5 text-red-600 dark:text-red-400"
+          title={`${getBenchmarkSource(path)}: ${benchmark}ms P95`}
+        >
+          <ArrowDown className="size-3" strokeWidth={3} />
+          <span className="text-[10px] font-bold">{pct}%</span>
+        </span>
+      )}
+    </span>
+  )
+}
+
+function MetricsHistoryTable({ data }: { data: MetricsHistoryRow[] }) {
+  const { t } = useTranslation('common')
+  const columns = [
+    {
+      header: t('monitoring.metrics.columns.time'),
+      accessorKey: 'recordedAt',
+      meta: { style: { width: 30 } },
+      cell: ({ row }: { row: { original: MetricsHistoryRow } }) => (
+        <span className="text-xs">
+          {formatTimestamp(row.original.recordedAt, 'yyyy-MM-dd HH:mm:ss')}
+        </span>
+      ),
+    },
+    {
+      header: t('monitoring.metrics.columns.metricName'),
+      accessorKey: 'metricName',
+      meta: { style: { width: 150 } },
+      cell: ({ row }: { row: { original: MetricsHistoryRow } }) => (
+        <span className="font-mono text-xs block truncate">
+          {row.original.metricName}
+        </span>
+      ),
+    },
+    {
+      header: t('monitoring.metrics.columns.count'),
+      accessorKey: 'count',
+      meta: { style: { width: 15, textAlign: 'right' } },
+    },
+    {
+      header: t('monitoring.metrics.columns.avg'),
+      accessorKey: 'avg',
+      meta: { style: { width: 30, textAlign: 'right' } },
+      cell: ({ row }: { row: { original: MetricsHistoryRow } }) => (
+        <MetricsBenchmarkCell value={row.original.avg} metricName={row.original.metricName} />
+      ),
+    },
+    {
+      header: 'P95',
+      accessorKey: 'p95',
+      meta: { style: { width: 30, textAlign: 'right' } },
+      cell: ({ row }: { row: { original: MetricsHistoryRow } }) => (
+        <MetricsBenchmarkCell value={row.original.p95} metricName={row.original.metricName} />
+      ),
+    },
+    {
+      header: 'P99',
+      accessorKey: 'p99',
+      meta: { style: { width: 30, textAlign: 'right' } },
+      cell: ({ row }: { row: { original: MetricsHistoryRow } }) => (
+        <MetricsBenchmarkCell value={row.original.p99} metricName={row.original.metricName} />
+      ),
+    },
+  ]
+
+  return <DataTable columns={columns as any} data={data} />
+}

package/src/routes/_nav/monitoring/overview/route.lazy.tsx

@@ -0,0 +1,138 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { createLazyFileRoute } from '@tanstack/react-router'
+import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Activity, RefreshCw } from 'lucide-react'
+import { PageHeader } from '@/components/common/page-header'
+import { HealthCards } from '@/components/monitoring/health-cards'
+import { ErrorList } from '@/components/monitoring/error-list'
+import { MetricsStats } from '@/components/monitoring/metrics-stats'
+import { getHealthStatus } from '@/server/serverFns/monitoring/get-health'
+import { getErrors } from '@/server/serverFns/monitoring/get-errors'
+import { getMetrics } from '@/server/serverFns/monitoring/get-metrics'
+
+export const Route = createLazyFileRoute('/_nav/monitoring/overview')({
+  component: MonitoringOverview,
+})
+
+function MonitoringOverview() {
+  const { t } = useTranslation('common')
+  const [loading, setLoading] = useState(true)
+  const [health, setHealth] = useState<any>(null)
+  const [errors, setErrors] = useState<any>(null)
+  const [metrics, setMetrics] = useState<any>(null)
+
+  const loadData = async () => {
+    setLoading(true)
+    try {
+      const [h, e, m] = await Promise.all([
+        getHealthStatus(),
+        getErrors(),
+        getMetrics(),
+      ])
+      setHealth(h)
+      setErrors(e)
+      setMetrics(m)
+    } catch {
+      // ignore
+    }
+    setLoading(false)
+  }
+
+  useEffect(() => {
+    loadData()
+  }, [])
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center h-64">
+        <RefreshCw className="size-5 animate-spin text-muted-foreground" />
+      </div>
+    )
+  }
+
+  return (
+    <div className="space-y-4 my-4">
+      <div className="flex items-center justify-between">
+        <PageHeader title={t('monitoring.overview.title')} description={t('monitoring.overview.description')} icon={Activity} />
+        <button
+          onClick={loadData}
+          className="inline-flex items-center gap-1.5 rounded-lg border px-3 py-1.5 text-sm font-medium hover:bg-accent transition-colors"
+        >
+          <RefreshCw className="size-4" />
+          {t('common.refresh')}
+        </button>
+      </div>
+
+      <HealthCards health={health?.current || {}} />
+
+      <div className="grid gap-4 md:grid-cols-2">
+        <div className="rounded-lg border bg-card">
+          <div className="border-b px-4 py-3">
+            <h3 className="text-sm font-medium">{t('monitoring.overview.requestStats.title')}</h3>
+          </div>
+          <div className="p-4 grid grid-cols-2 gap-3">
+            <div>
+              <p className="text-xs text-muted-foreground">{t('monitoring.overview.requestStats.totalRequests')}</p>
+              <p className="text-lg font-semibold">{health?.requestStats?.total || 0}</p>
+            </div>
+            <div>
+              <p className="text-xs text-muted-foreground">{t('monitoring.overview.requestStats.avgDuration')}</p>
+              <p className="text-lg font-semibold">{health?.requestStats?.avgDuration?.toFixed(1) || 0}ms</p>
+            </div>
+            <div>
+              <p className="text-xs text-muted-foreground">{t('monitoring.overview.requestStats.maxDuration')}</p>
+              <p className="text-lg font-semibold">{health?.requestStats?.maxDuration || 0}ms</p>
+            </div>
+            <div>
+              <p className="text-xs text-muted-foreground">{t('monitoring.overview.requestStats.errorTypes')}</p>
+              <p className="text-lg font-semibold">{health?.errorCount || 0}</p>
+            </div>
+          </div>
+        </div>
+
+        <div className="rounded-lg border bg-card">
+          <div className="border-b px-4 py-3">
+            <h3 className="text-sm font-medium">{t('monitoring.overview.recentErrors.title')}</h3>
+          </div>
+          <div className="p-4">
+            {errors?.errors?.slice(0, 5).length > 0 ? (
+              <ErrorList errors={errors.errors.slice(0, 5)} />
+            ) : (
+              <p className="text-sm text-muted-foreground text-center py-4">{t('monitoring.overview.recentErrors.empty')}</p>
+            )}
+          </div>
+        </div>
+      </div>
+
+      <div className="rounded-lg border bg-card">
+        <div className="border-b px-4 py-3">
+          <h3 className="text-sm font-medium">{t('monitoring.overview.metricsSnapshot.title')}</h3>
+        </div>
+        <div className="p-4">
+          {metrics?.current && Object.keys(metrics.current).length > 0 ? (
+            <MetricsStats data={metrics.current} />
+          ) : (
+            <p className="text-sm text-muted-foreground text-center py-4">{t('monitoring.overview.metricsSnapshot.empty')}</p>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}

package/src/routes/_nav/monitoring/route.lazy.tsx

@@ -0,0 +1,68 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { createLazyFileRoute, Outlet, useLocation } from '@tanstack/react-router'
+import { useTranslation } from 'react-i18next'
+import { SidebarTrigger } from '@/components/ui/sidebar'
+import { Separator } from '@/components/ui/separator'
+
+export const Route = createLazyFileRoute('/_nav/monitoring')({
+  component: MonitoringLayout,
+})
+
+function MonitoringLayout() {
+  const { t } = useTranslation('common')
+  const location = useLocation()
+
+  const subNavItems = [
+    { id: 'overview', label: t('monitoring.nav.overview'), path: '/monitoring/overview' },
+    { id: 'logs', label: t('monitoring.nav.logs'), path: '/monitoring/logs' },
+    { id: 'errors', label: t('monitoring.nav.errors'), path: '/monitoring/errors' },
+    { id: 'metrics', label: t('monitoring.nav.metrics'), path: '/monitoring/metrics' },
+    { id: 'health', label: t('monitoring.nav.health'), path: '/monitoring/health' },
+    { id: 'sentry', label: t('monitoring.nav.sentry'), path: '/monitoring/sentry' },
+    { id: 'ai-usage', label: t('monitoring.nav.aiUsage'), path: '/monitoring/ai-usage' },
+  ]
+
+  const currentId = subNavItems.find((item) => location.pathname.startsWith(item.path))?.id || 'overview'
+
+  return (
+    <div className="flex flex-col min-h-0 h-full overflow-hidden">
+      <header className="flex h-14 shrink-0 items-center gap-2 border-b px-4">
+        <SidebarTrigger className="-ml-1" />
+        <Separator orientation="vertical" className="mr-2 h-4" />
+        <nav className="flex gap-1">
+          {subNavItems.map((item) => (
+            <a
+              key={item.id}
+              href={item.path}
+              className={`px-3 py-1.5 rounded-md text-sm font-medium transition-colors ${currentId === item.id
+                ? 'bg-accent text-accent-foreground'
+                : 'text-muted-foreground hover:text-foreground hover:bg-accent/50'
+                }`}
+            >
+              {item.label}
+            </a>
+          ))}
+        </nav>
+      </header>
+      <div className="flex-1 min-h-0 p-4 pt-0 flex flex-col">
+        <Outlet />
+      </div>
+    </div>
+  )
+}

package/src/routes/_nav/monitoring/route.tsx

@@ -0,0 +1,20 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+import { createFileRoute } from '@tanstack/react-router'
+
+export const Route = createFileRoute('/_nav/monitoring')({})