diff --git a/src/App.tsx b/src/App.tsx
index d95ce5ee..34c2e983 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -95,7 +95,9 @@ const DashboardFinancialHistoryScreen = lazy(() => import('./screens/dashboard-f
 const DashboardFinancialLiveScreen = lazy(() => import('./screens/dashboard-financial-live.screen'));
 const DashboardFinancialExpensesScreen = lazy(() => import('./screens/dashboard-financial-expenses.screen'));
 const DashboardFinancialLiquidityScreen = lazy(() => import('./screens/dashboard-financial-liquidity.screen'));
-const DashboardRealunitTracingScreen = lazy(() => import('./screens/dashboard-realunit-tracing.screen'));
+const DashboardLogTracingScreen = lazy(() => import('./screens/dashboard-log-tracing.screen'));
+const DashboardLogTracingRealunitScreen = lazy(() => import('./screens/dashboard-log-tracing-realunit.screen'));
+const DashboardLogTracingAllScreen = lazy(() => import('./screens/dashboard-log-tracing-all.screen'));
 const SitemapScreen = lazy(() => import('./screens/sitemap.screen'));
 
 setupLanguages();
@@ -550,8 +552,21 @@ export const Routes = [
             ],
           },
           {
-            path: 'realunit-tracing',
-            element: withSuspense(<DashboardRealunitTracingScreen />),
+            path: 'log-tracing',
+            children: [
+              {
+                index: true,
+                element: withSuspense(<DashboardLogTracingScreen />),
+              },
+              {
+                path: 'realunit',
+                element: withSuspense(<DashboardLogTracingRealunitScreen />),
+              },
+              {
+                path: 'all',
+                element: withSuspense(<DashboardLogTracingAllScreen />),
+              },
+            ],
           },
         ],
       },
diff --git a/src/components/dashboard/log-trace-time-chart.tsx b/src/components/dashboard/log-trace-time-chart.tsx
new file mode 100644
index 00000000..0d3b49ad
--- /dev/null
+++ b/src/components/dashboard/log-trace-time-chart.tsx
@@ -0,0 +1,90 @@
+import { ApexOptions } from 'apexcharts';
+import { useMemo } from 'react';
+import Chart from 'react-apexcharts';
+import { ParsedTrace } from 'src/hooks/log-tracing.hook';
+
+interface Props {
+  traces: ParsedTrace[];
+  windowMs: number;
+  binMs: number;
+  endTime: number;
+  dark?: boolean;
+}
+
+interface Bucket {
+  normal: number;
+  errors: number;
+}
+
+function bucketize(traces: ParsedTrace[], startTime: number, endTime: number, binMs: number): Bucket[] {
+  const numBins = Math.max(1, Math.ceil((endTime - startTime) / binMs));
+  const buckets: Bucket[] = Array.from({ length: numBins }, () => ({ normal: 0, errors: 0 }));
+  for (const t of traces) {
+    const ts = new Date(t.timestamp).getTime();
+    if (ts < startTime || ts > endTime) continue;
+    const idx = Math.min(numBins - 1, Math.floor((ts - startTime) / binMs));
+    if (t.status >= 400) {
+      buckets[idx].errors += 1;
+    } else {
+      buckets[idx].normal += 1;
+    }
+  }
+  return buckets;
+}
+
+export function LogTraceTimeChart({ traces, windowMs, binMs, endTime, dark }: Props): JSX.Element {
+  const series = useMemo(() => {
+    const startTime = endTime - windowMs;
+    const buckets = bucketize(traces, startTime, endTime, binMs);
+    const normalData = buckets.map((b, i) => [startTime + i * binMs, b.normal] as [number, number]);
+    const errorData = buckets.map((b, i) => [startTime + i * binMs, b.errors] as [number, number]);
+    return [
+      { name: '2xx / 3xx', data: normalData },
+      { name: '4xx / 5xx', data: errorData },
+    ];
+  }, [traces, endTime, windowMs, binMs]);
+
+  const options: ApexOptions = useMemo(
+    () => ({
+      chart: {
+        type: 'area',
+        stacked: true,
+        toolbar: { show: false },
+        // Re-enabled: pulses are rare enough at the every-60s refresh cadence
+        // that a smooth transition is preferable to an instant snap.
+        animations: { enabled: true },
+        background: '0',
+      },
+      theme: { mode: dark ? 'dark' : 'light' },
+      stroke: { width: 1.5, curve: 'smooth' },
+      colors: ['#22c55e', '#ef4444'],
+      dataLabels: { enabled: false },
+      fill: { type: 'gradient', gradient: { opacityFrom: 0.45, opacityTo: 0.05 } },
+      grid: { borderColor: dark ? '#0A355C' : '#e5e7eb' },
+      xaxis: {
+        type: 'datetime',
+        labels: { datetimeUTC: false, format: 'HH:mm' },
+        min: endTime - windowMs,
+        max: endTime,
+      },
+      yaxis: {
+        title: { text: 'Calls / bin' },
+        labels: { formatter: (val: number) => String(Math.round(val)) },
+        forceNiceScale: true,
+      },
+      tooltip: {
+        x: { format: 'dd MMM HH:mm' },
+        y: { formatter: (val: number) => String(Math.round(val)) },
+      },
+      legend: { position: 'bottom' },
+    }),
+    [endTime, windowMs, dark],
+  );
+
+  return (
+    <div>
+      <div className="text-sm font-semibold mb-2">Calls over time</div>
+      <Chart type="area" height={260} options={options} series={series} />
+    </div>
+  );
+}
diff --git a/src/hooks/realunit-tracing.hook.ts b/src/hooks/log-tracing.hook.ts
similarity index 62%
rename from src/hooks/realunit-tracing.hook.ts
rename to src/hooks/log-tracing.hook.ts
index 6bc288ab..7934faa3 100644
--- a/src/hooks/realunit-tracing.hook.ts
+++ b/src/hooks/log-tracing.hook.ts
@@ -53,7 +53,33 @@ export function parseTrace(timestamp: string, message: string): ParsedTrace | nu
   };
 }
 
-export function useRealunitTracing() {
+export interface GenericTrace {
+  timestamp: string;
+  severityLevel: number; // 0 verbose, 1 info, 2 warn, 3 error, 4 critical
+  context: string; // extracted from "[Context]" prefix, '' if none
+  message: string; // remainder after the prefix
+  operationId: string;
+}
+
+const CONTEXT_PREFIX_RE = /^\[([^\]]+)\]\s+([\s\S]*)$/;
+
+export function parseGenericTrace(
+  timestamp: string,
+  severityLevel: number,
+  message: string,
+  operationId: string,
+): GenericTrace {
+  const m = message.match(CONTEXT_PREFIX_RE);
+  return {
+    timestamp,
+    severityLevel,
+    context: m?.[1] ?? '',
+    message: m?.[2] ?? message,
+    operationId,
+  };
+}
+
+export function useLogTracing() {
   const { call } = useApi();
 
   async function getRealunitTraces(hours: number): Promise<LogQueryResult> {
@@ -68,5 +94,13 @@ export function useRealunitTracing() {
     });
   }
 
-  return useMemo(() => ({ getRealunitTraces }), [call]);
+  async function getAllTraces(hours: number): Promise<LogQueryResult> {
+    return call<LogQueryResult>({
+      url: 'gs/debug/logs',
+      method: 'POST',
+      data: { template: 'all-traces', hours },
+    });
+  }
+
+  return useMemo(() => ({ getRealunitTraces, getAllTraces }), [call]);
 }
diff --git a/src/screens/dashboard-log-tracing-all.screen.tsx b/src/screens/dashboard-log-tracing-all.screen.tsx
new file mode 100644
index 00000000..b0ed8054
--- /dev/null
+++ b/src/screens/dashboard-log-tracing-all.screen.tsx
@@ -0,0 +1,244 @@
+import { useSessionContext } from '@dfx.swiss/react';
+import { SpinnerSize, StyledLoadingSpinner } from '@dfx.swiss/react-components';
+import { useEffect, useMemo, useState } from 'react';
+import { SummaryCard } from 'src/components/dashboard/summary-card';
+import { useAdminGuard } from 'src/hooks/guard.hook';
+import { useLayoutOptions } from 'src/hooks/layout-config.hook';
+import { GenericTrace, LogQueryResult, parseGenericTrace, useLogTracing } from 'src/hooks/log-tracing.hook';
+
+// Dark-theme palette — matches dashboard-financial-overview.screen.tsx
+const LABEL_COLOR = '#9AA5B8';
+const TEXT_COLOR = '#ffffff';
+const BORDER_COLOR = '#0A355C';
+const BUTTON_BG = '#082948';
+const BUTTON_BG_ACTIVE = '#3b82f6';
+const SUBTLE_TEXT = '#D6DBE2';
+
+const TIME_RANGES: { label: string; hours: number }[] = [
+  { label: '1 h', hours: 1 },
+  { label: '6 h', hours: 6 },
+  { label: '24 h', hours: 24 },
+];
+
+// 60s rather than tighter: matches the RealUnit screen so /gs/debug/logs
+// audit volume from this dashboard stays comparable.
+const REFRESH_MS = 60_000;
+const MAX_MESSAGE_LEN = 240;
+
+interface SeverityStyle {
+  label: string;
+  color: string;
+}
+
+const SEVERITY_STYLES: Record<number, SeverityStyle> = {
+  0: { label: 'verbose', color: '#6b7280' },
+  1: { label: 'info', color: '#9AA5B8' },
+  2: { label: 'warn', color: '#f59e0b' },
+  3: { label: 'error', color: '#ef4444' },
+  4: { label: 'critical', color: '#ef4444' },
+};
+
+function severityStyle(level: number): SeverityStyle {
+  return SEVERITY_STYLES[level] ?? { label: String(level), color: LABEL_COLOR };
+}
+
+function formatTime(iso: string): string {
+  return new Date(iso).toLocaleTimeString('de-CH', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
+}
+
+function colIdx(result: LogQueryResult, name: string): number {
+  return result.columns.findIndex((c) => c.name === name);
+}
+
+function rowsToGenericTraces(result: LogQueryResult): GenericTrace[] {
+  const tsIdx = colIdx(result, 'timestamp');
+  const sevIdx = colIdx(result, 'severityLevel');
+  const msgIdx = colIdx(result, 'message');
+  const opIdx = colIdx(result, 'operation_Id');
+  if (tsIdx === -1 || sevIdx === -1 || msgIdx === -1) return [];
+  return result.rows.map((row) => {
+    const sevRaw = row[sevIdx];
+    const severity = typeof sevRaw === 'number' ? sevRaw : parseInt(String(sevRaw), 10);
+    const operationId = opIdx === -1 ? '' : String(row[opIdx] ?? '');
+    return parseGenericTrace(String(row[tsIdx]), severity, String(row[msgIdx]), operationId);
+  });
+}
+
+function truncate(text: string, max: number): string {
+  if (text.length <= max) return text;
+  return text.slice(0, max) + '…';
+}
+
+export default function DashboardLogTracingAllScreen(): JSX.Element {
+  // Backend /gs/debug/logs is RoleGuard(DEBUG); additionalRoles allows
+  // ADMIN+SUPER_ADMIN, but not REALUNIT — so admin-only is the right gate.
+  useAdminGuard();
+  useLayoutOptions({ title: 'All Logs', noMaxWidth: true });
+
+  const { isLoggedIn } = useSessionContext();
+  const { getAllTraces } = useLogTracing();
+
+  const [rangeIdx, setRangeIdx] = useState(0); // default: 1h
+  const [traces, setTraces] = useState<GenericTrace[]>([]);
+  const [lastFetched, setLastFetched] = useState<Date | null>(null);
+  const [fetchError, setFetchError] = useState<string | null>(null);
+  const [isInitialLoading, setIsInitialLoading] = useState(true);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+
+  useEffect(() => {
+    if (!isLoggedIn) return;
+    let cancelled = false;
+
+    const run = async () => {
+      setIsRefreshing(true);
+      try {
+        const range = TIME_RANGES[rangeIdx];
+        const result = await getAllTraces(range.hours);
+        if (cancelled) return;
+        setTraces(rowsToGenericTraces(result));
+        setLastFetched(new Date());
+        setFetchError(null);
+      } catch (e) {
+        if (cancelled) return;
+        setFetchError(e instanceof Error ? e.message : 'unknown error');
+      } finally {
+        if (!cancelled) {
+          setIsInitialLoading(false);
+          setIsRefreshing(false);
+        }
+      }
+    };
+
+    run();
+    const interval = setInterval(run, REFRESH_MS);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, [isLoggedIn, rangeIdx, getAllTraces]);
+
+  const stats = useMemo(() => {
+    const total = traces.length;
+    const errors = traces.filter((t) => t.severityLevel >= 3).length;
+    const warnings = traces.filter((t) => t.severityLevel === 2).length;
+    const info = traces.filter((t) => t.severityLevel === 1).length;
+    return { total, errors, warnings, info };
+  }, [traces]);
+
+  const recent = useMemo(
+    () =>
+      [...traces]
+        .sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime())
+        .slice(0, 50),
+    [traces],
+  );
+
+  if (isInitialLoading) {
+    return (
+      <div className="flex justify-center items-center w-full self-stretch bg-dfxBlue-800 min-h-screen">
+        <StyledLoadingSpinner size={SpinnerSize.LG} />
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-4 p-4 w-full self-stretch bg-dfxBlue-800 min-h-screen" style={{ color: TEXT_COLOR }}>
+      {/* Summary */}
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+        <SummaryCard label="Total" value={String(stats.total)} dark />
+        <SummaryCard label="Errors" value={String(stats.errors)} color={stats.errors > 0 ? '#ef4444' : undefined} dark />
+        <SummaryCard
+          label="Warnings"
+          value={String(stats.warnings)}
+          color={stats.warnings > 0 ? '#f59e0b' : undefined}
+          dark
+        />
+        <SummaryCard label="Info" value={String(stats.info)} dark />
+      </div>
+
+      {/* Toolbar */}
+      <div className="flex items-center gap-4 flex-wrap">
+        <div className="flex gap-2">
+          {TIME_RANGES.map((r, i) => (
+            <button
+              key={r.label}
+              onClick={() => setRangeIdx(i)}
+              className="px-4 py-1.5 rounded text-sm font-medium transition-colors"
+              style={{
+                background: i === rangeIdx ? BUTTON_BG_ACTIVE : BUTTON_BG,
+                color: i === rangeIdx ? TEXT_COLOR : SUBTLE_TEXT,
+              }}
+            >
+              {r.label}
+            </button>
+          ))}
+        </div>
+        <div className="text-xs ml-auto flex items-center gap-3" style={{ color: LABEL_COLOR }}>
+          {fetchError ? (
+            <span style={{ color: '#ef4444' }}>Fetch failed: {fetchError}</span>
+          ) : (
+            <span>
+              <span
+                className="inline-block w-2 h-2 rounded-full mr-1 align-middle"
+                style={{ background: '#22c55e' }}
+              />
+              live · refresh {REFRESH_MS / 1000}s
+            </span>
+          )}
+          <span>last update {lastFetched ? lastFetched.toLocaleTimeString('de-CH') : '-'}</span>
+          {isRefreshing && <span>loading…</span>}
+        </div>
+      </div>
+
+      {/* Recent Entries */}
+      <div className="bg-dfxBlue-700 rounded-lg shadow p-4">
+        <div className="text-lg font-semibold mb-3">Recent Entries (last {recent.length})</div>
+        <div className="overflow-x-auto">
+          <table className="w-full text-sm">
+            <thead>
+              <tr style={{ color: LABEL_COLOR }} className="text-left">
+                <th className="py-1 pr-3 font-medium">Time</th>
+                <th className="py-1 pr-3 font-medium">Severity</th>
+                <th className="py-1 pr-3 font-medium">Context</th>
+                <th className="py-1 pr-3 font-medium">Message</th>
+              </tr>
+            </thead>
+            <tbody>
+              {recent.map((t, i) => {
+                const style = severityStyle(t.severityLevel);
+                return (
+                  <tr
+                    key={`${t.timestamp}-${t.operationId}-${i}`}
+                    className="border-t"
+                    style={{ borderColor: BORDER_COLOR }}
+                  >
+                    <td className="py-1 pr-3 font-mono text-xs whitespace-nowrap">{formatTime(t.timestamp)}</td>
+                    <td className="py-1 pr-3">
+                      <span
+                        className="inline-block px-2 py-0.5 rounded text-xs font-semibold"
+                        style={{ background: style.color, color: TEXT_COLOR }}
+                      >
+                        {style.label}
+                      </span>
+                    </td>
+                    <td className="py-1 pr-3 font-mono text-xs">{t.context}</td>
+                    <td className="py-1 pr-3 font-mono text-xs whitespace-pre-wrap break-all">
+                      {truncate(t.message, MAX_MESSAGE_LEN)}
+                    </td>
+                  </tr>
+                );
+              })}
+              {recent.length === 0 && (
+                <tr>
+                  <td colSpan={4} className="py-4 text-center" style={{ color: LABEL_COLOR }}>
+                    No traces in window
+                  </td>
+                </tr>
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/screens/dashboard-realunit-tracing.screen.tsx b/src/screens/dashboard-log-tracing-realunit.screen.tsx
similarity index 78%
rename from src/screens/dashboard-realunit-tracing.screen.tsx
rename to src/screens/dashboard-log-tracing-realunit.screen.tsx
index b80835cb..0b674aa6 100644
--- a/src/screens/dashboard-realunit-tracing.screen.tsx
+++ b/src/screens/dashboard-log-tracing-realunit.screen.tsx
@@ -1,18 +1,32 @@
 import { useSessionContext } from '@dfx.swiss/react';
 import { SpinnerSize, StyledLoadingSpinner } from '@dfx.swiss/react-components';
 import { useEffect, useMemo, useState } from 'react';
+import { LogTraceTimeChart } from 'src/components/dashboard/log-trace-time-chart';
+import { SummaryCard } from 'src/components/dashboard/summary-card';
 import { useAdminGuard } from 'src/hooks/guard.hook';
 import { useLayoutOptions } from 'src/hooks/layout-config.hook';
-import { LogQueryResult, ParsedTrace, parseTrace, useRealunitTracing } from 'src/hooks/realunit-tracing.hook';
+import { LogQueryResult, ParsedTrace, parseTrace, useLogTracing } from 'src/hooks/log-tracing.hook';
+
+// Dark-theme palette — matches dashboard-financial-overview.screen.tsx
+const LABEL_COLOR = '#9AA5B8';
+const TEXT_COLOR = '#ffffff';
+const BORDER_COLOR = '#0A355C';
+const BUTTON_BG = '#082948';
+const BUTTON_BG_ACTIVE = '#3b82f6';
+const SUBTLE_TEXT = '#D6DBE2';
 
 // KQL granularity is hours; entries with `tightenToMs` are filtered client-side to a tighter window.
-const TIME_RANGES: { label: string; hours: number; tightenToMs?: number }[] = [
-  { label: '1 h', hours: 1 },
-  { label: '15 min', hours: 1, tightenToMs: 15 * 60 * 1000 },
-  { label: '6 h', hours: 6 },
-  { label: '24 h', hours: 24 },
+// `binMs` is the time-chart bucket width, chosen for ~30-100 buckets per range.
+const TIME_RANGES: { label: string; hours: number; tightenToMs?: number; binMs: number }[] = [
+  { label: '1 h', hours: 1, binMs: 60 * 1000 },
+  { label: '15 min', hours: 1, tightenToMs: 15 * 60 * 1000, binMs: 30 * 1000 },
+  { label: '6 h', hours: 6, binMs: 5 * 60 * 1000 },
+  { label: '24 h', hours: 24, binMs: 15 * 60 * 1000 },
 ];
-const REFRESH_MS = 5000;
+// 60s rather than tighter: at this rate, the /gs/debug/logs audit log (one entry
+// per poll, ~60/h) is small enough vs real RealUnitTrace volume that audit
+// entries don't crowd real traces out of the 200-row TRACES_BY_MESSAGE response.
+const REFRESH_MS = 60_000;
 const SLOW_MS = 2000;
 const VERY_SLOW_MS = 5000;
 
@@ -43,7 +57,7 @@ function statusColor(status: number): string {
 function durationColor(ms: number): string {
   if (ms >= VERY_SLOW_MS) return '#ef4444';
   if (ms >= SLOW_MS) return '#f59e0b';
-  return '#111827';
+  return SUBTLE_TEXT;
 }
 
 function formatMs(ms: number): string {
@@ -67,25 +81,6 @@ function rowsToTraces(result: LogQueryResult): ParsedTrace[] {
     .filter((t): t is ParsedTrace => t !== null);
 }
 
-interface SummaryCardProps {
-  label: string;
-  value: string;
-  color?: string;
-}
-
-function SummaryCard({ label, value, color }: SummaryCardProps) {
-  return (
-    <div className="bg-white rounded-lg shadow p-4">
-      <div className="text-xs font-medium" style={{ color: '#6b7280' }}>
-        {label}
-      </div>
-      <div className="text-2xl font-bold mt-1" style={{ color: color ?? '#111827' }}>
-        {value}
-      </div>
-    </div>
-  );
-}
-
 interface EndpointStat {
   key: string;
   method: string;
@@ -145,12 +140,14 @@ function aggregateIps(traces: ParsedTrace[]): IpStat[] {
     .sort((a, b) => b.count - a.count);
 }
 
-export default function DashboardRealunitTracingScreen(): JSX.Element {
+export default function DashboardLogTracingRealunitScreen(): JSX.Element {
+  // Backend /gs/debug/logs is RoleGuard(DEBUG); additionalRoles allows
+  // ADMIN+SUPER_ADMIN, but not REALUNIT — so admin-only is the right gate.
   useAdminGuard();
   useLayoutOptions({ title: 'RealUnit Tracing', noMaxWidth: true });
 
   const { isLoggedIn } = useSessionContext();
-  const { getRealunitTraces } = useRealunitTracing();
+  const { getRealunitTraces } = useLogTracing();
 
   const [rangeIdx, setRangeIdx] = useState(0); // default: 1h (first option)
   const [traces, setTraces] = useState<ParsedTrace[]>([]);
@@ -214,30 +211,43 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
 
   if (isInitialLoading) {
     return (
-      <div className="flex justify-center items-center w-full h-96">
+      <div className="flex justify-center items-center w-full self-stretch bg-dfxBlue-800 min-h-screen">
         <StyledLoadingSpinner size={SpinnerSize.LG} />
       </div>
     );
   }
 
   return (
-    <div className="space-y-4 p-4 w-full self-stretch" style={{ color: '#111827' }}>
+    <div
+      className="space-y-4 p-4 w-full self-stretch bg-dfxBlue-800 min-h-screen"
+      style={{ color: TEXT_COLOR }}
+    >
+      {/* Summary */}
+      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
+        <SummaryCard label="Total Calls" value={String(stats.total)} dark />
+        <SummaryCard label="5xx Errors" value={String(stats.errors5xx)} color={stats.errors5xx > 0 ? '#ef4444' : undefined} dark />
+        <SummaryCard label="4xx Responses" value={String(stats.errors4xx)} color={stats.errors4xx > 0 ? '#f59e0b' : undefined} dark />
+        <SummaryCard label={`Slow (≥${SLOW_MS}ms)`} value={String(stats.slow)} color={stats.slow > 0 ? '#f59e0b' : undefined} dark />
+      </div>
+
       {/* Toolbar */}
-      <div className="bg-white rounded-lg shadow p-3 flex items-center gap-4 flex-wrap">
-        <div className="flex gap-1">
+      <div className="flex items-center gap-4 flex-wrap">
+        <div className="flex gap-2">
           {TIME_RANGES.map((r, i) => (
             <button
               key={r.label}
               onClick={() => setRangeIdx(i)}
-              className={`px-3 py-1 rounded text-sm font-medium ${
-                i === rangeIdx ? 'bg-gray-900 text-white' : 'bg-gray-100 hover:bg-gray-200'
-              }`}
+              className="px-4 py-1.5 rounded text-sm font-medium transition-colors"
+              style={{
+                background: i === rangeIdx ? BUTTON_BG_ACTIVE : BUTTON_BG,
+                color: i === rangeIdx ? TEXT_COLOR : SUBTLE_TEXT,
+              }}
             >
               {r.label}
             </button>
           ))}
         </div>
-        <div className="text-xs ml-auto flex items-center gap-3" style={{ color: '#6b7280' }}>
+        <div className="text-xs ml-auto flex items-center gap-3" style={{ color: LABEL_COLOR }}>
           {fetchError ? (
             <span style={{ color: '#ef4444' }}>Fetch failed: {fetchError}</span>
           ) : (
@@ -251,22 +261,27 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
         </div>
       </div>
 
-      {/* Summary */}
-      <div className="grid grid-cols-2 lg:grid-cols-4 gap-4">
-        <SummaryCard label="Total Calls" value={String(stats.total)} />
-        <SummaryCard label="5xx Errors" value={String(stats.errors5xx)} color={stats.errors5xx > 0 ? '#ef4444' : undefined} />
-        <SummaryCard label="4xx Responses" value={String(stats.errors4xx)} color={stats.errors4xx > 0 ? '#f59e0b' : undefined} />
-        <SummaryCard label={`Slow (≥${SLOW_MS}ms)`} value={String(stats.slow)} color={stats.slow > 0 ? '#f59e0b' : undefined} />
-      </div>
+      {/* Calls over time — gated on lastFetched so we don't paint with a Date.now() fallback */}
+      {lastFetched && (
+        <div className="bg-dfxBlue-700 rounded-lg shadow p-4">
+          <LogTraceTimeChart
+            traces={traces}
+            windowMs={TIME_RANGES[rangeIdx].tightenToMs ?? TIME_RANGES[rangeIdx].hours * 60 * 60 * 1000}
+            binMs={TIME_RANGES[rangeIdx].binMs}
+            endTime={lastFetched.getTime()}
+            dark
+          />
+        </div>
+      )}
 
       <div className="grid grid-cols-1 xl:grid-cols-3 gap-4">
         {/* Top Endpoints */}
-        <div className="bg-white rounded-lg shadow p-4 xl:col-span-2">
+        <div className="bg-dfxBlue-700 rounded-lg shadow p-4 xl:col-span-2">
           <div className="text-lg font-semibold mb-3">Top Endpoints</div>
           <div className="overflow-x-auto">
             <table className="w-full text-sm">
               <thead>
-                <tr style={{ color: '#6b7280' }} className="text-left">
+                <tr style={{ color: LABEL_COLOR }} className="text-left">
                   <th className="py-1 pr-3 font-medium">Endpoint</th>
                   <th className="py-1 pr-3 font-medium text-right">Count</th>
                   <th className="py-1 pr-3 font-medium text-right">Errors</th>
@@ -276,13 +291,13 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
               </thead>
               <tbody>
                 {endpoints.map((e) => (
-                  <tr key={e.key} className="border-t" style={{ borderColor: '#f3f4f6' }}>
+                  <tr key={e.key} className="border-t" style={{ borderColor: BORDER_COLOR }}>
                     <td className="py-1 pr-3 font-mono text-xs">
                       <span className="font-semibold mr-2">{e.method}</span>
                       {e.pathPattern}
                     </td>
                     <td className="py-1 pr-3 text-right">{e.count}</td>
-                    <td className="py-1 pr-3 text-right" style={{ color: e.errors > 0 ? '#f59e0b' : '#6b7280' }}>
+                    <td className="py-1 pr-3 text-right" style={{ color: e.errors > 0 ? '#f59e0b' : LABEL_COLOR }}>
                       {e.errors}
                     </td>
                     <td className="py-1 pr-3 text-right" style={{ color: durationColor(e.median) }}>
@@ -295,7 +310,7 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
                 ))}
                 {endpoints.length === 0 && (
                   <tr>
-                    <td colSpan={5} className="py-4 text-center" style={{ color: '#6b7280' }}>
+                    <td colSpan={5} className="py-4 text-center" style={{ color: LABEL_COLOR }}>
                       No traces in window
                     </td>
                   </tr>
@@ -306,11 +321,11 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
         </div>
 
         {/* Top IPs */}
-        <div className="bg-white rounded-lg shadow p-4">
+        <div className="bg-dfxBlue-700 rounded-lg shadow p-4">
           <div className="text-lg font-semibold mb-3">Top IPs</div>
           <table className="w-full text-sm">
             <thead>
-              <tr style={{ color: '#6b7280' }} className="text-left">
+              <tr style={{ color: LABEL_COLOR }} className="text-left">
                 <th className="py-1 pr-3 font-medium">IP</th>
                 <th className="py-1 pr-3 font-medium text-right">Calls</th>
                 <th className="py-1 pr-3 font-medium text-right">Last seen</th>
@@ -318,17 +333,17 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
             </thead>
             <tbody>
               {ips.map((ip) => (
-                <tr key={ip.ip} className="border-t" style={{ borderColor: '#f3f4f6' }}>
+                <tr key={ip.ip} className="border-t" style={{ borderColor: BORDER_COLOR }}>
                   <td className="py-1 pr-3 font-mono text-xs">{ip.ip}</td>
                   <td className="py-1 pr-3 text-right">{ip.count}</td>
-                  <td className="py-1 pr-3 text-right text-xs" style={{ color: '#6b7280' }}>
+                  <td className="py-1 pr-3 text-right text-xs" style={{ color: LABEL_COLOR }}>
                     {formatTime(ip.lastSeen)}
                   </td>
                 </tr>
               ))}
               {ips.length === 0 && (
                 <tr>
-                  <td colSpan={3} className="py-4 text-center" style={{ color: '#6b7280' }}>
+                  <td colSpan={3} className="py-4 text-center" style={{ color: LABEL_COLOR }}>
                     -
                   </td>
                 </tr>
@@ -339,12 +354,12 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
       </div>
 
       {/* Recent Activity */}
-      <div className="bg-white rounded-lg shadow p-4">
+      <div className="bg-dfxBlue-700 rounded-lg shadow p-4">
         <div className="text-lg font-semibold mb-3">Recent Activity (last {recent.length})</div>
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
             <thead>
-              <tr style={{ color: '#6b7280' }} className="text-left">
+              <tr style={{ color: LABEL_COLOR }} className="text-left">
                 <th className="py-1 pr-3 font-medium">Time</th>
                 <th className="py-1 pr-3 font-medium">Method</th>
                 <th className="py-1 pr-3 font-medium">URL</th>
@@ -359,7 +374,7 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
                 <tr
                   key={`${t.timestamp}-${t.method}-${t.url}-${t.status}`}
                   className="border-t"
-                  style={{ borderColor: '#f3f4f6' }}
+                  style={{ borderColor: BORDER_COLOR }}
                 >
                   <td className="py-1 pr-3 font-mono text-xs whitespace-nowrap">{formatTime(t.timestamp)}</td>
                   <td className="py-1 pr-3 font-mono text-xs font-semibold">{t.method}</td>
@@ -377,14 +392,14 @@ export default function DashboardRealunitTracingScreen(): JSX.Element {
                     {formatMs(t.durationMs)}
                   </td>
                   <td className="py-1 pr-3 text-xs">{t.client}</td>
-                  <td className="py-1 pr-3 font-mono text-xs" style={{ color: '#6b7280' }}>
+                  <td className="py-1 pr-3 font-mono text-xs" style={{ color: LABEL_COLOR }}>
                     {t.ip}
                   </td>
                 </tr>
               ))}
               {recent.length === 0 && (
                 <tr>
-                  <td colSpan={7} className="py-4 text-center" style={{ color: '#6b7280' }}>
+                  <td colSpan={7} className="py-4 text-center" style={{ color: LABEL_COLOR }}>
                     No traces yet
                   </td>
                 </tr>
diff --git a/src/screens/dashboard-log-tracing.screen.tsx b/src/screens/dashboard-log-tracing.screen.tsx
new file mode 100644
index 00000000..829f926a
--- /dev/null
+++ b/src/screens/dashboard-log-tracing.screen.tsx
@@ -0,0 +1,33 @@
+import { useAdminGuard } from 'src/hooks/guard.hook';
+import { useLayoutOptions } from 'src/hooks/layout-config.hook';
+import { useNavigation } from 'src/hooks/navigation.hook';
+
+export default function DashboardLogTracingScreen(): JSX.Element {
+  // Backend /gs/debug/logs is RoleGuard(DEBUG); additionalRoles allows
+  // ADMIN+SUPER_ADMIN, but not REALUNIT — so admin-only is the right gate.
+  useAdminGuard();
+  useLayoutOptions({ title: 'Log Tracing', noMaxWidth: true });
+  const { navigate } = useNavigation();
+  return (
+    <div className="space-y-4 p-4 w-full self-stretch bg-dfxBlue-800 min-h-screen" style={{ color: '#ffffff' }}>
+      <div
+        className="bg-dfxBlue-700 rounded-lg shadow p-6 cursor-pointer hover:bg-dfxBlue-500"
+        onClick={() => navigate('/dashboard/log-tracing/realunit')}
+      >
+        <div className="text-lg font-semibold">RealUnit</div>
+        <div className="text-sm mt-1" style={{ color: '#9AA5B8' }}>
+          Live API-call tracing for the RealUnit wallet (test phase)
+        </div>
+      </div>
+      <div
+        className="bg-dfxBlue-700 rounded-lg shadow p-6 cursor-pointer hover:bg-dfxBlue-500"
+        onClick={() => navigate('/dashboard/log-tracing/all')}
+      >
+        <div className="text-lg font-semibold">All Logs</div>
+        <div className="text-sm mt-1" style={{ color: '#9AA5B8' }}>
+          All API trace entries, grouped by severity and context
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/screens/dashboard.screen.tsx b/src/screens/dashboard.screen.tsx
index 7cb359be..6836dcc5 100644
--- a/src/screens/dashboard.screen.tsx
+++ b/src/screens/dashboard.screen.tsx
@@ -21,11 +21,11 @@ export default function DashboardScreen(): JSX.Element {
       </div>
       <div
         className="bg-white rounded-lg shadow p-6 cursor-pointer hover:bg-gray-50"
-        onClick={() => navigate('/dashboard/realunit-tracing')}
+        onClick={() => navigate('/dashboard/log-tracing')}
       >
-        <div className="text-lg font-semibold">RealUnit Tracing</div>
+        <div className="text-lg font-semibold">Log Tracing</div>
         <div className="text-sm mt-1" style={{ color: '#6b7280' }}>
-          Live API-call tracing for the RealUnit wallet (test phase)
+          Live tracing of API calls — RealUnit dashboard and all logs
         </div>
       </div>
     </div>
diff --git a/src/screens/sitemap.screen.tsx b/src/screens/sitemap.screen.tsx
index dc8ee045..0015f26f 100644
--- a/src/screens/sitemap.screen.tsx
+++ b/src/screens/sitemap.screen.tsx
@@ -52,6 +52,7 @@ const sections: PageSection[] = [
     title: 'Payment Links & Invoices',
     pages: [
       { path: '/pl', label: 'Payment Link' },
+      { path: '/pl/assign', label: 'Payment Link Assign' },
       { path: '/pl/pos', label: 'Payment Link POS' },
       { path: '/pl/result', label: 'Payment Link Result' },
       { path: '/payment-link', label: 'Payment Link (Legacy)' },
@@ -95,6 +96,8 @@ const sections: PageSection[] = [
       { path: '/compliance/custody-orders', label: 'Custody Orders' },
       { path: '/compliance/recalls', label: 'Recalls' },
       { path: '/compliance/mros', label: 'MROS Reports' },
+      { path: '/compliance/mros/create', label: 'Create MROS Report' },
+      { path: '/compliance/call-queues', label: 'Call Queues' },
     ],
   },
   {
@@ -102,6 +105,8 @@ const sections: PageSection[] = [
     pages: [
       { path: '/support/dashboard', label: 'Support Dashboard' },
       { path: '/support/dashboard/create', label: 'Create Issue' },
+      { path: '/notes', label: 'Notes' },
+      { path: '/templates', label: 'Support Templates' },
     ],
   },
   {
@@ -114,14 +119,18 @@ const sections: PageSection[] = [
     ],
   },
   {
-    title: 'Financial Dashboard',
+    title: 'Dashboard',
     pages: [
       { path: '/dashboard', label: 'Dashboard' },
       { path: '/dashboard/financial', label: 'Financial' },
+      { path: '/dashboard/financial/overview', label: 'Financial Overview' },
       { path: '/dashboard/financial/live', label: 'Financial Live' },
       { path: '/dashboard/financial/history', label: 'Financial History' },
       { path: '/dashboard/financial/history/expenses', label: 'Expenses' },
       { path: '/dashboard/financial/liquidity', label: 'Liquidity' },
+      { path: '/dashboard/log-tracing', label: 'Log Tracing' },
+      { path: '/dashboard/log-tracing/realunit', label: 'RealUnit Tracing' },
+      { path: '/dashboard/log-tracing/all', label: 'All Logs' },
     ],
   },
   {