v0.26.0

src/admin/web/app/core.js

@@ -61,7 +61,7 @@ function updateAdminPreferences(patch) {
 }
 function resetAdminPreferences() { adminPreferences = null; adminPreferencesLoading = null; adminPreferencesWrite = Promise.resolve(); }
 window.rustProxyPreferences = { load: loadAdminPreferences, update: updateAdminPreferences, current: () => adminPreferences, applyTheme: applyAdminTheme };
-const PANEL_PATHS = { overview: "/overview", vhosts: "/vhosts", "web-server": "/web-server", "docker-vhosts": "/docker-vhosts", redirects: "/redirects", notfound: "/404-hosts", streams: "/streams", "acl-profiles": "/acl-profiles", tls: "/tls", traffic: "/traffic", cache: "/cache", transform: "/transform", settings: "/settings" };
+const PANEL_PATHS = { overview: "/overview", vhosts: "/vhosts", "web-server": "/web-server", "docker-vhosts": "/docker-vhosts", redirects: "/redirects", notfound: "/404-hosts", streams: "/streams", "acl-profiles": "/acl-profiles", tls: "/tls", traffic: "/traffic", cache: "/cache", transform: "/transform", filelogs: "/logs", settings: "/settings" };
 function panelFromLocation() { if (typeof location === "undefined") return "overview"; if (location.pathname === "/configuration" || location.pathname === "/logging") return "settings"; const found = Object.entries(PANEL_PATHS).find(([, path]) => path === location.pathname); return found?.[0] || "overview"; }
 let envelope = null, busy = false, connected = false, currentPanel = panelFromLocation(), previous = null;
 let samples = [], protocolSamples = { h1: [], h2: [], h3: [] }, websocketProtocolSamples = { h1: [], h2: [], h3: [] }, transformSamples = [], polling = false, toastTimer, editingBackend = null, editingRoute = null;
@@ -162,6 +162,7 @@ function apiArea(path) {
     if (path.startsWith("/api/certificates") || path.startsWith("/api/acme")) return "tls";
     if (path.startsWith("/api/certificate-api")) return "settings";
     if (path.startsWith("/api/docker")) return "dockerVhosts";
+    if (path.startsWith("/api/file-logs")) return "filelogs";
     if (path.startsWith("/api/logs")) return "logging";
     if (path.startsWith("/api/audit") || path.startsWith("/api/preferences") || path.startsWith("/api/auth/password") || path.startsWith("/api/auth/logout")) return "security";
     return null;
@@ -194,6 +195,7 @@ function setPanel(name, navigate = true) {
     if (navigate && typeof location !== "undefined" && ["http:", "https:"].includes(location.protocol) && location.pathname !== PANEL_PATHS[name]) history.pushState({ panel: name }, "", PANEL_PATHS[name]);
     if (name === "settings") window.rustProxySettings?.syncLocation?.();
     if (name === "tls") window.rustProxyAcme?.syncLocation?.();
+    if (name === "filelogs") void window.rustProxyFileLogs?.refresh();
     if (name === "traffic") void window.rustProxyTrafficPanel?.refresh(); if (name === "cache") void window.rustProxyCachePanel?.refresh(); if (name === "transform") void window.rustProxyTransformPanel?.refresh(); if (name === "docker-vhosts") void window.rustProxyDocker?.refresh(false); if (name === "tls") { void window.rustProxyAcme?.refresh(); void refreshCertificateInventory().then(() => { if (authenticated && currentPanel === "tls") renderCertificates(); }); }
 }
 function bytes(value) { if (value < 1024) return `${value} B`; for (const unit of ["KiB", "MiB", "GiB", "TiB"]) { value /= 1024; if (value < 1024 || unit === "TiB") return `${value.toFixed(value < 10 ? 1 : 0)} ${unit}`; } }
@@ -342,7 +344,7 @@ function authReturnDestination() {
 }
 function lock(notify = true) {
     const destination = pendingAuthDestination || authReturnDestination(), navigating = typeof location !== "undefined" && (location.protocol === "http:" || location.protocol === "https:");
-    pendingAuthDestination = destination; if (notify) adminAuthChannel?.postMessage("locked"); $("api-docs").hidden = true; resetAdminPreferences(); window.rustProxyCertificates?.reset(); window.rustProxySettings?.reset(); window.rustProxyTrafficPanel?.reset(); window.rustProxyCachePanel?.reset(); window.rustProxyTransformPanel?.reset(); window.rustProxyAcme?.reset(); window.rustProxyIntegrations?.reset(); window.rustProxyLogs?.reset(); $("logs-open").hidden = true; window.rustProxyAclProfiles?.reset(); window.rustProxyVhosts?.reset(); window.rustProxyWebServer?.reset(); window.rustProxyDocker?.reset(); window.rustProxyRedirects?.reset(); window.rustProxyNotFound?.reset(); window.rustProxyStreams?.reset(); authEpoch++; stopLive(); csrf = ""; authenticated = false; sessionInfo = null; envelope = null; certificateInventory = new Map(); previous = null; samples = []; protocolSamples = { h1: [], h2: [], h3: [] }; transformSamples = []; systemSamples = []; connectionOpenSamples = []; connectionExchangeSamples = []; networkInterfaceSamples.clear(); lastLogs = null; latestStatus = null; clearSettingsDirty(); connected = false; busy = false; $("workspace").hidden = true; $("login").hidden = navigating; $("logout").hidden = true; $("password").value = ""; $("password-confirm").value = ""; $("setup-token").value = ""; $("password-form").reset(); $("config-editor").value = ""; $("logs").replaceChildren(); $("audit-rows").replaceChildren(); authMessage("");
+    pendingAuthDestination = destination; if (notify) adminAuthChannel?.postMessage("locked"); $("api-docs").hidden = true; resetAdminPreferences(); window.rustProxyCertificates?.reset(); window.rustProxySettings?.reset(); window.rustProxyTrafficPanel?.reset(); window.rustProxyCachePanel?.reset(); window.rustProxyTransformPanel?.reset(); window.rustProxyAcme?.reset(); window.rustProxyIntegrations?.reset(); window.rustProxyLogs?.reset(); window.rustProxyFileLogs?.reset(); $("logs-open").hidden = true; $("file-logs-open").hidden = true; window.rustProxyAclProfiles?.reset(); window.rustProxyVhosts?.reset(); window.rustProxyWebServer?.reset(); window.rustProxyDocker?.reset(); window.rustProxyRedirects?.reset(); window.rustProxyNotFound?.reset(); window.rustProxyStreams?.reset(); authEpoch++; stopLive(); csrf = ""; authenticated = false; sessionInfo = null; envelope = null; certificateInventory = new Map(); previous = null; samples = []; protocolSamples = { h1: [], h2: [], h3: [] }; transformSamples = []; systemSamples = []; connectionOpenSamples = []; connectionExchangeSamples = []; networkInterfaceSamples.clear(); lastLogs = null; latestStatus = null; clearSettingsDirty(); connected = false; busy = false; $("workspace").hidden = true; $("login").hidden = navigating; $("logout").hidden = true; $("password").value = ""; $("password-confirm").value = ""; $("setup-token").value = ""; $("password-form").reset(); $("config-editor").value = ""; $("logs").replaceChildren(); $("audit-rows").replaceChildren(); authMessage("");
     for (const id of ["certificate-list", "host-policy-list"]) { $(id)?.replaceChildren(); }
     $("workspace").querySelectorAll("form").forEach(form => form.reset());
     $("workspace").querySelectorAll("input:not([type=checkbox]):not([type=radio]),textarea").forEach(input => { input.value = ""; });
@@ -353,7 +355,7 @@ function lock(notify = true) {
     if (navigating) { document.documentElement.classList.add("app-loading"); location.replace(destination); }
 }
 
-async function activate(info) { pendingAuthDestination = null; authMessage(""); $("api-docs").hidden = false; $("logs-open").hidden = false; authEpoch++; sessionInfo = info; csrf = info.csrf_token; authenticated = true; const preferences = await loadAdminPreferences(); window.rustProxyLogs?.applyPreferences(preferences); window.rustProxyVhosts?.applyPreferences(preferences); await loadConfig(); $("password").value = ""; $("password-confirm").value = ""; $("setup-token").value = ""; $("login").hidden = true; $("workspace").hidden = false; $("logout").hidden = false; renderSession(); await refresh(true); startLive(); document.documentElement.classList.remove("app-loading"); }
+async function activate(info) { pendingAuthDestination = null; authMessage(""); $("api-docs").hidden = false; $("logs-open").hidden = false; $("file-logs-open").hidden = false; authEpoch++; sessionInfo = info; csrf = info.csrf_token; authenticated = true; const preferences = await loadAdminPreferences(); window.rustProxyLogs?.applyPreferences(preferences); window.rustProxyVhosts?.applyPreferences(preferences); await loadConfig(); $("password").value = ""; $("password-confirm").value = ""; $("setup-token").value = ""; $("login").hidden = true; $("workspace").hidden = false; $("logout").hidden = false; renderSession(); await refresh(true); startLive(); document.documentElement.classList.remove("app-loading"); }
 async function loadAudit() { if (!authenticated) return; const epoch = authEpoch; try { const data = await api("/api/audit"); if (!authenticated || epoch !== authEpoch) return; const rows = data.entries.map(item => { const tr = el("tr"); for (const value of [new Date(item.time * 1000).toLocaleString(locale()), item.actor, item.action, item.detail]) { const td = el("td", value); td.title = value; tr.append(td); } return tr; }); $("audit-rows").replaceChildren(...rows); $("empty-audit").hidden = rows.length > 0; } catch (e) { toast(e.message, true); } }
 let tunnelRefreshTimer = null;
 function tunnelMessage(value = "", error = false) { const node = $("tunnels-status"); if (!node) return; node.textContent = value; node.classList.toggle("error", !!error); }

src/admin/web/app/settings.js

@@ -6,7 +6,7 @@ function renderSettings() {
     if (!settingsDirty.has("response-form")) {
         const server = config.server_header || {}, compression = config.compression || {}, diagnostics = config.diagnostic_headers || {};
         $("expose-request-id").checked = !!diagnostics.request_id;
-        $("server-mode").value = server.mode || "preserve"; $("server-value").value = server.value || "RustProxy/v0.25.7";
+        $("server-mode").value = server.mode || "preserve"; $("server-value").value = server.value || "RustProxy/v0.26.0";
         for (const name of ["gzip", "br", "zstd", "deflate"]) $(`compress-${name}`).checked = !!compression[name];
         $("compress-min").value = compression.min_bytes ?? 1024; syncServerMode();
     }
@@ -296,14 +296,14 @@ bindSettingsForm("transform-form", next => {
         max_inflight: Number($("transform-max-inflight").value)
     };
 }, "transform");
-const LOGGING_SOURCE_FIELDS = ["vhost", "route", "cache_effective_enabled", "transform_effective_enabled", "backend", "id", "time_ms", "method", "host", "path", "http_version", "transport", "websocket_bootstrap", "websocket_phase", "websocket_error", "h3_reset_code", "upstream_status", "upstream_error", "client_ip", "user_agent", "country", "status", "duration_ms", "request_bytes", "response_bytes", "outcome", "cache", "cache_reason"];
+const LOGGING_SOURCE_FIELDS = ["event", "protocol_error", "error_detail", "local_addr", "tls_sni", "vhost", "route", "cache_effective_enabled", "transform_effective_enabled", "backend", "id", "time_ms", "method", "host", "path", "http_version", "transport", "websocket_bootstrap", "websocket_phase", "websocket_error", "h3_reset_code", "upstream_status", "upstream_error", "client_ip", "user_agent", "country", "status", "duration_ms", "request_bytes", "response_bytes", "outcome", "cache", "cache_reason"];
 const LOGGING_PRESETS = {
     standard: {},
     minimal: { time_ms: "time_ms", method: "method", host: "host", path: "path", status: "status", duration_ms: "duration_ms" },
     nginx: { time_ms: "time_ms", remote_addr: "client_ip", http_user_agent: "user_agent", country: "country", request_method: "method", host: "host", request_uri: "path", status: "status", request_time_ms: "duration_ms", request_length: "request_bytes", bytes_sent: "response_bytes", upstream: "backend", cache: "cache", cache_reason: "cache_reason" },
     ecs: { "event.created_ms": "time_ms", "client.address": "client_ip", "user_agent.original": "user_agent", "client.geo.country_iso_code": "country", "http.request.method": "method", "server.address": "host", "url.path": "path", "http.response.status_code": "status", "event.duration_ms": "duration_ms", "http.request.body.bytes": "request_bytes", "http.response.body.bytes": "response_bytes", "service.target.name": "backend", "event.outcome": "outcome", "cache.result": "cache", "cache.reason": "cache_reason" }
 };
-const LOGGING_PREVIEW_VALUES = { vhost: "app", route: "root", cache_effective_enabled: true, transform_effective_enabled: false, backend: "origin-1", id: 1842, time_ms: 1769328123456, method: "CONNECT", host: "app.example", path: "/socket.io/", http_version: "3", transport: "h3", websocket_bootstrap: "h3_extended_connect", websocket_phase: "tunnel_closed", websocket_error: null, h3_reset_code: null, upstream_status: 101, client_ip: "203.0.113.24", user_agent: "Mozilla/5.0 RustProxy-Test", country: "PL", status: 200, duration_ms: 12, request_bytes: 0, response_bytes: 4821, outcome: "websocket_closed", cache: "BYPASS", cache_reason: "request_upgrade" };
+const LOGGING_PREVIEW_VALUES = { event: "request", protocol_error: null, error_detail: null, local_addr: "192.0.2.1:443", tls_sni: "app.example", vhost: "app", route: "root", cache_effective_enabled: true, transform_effective_enabled: false, backend: "origin-1", id: 1842, time_ms: 1769328123456, method: "CONNECT", host: "app.example", path: "/socket.io/", http_version: "3", transport: "h3", websocket_bootstrap: "h3_extended_connect", websocket_phase: "tunnel_closed", websocket_error: null, h3_reset_code: null, upstream_status: 101, client_ip: "203.0.113.24", user_agent: "Mozilla/5.0 RustProxy-Test", country: "PL", status: 200, duration_ms: 12, request_bytes: 0, response_bytes: 4821, outcome: "websocket_closed", cache: "BYPASS", cache_reason: "request_upgrade" };
 function parseJsonObjectValue(value, target = null) { let parsed; try { parsed = JSON.parse(value || "{}"); } catch { throw fieldError(target, t("loggingJsonInvalid")); } if (!parsed || Array.isArray(parsed) || typeof parsed !== "object") throw fieldError(target, t("loggingJsonInvalid")); return parsed; }
 function loggingMappingKey(mapping) { return JSON.stringify(Object.entries(mapping || {}).sort(([a], [b]) => a.localeCompare(b))); }
 function detectLoggingPreset(mapping) { const key = loggingMappingKey(mapping); for (const [name, preset] of Object.entries(LOGGING_PRESETS)) if (loggingMappingKey(preset) === key) return name; return "custom"; }

src/admin/web/file-logs.js

@@ -0,0 +1,91 @@
+(() => {
+    let inventory = null, offset = 0, lastTotal = 0, busy = false;
+    const sourceSelect = () => $("file-log-source");
+    const currentLimit = () => Math.max(1, Math.min(500, Number($("file-log-limit").value) || 100));
+    function sourceOption(source) {
+        const label = `${source.label} · ${source.format} · ${bytes(source.size || 0)}${source.enabled ? ` · ${t("enabled")}` : ""}`;
+        const option = el("option", label); option.value = source.id; return option;
+    }
+    function renderInventory(value) {
+        inventory = value;
+        const selected = sourceSelect().value || "all";
+        const sources = Array.isArray(value?.sources) ? value.sources : [];
+        const options = [Object.assign(el("option", t("fileLogsAllSources")), { value: "all" }), ...sources.map(sourceOption)];
+        sourceSelect().replaceChildren(...options);
+        sourceSelect().value = ["all", ...sources.map(source => source.id)].includes(selected) ? selected : "all";
+        $("file-log-inventory").textContent = sources.length
+            ? sources.map(source => `${source.label}: ${source.path} (${bytes(source.size || 0)})`).join(" · ")
+            : t("fileLogsNoSources");
+    }
+    async function loadInventory() {
+        const value = await api("/api/file-logs"); renderInventory(value); return value;
+    }
+    function entryTime(entry) {
+        if (entry.time_ms) return new Date(Number(entry.time_ms)).toLocaleString(locale());
+        if (entry.timestamp) return String(entry.timestamp);
+        return "—";
+    }
+    function entrySummary(entry) {
+        if (entry.protocol_error) return entry.protocol_error;
+        if (entry.method || entry.path) return `${entry.method || ""} ${entry.host || ""}${entry.path || ""}`.trim();
+        if (entry.message) return entry.message;
+        if (entry.raw) return entry.raw;
+        return entry.outcome || "—";
+    }
+    function entryStatus(entry) {
+        const status = Number(entry.status) || 0;
+        return status ? String(status) : "—";
+    }
+    function renderRows(entries) {
+        const rows = entries.map(entry => {
+            const row = el("tr"); row.tabIndex = 0;
+            for (const value of [entryTime(entry), entry.event || "—", entryStatus(entry), entry.client_ip || "—", entry.vhost || "—", entrySummary(entry), entry._source || "—"]) {
+                const cell = el("td", String(value)); cell.title = String(value); row.append(cell);
+            }
+            const show = () => { $("file-log-detail").textContent = JSON.stringify(entry, null, 2); };
+            row.addEventListener("click", show); row.addEventListener("keydown", event => { if (event.key === "Enter" || event.key === " ") { event.preventDefault(); show(); } });
+            return row;
+        });
+        $("file-log-rows").replaceChildren(...rows);
+        $("file-logs-empty").hidden = rows.length !== 0;
+        if (!rows.length) $("file-log-detail").textContent = t("fileLogsSelectRecord");
+    }
+    function queryString() {
+        const params = new URLSearchParams();
+        params.set("source", sourceSelect().value || "all");
+        for (const [id, name] of [["file-log-q", "q"], ["file-log-event", "event"], ["file-log-status", "status_class"], ["file-log-client", "client_ip"], ["file-log-vhost", "vhost"]]) {
+            const value = $(id).value.trim(); if (value && value !== "all") params.set(name, value);
+        }
+        params.set("offset", String(offset)); params.set("limit", String(currentLimit()));
+        return params.toString();
+    }
+    async function refresh(reset = false) {
+        if (!authenticated || busy) return;
+        if (reset) offset = 0;
+        busy = true; $("file-logs-refresh").disabled = true;
+        try {
+            if (!inventory) await loadInventory();
+            const value = await api(`/api/file-logs/query?${queryString()}`);
+            lastTotal = Number(value.total) || 0; renderRows(Array.isArray(value.entries) ? value.entries : []);
+            const from = lastTotal ? offset + 1 : 0, to = Math.min(offset + currentLimit(), lastTotal);
+            $("file-log-summary").textContent = t("fileLogsSummary")
+                .replace("{from}", fmt(from)).replace("{to}", fmt(to)).replace("{total}", fmt(lastTotal))
+                .replace("{bytes}", bytes(Number(value.scanned_bytes) || 0)).replace("{lines}", fmt(Number(value.scanned_lines) || 0))
+                + (value.truncated ? ` · ${t("fileLogsTruncated")}` : "");
+            $("file-logs-prev").disabled = offset === 0;
+            $("file-logs-next").disabled = offset + currentLimit() >= lastTotal;
+        } catch (error) { toast(error.message, true); }
+        finally { busy = false; $("file-logs-refresh").disabled = false; }
+    }
+    function reset() {
+        inventory = null; offset = 0; lastTotal = 0; $("file-log-rows").replaceChildren(); $("file-log-detail").textContent = "";
+    }
+    $("file-logs-open").addEventListener("click", () => setPanel("filelogs"));
+    $("settings-file-logs-open").addEventListener("click", () => setPanel("filelogs"));
+    $("file-logs-refresh").addEventListener("click", () => refresh(true));
+    $("file-logs-filter").addEventListener("submit", event => { event.preventDefault(); void refresh(true); });
+    $("file-logs-prev").addEventListener("click", () => { offset = Math.max(0, offset - currentLimit()); void refresh(); });
+    $("file-logs-next").addEventListener("click", () => { if (offset + currentLimit() < lastTotal) { offset += currentLimit(); void refresh(); } });
+    sourceSelect().addEventListener("change", () => refresh(true));
+    window.rustProxyFileLogs = { refresh: () => refresh(false), reset, inventory: loadInventory };
+})();

src/admin/web/index.html

@@ -22,6 +22,7 @@
     <script defer="" src="/assets/transform-panel.js"></script>
     <script defer="" src="/assets/acme.js"></script>
     <script defer="" src="/assets/settings.js"></script>
+    <script defer="" src="/assets/file-logs.js"></script>
 </head>
 
 <body>
@@ -63,7 +64,8 @@
             <header class="topbar"><span class="breadcrumb">CONTROL ROOM <span>/</span> <b
                         id="page-label">Overview</b></span>
                 <div class="top-actions"><a class="quiet" href="/docs" data-i18n="documentation" id="api-docs"
-                        hidden="">Documentation</a><button class="quiet" data-i18n="liveLogs" hidden="" id="logs-open"
+                        hidden="">Documentation</a><button class="quiet" data-i18n="logs" hidden="" id="file-logs-open"
+                        type="button">Logs</button><button class="quiet" data-i18n="liveLogs" hidden="" id="logs-open"
                         type="button">Live
                         access logs</button><select aria-label="Language" class="language-select"
                         data-i18n-aria="language" id="language"></select><button class="quiet" data-i18n="about"
@@ -1494,6 +1496,79 @@
                             yet.</p>
                     </article>
                 </section>
+                <section class="panel" hidden="" id="panel-filelogs">
+                    <article class="card file-logs-workspace">
+                        <div class="card-heading">
+                            <div><span class="small-label" data-i18n="fileLogsMode">LOCAL / READ-ONLY / BOUNDED</span>
+                                <h2 data-i18n="fileLogsTitle">Stored log explorer</h2>
+                            </div>
+                            <button class="outline" data-i18n="refresh" id="file-logs-refresh"
+                                type="button">Refresh</button>
+                        </div>
+                        <p class="fine" data-i18n="fileLogsHelp">Reads only configured RustProxy log files. It is
+                            independent from Live Logs and never accepts an arbitrary filesystem path.</p>
+                        <form class="file-logs-filter" id="file-logs-filter">
+                            <label><span data-i18n="fileLogsSource">Source</span><select id="file-log-source">
+                                    <option value="all">All configured files</option>
+                                </select></label>
+                            <label class="file-log-search"><span data-i18n="search">Search</span><input id="file-log-q"
+                                    maxlength="256" data-i18n-placeholder="fileLogsSearchPlaceholder"
+                                    placeholder="IP, path, error, request id..." /></label>
+                            <label><span data-i18n="fileLogsEvent">Event</span><select id="file-log-event">
+                                    <option data-i18n="all" value="all">All</option>
+                                    <option value="request">request</option>
+                                    <option value="protocol_error">protocol_error</option>
+                                    <option value="error">error</option>
+                                </select></label>
+                            <label><span data-i18n="status">Status</span><select id="file-log-status">
+                                    <option data-i18n="all" value="all">All</option>
+                                    <option value="1xx">1xx</option>
+                                    <option value="2xx">2xx</option>
+                                    <option value="3xx">3xx</option>
+                                    <option value="4xx">4xx</option>
+                                    <option value="5xx">5xx</option>
+                                </select></label>
+                            <label><span data-i18n="clientIp">Client IP</span><input id="file-log-client"
+                                    maxlength="128" placeholder="192.0.2.10" /></label>
+                            <label><span data-i18n="vhost">Vhost</span><input id="file-log-vhost"
+                                    maxlength="256" /></label>
+                            <label><span data-i18n="fileLogsPageSize">Page size</span><select id="file-log-limit">
+                                    <option>50</option>
+                                    <option selected>100</option>
+                                    <option>250</option>
+                                    <option>500</option>
+                                </select></label>
+                            <button class="primary" data-i18n="applyFilters" type="submit">Apply filters</button>
+                        </form>
+                        <p class="fine file-log-inventory" id="file-log-inventory"></p>
+                        <p class="fine" id="file-log-summary" role="status"></p>
+                        <div class="table-scroll file-logs-table">
+                            <table>
+                                <thead>
+                                    <tr>
+                                        <th data-i18n="time">Time</th>
+                                        <th data-i18n="fileLogsEvent">Event</th>
+                                        <th data-i18n="status">Status</th>
+                                        <th data-i18n="clientIp">Client IP</th>
+                                        <th data-i18n="vhost">Vhost</th>
+                                        <th data-i18n="fileLogsRecord">Request / reason</th>
+                                        <th data-i18n="fileLogsSource">Source</th>
+                                    </tr>
+                                </thead>
+                                <tbody id="file-log-rows"></tbody>
+                            </table>
+                        </div>
+                        <p class="empty" data-i18n="fileLogsEmpty" id="file-logs-empty">No records match the current
+                            filters.</p>
+                        <div class="file-logs-pager"><button class="quiet" data-i18n="previous" disabled
+                                id="file-logs-prev" type="button">Previous</button><button class="quiet"
+                                data-i18n="next" disabled id="file-logs-next" type="button">Next</button></div>
+                        <details open class="file-log-detail-card">
+                            <summary data-i18n="fileLogsDetails">Record details</summary>
+                            <pre class="metrics-example" id="file-log-detail"></pre>
+                        </details>
+                    </article>
+                </section>
                 <section class="panel" hidden="" id="panel-settings">
                     <div class="settings-shortcuts">
                         <div><b data-i18n="security">Security</b>
@@ -1667,7 +1742,7 @@
                                     <option data-i18n="serverCustom" value="custom">Replace / add custom value</option>
                                 </select>
                                 <label data-i18n="serverValue" for="server-value">Custom Server value</label><input
-                                    id="server-value" maxlength="256" placeholder="RustProxy/v0.25.7"
+                                    id="server-value" maxlength="256" placeholder="RustProxy/v0.26.0"
                                     spellcheck="false" />
                                 <h3 class="subheading" data-i18n="diagnosticHeaders">Diagnostic headers</h3>
                                 <div class="switch-grid">
@@ -2065,6 +2140,17 @@
                                         <p class="fine" data-i18n="loggingHelp">Live log viewing stays in memory.
                                             External sinks
                                             run on a bounded background queue and never block proxy request I/O.</p>
+                                        <article class="card soft-card file-logs-launcher">
+                                            <div>
+                                                <h3 class="subheading" data-i18n="fileLogsTitle">Stored log explorer
+                                                </h3>
+                                                <p class="fine" data-i18n="fileLogsSettingsHelp">Browse configured
+                                                    access/error files with server-side filters. File logs can be off
+                                                    while Live Logs continues to use its memory buffer.</p>
+                                            </div>
+                                            <button class="outline" data-i18n="openLogs" id="settings-file-logs-open"
+                                                type="button">Open Logs</button>
+                                        </article>
                                         <article class="card soft-card">
                                             <h3 class="subheading" data-i18n="loggingCaptureTitle">Captured request
                                                 dimensions</h3>
@@ -2455,7 +2541,7 @@
                         </section>
                     </div>
                 </section>
-                <footer class="page-footer"><span>RustProxy <b>0.25.7</b></span><span id="footer-status">API - /
+                <footer class="page-footer"><span>RustProxy <b>0.26.0</b></span><span id="footer-status">API - /
                         dropped: 0</span></footer>
             </div>
         </main>
@@ -3166,7 +3252,7 @@ max_execution_time = 30</code></pre>
         <article class="card about-card">
             <div class="about-product">
                 <span aria-hidden="true" class="brand-mark">r<span>/</span>p</span>
-                <div><span class="small-label">RustProxy</span><strong>0.25.7</strong></div>
+                <div><span class="small-label">RustProxy</span><strong>0.26.0</strong></div>
             </div>
             <dl class="about-meta">
                 <div>

src/admin/web/login.js

@@ -4,7 +4,7 @@
     const node = id => document.getElementById(id);
     const themes = new Set(["dark", "light"]);
     try { const cached = localStorage.getItem("rp-theme"); document.documentElement.dataset.theme = themes.has(cached) ? cached : "dark"; } catch { document.documentElement.dataset.theme = "dark"; }
-    const panelPaths = new Set(["/overview", "/vhosts", "/docker-vhosts", "/redirects", "/404-hosts", "/streams", "/acl-profiles", "/configuration", "/tls", "/traffic", "/cache", "/transform", "/logging", "/settings"]);
+    const panelPaths = new Set(["/overview", "/vhosts", "/docker-vhosts", "/redirects", "/404-hosts", "/streams", "/acl-profiles", "/configuration", "/tls", "/traffic", "/cache", "/transform", "/logging", "/logs", "/settings"]);
     const settingsTabs = new Set(["listeners", "connections", "docker-agents", "response", "cache", "transform", "headers", "forwarding", "pages", "logging", "prometheus", "administration", "tls-policy", "manual-config", "security"]);
     let packs = new Map(), fallback = null, language = null, setupRequired = false, ready = false;
     try { language = localStorage.getItem("rp-language"); } catch { }

src/admin/web/style.css

@@ -8198,4 +8198,84 @@ button.config-history-day.is-selected {
         align-items: flex-start;
         flex-direction: column;
     }
+}
+
+.file-logs-workspace {
+    display: grid;
+    gap: 14px;
+}
+
+.file-logs-filter {
+    display: grid;
+    grid-template-columns: repeat(7, minmax(120px, 1fr));
+    gap: 10px;
+    align-items: end;
+}
+
+.file-logs-filter label {
+    min-width: 0;
+}
+
+.file-logs-filter .file-log-search {
+    grid-column: span 2;
+}
+
+.file-logs-table {
+    max-height: 52vh;
+}
+
+.file-logs-table tbody tr {
+    cursor: pointer;
+}
+
+.file-logs-table td {
+    max-width: 340px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.file-logs-pager {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+}
+
+.file-log-detail-card pre {
+    max-height: 32vh;
+    overflow: auto;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+}
+
+.file-logs-launcher {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 16px;
+}
+
+.file-log-inventory {
+    overflow-wrap: anywhere;
+}
+
+@media (max-width: 1100px) {
+    .file-logs-filter {
+        grid-template-columns: repeat(3, minmax(140px, 1fr));
+    }
+}
+
+@media (max-width: 700px) {
+    .file-logs-filter {
+        grid-template-columns: 1fr;
+    }
+
+    .file-logs-filter .file-log-search {
+        grid-column: auto;
+    }
+
+    .file-logs-launcher {
+        align-items: stretch;
+        flex-direction: column;
+    }
 }