chat: space at bottom

Author: williamstein

src/packages/frontend/chat/chat-log.tsx

@@ -547,7 +547,7 @@ export function MessageList({
   return (
     <Virtuoso
       ref={virtuosoRef}
-      totalCount={sortedDates.length}
+      totalCount={sortedDates.length + 1}
       itemSize={(el) => {
         // see comment in jupyter/cell-list.tsx
         const h = el.getBoundingClientRect().height;
@@ -559,6 +559,9 @@ export function MessageList({
         return h;
       }}
       itemContent={(index) => {
+        if (sortedDates.length == index) {
+          return <div style={{ height: "25vh" }} />;
+        }
         const date = sortedDates[index];
         const message: ChatMessageTyped | undefined = messages.get(date);
         if (message == null) {

src/packages/frontend/chat/chatroom.tsx

@@ -437,7 +437,7 @@ export function ChatPanel({
   });
 
   const renderThreadRow = (thread: ThreadMeta) => {
-    const { key, displayLabel, hasCustomName, unreadCount } = thread;
+    const { key, displayLabel, hasCustomName, unreadCount, isAI } = thread;
     const plainLabel = stripHtml(displayLabel);
     const isHovered = hoveredThread === key;
     const showMenu = isHovered || selectedThreadKey === key;
@@ -456,6 +456,7 @@ export function ChatPanel({
             setHoveredThread((prev) => (prev === key ? null : prev))
           }
         >
+          <Icon name={isAI ? "robot" : "users"} style={{ color: "#888" }} />
           <div style={THREAD_ITEM_LABEL_STYLE}>{plainLabel}</div>
           {unreadCount > 0 && (
             <Badge