@messenger-box/tailwind-ui-inbox 10.0.3-alpha.0

package/lib/templates/InboxWithAi.js

@@ -0,0 +1,651 @@
+import React__default,{createContext,useContext,useState,useMemo,useEffect,useCallback}from'react';import {useParams,useLocation,Outlet}from'@remix-run/react';import {Slot}from'@common-stack/components-pro';import {RightSidebarAi}from'../components/InboxMessage/RightSidebarAi.js';import {usePersistentModelConfig}from'../hooks/usePersistentModelConfig.js';import {MessengerSlotFillNameEnum}from'../enums/messenger-slot-fill-name-enum.js';// Context for sharing tab state between header and sidebar
+const TabContext = createContext({
+  activeTab: 'preview',
+  setActiveTab: () => {}
+});
+// Static utility hooks and components
+const useMediaQuery = query => {
+  const [matches, setMatches] = React__default.useState(false);
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const mediaQuery = window.matchMedia(query);
+    const updateMatches = () => setMatches(mediaQuery.matches);
+    updateMatches();
+    mediaQuery.addEventListener('change', updateMatches);
+    return () => mediaQuery.removeEventListener('change', updateMatches);
+  }, [query]);
+  return matches;
+};
+// Hook to get window dimensions
+const useWindowDimensions = () => {
+  const [windowDimensions, setWindowDimensions] = React__default.useState({
+    width: typeof window !== 'undefined' ? window.innerWidth : 1024,
+    height: typeof window !== 'undefined' ? window.innerHeight : 768
+  });
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const handleResize = () => {
+      setWindowDimensions({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize(); // Set initial dimensions
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return windowDimensions;
+};
+const EmptyState = React__default.memo(() => React__default.createElement("div", {
+  className: "h-full flex items-center justify-center bg-gray-100 p-4 sm:p-6 overflow-hidden"
+}, React__default.createElement("div", {
+  className: "text-center max-w-sm mx-auto"
+}, React__default.createElement("div", {
+  className: "text-3xl sm:text-4xl text-gray-400 mb-4"
+}, "\uD83D\uDCAC"), React__default.createElement("h3", {
+  className: "text-lg sm:text-xl font-semibold text-gray-600 mb-2"
+}, "Welcome to Messenger"), React__default.createElement("p", {
+  className: "text-sm sm:text-base text-gray-500 leading-relaxed"
+}, "Select a conversation from the sidebar to start messaging"))));
+const DefaultContextTab = ({
+  context
+}) => {
+  const isString = typeof context === 'string';
+  const content = isString ? context : JSON.stringify(context ?? {}, null, 2);
+  return React__default.createElement("div", {
+    className: "h-full w-full bg-gray-50 text-gray-800 overflow-auto"
+  }, React__default.createElement("div", {
+    className: "p-4"
+  }, React__default.createElement("h3", {
+    className: "text-sm font-semibold text-gray-700 mb-2"
+  }, "Context"), React__default.createElement("pre", {
+    className: "text-sm whitespace-pre-wrap break-words font-mono bg-white border border-gray-200 rounded-md p-3 shadow-sm"
+  }, content || 'No context available.')));
+};
+const InboxWithAi = props => {
+  const [activeTab, setActiveTab] = React__default.useState('preview');
+  return React__default.createElement(TabContext.Provider, {
+    value: {
+      activeTab,
+      setActiveTab
+    }
+  }, React__default.createElement(InboxWithAiInternal, {
+    ...props
+  }));
+};
+const InboxWithAiInternal = props => {
+  // const { channelFilters: channelFilterProp, channelRole, supportServices, data, orgName, pathPrefix = null } = props;
+  const {
+    id: pathChannelId,
+    postId: pathPostId
+  } = useParams();
+  const location = useLocation();
+  const urlParams = location?.search ? new URLSearchParams(location.search) : null;
+  const {
+    activeTab,
+    setActiveTab
+  } = useContext(TabContext);
+  const [messages, setMessages] = useState([]);
+  const [selectedPost, setSelectedPost] = useState(null);
+  const {
+    modelConfig,
+    getValidatedConfig,
+    hasApiKey
+  } = usePersistentModelConfig();
+  const [isLoading, setIsLoading] = useState(true);
+  const [isCreatingSandbox, setIsCreatingSandbox] = useState(false);
+  const [errorData, setError] = useState(null);
+  const [sendMessageInput, handleSendMessage] = useState(null);
+  const [isMinimized, setIsMinimized] = useState(false);
+  const showContextTab = props.showContextTab ?? true;
+  const [isShowOnlyInbox, setIsShowOnlyInbox] = useState(Boolean(props?.isShowOnlyInbox || modelConfig?.mode === 'plan'));
+  const contextData = useMemo(() => {
+    const cfg = selectedPost?.propsConfiguration;
+    return cfg?.contents?.fragment?.context || cfg?.content?.fragment?.context || cfg?.fragment?.context || null;
+  }, [selectedPost]);
+  // Keep isShowOnlyInbox in sync with props and modelConfig.mode
+  useEffect(() => {
+    setIsShowOnlyInbox(Boolean(props?.isShowOnlyInbox || modelConfig?.mode === 'plan'));
+  }, [props?.isShowOnlyInbox, modelConfig?.mode]);
+  // Extract channelId from query parameters (priority) or path parameters (fallback)
+  const channelId = urlParams?.get('id') || pathChannelId;
+  useEffect(() => {
+    // If context tab is disabled via props, fall back to preview
+    if (activeTab === 'context' && !showContextTab) {
+      setActiveTab('preview');
+    }
+  }, [activeTab, showContextTab, setActiveTab]);
+  const recreateSandboxForFragment = useCallback(async messageId => {
+    if (!channelId || !messageId) {
+      console.error('No channel ID or message ID available for sandbox recreation');
+      return;
+    }
+    try {
+      setIsCreatingSandbox(true);
+      setError(null);
+      props?.handleRecreateSandbox?.(messageId);
+    } catch (err) {
+      console.error('Error recreating sandbox:', err);
+      setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
+      setIsCreatingSandbox(false);
+    }
+  }, [channelId, props?.handleRecreateSandbox]);
+  const handleStop = useCallback(async () => {
+    try {
+      setIsCreatingSandbox(true);
+      setError(null);
+      props?.onStop?.();
+    } catch (err) {
+      console.error('Error stopping:', err);
+      setError(err instanceof Error ? err.message : 'Failed to recreate sandbox');
+      setIsCreatingSandbox(false);
+    }
+  }, [props?.onStop]);
+  // Handle refresh sandbox
+  const handleRefreshSandbox = useCallback(() => {
+    if (selectedPost) {
+      recreateSandboxForFragment(selectedPost.id);
+    }
+  }, [activeTab, selectedPost, recreateSandboxForFragment]);
+  // Handle preview sandbox
+  const handlePreviewSandbox = useCallback(() => {
+    if (selectedPost?.propsConfiguration?.contents?.fragment?.sandboxUrl) {
+      const sandboxUrl = selectedPost.propsConfiguration.contents.fragment.sandboxUrl;
+      console.log('Opening sandbox URL:', sandboxUrl);
+      window.open(sandboxUrl, '_blank', 'noopener,noreferrer');
+    } else {
+      console.warn('No sandbox URL available for selected post');
+    }
+  }, [selectedPost]);
+  // Hooks - improved responsive breakpoints with better granularity
+  const {
+    width: windowWidth,
+    height: windowHeight
+  } = useWindowDimensions();
+  const isMobileView = useMediaQuery('(max-width: 640px)');
+  const isSmallTabletView = useMediaQuery('(min-width: 641px) and (max-width: 900px)');
+  const isTabletView = useMediaQuery('(min-width: 901px) and (max-width: 1024px)');
+  const isDesktopView = useMediaQuery('(min-width: 1025px)');
+  const isLargeDesktopView = useMediaQuery('(min-width: 1440px)');
+  const isSmallScreen = useMediaQuery('(max-width: 900px)');
+  const detailSidebarOptions = useMemo(() => ({
+    isMobileView,
+    isSmallTabletView,
+    isTabletView,
+    isDesktopView,
+    isLargeDesktopView,
+    isSmallScreen
+  }), [isMobileView, isSmallTabletView, isTabletView, isDesktopView, isLargeDesktopView, isSmallScreen]);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: "flex flex-col h-screen overflow-hidden"
+  }, isShowOnlyInbox && React__default.createElement("div", {
+    className: "flex-shrink-0 bg-white justify-center items-center "
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-between px-4 pt-3"
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, React__default.createElement("h1", {
+    className: "text-2xl font-bold"
+  }, props?.inboxTitle || 'Chat')), React__default.createElement("button", {
+    onClick: () => setActiveTab(activeTab === 'settings' ? 'preview' : 'settings'),
+    className: `p-2 rounded-lg transition-colors ${activeTab === 'settings' ? 'bg-blue-500 text-white' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50'}`,
+    title: "Chat Settings"
+  }, React__default.createElement("svg", {
+    className: "w-5 h-5",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  }))))), channelId && !isShowOnlyInbox && React__default.createElement("div", {
+    className: "flex-shrink-0 bg-white "
+  }, React__default.createElement("div", {
+    className: "flex items-center justify-between px-4 py-3"
+  }, React__default.createElement("div", {
+    className: "flex items-center"
+  }, !isSmallScreen && React__default.createElement("div", {
+    className: "flex bg-gray-100 p-2",
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("button", {
+    onClick: () => setActiveTab('preview'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'preview' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+  })), React__default.createElement("span", null, "Preview")), React__default.createElement("button", {
+    onClick: () => setActiveTab('code'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'code' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+  })), React__default.createElement("span", null, "Code")), showContextTab && React__default.createElement("button", {
+    onClick: () => setActiveTab('context'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'context' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M12 8c-1.657 0-3 1.343-3 3s1.343 3 3 3 3-1.343 3-3-1.343-3-3-3z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z"
+  })), React__default.createElement("span", null, "Context")), React__default.createElement("button", {
+    onClick: () => setActiveTab('settings'),
+    className: `flex items-center space-x-2 px-4 py-2 text-xs font-medium transition-all duration-200 ${activeTab === 'settings' ? 'bg-blue-500 text-white shadow-sm' : 'text-gray-600 hover:text-gray-900'}`,
+    style: {
+      borderRadius: '10px'
+    }
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.066 2.573c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.573 1.066c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.066-2.573c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  })), React__default.createElement("span", null, "Settings")))), isDesktopView && React__default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, React__default.createElement("button", {
+    onClick: () => setIsMinimized(!isMinimized),
+    className: "p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-lg transition-colors",
+    title: isMinimized ? 'Maximize Content' : 'Minimize Content'
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, isMinimized ? React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"
+  }) : React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M9 9V4.5M9 9H4.5M9 9L3.5 3.5M15 9V4.5M15 9h4.5M15 9l5.5-5.5M9 15v4.5M9 15H4.5M9 15l-5.5 5.5M15 15v4.5M15 15h4.5M15 15l5.5 5.5"
+  }))), React__default.createElement("button", {
+    onClick: () => handlePreviewSandbox(),
+    className: "p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-lg transition-colors",
+    title: "Open URL"
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+  }))), React__default.createElement("button", {
+    onClick: () => handleRefreshSandbox(),
+    className: "p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-50 rounded-lg transition-colors",
+    title: "Refresh Sandbox"
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+  })))))), React__default.createElement("div", {
+    className: "flex-1 grid overflow-hidden",
+    style: {
+      gridTemplateColumns: isDesktopView ? isShowOnlyInbox && activeTab !== 'settings' ? '1fr' : '35% 65%' : '1fr',
+      gridTemplateRows: 'minmax(0, 1fr)',
+      height: 'calc(100vh - 80px)' // Subtract header height
+    }
+  }, React__default.createElement("div", {
+    className: `
+                        ${isMobileView && !channelId ? 'hidden' : 'flex'}
+                        ${isMinimized && isDesktopView ? 'hidden' : 'flex'}
+                        flex flex-col overflow-hidden transition-all duration-300 ease-in-out
+                    `,
+    style: {
+      paddingTop: '15px'
+    }
+  }, channelId ? React__default.createElement(ContentComponent, {
+    channelId: channelId,
+    ...props,
+    messages: messages,
+    setMessages: setMessages,
+    selectedPost: selectedPost,
+    setSelectedPost: setSelectedPost,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading,
+    sendMessageInput: sendMessageInput,
+    isShowOnlyInbox: isShowOnlyInbox,
+    showModeSelector: props?.showModeSelector,
+    showStopButton: props?.showStopButton,
+    onStop: handleStop,
+    templates: props?.templates,
+    selectedTemplate: props?.selectedTemplate,
+    onSelectTemplate: props?.onSelectTemplate,
+    leftItemsOverrides: props?.leftItemsOverrides,
+    rightItemsOverrides: props?.rightItemsOverrides,
+    projectId: props?.projectId,
+    inputToolBarProps: props?.inputToolBarProps
+  }) : React__default.createElement(EmptyState, null)), (activeTab === 'settings' || channelId && !isShowOnlyInbox) && isDesktopView && React__default.createElement("div", {
+    className: "overflow-hidden border flex-1 w-full min-h-0",
+    style: {
+      marginBottom: 10,
+      marginRight: 10,
+      borderRadius: 10,
+      width: isMinimized ? windowWidth - 140 : `100%`
+    }
+  }, React__default.createElement(RightSidebarContent, {
+    detailSidebarOptions: detailSidebarOptions,
+    windowWidth: windowWidth,
+    windowHeight: windowHeight,
+    activeTab: activeTab,
+    channelId: channelId,
+    messages: messages,
+    selectedPost: selectedPost,
+    contextData: contextData,
+    showContextTab: showContextTab,
+    setIsLoading: setIsLoading,
+    setIsCreatingSandbox: setIsCreatingSandbox,
+    isCreatingSandbox: isCreatingSandbox,
+    isLoading: isLoading,
+    handleSendMessage: handleSendMessage,
+    handleRecreateSandbox: props?.handleRecreateSandbox || null,
+    isMinimized: isMinimized,
+    ContextTabComponent: props?.ContextTabComponent ?? DefaultContextTab,
+    showStopButton: props?.showStopButton,
+    onStop: handleStop,
+    ...props
+  })))));
+};
+const ContentComponent = React__default.memo(props => {
+  const {
+    channelId,
+    messages,
+    setMessages,
+    selectedPost,
+    setSelectedPost,
+    setIsLoading,
+    isLoading,
+    sendMessageInput,
+    isShowOnlyInbox,
+    showModeSelector,
+    showStopButton,
+    onStop,
+    templates,
+    selectedTemplate,
+    onSelectTemplate,
+    leftItemsOverrides,
+    rightItemsOverrides,
+    projectId,
+    inputToolBarProps
+  } = props;
+  return React__default.createElement("div", {
+    className: "flex overflow-hidden h-full"
+  }, React__default.createElement("div", {
+    className: "flex-1 flex flex-col min-w-0 overflow-hidden border-t border-gray-300"
+  }, React__default.createElement("div", {
+    className: "flex-1 flex flex-col min-h-0 overflow-hidden"
+  }, channelId && React__default.createElement(React__default.Fragment, null, React__default.createElement(MessagesComponent, {
+    ...props,
+    channelId: channelId,
+    messages: messages,
+    setMessages: setMessages,
+    selectedPost: selectedPost,
+    setSelectedPost: setSelectedPost,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading,
+    sendMessageInput: sendMessageInput,
+    isShowOnlyInbox: isShowOnlyInbox,
+    showModeSelector: showModeSelector,
+    showStopButton: showStopButton,
+    onStop: onStop,
+    templates: templates,
+    selectedTemplate: selectedTemplate,
+    onSelectTemplate: onSelectTemplate,
+    leftItemsOverrides: leftItemsOverrides,
+    rightItemsOverrides: rightItemsOverrides,
+    projectId: projectId,
+    inputToolBarProps: inputToolBarProps
+  })))));
+});
+const RightSidebarWrapper = React__default.memo(({
+  detailSidebarOptions
+}) => {
+  const {
+    activeTab
+  } = useContext(TabContext);
+  return React__default.createElement("div", {
+    className: "h-full flex flex-col overflow-hidden bg-white"
+  }, React__default.createElement("div", {
+    className: "flex-1 overflow-hidden"
+  }, activeTab === 'preview' ? React__default.createElement("div", {
+    className: "h-full flex items-center justify-center bg-gray-50"
+  }, React__default.createElement("div", {
+    className: "text-center"
+  }, React__default.createElement("div", {
+    className: "mb-8"
+  }, React__default.createElement("svg", {
+    className: "w-32 h-32 mx-auto text-blue-500",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1,
+    d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+  }), React__default.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1,
+    d: "M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
+  }))), React__default.createElement("div", {
+    className: "space-y-4 text-gray-600"
+  }, React__default.createElement("h3", {
+    className: "text-lg font-semibold text-gray-900"
+  }, "Preview Mode"), React__default.createElement("p", {
+    className: "font-mono text-sm bg-blue-100 px-3 py-1 rounded"
+  }, "Live preview and testing"), React__default.createElement("p", null, "Preview and test your components in real-time.")), React__default.createElement("div", {
+    className: "mt-8 space-y-4"
+  }, React__default.createElement("button", {
+    className: "bg-blue-500 text-white px-6 py-3 rounded-full hover:bg-blue-600 transition-colors flex items-center space-x-2 mx-auto"
+  }, React__default.createElement("svg", {
+    className: "w-4 h-4",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, React__default.createElement("path", {
+    d: "M8 5v14l11-7z"
+  })), React__default.createElement("span", null, "Start Preview")), React__default.createElement("p", {
+    className: "text-sm text-gray-500 underline cursor-pointer hover:text-gray-700"
+  }, "Learn about preview mode")))) : React__default.createElement("div", {
+    className: "h-full bg-gray-900 text-gray-300 p-4 overflow-auto"
+  }, React__default.createElement("div", {
+    className: "font-mono text-sm"
+  }, React__default.createElement("div", {
+    className: "mb-4"
+  }, React__default.createElement("div", {
+    className: "text-green-400"
+  }, "// app/page.tsx")), React__default.createElement("div", {
+    className: "space-y-2"
+  }, React__default.createElement("div", null, React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "export"), ' ', React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "default"), ' ', React__default.createElement("span", {
+    className: "text-blue-400"
+  }, "function"), ' ', React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "Home"), "() ", '{'), React__default.createElement("div", {
+    className: "ml-4"
+  }, React__default.createElement("span", {
+    className: "text-purple-400"
+  }, "return"), " ("), React__default.createElement("div", {
+    className: "ml-8"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "main"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"flex min-h-screen flex-col items-center justify-between p-24\""), '>'), React__default.createElement("div", {
+    className: "ml-12"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "div"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex\""), '>'), React__default.createElement("div", {
+    className: "ml-16"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "p"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30\""), '>'), React__default.createElement("div", {
+    className: "ml-20 text-gray-400"
+  }, "Get started by editing\u00A0"), React__default.createElement("div", {
+    className: "ml-20"
+  }, '<', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "code"), ' ', React__default.createElement("span", {
+    className: "text-green-400"
+  }, "className"), "=", React__default.createElement("span", {
+    className: "text-yellow-400"
+  }, "\"font-mono font-bold\""), '>', "app/page.tsx", '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "code"), '>'), React__default.createElement("div", {
+    className: "ml-16"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "p"), '>'), React__default.createElement("div", {
+    className: "ml-12"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "div"), '>'), React__default.createElement("div", {
+    className: "ml-8"
+  }, '</', React__default.createElement("span", {
+    className: "text-red-400"
+  }, "main"), '>'), React__default.createElement("div", {
+    className: "ml-4"
+  }, ");"), React__default.createElement("div", null, '}'))))));
+});
+const RightSidebarContent = React__default.memo(({
+  detailSidebarOptions,
+  windowWidth,
+  windowHeight,
+  channelId,
+  setIsLoading,
+  isLoading,
+  handleSendMessage,
+  handleRecreateSandbox,
+  isMinimized,
+  isCreatingSandbox,
+  setIsCreatingSandbox,
+  ...props
+}) => {
+  const {
+    activeTab
+  } = useContext(TabContext);
+  return React__default.createElement("div", {
+    className: "border-l border-gray-200 bg-white flex-shrink-0 overflow-hidden flex-1 w-full h-full min-h-0",
+    style: {
+      width: isMinimized ? windowWidth : `100%`
+    }
+  }, activeTab === 'settings' ? React__default.createElement("div", {
+    className: "h-full overflow-auto"
+  }, React__default.createElement(Slot, {
+    name: MessengerSlotFillNameEnum.CHAT_SETTINGS,
+    fillProps: {
+      active: true,
+      channelId,
+      activeTab
+    }
+  })) : React__default.createElement(RightSidebarAi, {
+    detailSidebarOptions: detailSidebarOptions,
+    windowWidth: windowWidth,
+    windowHeight: windowHeight,
+    activeTab: activeTab,
+    channelId: channelId,
+    setIsLoading: setIsLoading,
+    isLoading: isLoading,
+    handleSendMessage: handleSendMessage,
+    isCreatingSandbox: isCreatingSandbox,
+    setIsCreatingSandbox: setIsCreatingSandbox,
+    isMinimized: isMinimized,
+    handleRecreateSandbox: handleRecreateSandbox,
+    ...props
+  }));
+});
+const MessagesComponent = React__default.memo(props => {
+  return React__default.createElement(Outlet, {
+    context: {
+      ...props,
+      app: 'app'
+    }
+  });
+});
+// Display names for debugging
+InboxWithAi.displayName = 'Inbox';
+InboxWithAiInternal.displayName = 'InboxWithAiInternal';
+ContentComponent.displayName = 'ContentComponent';
+MessagesComponent.displayName = 'MessagesComponent';
+RightSidebarWrapper.displayName = 'RightSidebarWrapper';
+RightSidebarContent.displayName = 'RightSidebarContent';
+var Inbox = React__default.memo(InboxWithAi);export{Inbox as default};//# sourceMappingURL=InboxWithAi.js.map

package/lib/templates/InboxWithAi.js.map

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