feat: добавлена поддержка кэша прямого обхода с использованием ipset

Refs: None

src/web/App.jsx

@@ -186,6 +186,13 @@ function App() {
     );
   }
 
+  async function flushDirectCache() {
+    return withBusy('Bypass-кэш сброшен', async () => {
+      await api.directCache.flush();
+      await loadState();
+    });
+  }
+
   // === Rules CRUD ===
   function emptyRule() {
     return {
@@ -321,6 +328,7 @@ function App() {
               onShowConfig={() => setConfigOpen(true)}
               onNav={navigate}
               onBypassToggle={toggleBypass}
+              onFlushDirectCache={flushDirectCache}
             />
           )}
           {page === 'servers' && (

src/web/api.js

@@ -78,6 +78,11 @@ export const api = {
       body: JSON.stringify({ enabled }),
     }),
 
+  directCache: {
+    get: () => request("/api/direct-cache"),
+    flush: () => request("/api/direct-cache", { method: "DELETE" }),
+  },
+
   route: {
     check: ({ host, ip, port, network }) =>
       request("/api/route/check", {

src/web/components/OverviewPage.jsx

@@ -132,9 +132,11 @@ function RecentEvents({ onNav }) {
   );
 }
 
-function RoutingSummary({ state, onNav }) {
+function RoutingSummary({ state, onNav, onFlushDirectCache }) {
   const rules = state?.customRules || [];
   const enabled = rules.filter((r) => r.enabled).length;
+  const cacheCount = state?.directBypassCount || 0;
+  const cacheAvailable = state?.directBypassAvailable;
   return (
     <div className="card">
       <div className="card-header">
@@ -148,12 +150,23 @@ function RoutingSummary({ state, onNav }) {
         )}
         <div className="row"><span className="key">Custom правил</span><span className="val">{enabled} из {rules.length}</span></div>
         <div className="row"><span className="key">Остальное</span><span className="val text-warning">→ VPN</span></div>
+        {cacheAvailable && (
+          <div className="row">
+            <span className="key">Direct bypass cache</span>
+            <span className="val" style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+              <span className="text-success">{cacheCount} IP</span>
+              <button className="btn btn-ghost" style={{ fontSize: 11, padding: '1px 6px' }} onClick={onFlushDirectCache} title="Сбросить — все IP снова пройдут через sing-box один раз">
+                ✕ сбросить
+              </button>
+            </span>
+          </div>
+        )}
       </div>
     </div>
   );
 }
 
-export function OverviewPage({ state, status, busy, onRestart, onStop, onShowConfig, onNav, onBypassToggle }) {
+export function OverviewPage({ state, status, busy, onRestart, onStop, onShowConfig, onNav, onBypassToggle, onFlushDirectCache }) {
   return (
     <div className="section-stack">
       {state?.bypassMode && (
@@ -168,7 +181,7 @@ export function OverviewPage({ state, status, busy, onRestart, onStop, onShowCon
       <StatusHero state={state} status={status} />
       <div className="grid-2">
         <QuickActions state={state} busy={busy} onRestart={onRestart} onStop={onStop} onShowConfig={onShowConfig} onNav={onNav} onBypassToggle={onBypassToggle} />
-        <RoutingSummary state={state} onNav={onNav} />
+        <RoutingSummary state={state} onNav={onNav} onFlushDirectCache={onFlushDirectCache} />
       </div>
       <RecentEvents onNav={onNav} />
     </div>