fix

front/src/App.tsx

@@ -24,10 +24,12 @@ function App() {
 
         <AuthCard hfToken={hfToken} setHfToken={setHfToken} />
 
-        {!hfToken || !hfToken.startsWith('hf_') ? (
+        {hfToken === 'loading' ? (
           <div className="p-4 col-span-1">
             <div className="loading loading-spinner loading-lg"></div>
           </div>
+        ) : !hfToken || !hfToken.startsWith('hf_') ? (
+          <></>
         ) : (
           <>
             <ScriptMaker

index.html

@@ -21926,7 +21926,7 @@ function App() {
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(AuthCard, { hfToken, setHfToken }),
-    !hfToken || !hfToken.startsWith("hf_") ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 col-span-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "loading loading-spinner loading-lg" }) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    hfToken === "loading" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "p-4 col-span-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "loading loading-spinner loading-lg" }) }) : !hfToken || !hfToken.startsWith("hf_") ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {}) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ScriptMaker,
         {