@messenger-box/tailwind-ui-inbox 10.0.3-alpha.117 → 10.0.3-alpha.120

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.3-alpha.120](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.119...v10.0.3-alpha.120) (2025-10-30)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
+## [10.0.3-alpha.119](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.118...v10.0.3-alpha.119) (2025-10-29)
+
+**Note:** Version bump only for package @messenger-box/tailwind-ui-inbox
+
 ## [10.0.3-alpha.117](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.116...v10.0.3-alpha.117) (2025-10-27)
 
 **Note:** Version bump only for package @messenger-box/tailwind-ui-inbox

package/lib/components/InboxMessage/RightSidebarAi.d.ts

@@ -20,6 +20,7 @@ export interface IRightSidebarAi extends React.HTMLAttributes<HTMLDivElement> {
     selectedPost?: any;
     handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
     isMinimized?: boolean;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 export declare const RightSidebarAi: (props: IRightSidebarAi) => React.JSX.Element;

package/lib/components/InboxMessage/RightSidebarAi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarAi.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAS,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,sBAUpD,CAAC"}
+{"version":3,"file":"RightSidebarAi.d.ts","sourceRoot":"","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAS,MAAM,QAAQ,CAAC;AAGpD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,sBAUpD,CAAC"}

package/lib/components/InboxMessage/RightSidebarAi.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarAi.js","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"uKA4BO,MAAM,cAAc,GAAG,KAAC,IAAwB;SACnDA,cACI,CAAA,aAAA,CAAA,IAAC,EAAA;AAGO,IAAA,IAAA,EAAA,yBAAY,CAAA,2BAAA;AACZ,IAAA,SAAA,EAAG;AACN,MAAA,MACH,EACJ,IAAA;AACN,MAAE,GAAA;;;"}
+{"version":3,"file":"RightSidebarAi.js","sources":["../../../src/components/InboxMessage/RightSidebarAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"uKA6BO,MAAM,cAAc,GAAG,KAAC,IAAwB;SACnDA,cACI,CAAA,aAAA,CAAA,IAAC,EAAA;AAGO,IAAA,IAAA,EAAA,yBAAY,CAAA,2BAAA;AACZ,IAAA,SAAA,EAAG;AACN,MAAA,MACH,EACJ,IAAA;AACN,MAAE,GAAA;;;"}

package/lib/components/filler-components/RightSiderBar.d.ts

@@ -18,6 +18,7 @@ type RightSidebarProps = {
     messages?: any[];
     setIsLoading?: (isLoading: boolean) => void;
     handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     isLoading?: boolean;
     [key: string]: any;
 };

package/lib/components/filler-components/RightSiderBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightSiderBar.d.ts","sourceRoot":"","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,OAAO,iBAAiB,sBA+XjE,CAAC"}
+{"version":3,"file":"RightSiderBar.d.ts","sourceRoot":"","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,iBAAiB,GAAG;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,EAAE;QAClB,YAAY,EAAE,OAAO,CAAC;QACtB,iBAAiB,EAAE,OAAO,CAAC;QAC3B,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;QAC5B,aAAa,EAAE,OAAO,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACtB,CAAC;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,kBAAkB,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACtE,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,OAAO,iBAAiB,sBAsejE,CAAC"}

package/lib/components/filler-components/RightSiderBar.js

@@ -9,7 +9,8 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
     selectedPost,
     setIsLoading,
     isLoading,
-    handleSendMessage
+    handleSendMessage,
+    handleRecreateSandbox
   } = props;
   const hybridLiveEditorRef = React.useRef(null);
   const previewIframeRef = React.useRef(null);
@@ -18,7 +19,19 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
   const [activeFragment, setActiveFragment] = React.useState(null);
   const [currentFiles, setCurrentFiles] = React.useState({});
   const [canvasLayers, setCanvasLayers] = React.useState([]);
+  const [sanboxRecreate, setSanboxRecreate] = React.useState(false);
   // const [isLoading, setIsLoading] = React.useState(false);
+  const [previewStatus, setPreviewStatus] = React.useState(null);
+  // Local loading fallback if parent didn't pass setIsLoading/isLoading
+  const [localLoading, setLocalLoading] = React.useState(false);
+  const loading = typeof isLoading === 'boolean' ? isLoading : localLoading;
+  const setLoading = React.useCallback(val => {
+    if (typeof setIsLoading === 'function') {
+      setIsLoading(val);
+    } else {
+      setLocalLoading(val);
+    }
+  }, [setIsLoading]);
   // Component mount tracking
   React.useMemo(() => `right-sidebar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, []);
   const handleCopyToClipboard = React.useCallback(text => {
@@ -111,7 +124,8 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
             canvasLayers: contents.canvasLayers || cfg.canvasLayers || frag.canvasLayers,
             summary: contents.summary || cfg.summary || frag.summary,
             title: frag.title || contents.title || cfg.title,
-            isError: frag.isError
+            isError: frag.isError,
+            syncStatus: frag.syncStatus
           };
           fragmentSource = 'propsConfiguration.contents.props.fragment';
         }
@@ -127,7 +141,8 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
             canvasLayers: contents.canvasLayers || cfg.canvasLayers || frag.canvasLayers,
             summary: contents.summary || cfg.summary || frag.summary,
             title: frag.title || contents.title || cfg.title,
-            isError: frag.isError
+            isError: frag.isError,
+            syncStatus: frag.syncStatus
           };
           fragmentSource = 'propsConfiguration.contents.fragment';
         }
@@ -143,7 +158,8 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
             canvasLayers: cfg.canvasLayers || frag.canvasLayers,
             summary: cfg.summary || frag.summary,
             title: frag.title || cfg.title,
-            isError: frag.isError
+            isError: frag.isError,
+            syncStatus: frag.syncStatus
           };
           fragmentSource = 'propsConfiguration.fragment';
         }
@@ -166,7 +182,8 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
           modelConfig: extracted.modelConfig,
           canvasLayers: extracted.canvasLayers,
           summary: extracted.summary,
-          isError: extracted.isError
+          isError: extracted.isError,
+          syncStatus: extracted.syncStatus
         };
         // If canvasLayers missing but present in summary, attempt to extract like use-ai-messages
         if ((!fragment.canvasLayers || !Array.isArray(fragment.canvasLayers)) && fragment.summary) {
@@ -203,6 +220,48 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
       }
     }
   }, [chatMessageAddedData, selectedPost]);
+  // Probe sandbox URL to detect server-side errors (e.g., 502) before rendering iframe
+  React.useEffect(() => {
+    const url = activeFragment?.sandboxUrl;
+    setPreviewStatus(null);
+    if (!url) return;
+    const controller = new AbortController();
+    const signal = controller.signal;
+    const run = async () => {
+      try {
+        //setLoading(true);
+        // timeout to avoid indefinite loading
+        const timeoutId = setTimeout(() => controller.abort(), 10000);
+        const res = await fetch(url, {
+          method: 'GET',
+          mode: 'cors',
+          redirect: 'follow',
+          signal
+        });
+        clearTimeout(timeoutId);
+        console.log('res....', res);
+        if (!res.ok) {
+          setPreviewStatus({
+            code: res.status,
+            message: res.statusText
+          });
+          if (!sanboxRecreate) setSanboxRecreate(true);
+        } else {
+          setPreviewStatus(null);
+        }
+      } catch (e) {
+        // Network/CORS errors will end up here
+        setPreviewStatus({
+          message: 'Network error'
+        });
+        // if(!sanboxRecreate) setSanboxRecreate(true);
+      } finally {
+        setLoading(false);
+      }
+    };
+    run();
+    return () => controller.abort();
+  }, [activeFragment?.sandboxUrl, sanboxRecreate]);
   // When switching tabs or when sandbox changes, show loader until ready
   // React.useEffect(() => {
   //     if (isPreviewMode) {
@@ -228,6 +287,22 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
       }
     };
   }, []);
+  const sandboxExpiryCheck = React.useCallback(() => {
+    setSanboxRecreate(false);
+    if (activeFragment?.id && handleRecreateSandbox) {
+      Promise.resolve(handleRecreateSandbox(activeFragment?.id)).then(data => {
+        console.log('recreateSandbox data', data);
+        setSanboxRecreate(false);
+      }).catch(() => {
+        setSanboxRecreate(false);
+      });
+    }
+  }, [activeFragment?.id, handleRecreateSandbox, setSanboxRecreate]);
+  React.useEffect(() => {
+    if (sanboxRecreate) {
+      sandboxExpiryCheck();
+    }
+  }, [sanboxRecreate, sandboxExpiryCheck]);
   return React.createElement("div", {
     className: "right-sidebar-content h-full flex flex-col"
   }, React.createElement("div", {
@@ -245,28 +320,41 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
           minHeight: '400px',
           backgroundColor: '#f0f0f0'
         }
-      }, React.createElement("iframe", {
+      }, !previewStatus ? React.createElement("iframe", {
         key: activeFragment.sandboxUrl,
         ref: previewIframeRef,
-        src: activeFragment.sandboxUrl,
+        src: !previewStatus ? activeFragment.sandboxUrl : 'about:blank',
         className: "w-full h-full border border-gray-200 rounded-md bg-white shadow-sm",
         title: "Live Preview",
         sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-storage-access-by-user-activation allow-top-navigation-by-user-activation",
         loading: "lazy",
         onLoad: () => {
           console.log('🎯 Iframe loaded successfully');
-          setIsLoading(false);
+          setLoading(false);
+          setPreviewStatus(null);
         },
         onError: e => {
           console.error('❌ Iframe error:', e);
-          setIsLoading(false);
+          setLoading(false);
         },
         style: {
           minHeight: '400px'
         }
-      }), React.createElement("div", {
+      }) : React.createElement("div", {
+        className: "absolute inset-0 flex items-center justify-center bg-white border border-gray-200 rounded-md"
+      }, React.createElement("div", {
+        className: "text-center space-y-3 px-4"
+      }, React.createElement("div", {
+        className: "flex items-center justify-center gap-2 pt-1"
+      }, React.createElement("div", {
+        className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
+      }, React.createElement("div", {
+        className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
+      })), React.createElement("div", {
+        className: "absolute top-2 left-2 bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs z-30"
+      }, "Loading...")))), React.createElement("div", {
         className: "absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded text-xs z-10"
-      }, "Live Preview"), isLoading && React.createElement(React.Fragment, null, React.createElement("div", {
+      }, "Live Preview"), loading && React.createElement(React.Fragment, null, React.createElement("div", {
         className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
       }, React.createElement("div", {
         className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"
@@ -282,13 +370,13 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
         className: "font-medium"
       }, "No preview available"), React.createElement("div", {
         className: "flex flex-col items-center justify-center space-y-3"
-      }, isLoading ? React.createElement("div", {
+      }, loading ? React.createElement("div", {
         className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"
       }) : React.createElement("div", {
         className: "w-8 h-8 bg-gray-300 rounded-full"
       }), React.createElement("p", {
         className: "text-sm text-gray-400"
-      }, isLoading ? 'Generating code...' : 'Waiting for code generation...'))));
+      }, loading ? 'Generating code...' : 'Waiting for code generation...'))));
     }
   })() :
   // Code Editor Mode - Show files from subscription or fallback
@@ -310,7 +398,7 @@ import*as React from'react';import {HybridLiveEditor}from'../live-code-editor/hy
     autoSave: false,
     debounceMs: 500,
     className: "h-full w-full"
-  }), isLoading && React.createElement(React.Fragment, null, React.createElement("div", {
+  }), loading && React.createElement(React.Fragment, null, React.createElement("div", {
     className: "absolute inset-0 bg-white/60 flex items-center justify-center z-20"
   }, React.createElement("div", {
     className: "animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"

package/lib/components/filler-components/RightSiderBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSiderBar.js","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"RightSiderBar.js","sources":["../../../src/components/filler-components/RightSiderBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/slot-fill/right-sidebar-filler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4B/B,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,sBAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAC"}
+{"version":3,"file":"right-sidebar-filler.d.ts","sourceRoot":"","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,sBAE5C,CAAC;AAEF,eAAO,MAAM,gBAAgB,yBAQ5B,CAAC"}

package/lib/components/slot-fill/right-sidebar-filler.js.map

@@ -1 +1 @@
-{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+OA4BO,MAAM,kBAAkB,GAAG,KAAC,IAAY;SAC3C,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,GAAA,KAAA;AAEF,IAAA,IAAO,EAAA,yBAA4B,CAAA;AAC/B,GAAA,CAAA;AAGY;AAGV,MAAA,gBAAA,GAAA,MAAA;AACN,EAAE,OAAA,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAA,KAAA,IAAA;;;;;"}
+{"version":3,"file":"right-sidebar-filler.js","sources":["../../../src/components/slot-fill/right-sidebar-filler.tsx"],"sourcesContent":[null],"names":[],"mappings":"+OA6BO,MAAM,kBAAkB,GAAG,KAAC,IAAY;SAC3C,KAAO,CAAA,aAAA,CAAA,IAAC,EAAI;AAChB,IAAE,GAAA,KAAA;AAEF,IAAA,IAAO,EAAA,yBAA4B,CAAA;AAC/B,GAAA,CAAA;AAGY;AAGV,MAAA,gBAAA,GAAA,MAAA;AACN,EAAE,OAAA,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAA,KAAA,IAAA;;;;;"}

package/lib/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAyHrE,CAAC;AAaF,QAAA,MAAM,cAAc,KAAwD,CAAC;AAE7E,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAE,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CA2HrE,CAAC;AAaF,QAAA,MAAM,cAAc,KAAwD,CAAC;AAE7E,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/lib/compute.js

@@ -72,22 +72,26 @@ const messengerPageStore = [{
 {
   exact: false,
   icon: 'AiOutlineInbox',
-  key: 'ai-messenger',
+  key: 'ai-messenger'
+  ///component: () => import('./container/InboxWithAiLoader'),
+  ,
+
   tab: 'Ai Messenger',
   position: IMenuPosition.Middle,
   name: 'AiMessenger',
   path: '/ai-messenger',
-  componentPath: "@messenger-box/tailwind-ui-inbox/lib/container/InboxWithAiLoader.js",
+  componentPath: "@messenger-box/tailwind-ui-inbox/lib/container/TestInboxWithAiLoader.js",
   hasComponent: true
 }, {
   exact: false,
   icon: 'AiOutlineInbox',
   key: 'ai-messenger-with-org-name',
+  // component: () => import('./container/InboxWithAiLoader'),
   tab: 'Ai Messenger',
   position: IMenuPosition.Middle,
   name: 'AiMessengerWithOrgName',
   path: '//o/:orgName/ai-messenger',
-  componentPath: "@messenger-box/tailwind-ui-inbox/lib/container/InboxWithAiLoader.js",
+  componentPath: "@messenger-box/tailwind-ui-inbox/lib/container/TestInboxWithAiLoader.js",
   hasComponent: true
 }, {
   exact: false,

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"qIAOO,MAAM,kBAAkB,GAA4C,CAAA;AACvE,EAAA,KAAA,EAAA,KAAA;AACI,EAAA,IAAA,EAAA,gBAAY;AACZ,EAAA,GAAA,EAAA,OAAM;AACN,EAAA,SAAG,EAAE,MAAA,OAAO,gCAAA,CAAA;AACZ,EAAA,GAAA,EAAA,UAAS;AACT,EAAA,QAAA,eAAe,CAAA,MAAA;;QAEf,OAAA;AACA,EAAA,IAAA,EAAA;AACA;;AAEH,EAAA,KAAA,EAAA,KAAA;AACD,EAAA,IAAA,EAAA,gBAAA;AACI,EAAA,GAAA,EAAA;AACA,EAAA,SAAA,QAAM,OAAA,gCAAgB,CAAA;AACtB,EAAA,GAAA,EAAA,UAAK;AACL,EAAA,QAAA,EAAA,aAAiB,CAAA,MAAO;AACxB;QACA,OAAA;QACA;AACA,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,KAAM;AACT,EAAA,IAAA,EAAA,gBAAA;AACD,EAAA,GAAA,EAAA,gBAAA;AACI,EAAA,SAAA,EAAK,MAAE,OAAK,gCAAA,CAAA;AACZ,EAAA,GAAA,EAAA,IAAA;AACA,EAAA,QAAA,eAAK,CAAA,MAAgB;AACrB;AACA,EAAA,IAAA,EAAA,eAAS;QACT;;AAEA,CAAA;AACA;;AAEH;;;;;;;;;;;OAWD,EAAA,KAAA;MACA,EAAA,gBAAK;AACL,EAAA,GAAA,EAAA,cAAA;AACI,EAAA,SAAA,EAAK,MAAE,OAAK,kCAAA,CAAA;AACZ,EAAA,GAAA,EAAA,cAAM;AACN,EAAA,QAAA,eAAK,CAAA,MAAc;AACnB,EAAA,IAAA,EAAA,aAAW;AACX,EAAA,IAAA,EAAA;;AAEA,EAAA,KAAA,EAAA,KAAM;AACN,EAAA,IAAA,EAAA,gBAAM;AACT,EAAA,GAAA,EAAA,4BAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,kCAAA,CAAA;AACI,EAAA,GAAA,EAAA,cAAY;AACZ,EAAA,QAAA,EAAI,aAAE,CAAA,MAAgB;AACtB,EAAA,IAAA,EAAA,wBAAK;AACL,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;SACA,KAAA;AACA,EAAA,IAAA,EAAA,gBAAM;AACN,EAAA,GAAA,EAAA,kCAAiC;AACpC,EAAA,SAAA,EAAA,MAAA,OAAA,sCAAA,CAAA;AACD,EAAA,GAAA,EAAA,cAAA;AACI,EAAA,QAAA,EAAA,aAAY,CAAA,MAAA;AACZ,EAAA,IAAA,EAAA,6BAAsB;AACtB,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,KAAK;QACL,gBAAU;AACV,EAAA,GAAA,EAAA,0CAAmC;AACnC,EAAA,SAAA,QAAM,OAAA,sCAAuB,CAAA;AAChC,EAAA,GAAA,EAAA,cAAA;AACD,EAAA,QAAA,EAAA,aAAA,CAAA,MAAA;AACI,EAAA,IAAA,EAAA,mCAAY;AACZ,EAAA,IAAA,EAAA;AACA;AACA;AACA;;AAEA;AACA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8BD,cAAA,GAAA,CAAA,OAAA,EAAA,gBAAsC,EAAA,cAAA,EAAA,4BAAA,EAAA,kCAAA,EAAA,0CAAA,EAAA,2BAAA,CAAA;AACtC,MAAA,cAAA,GAAA,iBAAA,CAAA,kBAAsC,EAAA,cAAA"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"qIAOO,MAAM,kBAAkB,GAA4C,CAAA;AACvE,EAAA,KAAA,EAAA,KAAA;AACI,EAAA,IAAA,EAAA,gBAAY;AACZ,EAAA,GAAA,EAAA,OAAM;AACN,EAAA,SAAG,EAAE,MAAA,OAAO,gCAAA,CAAA;AACZ,EAAA,GAAA,EAAA,UAAS;AACT,EAAA,QAAA,eAAe,CAAA,MAAA;;QAEf,OAAA;AACA,EAAA,IAAA,EAAA;AACA;;AAEH,EAAA,KAAA,EAAA,KAAA;AACD,EAAA,IAAA,EAAA,gBAAA;AACI,EAAA,GAAA,EAAA;AACA,EAAA,SAAA,QAAM,OAAA,gCAAgB,CAAA;AACtB,EAAA,GAAA,EAAA,UAAK;AACL,EAAA,QAAA,EAAA,aAAiB,CAAA,MAAO;AACxB;QACA,OAAA;QACA;AACA,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,KAAM;AACT,EAAA,IAAA,EAAA,gBAAA;AACD,EAAA,GAAA,EAAA,gBAAA;AACI,EAAA,SAAA,EAAK,MAAE,OAAK,gCAAA,CAAA;AACZ,EAAA,GAAA,EAAA,IAAA;AACA,EAAA,QAAA,eAAK,CAAA,MAAgB;AACrB;AACA,EAAA,IAAA,EAAA,eAAS;QACT;;AAEA,CAAA;AACA;;AAEH;;;;;;;;;;;OAWD,EAAA,KAAA;MACA,EAAA,gBAAK;AACL,EAAA,GAAA,EAAA,cAAA;AACI;AACA,EAAA,SAAA,QAAM,OAAA,sCAAgB,CAAA;AACtB,EAAA,GAAA,EAAA,cAAK;UACL,EAAA,aAAA,CAAA,MAAA;AACA,EAAA,IAAA,EAAA,aAAW;AACX,EAAA,IAAA,EAAA;;AAEA,EAAA,KAAA,EAAA,KAAM;AACN,EAAA,IAAA,EAAA,gBAAM;AACT,EAAA,GAAA,EAAA,4BAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,sCAAA,CAAA;AACI;AACA,EAAA,GAAA,EAAA,cAAM;AACN,EAAA,QAAA,eAAK,CAAA,MAAA;AACL,EAAA,IAAA,EAAA,wBAAwB;QACxB;AACA,CAAA,EAAA;SACA,KAAA;AACA,EAAA,IAAA,EAAA,gBAAM;AACN,EAAA,GAAA,EAAA,kCAAiC;AACpC,EAAA,SAAA,EAAA,MAAA,OAAA,sCAAA,CAAA;AACD,EAAA,GAAA,EAAA,cAAA;AACI,EAAA,QAAA,EAAA,aAAY,CAAA,MAAA;AACZ,EAAA,IAAA,EAAA,6BAAsB;AACtB,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,KAAA,EAAA,KAAK;QACL,gBAAU;AACV,EAAA,GAAA,EAAA,0CAAmC;AACnC,EAAA,SAAA,QAAM,OAAA,sCAAuB,CAAA;AAChC,EAAA,GAAA,EAAA,cAAA;AACD,EAAA,QAAA,EAAA,aAAA,CAAA,MAAA;AACI,EAAA,IAAA,EAAA,mCAAY;AACZ,EAAA,IAAA,EAAA;AACA;AACA;AACA;;AAEA;AACA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;MA8BD,cAAA,GAAA,CAAA,OAAA,EAAA,gBAAsC,EAAA,cAAA,EAAA,4BAAA,EAAA,kCAAA,EAAA,0CAAA,EAAA,2BAAA,CAAA;AACtC,MAAA,cAAA,GAAA,iBAAA,CAAA,kBAAsC,EAAA,cAAA"}

package/lib/container/InboxContainer.d.ts

@@ -5,7 +5,7 @@ interface InboxContainerProps {
     channelRole?: string;
     supportServices?: boolean;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 declare const _default: React.NamedExoticComponent<InboxContainerProps>;

package/lib/container/InboxContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxContainer.d.ts","sourceRoot":"","sources":["../../src/container/InboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,UAAU,mBAAmB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;AA+BD,wBAA0C"}
+{"version":3,"file":"InboxContainer.d.ts","sourceRoot":"","sources":["../../src/container/InboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,UAAU,mBAAmB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;AA+BD,wBAA0C"}

package/lib/container/InboxWithAiLoader.d.ts

@@ -5,7 +5,7 @@ interface InboxWithAiLoaderProps {
     supportServices?: boolean;
     pathPrefix?: string;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 declare const _default: React.MemoExoticComponent<{

package/lib/container/InboxWithAiLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiCvC,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;YAEiC,sBAAsB;;;AAkCxD,wBAA6C"}
+{"version":3,"file":"InboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/InboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAiCvC,UAAU,sBAAsB;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;;YAEiC,sBAAsB;;;AAkCxD,wBAA6C"}

package/lib/container/TestInboxWithAiLoader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<{
+    (): React.JSX.Element;
+    displayName: string;
+}>;
+export default _default;
+//# sourceMappingURL=TestInboxWithAiLoader.d.ts.map

package/lib/container/TestInboxWithAiLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestInboxWithAiLoader.d.ts","sourceRoot":"","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;AAmB1B,wBAAuD"}

package/lib/container/TestInboxWithAiLoader.js

@@ -0,0 +1,24 @@
+import React__default from'react';import InboxWithAiLoader from'./InboxWithAiLoader.js';import {useParams}from'@remix-run/react';import {useRecreateSandboxMutation}from'common/graphql';const TestInboxWithAiLoaderOutlet = () => {
+  const {
+    orgName
+  } = useParams();
+  const [recreateSandbox, {
+    loading,
+    error
+  }] = useRecreateSandboxMutation();
+  const handleRecreateSandbox = async messageId => {
+    console.log('recreateSandbox', messageId);
+    const response = await recreateSandbox({
+      variables: {
+        messageId
+      }
+    });
+    return response;
+  };
+  return React__default.createElement(InboxWithAiLoader, {
+    orgName: orgName,
+    handleRecreateSandbox: handleRecreateSandbox
+  });
+};
+var TestInboxWithAiLoader = React__default.memo(TestInboxWithAiLoaderOutlet);
+TestInboxWithAiLoaderOutlet.displayName = 'TestInboxWithAiLoaderOutlet';export{TestInboxWithAiLoader as default};//# sourceMappingURL=TestInboxWithAiLoader.js.map

package/lib/container/TestInboxWithAiLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestInboxWithAiLoader.js","sources":["../../src/container/TestInboxWithAiLoader.tsx"],"sourcesContent":[null],"names":[],"mappings":"yLAIA,MAAM,2BAA2B,GAAG,MAAK;AACrC,EAAA,MAAA;AACA,IAAA;AACA,GAAA,GAAA;AACI,EAAA,MAAA,CAAA;AACA,IAAA,OAAA;AACI,IAAA;iCACa,EAAA;AACZ,EAAA,MAAA,qBAAA,GAAA,MAAA,SAAA,IAAA;AACJ,IAAA,OAAE,CAAA,GAAA,CAAA,iBAAA,EAAA,SAAA,CAAA;AACH,IAAA,MAAA,iBAAgB,eAAA,CAAA;AACpB,MAAE,SAAA,EAAA;QACF;AACJ;AAEA,KAAA,CAAA;AAEA,IAAA,OAAA,QAAA;;;;;;;;"}

package/lib/routes.json

@@ -65,7 +65,7 @@
       "position": "MIDDLE",
       "name": "AiMessenger",
       "path": "/ai-messenger",
-      "componentPath": "@messenger-box/tailwind-ui-inbox/lib/container/InboxWithAiLoader.js",
+      "componentPath": "@messenger-box/tailwind-ui-inbox/lib/container/TestInboxWithAiLoader.js",
       "hasComponent": true
     }
   },
@@ -78,7 +78,7 @@
       "position": "MIDDLE",
       "name": "AiMessengerWithOrgName",
       "path": "//o/:orgName/ai-messenger",
-      "componentPath": "@messenger-box/tailwind-ui-inbox/lib/container/InboxWithAiLoader.js",
+      "componentPath": "@messenger-box/tailwind-ui-inbox/lib/container/TestInboxWithAiLoader.js",
       "hasComponent": true
     }
   },

package/lib/templates/InboxWithAi.d.ts

@@ -6,7 +6,7 @@ export interface InboxProps {
     pathPrefix?: string;
     data?: any;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
 }
 declare const _default: React.MemoExoticComponent<{
     (props: InboxProps): React.JSX.Element;

package/lib/templates/InboxWithAi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWithAi.d.ts","sourceRoot":"","sources":["../../src/templates/InboxWithAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAiBf,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;;YA0D2B,UAAU;;;AAmhBtC,wBAAuC"}
+{"version":3,"file":"InboxWithAi.d.ts","sourceRoot":"","sources":["../../src/templates/InboxWithAi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAUN,MAAM,OAAO,CAAC;AAiBf,MAAM,WAAW,UAAU;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;CACtE;;YA0D2B,UAAU;;;AAshBtC,wBAAuC"}

package/lib/templates/InboxWithAi.js

@@ -108,7 +108,7 @@ const InboxWithAiInternal = props => {
     } catch (err) {
       console.error('Error recreating sandbox:', err);
       setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
-      setIsLoading(false);
+      // setIsLoading(false);
     }
   }, [recreateSandbox, channelId]);
   // Handle refresh sandbox
@@ -290,6 +290,7 @@ const InboxWithAiInternal = props => {
     setIsLoading: setIsLoading,
     isLoading: isLoading,
     handleSendMessage: handleSendMessage,
+    handleRecreateSandbox: props?.handleRecreateSandbox || null,
     isMinimized: isMinimized,
     ...props
   })))));
@@ -454,6 +455,7 @@ const RightSidebarContent = React__default.memo(({
   setIsLoading,
   isLoading,
   handleSendMessage,
+  handleRecreateSandbox,
   isMinimized,
   ...props
 }) => {
@@ -478,6 +480,7 @@ const RightSidebarContent = React__default.memo(({
     isLoading: isLoading,
     handleSendMessage: handleSendMessage,
     isMinimized: isMinimized,
+    handleRecreateSandbox: handleRecreateSandbox,
     ...props
   }));
 });

package/lib/templates/InboxWithAi.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxWithAi.js","sources":["../../src/templates/InboxWithAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}
+{"version":3,"file":"InboxWithAi.js","sources":["../../src/templates/InboxWithAi.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"6WAkBA;AACA,MAAM,UAAU,GAAG,aAAa,CAG7B;AACC,EAAA,SAAA,EAAS,SAAE;AACX,EAAA,YAAA,EAAY,MAAK,CAAE;AACtB,CAAA,CAAC;AAYF;AACA,MAAM,aAAa,GAAG,KAAC,IAAe;AAClC,EAAA,MAAA,CAAA,OAAO,EAAO,UAAE,CAAA,GAAWA,cAAG,CAAA,QAAM,CAAA,KAAS,CAAA;WAE7C,CAAA,MAAa;QACT,OAAI,MAAO,KAAM,WAAK,EAAA;oBAAoB,GAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA;UAE1C,aAAM,SAAa,qBAAyB,CAAA,OAAA,CAAA;iBACtC,EAAA;AAEN,IAAA,UAAA,CAAA,gBAAgB,CAAA,QAAA,EAAA,aAAA,CAAA;AAChB,IAAA,OAAA,MAAA,UAAW,CAAA,mBAA2B,CAAA,QAAA,EAAA,aAAe,CAAA;WACrD,CAAA,CAAA;AACJ,EAAA,OAAI,OAAQ;AAEZ,CAAA;AACJ;AAEA,MAAA,mBAAA,GAAA,MAAgC;AAChC,EAAA,MAAM,CAAA,gBAAmB,EAAA,mBAAQ,CAAA,GAAAA,cAAA,CAAA,QAAA,CAAA;IAC7B,KAAA,EAAO,kBAAkB,WAAA,GAAA,MAAoB,CAAA,UAAS,GAAA,IAAS;AAC3D,IAAA,MAAA,EAAA,OAAO,MAAO,KAAM,cAAgB,MAAG,CAAA,WAAO,GAAW;AACzD,GAAA,CAAA;AACH,EAAA,SAAE,CAAA,MAAA;IAEH,IAAA,aAAe,KAAA,WAAA,EAAA;UACX,YAAW,GAAM,MAAK;yBAAoB,CAAA;QAE1C,KAAA,EAAM,MAAA,CAAA,UAAkB;AACpB,QAAA,MAAA,EAAA,MAAA,CAAA;;;AAGC,IAAA,MAAA,CAAA,gBAAE,CAAA,QAAA,EAAA,YAAA,CAAA;AACP,IAAA,YAAE,EAAA,CAAA;AAEF,IAAA,OAAA,MAAO,MAAA,CAAA,mBAA2B,CAAA,QAAA,EAAY,YAAE,CAAA;QAChD;SAEA,gBAAa;;AAGjB,MAAA,gCAAwB,CAAA,MAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAC5B,EAAE,SAAA,EAAA;AAEF,CAAA,EAAAA,cAAM,CAAA,aAAa,CAAA,KAAM,EAAK;WAEtB,EAAA;iBACI,CAAA,aAAA,CAAA,KAAA,EAAA;WACA,EAAA;iBACA,CAAA,EAAAA,cAAA,CAAA,aAAG,CAAA,IAAS,EAAC;AAOzB,EAAA,SAAM,EAAA;AACF,CAAA,EAAA,sBAAkB,CAAA,EAAAA,cAAA,CAAY,aAAU,CAAA,GAAA,EAAS;AAEjD,EAAA,SAAO,EACH;AACI,CAAA,EAAA,2DAAkC,CAChB,CACzB,CAAC,CAAA;AACN,MAAE,WAAA,GAAA,KAAA,IAAA;AAEF,EAAA,MAAM,CAAA,SAAA,EAAA,YAAuB,CAAA,GAAmBA,cAAE,CAAA,QAAA,CAAA,SAAA,CAAA;SAC9CA,cAAA,CAAA,aAAA,CAAA,UAAA,CAAA,QAAA,EAAA;AACA,IAAA,KAAA,EAAM;AACN,MAAA,SAAM;AACN,MAAA;;KAEAA,cAAM,CAAC,aAAU,CAAA,mBAAuB,EAAQ;IAChD,GAAA;AACA,GAAA,CAAA,CAAA;;MAEA,mBAAkB,GAAA,KAAA;;QAElB;IACA,EAAA,EAAA,aAAO;IACP,MAAA,EAAA;MACA,SAAM,EAAA;QAEN,QAAM,GAAA,WAAA,EAAA;AAEE,EAAA,MAAA,SAAK,GAAA,QAAc,EAAA,MAAS,GAAG,IAAA,eAAA,CAAA,QAAA,CAAA,MAAA,CAAA,GAAA,IAAA;AAC3B,EAAA,MAAA;aACA;;AAGJ,GAAA,GAAA,UAAK,CAAA,UAAA,CAAA;iBACD,EAAA,WAAkB,CAAC,GAAA,QAAA,CAAA,EAAA,CAAA;qBACV,EAAA,eAAM,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;AAEf,EAAA,MAAA,CAAA,eAAM,CAAA,GAAA,0BAAmC,EAAA;;eAGzC;sBACA;;8BAEM,EAAA;kBAEN,EAAA,YAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;kBACA,EAAA,QAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;yBACA,EAAA,iBAAA,CAAA,GAAA,QAAA,CAAA,IAAA,CAAA;oBACA,EAAA,cAAW,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;;iBAEX,GAAA,SAAA,EAAA,GAAA,CAAA,IAAA,CAAA,IAAA,aAAiC;kCAC7B,GAAA,WAAA,CAAA,MAAA,SAAA,IAAA;QACR,CAAC,SAAA,IAAA,CAAA,SAAA,EAAA;aAAC,CAAA,MAAY,8DAAC,CAAA;AACX,MAAA;AACA,IAAA;;kBAEH,CAAA,IAAA,CAAA;AACL,cACC,CAAA,IAAA,CAAA;MAGL,KAAA,CAAA,qBAAyB,GAAA,SAAA,CAAA;AACzB;;AAEQ;;;;AAKR;;;AAGQ;;;aAEG,GAAC,EAAA;AACJ,MAAA,OAAA,CAAA,KAAO,CAAC,2BAAK,EAAA,GAAA,CAAA;cAChB,CAAA,GAAA,YAAA,KAAA,GAAA,GAAA,CAAA,OAAA,GAAA,4BAAA,CAAA;AACL;IAEA;AACA,EAAA,CAAA,EAAA,CAAA,eAAe,EAAA,SAAa,CAAA,CAAA;AAC5B;AACA,EAAA,MAAA,oBAAuB,GAAG,WAAA,CAAa,MAAC;AACxC,IAAA,IAAA,cAAkB;AAClB,MAAA,0BAAsB,CAAA,YAAc,CAAA,EAAA,CAAA;AACpC,IAAA;AACA,EAAA,CAAA,EAAA,CAAA,uBAAsB,EAAA,0BAAc,CAAA,CAAA;;AAGpC,EAAA,MAAA,uBAA0B,WACtB,CAAA,MAAO;QACH,YAAY,EAAA,kBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA;YACZ,UAAA,GAAiB,YAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,QAAA,CAAA,UAAA;aACjB,CAAA,GAAA,CAAA,sBAAY,EAAA,UAAA,CAAA;YACZ,CAAA,IAAA,CAAA,UAAa,EAAA,QAAA,EAAA,qBAAA,CAAA;WACb;aACA,CAAA,IAAA,CAAA,4CAAa,CAAA;AAChB,IAAA;AAIL,EAAA,CAAA,EAAA,CAAA,YACI,CAAA,CAAA;;AAIS,EAAA,MAAA;sBAEO;AACI,IAAA,MAAA,EAAA;AAIY,GAAA,GAAA,mBAAA,EAAA;AAIY,EAAA,MAAA,YAAA,GAAA,aAAE,CAAA,oBAAA,CAAA;yCACA,CAAA,2CAED,CAAA;AAET,EAAA,MAAA,YAAA,GAAA,aAAA,CAAA;AAMI,EAAA,MAAA,aAAA,GAAA,aAAA,CAAA,qBAAA,CAAA;AAMA,EAAA,MAAA,kBAAA,GAAA,aAAA,CAAA;AAOJ,EAAA,MAAA,aAAA,GAAA,aAAA,CAAA,oBAAA,CAAA;AAEJ;AAIY,EAAA,MAAA,oBAAA,GAAA,OAAE,CAAA,OAAA;;AAKV,IAAA,iBAAA;AAMI,IAAA,YAAA;;AAcnB,IAAA,kBAAA;;AAQW,GAAA,CAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,aAAc,EAAC,kBAAe,EAAA,aAAc,CAAA,CAAA;AAoBhD,EAAA,OAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAAA,cACI,CAAA,aAAc,CAAC,KAAA,EAAA;AAIf,IAAA,SAAA,EAAA;AACI,GAAA,EAAA,SAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAUR,IAAA,SAAA,EAAA;AAKI,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAgBxB,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;uBAIQA,cAAQ,CAAA,aAAA,CAAA,KAAoB,EAAE;AACjC,IAAA,SAAA,EAAA,sBAAA;AAGD,IAAA,KAAA,EAAA;;;;+BAMW,CAAE,SAAA,CAAU;gBAoBtB,sFAEiB,EAAA,SAAA,KAAA,SACV,GAAA,kCAAO,GAAA,mCAAA,CAAA,CAAA;AACH,IAAA,KAAA,EAAA;AACA,MAAA,YAAA,EAAA;AACA;iCACA,CAAA,KAAK,EAAE;AACV,IAAA,SAAA,EAAA,SAAA;AAED,IAAA,IAAA,EAAA,MAAA;AAqB5B,IAAE,MAAA,EAAA,cAAA;AAEF,IAAA,OAAM,EAAA;AACF,GAAA,EAAAA,cAAM,qBAEM,EACR;AAQJ,IAAA,aACI,EAAA,OAAA;kBAEI,EAAA,OAAA;AAEI,IAAA,WAAA,EAAA,CAAA;AAGY,IAAA,CAAA,EAAA;AAiB5B,GAAG,CAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAEH,IAAA,aAAM,EAAA,OAAmB;IACrB;AACA,IAAA,WACI,EAAA,CAAA;AAEI,IAAA,CAAA,EAAA;qBAGY,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAK,SAAS,EAAC,EAAAA,cAAA,CAAA,aAAa,CAAA,QAAA,EAAA;mBAExB,YAAA,CAAA,MAAA,CAAA;AACI,IAAA,SAAA,EAAA,CAAA,sFAES,EAAA,SACL,KAAO,MAAA,GAAA,kCACY,GAAA,mCAAA,CAAA,CAAA;AAEnB,IAAA,KAAA,EAAA;AAMA,MAAA,YAAA,EAAA;;iCAUJ,CAAA,KAAA,EAAA;wBACA;AAGA,IAAA,IAAA,EAAA,MAAA;0BAGJ;;iCAEQ,CAAA,MAAA,EAAA;AACI,IAAA,aAAA,EAAA,OAAA;AAEJ,IAAA,cAAA,EAAA,OAAA;AAEJ,IAAA,WAAA,EAAA,CAAA;;mCASJ,CAAA,MAAA,EAAA,IAAA,EAAA,MAAK,CAAA,CAAA,CAAA,CAAA,EAAA,aAAgB,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACjB,IAAA,SAAA,EAAA;iCAEJ,CAAA,QAAA,EAAA;AACI,IAAA,OAAA,EAAA,MAAA,cAAA,CAAA,CAAA,WAAA,CAAA;oGACmD;yBAAC,kBAAG,GAAA;iCACnD,CAAA,KAAA,EAAA;wBAAiD;;0BACD;;;AACC,IAAA,aAAA,EAAA,OAAA;oBAErD,OAAA;;AAEM,IAAA,CAAA,EAAA;mCACN,CAAA,MAAA,EAAA;0BACK;2BACD;;;;uCAEA,EAAA;AAGC,IAAA,SAAA,EAAA,qFACC;;iCAED,CAAA,KAAG,EAAA;wBACJ;;0BACA;;iCACA,CAAA,MAAA,EAAA;AAGC,IAAA,aAAA,EAAA,OAAA;oBAEL,OAAA;;;oCAE+C,CAAA,QAAA,EAAA;uCAC3C,EAAA;;;AAOC,GAAA,EAAAA,cAAA,CAAA,aAAA,CAAA,KACC,EAAA;wBACN;;0BAEK;;iCAC0C,CAAA,MAAG,EAAA;0BAC9C;;;;;4CAEsB;;AAErB,MAAA,mBAAA,EAAG,aACF,GAAA,SAAA,GAAA,KAAA;kCACN;;iCAEI,CAAA,KAAA,EAAA;AACC,IAAA,SAAA,EAAA;wBAEL,EAAA,YAAA,IAAA,CAAA,SAAK,GAAA,QAAU,GAAA,MAAO;wBACjB,EAAA,WAAI,IAAA,aAAA,GAAA,QAAA,GAAA,MAAA;;AAEJ,oBAAA,CAAA;;;;AAKA,GAAA,EAAA,SAAA,GAAAA,cAAA,CAAA,aACC,CAAA,gBAAA,EAAA;wBACN;;AAShC,IAAG,QAAA,EAAA,QAAA;AAEH,IAAA,WAAM,EAAA,WAAsB;IAapB;AAEA,IAAA,eACI,EAAA,eAAA;gBAGQ,EAAA,YAAA;aACA,EAAA;oBACA,EAAA;qBACA,CAAA,aAAA,CAAA,UAAsB,EAAA,IAAA,CAAA,CAAA,EAAA,SAAA,IAAA,aAAA,IAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACzB,IAAA,SAAA,EAAA,sCAAA;SAED,EAAA;AAeZ,MACF,YAAA,EAAA,EAAA;AAEF,MAAM,WAAA,EAAA,EAAA;AACF,MAAA,YAAO,EAAA,EAAA;AACX,MAAG,KAAA,EAAA,WAAA,GAAA,WAAA,GAAA,GAAA,GAAA,CAAA,IAAA;AAEH;AACA,GAAA,EAAAA,cAAA,CAAW,aAAY,CAAA,mBAAW,EAAA;AAClC,IAAA,oBAAoB,EAAA,oBAAc;AAClC,IAAA,WAAA,EAAiB,WAAW;AAC5B,IAAA,YAAA,EAAkB,YAAW;AAC7B,IAAA,SAAA,EAAA,SAAoB;AACpB,IAAA,SAAA,EAAA,SAAoB;AAEpB,IAAA,QAAA,EAAA,QAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/templates/InboxWithAi.tsx

@@ -32,7 +32,7 @@ export interface InboxProps {
     pathPrefix?: string;
     data?: any;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
 }
 
 // Static utility hooks and components
@@ -147,7 +147,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
             } catch (err) {
                 console.error('Error recreating sandbox:', err);
                 setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
-                setIsLoading(false);
+                // setIsLoading(false);
             }
         },
         [recreateSandbox, channelId],
@@ -384,6 +384,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
                                 setIsLoading={setIsLoading}
                                 isLoading={isLoading}
                                 handleSendMessage={handleSendMessage}
+                                handleRecreateSandbox={props?.handleRecreateSandbox || null}
                                 isMinimized={isMinimized}
                                 {...props}
                             />
@@ -578,6 +579,7 @@ const RightSidebarContent = React.memo(
         setIsLoading,
         isLoading,
         handleSendMessage,
+        handleRecreateSandbox,
         isMinimized,
         ...props
     }: any) => {
@@ -603,6 +605,7 @@ const RightSidebarContent = React.memo(
                     isLoading={isLoading}
                     handleSendMessage={handleSendMessage}
                     isMinimized={isMinimized}
+                    handleRecreateSandbox={handleRecreateSandbox}
                     {...props}
                 />
             </div>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/tailwind-ui-inbox",
-    "version": "10.0.3-alpha.117",
+    "version": "10.0.3-alpha.120",
     "description": "Inbox UI components built with TailwindCSS",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,8 +21,8 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@messenger-box/core": "10.0.3-alpha.117",
-        "@messenger-box/platform-client": "10.0.3-alpha.117",
+        "@messenger-box/core": "10.0.3-alpha.120",
+        "@messenger-box/platform-client": "10.0.3-alpha.120",
         "@monaco-editor/react": "^4.7.0",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
@@ -58,5 +58,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "faa59345ca683b453b6144f10a71d587cf8d9f45"
+    "gitHead": "4e11eb74fc35040c21dbd7aed3ce71e7f8e7363a"
 }

package/src/components/InboxMessage/RightSidebarAi.tsx

@@ -23,6 +23,7 @@ export interface IRightSidebarAi extends React.HTMLAttributes<HTMLDivElement> {
     selectedPost?: any;
     handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
     isMinimized?: boolean;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 

package/src/components/filler-components/RightSiderBar.tsx

@@ -21,6 +21,7 @@ type RightSidebarProps = {
     messages?: any[];
     setIsLoading?: (isLoading: boolean) => void;
     handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     isLoading?: boolean;
     [key: string]: any;
 };
@@ -37,6 +38,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
         setIsLoading,
         isLoading,
         handleSendMessage,
+        handleRecreateSandbox,
     } = props;
 
     const hybridLiveEditorRef = React.useRef<HybridLiveEditorRef>(null);
@@ -47,7 +49,22 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
     const [activeFragment, setActiveFragment] = React.useState<any>(null);
     const [currentFiles, setCurrentFiles] = React.useState<Record<string, string>>({});
     const [canvasLayers, setCanvasLayers] = React.useState<any[]>([]);
+    const [sanboxRecreate, setSanboxRecreate] = React.useState(false);
     // const [isLoading, setIsLoading] = React.useState(false);
+    const [previewStatus, setPreviewStatus] = React.useState<{ code?: number; message?: string } | null>(null);
+    // Local loading fallback if parent didn't pass setIsLoading/isLoading
+    const [localLoading, setLocalLoading] = React.useState(false);
+    const loading = typeof isLoading === 'boolean' ? isLoading : localLoading;
+    const setLoading = React.useCallback(
+        (val: boolean) => {
+            if (typeof setIsLoading === 'function') {
+                setIsLoading(val);
+            } else {
+                setLocalLoading(val);
+            }
+        },
+        [setIsLoading],
+    );
 
     // Component mount tracking
     const componentId = React.useMemo(
@@ -161,6 +178,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                         summary: contents.summary || cfg.summary || frag.summary,
                         title: frag.title || contents.title || cfg.title,
                         isError: frag.isError,
+                        syncStatus: frag.syncStatus,
                     };
                     fragmentSource = 'propsConfiguration.contents.props.fragment';
                 }
@@ -178,6 +196,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                         summary: contents.summary || cfg.summary || frag.summary,
                         title: frag.title || contents.title || cfg.title,
                         isError: frag.isError,
+                        syncStatus: frag.syncStatus,
                     };
                     fragmentSource = 'propsConfiguration.contents.fragment';
                 }
@@ -195,6 +214,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                         summary: cfg.summary || frag.summary,
                         title: frag.title || cfg.title,
                         isError: frag.isError,
+                        syncStatus: frag.syncStatus,
                     };
                     fragmentSource = 'propsConfiguration.fragment';
                 }
@@ -222,6 +242,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                     canvasLayers: extracted.canvasLayers,
                     summary: extracted.summary,
                     isError: extracted.isError,
+                    syncStatus: extracted.syncStatus,
                 };
 
                 // If canvasLayers missing but present in summary, attempt to extract like use-ai-messages
@@ -264,6 +285,45 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
         }
     }, [chatMessageAddedData, selectedPost]);
 
+    // Probe sandbox URL to detect server-side errors (e.g., 502) before rendering iframe
+    React.useEffect(() => {
+        const url = activeFragment?.sandboxUrl;
+        setPreviewStatus(null);
+        if (!url) return;
+
+        const controller = new AbortController();
+        const signal = controller.signal;
+        const run = async () => {
+            try {
+                //setLoading(true);
+                // timeout to avoid indefinite loading
+                const timeoutId = setTimeout(() => controller.abort(), 10000);
+                const res = await fetch(url, {
+                    method: 'GET',
+                    mode: 'cors',
+                    redirect: 'follow',
+                    signal,
+                });
+                clearTimeout(timeoutId);
+                console.log('res....', res);
+                if (!res.ok) {
+                    setPreviewStatus({ code: res.status, message: res.statusText });
+                    if (!sanboxRecreate) setSanboxRecreate(true);
+                } else {
+                    setPreviewStatus(null);
+                }
+            } catch (e: any) {
+                // Network/CORS errors will end up here
+                setPreviewStatus({ message: 'Network error' });
+                // if(!sanboxRecreate) setSanboxRecreate(true);
+            } finally {
+                setLoading(false);
+            }
+        };
+        run();
+        return () => controller.abort();
+    }, [activeFragment?.sandboxUrl, sanboxRecreate]);
+
     // When switching tabs or when sandbox changes, show loader until ready
     // React.useEffect(() => {
     //     if (isPreviewMode) {
@@ -291,6 +351,26 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
         };
     }, []);
 
+    const sandboxExpiryCheck = React.useCallback(() => {
+        setSanboxRecreate(false);
+        if (activeFragment?.id && handleRecreateSandbox) {
+            Promise.resolve(handleRecreateSandbox(activeFragment?.id))
+                .then((data: any) => {
+                    console.log('recreateSandbox data', data);
+                    setSanboxRecreate(false);
+                })
+                .catch(() => {
+                    setSanboxRecreate(false);
+                });
+        }
+    }, [activeFragment?.id, handleRecreateSandbox, setSanboxRecreate]);
+
+    React.useEffect(() => {
+        if (sanboxRecreate) {
+            sandboxExpiryCheck();
+        }
+    }, [sanboxRecreate, sandboxExpiryCheck]);
+
     return (
         <div className="right-sidebar-content h-full flex flex-col">
             <div className="flex-1 overflow-hidden" style={{ height: 'calc(100vh - 140px)' }}>
@@ -303,28 +383,52 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                                     className="w-full h-full relative"
                                     style={{ minHeight: '400px', backgroundColor: '#f0f0f0' }}
                                 >
-                                    <iframe
-                                        key={activeFragment.sandboxUrl}
-                                        ref={previewIframeRef}
-                                        src={activeFragment.sandboxUrl}
-                                        className="w-full h-full border border-gray-200 rounded-md bg-white shadow-sm"
-                                        title="Live Preview"
-                                        sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-storage-access-by-user-activation allow-top-navigation-by-user-activation"
-                                        loading="lazy"
-                                        onLoad={() => {
-                                            console.log('🎯 Iframe loaded successfully');
-                                            setIsLoading(false);
-                                        }}
-                                        onError={(e) => {
-                                            console.error('❌ Iframe error:', e);
-                                            setIsLoading(false);
-                                        }}
-                                        style={{ minHeight: '400px' }}
-                                    />
+                                    {!previewStatus ? (
+                                        <iframe
+                                            key={activeFragment.sandboxUrl}
+                                            ref={previewIframeRef}
+                                            src={!previewStatus ? activeFragment.sandboxUrl : 'about:blank'}
+                                            className="w-full h-full border border-gray-200 rounded-md bg-white shadow-sm"
+                                            title="Live Preview"
+                                            sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-modals allow-orientation-lock allow-pointer-lock allow-presentation allow-storage-access-by-user-activation allow-top-navigation-by-user-activation"
+                                            loading="lazy"
+                                            onLoad={() => {
+                                                console.log('🎯 Iframe loaded successfully');
+                                                setLoading(false);
+                                                setPreviewStatus(null);
+                                            }}
+                                            onError={(e) => {
+                                                console.error('❌ Iframe error:', e);
+                                                setLoading(false);
+                                            }}
+                                            style={{ minHeight: '400px' }}
+                                        />
+                                    ) : (
+                                        <div className="absolute inset-0 flex items-center justify-center bg-white border border-gray-200 rounded-md">
+                                            <div className="text-center space-y-3 px-4">
+                                                <div className="flex items-center justify-center gap-2 pt-1">
+                                                    <div className="absolute inset-0 bg-white/60 flex items-center justify-center z-20">
+                                                        <div className="animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"></div>
+                                                    </div>
+                                                    <div className="absolute top-2 left-2 bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs z-30">
+                                                        Loading...
+                                                    </div>
+                                                    {/* {handleRecreateSandbox && (
+                                                        <button
+                                                            className="px-3 py-1.5 text-xs rounded bg-blue-600 text-white hover:bg-blue-700"
+                                                            onClick={() => handleRecreateSandbox(activeFragment?.id)}
+                                                        >
+                                                            Recreate sandbox
+                                                        </button>
+                                                    )} */}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    )}
                                     <div className="absolute top-2 right-2 bg-green-100 text-green-800 px-2 py-1 rounded text-xs z-10">
                                         Live Preview
                                     </div>
-                                    {isLoading && (
+                                    {loading && (
                                         <>
                                             <div className="absolute inset-0 bg-white/60 flex items-center justify-center z-20">
                                                 <div className="animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"></div>
@@ -342,13 +446,13 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                                     <div className="text-center space-y-3">
                                         <p className="font-medium">No preview available</p>
                                         <div className="flex flex-col items-center justify-center space-y-3">
-                                            {isLoading ? (
+                                            {loading ? (
                                                 <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
                                             ) : (
                                                 <div className="w-8 h-8 bg-gray-300 rounded-full"></div>
                                             )}
                                             <p className="text-sm text-gray-400">
-                                                {isLoading ? 'Generating code...' : 'Waiting for code generation...'}
+                                                {loading ? 'Generating code...' : 'Waiting for code generation...'}
                                             </p>
                                         </div>
                                     </div>
@@ -372,7 +476,7 @@ export const RightSidebarFillComponent = (props: RightSidebarProps) => {
                             debounceMs={500}
                             className="h-full w-full"
                         />
-                        {isLoading && (
+                        {loading && (
                             <>
                                 <div className="absolute inset-0 bg-white/60 flex items-center justify-center z-20">
                                     <div className="animate-spin rounded-full h-12 w-12 border-4 border-blue-500 border-t-transparent"></div>

package/src/components/slot-fill/right-sidebar-filler.tsx

@@ -22,6 +22,7 @@ type RightSidebarProps = {
     messages?: any[];
     setIsLoading?: (isLoading: boolean) => void;
     handleSendMessage?: (createChannelInput: ICreateChannelInput) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     isLoading?: boolean;
     [key: string]: any;
 };

package/src/compute.ts

@@ -57,7 +57,8 @@ export const messengerPageStore: IRouteModule[] | { [key: string]: any } = [
         exact: false,
         icon: 'AiOutlineInbox',
         key: 'ai-messenger',
-        component: () => import('./container/InboxWithAiLoader'),
+        ///component: () => import('./container/InboxWithAiLoader'),
+        component: () => import('./container/TestInboxWithAiLoader'),
         tab: 'Ai Messenger',
         position: IMenuPosition.Middle,
         name: 'AiMessenger',
@@ -67,7 +68,8 @@ export const messengerPageStore: IRouteModule[] | { [key: string]: any } = [
         exact: false,
         icon: 'AiOutlineInbox',
         key: 'ai-messenger-with-org-name',
-        component: () => import('./container/InboxWithAiLoader'),
+        component: () => import('./container/TestInboxWithAiLoader'),
+        // component: () => import('./container/InboxWithAiLoader'),
         tab: 'Ai Messenger',
         position: IMenuPosition.Middle,
         name: 'AiMessengerWithOrgName',

package/src/container/InboxContainer.tsx

@@ -7,7 +7,7 @@ interface InboxContainerProps {
     channelRole?: string;
     supportServices?: boolean;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 

package/src/container/InboxWithAiLoader.tsx

@@ -37,7 +37,7 @@ interface InboxWithAiLoaderProps {
     supportServices?: boolean;
     pathPrefix?: string;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
     [key: string]: any;
 }
 

package/src/container/TestInboxWithAiLoader.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import InboxWithAiLoader from './InboxWithAiLoader';
+import { useParams } from '@remix-run/react';
+import { useRecreateSandboxMutation } from 'common/graphql';
+const TestInboxWithAiLoaderOutlet = () => {
+    const { orgName } = useParams();
+    const [recreateSandbox, { loading, error }] = useRecreateSandboxMutation();
+    const handleRecreateSandbox = async (messageId: string) => {
+        console.log('recreateSandbox', messageId);
+        const response = await recreateSandbox({
+            variables: {
+                messageId,
+            },
+        });
+        return response;
+    };
+    return <InboxWithAiLoader orgName={orgName} handleRecreateSandbox={handleRecreateSandbox} />;
+};
+
+export default React.memo(TestInboxWithAiLoaderOutlet);
+
+TestInboxWithAiLoaderOutlet.displayName = 'TestInboxWithAiLoaderOutlet';

package/src/templates/InboxWithAi.tsx

@@ -32,7 +32,7 @@ export interface InboxProps {
     pathPrefix?: string;
     data?: any;
     orgName?: string;
-    handleRecreateSandbox?: (messageId: string) => void;
+    handleRecreateSandbox?: (messageId: string) => void | Promise<any>;
 }
 
 // Static utility hooks and components
@@ -147,7 +147,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
             } catch (err) {
                 console.error('Error recreating sandbox:', err);
                 setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
-                setIsLoading(false);
+                // setIsLoading(false);
             }
         },
         [recreateSandbox, channelId],
@@ -384,6 +384,7 @@ const InboxWithAiInternal = (props: InboxProps) => {
                                 setIsLoading={setIsLoading}
                                 isLoading={isLoading}
                                 handleSendMessage={handleSendMessage}
+                                handleRecreateSandbox={props?.handleRecreateSandbox || null}
                                 isMinimized={isMinimized}
                                 {...props}
                             />
@@ -578,6 +579,7 @@ const RightSidebarContent = React.memo(
         setIsLoading,
         isLoading,
         handleSendMessage,
+        handleRecreateSandbox,
         isMinimized,
         ...props
     }: any) => {
@@ -603,6 +605,7 @@ const RightSidebarContent = React.memo(
                     isLoading={isLoading}
                     handleSendMessage={handleSendMessage}
                     isMinimized={isMinimized}
+                    handleRecreateSandbox={handleRecreateSandbox}
                     {...props}
                 />
             </div>