Fix fetchAPI calling issues for agents

Author: Shellishack

mobile/capacitor.config.ts

@@ -18,7 +18,7 @@ const config: CapacitorConfig = {
       enabled: true,
     },
     CapacitorHttp: {
-      enabled: true,
+      enabled: false,
     },
   },
 };

npm-packages/cli/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pulse-editor/cli",
-	"version": "0.1.0-beta.8",
+	"version": "0.1.1-beta.0",
 	"license": "MIT",
 	"bin": {
 		"pulse": "dist/cli.js"

web/components/interface/command-viewer.tsx

@@ -295,7 +295,7 @@ export default function CommandViewer() {
 
   return (
     <div className="absolute top-20 left-1/2 z-50 -translate-x-1/2">
-      <div className="flex max-h-[calc(100vh-100px)] flex-col items-center gap-y-1">
+      <div className="flex max-h-[calc(100vh-140px)] flex-col items-center gap-y-1">
         <Input
           className="w-80"
           classNames={{
@@ -356,7 +356,7 @@ export default function CommandViewer() {
         />
 
         {history.length > 0 && (
-          <div className="bg-content1 flex w-[480px] flex-col overflow-y-hidden rounded-2xl px-2 pt-2 shadow-md">
+          <div className="bg-content1 flex w-full sm:w-[480px] flex-col overflow-y-hidden rounded-2xl px-2 pt-2 shadow-md">
             <div
               className="flex flex-col gap-y-2 overflow-y-auto pb-2"
               ref={historyRef}

web/components/modals/publish-workflow-modal.tsx

@@ -58,6 +58,9 @@ export default function PublishWorkflowModal({
       await fetchAPI("/api/workflow/publish", {
         method: "POST",
         body: JSON.stringify({ ...workflow }),
+        headers: {
+          "Content-Type": "application/json",
+        },
       });
 
       addToast({

web/components/modals/sharing-modal.tsx

@@ -73,6 +73,9 @@ export default function SharingModal({
         visibility,
         name: app,
       }),
+      headers: {
+        "Content-Type": "application/json",
+      },
     });
 
     mutate();

web/lib/agent/agent-runner.ts

@@ -38,6 +38,9 @@ export async function runAgentMethodCloud(
     {
       method: "POST",
       body: JSON.stringify({ prompt }),
+      headers: {
+        "Content-Type": "application/json",
+      },
     },
   );
 

web/lib/hooks/use-auth.ts

@@ -77,8 +77,7 @@ export function useAuth() {
           possibly after other hooks are fired.
         */
         if (!token.value) {
-          // CapacitorCookies.clearAllCookies();
-          CapacitorCookies.deleteCookie({
+          await CapacitorCookies.deleteCookie({
             key: "pulse-editor.session-token",
             url: process.env.NEXT_PUBLIC_BACKEND_URL,
           });
@@ -95,6 +94,17 @@ export function useAuth() {
     refreshSession();
   }, [editorContext?.editorStates.isRefreshSession]);
 
+  // Set is login status in Preferences in Capacitor if logged in
+  useEffect(() => {
+    if (getPlatform() === PlatformEnum.Capacitor) {
+      const isLoggedIn = session !== undefined;
+      Preferences.set({
+        key: "pulse-editor.is-logged-in",
+        value: isLoggedIn ? "true" : "false",
+      });
+    }
+  }, [session]);
+
   // Open a sign-in page if the user is not signed in.
   async function signIn() {
     if (session) {

web/lib/modalities/image-gen/image-gen.ts

@@ -131,6 +131,9 @@ export function getImageGenModel(
           body: JSON.stringify({
             token: apiKey,
           }),
+          headers: {
+            "Content-Type": "application/json",
+          },
         },
       );
       console.log("Fetching prediction status:", prediction.id);

web/lib/modalities/music-gen/music-gen.ts

@@ -130,6 +130,9 @@ export function getMusicGenModel(
           body: JSON.stringify({
             token: apiKey,
           }),
+          headers: {
+            "Content-Type": "application/json",
+          },
         },
       );
       console.log("Fetching prediction status:", prediction.id);

web/lib/modalities/video-gen/video-gen.ts

@@ -160,6 +160,9 @@ export function getVideoGenModel(
           body: JSON.stringify({
             token: apiKey,
           }),
+          headers: {
+            "Content-Type": "application/json",
+          },
         },
       );
       console.log("Fetching prediction status:", prediction.id);