closed

src/components/App/UniverseQuestion/index.tsx

@@ -10,6 +10,7 @@ import HelpIcon from '~/components/Icons/HelpIcon'
 import { useAiSummaryStore } from '~/stores/useAiSummaryStore'
 import { useAppStore } from '~/stores/useAppStore'
 import { useDataStore } from '~/stores/useDataStore'
+import { useFeatureFlagStore } from '~/stores/useFeatureFlagStore'
 import { useUserStore } from '~/stores/useUserStore'
 import { colors } from '~/utils/colors'
 
@@ -60,6 +61,10 @@ export const UniverseQuestion = () => {
     }
   }
 
+  const { chatInterfaceFeatureFlag } = useFeatureFlagStore((s) => ({
+    chatInterfaceFeatureFlag: s.chatInterfaceFeatureFlag,
+  }))
+
   const handleSeedQuestionClick = async (seedQuestion: string) => {
     setQuestion(seedQuestion)
     await handleSubmitQuestion(seedQuestion)
@@ -87,6 +92,10 @@ export const UniverseQuestion = () => {
 
   const isValidText = !!question && question.trim().length > 0
 
+  if (!chatInterfaceFeatureFlag) {
+    return null
+  }
+
   return (
     <Wrapper>
       Ideas have shapes

src/components/App/index.tsx

@@ -295,7 +295,7 @@
     }
 
     ws.onmessage = (event) => {
       console.log('Message from server:', event.data)
 
       const data = JSON.parse(event.data)
 
@@ -317,7 +317,7 @@
     }
 
     ws.onclose = () => {
       console.log('WebSocket connection closed')
     }
   }, [runningProjectId, setRunningProjectMessages])
 
@@ -340,7 +340,7 @@
           <Wrapper direction="row">
             <FormProvider {...form}>
               <LazyMainToolbar />
-              {!universeQuestionIsOpen && <LazySideBar />}
+              {chatInterfaceFeatureFlag ? !universeQuestionIsOpen && <LazySideBar /> : <LazySideBar />}
               <LazyUniverse />
               <Overlay />
               <AppBar />