fix(frontend): reload page on Vite chunk preload error after upgrade

After a panel upgrade the embedded dist/ ships with new hashed chunk
filenames, so SPA tabs loaded before the upgrade hold references to
chunks that no longer exist on the server and lazy modals 404. Hook
`vite:preloadError` and force one full reload (guarded by a session
flag) so the browser picks up the new index.html.

frontend/src/entries/api-docs.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/clients.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/inbounds.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/index.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/login.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/nodes.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/settings.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/entries/subpage.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { readyI18n } from '@/i18n/react';
 import { ThemeProvider } from '@/hooks/useTheme';
 import SubPage from '@/pages/sub/SubPage';

frontend/src/entries/xray.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { message } from 'antd';
 import 'antd/dist/reset.css';
 
+import '@/utils/chunkReload';
 import { setupAxios } from '@/api/axios-init.js';
 import { applyDocumentTitle } from '@/utils';
 import { readyI18n } from '@/i18n/react';

frontend/src/utils/chunkReload.ts

@@ -0,0 +1,17 @@
+// After a panel upgrade the embedded dist/ ships with new hashed chunk
+// filenames, so an SPA that was loaded before the upgrade still holds
+// references to chunks that no longer exist on the server. The first
+// time a lazy import 404s we force a full reload so the browser picks
+// up the new index.html and its new chunk references.
+if (typeof window !== 'undefined') {
+  const RELOAD_FLAG = '__xuiChunkReloadOnce';
+  window.addEventListener('vite:preloadError', (event) => {
+    event.preventDefault();
+    if (sessionStorage.getItem(RELOAD_FLAG) === '1') return;
+    sessionStorage.setItem(RELOAD_FLAG, '1');
+    window.location.reload();
+  });
+  window.addEventListener('load', () => {
+    sessionStorage.removeItem(RELOAD_FLAG);
+  });
+}