Switching environments

app/components/chat/ChatTextarea.tsx

@@ -167,7 +167,7 @@ export const ChatTextarea = forwardRef<HTMLTextAreaElement, ChatTextareaProps>(
             {environmentDataSources.length > 0 ? (
               <DataSourcePicker
                 onAddNew={handleConnectDataSource}
-                disabled={false}
+                disabled={true}
                 onDataSourceChange={onDataSourceChange}
                 placement={'top'}
               />

app/components/chat/DataSourcePicker.tsx

@@ -118,9 +118,6 @@ export const DataSourcePicker: React.FC<DataSourcePickerProps> = ({
       <components.SingleValue {...props}>
         <div className="flex items-center gap-2">
           <span>{data.label}</span>
-          {data.environmentName && (
-            <span className="text-xs bg-gray-600 text-gray-200 px-2 py-1 rounded-full">{data.environmentName}</span>
-          )}
         </div>
       </components.SingleValue>
     );
@@ -140,7 +137,7 @@ export const DataSourcePicker: React.FC<DataSourcePickerProps> = ({
       },
       paddingLeft: '4px',
       gap: '8px',
-      minWidth: '200px',
+      minWidth: '100px',
       maxWidth: '400px',
       width: 'auto',
     }),

app/components/header/Header.tsx

@@ -5,7 +5,7 @@ import { IconButton } from '~/components/ui/IconButton';
 import { chatStore } from '~/lib/stores/chat';
 import { classNames } from '~/utils/classNames';
 import { HeaderActionButtons } from './HeaderActionButtons.client';
-import { ChatDescription } from '~/lib/persistence/ChatDescription.client';
+import { ConversationSettings } from '~/lib/persistence/ConversationSettings';
 import { Logo } from '~/components/Logo';
 import { UserMenu } from '~/components/auth/UserMenu';
 import { useSession } from '~/auth/auth-client';
@@ -47,7 +47,7 @@ export function Header({ showMenuIcon = true }: Props) {
       {chat.started && (
         <>
           <span className="flex-1 px-4 truncate text-center text-primary">
-            <ClientOnly>{() => <ChatDescription />}</ClientOnly>
+            <ClientOnly>{() => <ConversationSettings />}</ClientOnly>
           </span>
           <ClientOnly>
             {() => (

app/components/workbench/Preview.tsx

@@ -18,7 +18,6 @@ import { workbenchStore } from '~/lib/stores/workbench';
 import { PortDropdown } from './PortDropdown';
 import { ScreenshotSelector } from './ScreenshotSelector';
 import { PreviewLoader } from '~/components/workbench/PreviewLoader';
-import { logger } from '~/utils/logger';
 import { FixIssuesDialog } from './FixIssuesDialog';
 import type { SendMessageFn } from '~/components/chat/Chat.client';
 
@@ -463,9 +462,7 @@ export const Preview = memo(({ sendMessage }: Props) => {
                 src={iframeUrl}
                 sandbox="allow-scripts allow-forms allow-popups allow-modals allow-storage-access-by-user-activation allow-same-origin"
                 allow="cross-origin-isolated"
-                onLoad={(e) => {
-                  logger.debug('Handling iframe onLoad event', e);
-
+                onLoad={() => {
                   if (!initialLoadRef.current) {
                     workbenchStore.previewsStore.startErrorCollectionPeriod();
                   }