feat: merge opus comfyui and login updates

src/web/pages/ComfyUI.tsx

@@ -1,7 +1,13 @@
 import React from 'react';
+import { useLocation } from 'react-router-dom';
+import { getSessionToken } from '../authSession.js';
 
 export default function ComfyUI() {
   const [isDark, setIsDark] = React.useState(true);
+  const location = useLocation();
+  const audience = location.pathname.startsWith('/user/') ? 'user' : 'admin';
+  const token = getSessionToken(audience, localStorage);
+  const iframeSrc = token ? `/comfy/?token=${encodeURIComponent(token)}` : '';
 
   React.useEffect(() => {
     const el = document.documentElement;
@@ -22,16 +28,28 @@ export default function ComfyUI() {
         background: isDark ? '#1a1a2e' : '#f5f5f5',
       }}
     >
-      <iframe
-        src="/comfyui"
-        style={{
-          width: '100%',
+      {iframeSrc ? (
+        <iframe
+          src={iframeSrc}
+          style={{
+            width: '100%',
+            height: '100%',
+            border: 'none',
+          }}
+          title="ComfyUI"
+          allow="clipboard-read; clipboard-write"
+        />
+      ) : (
+        <div style={{
           height: '100%',
-          border: 'none',
-        }}
-        title="ComfyUI"
-        allow="clipboard-read; clipboard-write"
-      />
+          display: 'grid',
+          placeItems: 'center',
+          color: 'var(--color-text-muted)',
+          fontSize: 14,
+        }}>
+          登录状态已过期，请重新登录。
+        </div>
+      )}
     </div>
   );
 }