Fix remaining typescript errors (#2741)

ui/desktop/src/components/sessions/SessionViewComponents.tsx

@@ -7,7 +7,11 @@ import { ScrollArea } from '../ui/scroll-area';
 import MarkdownContent from '../MarkdownContent';
 import ToolCallWithResponse from '../ToolCallWithResponse';
 import ImagePreview from '../ImagePreview';
-import { ToolRequestMessageContent, ToolResponseMessageContent } from '../../types/message';
+import {
+  ToolRequestMessageContent,
+  ToolResponseMessageContent,
+  TextContent,
+} from '../../types/message';
 import { type Message } from '../../types/message';
 import { formatMessageTimestamp } from '../../utils/timeUtils';
 import { extractImagePaths, removeImagePathsFromText } from '../../utils/imageUtils';
@@ -109,7 +113,7 @@ export const SessionMessages: React.FC<SessionMessagesProps> = ({
                 .map((message, index) => {
                   // Extract text content from the message
                   let textContent = message.content
-                    .filter((c) => c.type === 'text')
+                    .filter((c): c is TextContent => c.type === 'text')
                     .map((c) => c.text)
                     .join('\n');
 

ui/desktop/src/components/sessions/SharedSessionView.tsx

@@ -33,13 +33,13 @@ const SharedSessionView: React.FC<SharedSessionViewProps> = ({
           <div className="flex items-center text-sm text-textSubtle mt-1 space-x-5">
             <span className="flex items-center">
               <Calendar className="w-4 h-4 mr-1" />
-              {formatMessageTimestamp(session.messages[0]?.created)}
+              {session ? formatMessageTimestamp(session.messages[0]?.created) : 'Unknown'}
             </span>
             <span className="flex items-center">
               <MessageSquareText className="w-4 h-4 mr-1" />
-              {session.message_count}
+              {session ? session.message_count : 0}
             </span>
-            {session.total_tokens !== null && (
+            {session && session.total_tokens !== null && (
               <span className="flex items-center">
                 <Target className="w-4 h-4 mr-1" />
                 {session.total_tokens.toLocaleString()}
@@ -49,7 +49,7 @@ const SharedSessionView: React.FC<SharedSessionViewProps> = ({
           <div className="flex items-center text-sm text-textSubtle space-x-5">
             <span className="flex items-center">
               <Folder className="w-4 h-4 mr-1" />
-              {session.working_dir}
+              {session ? session.working_dir : 'Unknown'}
             </span>
           </div>
         </div>