feat: add back hasSession$ (#47)

* feat: add back hasSession$

* style: remove console log

Author: Miyou

src/components/ChatInput.tsx

@@ -30,6 +30,7 @@ interface Props {
   defaultModel?: string;
   availableModels?: string[];
   autoFocus$: Observable<boolean>;
+  hasSession$: Observable<boolean>;
 }
 
 export const ChatInput: FC<Props> = ({
@@ -40,6 +41,7 @@ export const ChatInput: FC<Props> = ({
   defaultModel = '',
   availableModels = [],
   autoFocus$,
+  hasSession$,
 }) => {
   const [message, setMessage] = useState('');
   const [streamingEnabled, setStreamingEnabled] = useState(true);
@@ -51,14 +53,16 @@ export const ChatInput: FC<Props> = ({
   const autoFocus = use$(autoFocus$);
   const conversation = use$(conversations$.get(conversationId));
   const isGenerating = conversation?.isGenerating || false;
-
+  const hasSession = use$(hasSession$);
   const placeholder = isReadOnly
     ? 'This is a demo conversation (read-only)'
     : !isConnected
       ? 'Connect to gptme to send messages'
-      : 'Send a message...';
+      : !hasSession
+        ? 'Waiting for chat session to be established...'
+        : 'Send a message...';
 
-  const isDisabled = isReadOnly || !isConnected;
+  const isDisabled = isReadOnly || !isConnected || !hasSession;
 
   // Focus the textarea when autoFocus is true and component is interactive
   useEffect(() => {

src/components/ConversationContent.tsx

@@ -8,6 +8,7 @@ import { Label } from './ui/label';
 import { ToolConfirmationDialog } from './ToolConfirmationDialog';
 import { For, Memo, useObservable, useObserveEffect } from '@legendapp/state/react';
 import { getObservableIndex } from '@legendapp/state';
+import { useApi } from '@/contexts/ApiContext';
 
 interface Props {
   conversationId: string;
@@ -33,6 +34,15 @@ export const ConversationContent: FC<Props> = ({ conversationId, isReadOnly }) =
   // Store the previous conversation ID to detect changes
   const prevConversationIdRef = useRef<string | null>(null);
 
+  const { api } = useApi();
+  const hasSession$ = useObservable<boolean>(false);
+
+  useObserveEffect(api.sessions$.get(conversationId), () => {
+    if (!isReadOnly) {
+      hasSession$.set(api.sessions$.get(conversationId).get() !== undefined);
+    }
+  });
+
   // Detect when the conversation changes and set focus
   useEffect(() => {
     if (conversationId !== prevConversationIdRef.current) {
@@ -216,6 +226,7 @@ export const ConversationContent: FC<Props> = ({ conversationId, isReadOnly }) =
         onSend={handleSendMessage}
         onInterrupt={interruptGeneration}
         isReadOnly={isReadOnly}
+        hasSession$={hasSession$}
         defaultModel={AVAILABLE_MODELS[0]}
         availableModels={AVAILABLE_MODELS}
         autoFocus$={shouldFocus$}