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

Refs: None

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>