fix sd

app/api/stability.ts

@@ -10,7 +10,7 @@ export async function handle(
   console.log("[Stability] params ", params);
 
   if (req.method === "OPTIONS") {
-    return NextResponse.json({ body: "OK" }, { status: 200 });
+    return NextResponse.json({ body: "OK" }, { status: 200 } as any);
   }
 
   const controller = new AbortController();
@@ -44,7 +44,7 @@ export async function handle(
   if (authResult.error) {
     return NextResponse.json(authResult, {
       status: 401,
-    });
+    } as any);
   }
 
   const bearToken = req.headers.get("Authorization") ?? "";
@@ -60,7 +60,7 @@ export async function handle(
       },
       {
         status: 401,
-      },
+      } as any,
     );
   }
 
@@ -79,19 +79,20 @@ export async function handle(
     // @ts-ignore
     duplex: "half",
     signal: controller.signal,
-  };
+  } as any;
-
   try {
     const res = await fetch(fetchUrl, fetchOptions);
-    // to prevent browser prompt for credentials
+    // // to prevent browser prompt for credentials
-    const newHeaders = new Headers(res.headers);
+
-    newHeaders.delete("www-authenticate");
+    // const newHeaders = new Headers(res.headers);
-    // to disable nginx buffering
+    // newHeaders.delete("www-authenticate");
-    newHeaders.set("X-Accel-Buffering", "no");
+    // // to disable nginx buffering
+    // newHeaders.set("X-Accel-Buffering", "no");
+
     return new Response(res.body, {
       status: res.status,
       statusText: res.statusText,
-      headers: newHeaders,
+      // headers: newHeaders,
     });
   } finally {
     clearTimeout(timeoutId);

app/components/sd/sd.tsx

@@ -163,6 +163,8 @@ export function Sd() {
                           className={styles["img"]}
                           src={item.img_data}
                           alt={item.id}
+                          width={130}
+                          height={130}
                           onClick={(e) =>
                             showImageModal(
                               item.img_data,

app/components/sidebar.tsx

@@ -292,17 +292,18 @@ export function SideBar(props: { className?: string }) {
           {/*  }}*/}
           {/*  shadow*/}
           {/*/>*/}
-          {/*<IconButton*/}
+          <IconButton
-          {/*  icon={<DiscoveryIcon />}*/}
+            icon={<DiscoveryIcon />}
-          {/*  text={shouldNarrow ? undefined : Locale.Discovery.Name}*/}
+            text={shouldNarrow ? undefined : Locale.Discovery.Name}
-          {/*  className={styles["sidebar-bar-button"]}*/}
+            className={styles["sidebar-bar-button"]}
-          {/*  onClick={() => setShowPluginSelector(true)}*/}
+            onClick={() => setShowPluginSelector(true)}
-          {/*  shadow*/}
+            shadow
-          {/*/>*/}
+          />
         </div>
         {showPluginSelector && (
           <Selector
-            items={[
+            items={
+              [
                 {
                   title: "👇 Please select the plugin you need to use",
                   value: "-",
@@ -314,7 +315,8 @@ export function SideBar(props: { className?: string }) {
                     value: item.path,
                   };
                 }),
-            ]}
+              ] as any
+            }
             onClose={() => setShowPluginSelector(false)}
             onSelection={(s) => {
               navigate(s[0], { state: { fromHome: true } });

app/store/sd.ts

@@ -88,7 +88,7 @@ export const useSdStore = createPersistStore<
           method: "POST",
           headers,
           body: formData,
-        })
+        } as RequestInit)
           .then((response) => response.json())
           .then((resData) => {
             if (resData.errors && resData.errors.length > 0) {