groupchat 0.0.7 → 0.0.9

package/dist/index.js

@@ -424,9 +424,132 @@ var init_Layout = __esm({
   }
 });
 
+// src/lib/constants.ts
+function getAgentDisplayName(agent) {
+  if (!agent) return "";
+  return AGENT_CONFIG[agent].displayName;
+}
+function getAgentColor(agent) {
+  if (!agent) return void 0;
+  return AGENT_CONFIG[agent].color;
+}
+var AGENT_CONFIG;
+var init_constants = __esm({
+  "src/lib/constants.ts"() {
+    "use strict";
+    AGENT_CONFIG = {
+      claude: {
+        type: "claude",
+        displayName: "Claude Code",
+        color: "redBright"
+      },
+      codex: {
+        type: "codex",
+        displayName: "Codex",
+        color: "cyan"
+      },
+      cursor: {
+        type: "cursor",
+        displayName: "Cursor",
+        color: "blueBright"
+      },
+      windsurf: {
+        type: "windsurf",
+        displayName: "Windsurf",
+        color: "magenta"
+      }
+    };
+  }
+});
+
+// src/components/AtAGlance.tsx
+import { Box as Box5, Text as Text4 } from "ink";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function AtAGlance({ presenceState }) {
+  const userStats = Object.values(presenceState).reduce(
+    (acc, userData) => {
+      acc.total++;
+      const agent = userData.metas[0]?.current_agent;
+      if (agent === "claude") {
+        acc.claude++;
+      } else if (agent === "codex") {
+        acc.codex++;
+      } else if (agent === "cursor") {
+        acc.cursor++;
+      } else if (agent === "windsurf") {
+        acc.windsurf++;
+      }
+      return acc;
+    },
+    { total: 0, claude: 0, codex: 0, cursor: 0, windsurf: 0 }
+  );
+  return /* @__PURE__ */ jsxs5(
+    Box5,
+    {
+      flexDirection: "column",
+      flexShrink: 0,
+      borderStyle: "single",
+      borderColor: "gray",
+      width: 26,
+      paddingX: 1,
+      children: [
+        /* @__PURE__ */ jsx5(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text4, { color: "white", children: "At A Glance" }) }),
+        /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", gap: 1, children: [
+          /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsx5(Text4, { color: "green", children: "\u25CF " }),
+            /* @__PURE__ */ jsxs5(Text4, { color: "white", children: [
+              userStats.total,
+              " Online"
+            ] })
+          ] }),
+          userStats.claude > 0 && /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsx5(Text4, { color: AGENT_CONFIG.claude.color, children: "\u25CF " }),
+            /* @__PURE__ */ jsxs5(Text4, { color: "white", children: [
+              userStats.claude,
+              " Using ",
+              AGENT_CONFIG.claude.displayName
+            ] })
+          ] }),
+          userStats.codex > 0 && /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsx5(Text4, { color: AGENT_CONFIG.codex.color, children: "\u25CF " }),
+            /* @__PURE__ */ jsxs5(Text4, { color: "white", children: [
+              userStats.codex,
+              " Using ",
+              AGENT_CONFIG.codex.displayName
+            ] })
+          ] }),
+          userStats.cursor > 0 && /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsx5(Text4, { color: AGENT_CONFIG.cursor.color, children: "\u25CF " }),
+            /* @__PURE__ */ jsxs5(Text4, { color: "white", children: [
+              userStats.cursor,
+              " Using ",
+              AGENT_CONFIG.cursor.displayName
+            ] })
+          ] }),
+          userStats.windsurf > 0 && /* @__PURE__ */ jsxs5(Box5, { children: [
+            /* @__PURE__ */ jsx5(Text4, { color: AGENT_CONFIG.windsurf.color, children: "\u25CF " }),
+            /* @__PURE__ */ jsxs5(Text4, { color: "white", children: [
+              userStats.windsurf,
+              " Using ",
+              AGENT_CONFIG.windsurf.displayName
+            ] })
+          ] }),
+          userStats.total === 0 && /* @__PURE__ */ jsx5(Box5, { children: /* @__PURE__ */ jsx5(Text4, { color: "gray", children: "No users online" }) })
+        ] })
+      ]
+    }
+  );
+}
+var init_AtAGlance = __esm({
+  "src/components/AtAGlance.tsx"() {
+    "use strict";
+    init_constants();
+  }
+});
+
 // src/routes/Router.tsx
 import { createContext, useContext, useState as useState2, useCallback } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function useNavigation() {
   const context = useContext(NavigationContext);
   if (!context) {
@@ -450,7 +573,7 @@ function Router({ initialRoute = "menu", children }) {
       return newHistory;
     });
   }, []);
-  return /* @__PURE__ */ jsx5(NavigationContext.Provider, { value: { route, navigate, goBack }, children });
+  return /* @__PURE__ */ jsx6(NavigationContext.Provider, { value: { route, navigate, goBack }, children });
 }
 var NavigationContext;
 var init_Router = __esm({
@@ -462,8 +585,8 @@ var init_Router = __esm({
 
 // src/components/Menu.tsx
 import { useState as useState3, useEffect as useEffect2, useMemo } from "react";
-import { Box as Box5, Text as Text4, useInput as useInput3, useStdout as useStdout2 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Box as Box6, Text as Text5, useInput as useInput3, useStdout as useStdout2 } from "ink";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function Menu({
   width,
   height,
@@ -475,7 +598,8 @@ function Menu({
   topPadding = 0,
   publicChannels,
   privateChannels,
-  unreadCounts
+  unreadCounts,
+  aggregatedPresence
 }) {
   const { stdout } = useStdout2();
   const { navigate } = useNavigation();
@@ -538,110 +662,114 @@ function Menu({
   const headerHeight = 3;
   const contentHeight = height - topPadding - headerHeight;
   const privateStartIndex = sortedPublicChannels.length;
-  return /* @__PURE__ */ jsxs5(Layout, { width, height, topPadding, children: [
-    /* @__PURE__ */ jsx6(Layout.Header, { children: /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs6(Layout, { width, height, topPadding, children: [
+    /* @__PURE__ */ jsx7(Layout.Header, { children: /* @__PURE__ */ jsx7(
       Header,
       {
         username,
         roomName: "Menu",
         connectionStatus,
         onLogout,
-        title: /* @__PURE__ */ jsx6(Text4, { bold: true, color: "cyan", children: "Menu" }),
+        title: /* @__PURE__ */ jsx7(Text5, { bold: true, color: "cyan", children: "Menu" }),
         showStatus: false
       }
     ) }),
-    /* @__PURE__ */ jsx6(Layout.Content, { children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", height: contentHeight, padding: 2, children: [
-      sortedPublicChannels.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx6(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text4, { bold: true, color: "white", children: "Global Channels" }) }),
-        sortedPublicChannels.map((channel, idx) => {
-          const isSelected = selectedIndex === idx;
-          const unreadCount = unreadCounts[channel.slug] || 0;
-          return /* @__PURE__ */ jsx6(
-            ChannelItem,
-            {
-              channel,
-              isSelected,
-              unreadCount
-            },
-            channel.id
-          );
-        })
-      ] }),
-      privateChannels.length > 0 && /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx6(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text4, { bold: true, color: "white", children: "Private Channels" }) }),
-        privateChannels.map((channel, idx) => {
-          const absoluteIndex = privateStartIndex + idx;
-          const isSelected = selectedIndex === absoluteIndex;
-          const unreadCount = unreadCounts[channel.slug] || 0;
-          return /* @__PURE__ */ jsx6(
-            ChannelItem,
-            {
-              channel,
-              isSelected,
-              isPrivate: true,
-              unreadCount
-            },
-            channel.id
-          );
-        })
-      ] }),
-      /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", marginBottom: 1, children: [
-        privateChannels.length === 0 && /* @__PURE__ */ jsx6(Box5, { marginBottom: 1, children: /* @__PURE__ */ jsx6(Text4, { bold: true, color: "white", children: "Private Channels" }) }),
-        /* @__PURE__ */ jsx6(
-          ActionItem,
-          {
-            label: "+ Create New Private Channel",
-            isSelected: selectedIndex === allChannels.length
-          }
-        )
+    /* @__PURE__ */ jsx7(Layout.Content, { children: /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", height: contentHeight, children: [
+      /* @__PURE__ */ jsxs6(Box6, { flexDirection: "row", flexGrow: 1, children: [
+        /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", flexGrow: 1, padding: 2, children: [
+          sortedPublicChannels.length > 0 && /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 1, children: [
+            /* @__PURE__ */ jsx7(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text5, { bold: true, color: "white", children: "Global Channels" }) }),
+            sortedPublicChannels.map((channel, idx) => {
+              const isSelected = selectedIndex === idx;
+              const unreadCount = unreadCounts[channel.slug] || 0;
+              return /* @__PURE__ */ jsx7(
+                ChannelItem,
+                {
+                  channel,
+                  isSelected,
+                  unreadCount
+                },
+                channel.id
+              );
+            })
+          ] }),
+          privateChannels.length > 0 && /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 1, children: [
+            /* @__PURE__ */ jsx7(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text5, { bold: true, color: "white", children: "Private Channels" }) }),
+            privateChannels.map((channel, idx) => {
+              const absoluteIndex = privateStartIndex + idx;
+              const isSelected = selectedIndex === absoluteIndex;
+              const unreadCount = unreadCounts[channel.slug] || 0;
+              return /* @__PURE__ */ jsx7(
+                ChannelItem,
+                {
+                  channel,
+                  isSelected,
+                  isPrivate: true,
+                  unreadCount
+                },
+                channel.id
+              );
+            })
+          ] }),
+          /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginBottom: 1, children: [
+            privateChannels.length === 0 && /* @__PURE__ */ jsx7(Box6, { marginBottom: 1, children: /* @__PURE__ */ jsx7(Text5, { bold: true, color: "white", children: "Private Channels" }) }),
+            /* @__PURE__ */ jsx7(
+              ActionItem,
+              {
+                label: "+ Create New Private Channel",
+                isSelected: selectedIndex === allChannels.length
+              }
+            )
+          ] }),
+          allChannels.length === 0 && /* @__PURE__ */ jsx7(Box6, { children: /* @__PURE__ */ jsx7(Text5, { color: "gray", children: "No channels available" }) })
+        ] }),
+        /* @__PURE__ */ jsx7(Box6, { paddingRight: 2, paddingTop: 2, children: /* @__PURE__ */ jsx7(AtAGlance, { presenceState: aggregatedPresence }) })
       ] }),
-      allChannels.length === 0 && /* @__PURE__ */ jsx6(Box5, { children: /* @__PURE__ */ jsx6(Text4, { color: "gray", children: "No channels available" }) }),
-      /* @__PURE__ */ jsx6(Box5, { flexGrow: 1 }),
-      /* @__PURE__ */ jsxs5(
-        Box5,
+      /* @__PURE__ */ jsx7(Box6, { paddingX: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxs6(
+        Box6,
         {
           flexDirection: "column",
           borderStyle: "single",
           borderColor: "gray",
           paddingX: 1,
           children: [
-            /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-              /* @__PURE__ */ jsx6(Text4, { color: "cyan", children: "Up/Down" }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+              /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: "Up/Down" }),
               " Navigate channels"
             ] }),
-            /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-              /* @__PURE__ */ jsx6(Text4, { color: "cyan", children: "Enter" }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+              /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: "Enter" }),
               " Join selected channel"
             ] }),
-            /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-              /* @__PURE__ */ jsx6(Text4, { color: "cyan", children: "ESC" }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+              /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: "ESC" }),
               " Back to chat"
             ] }),
-            /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-              /* @__PURE__ */ jsx6(Text4, { color: "cyan", children: "Ctrl+C" }),
+            /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+              /* @__PURE__ */ jsx7(Text5, { color: "cyan", children: "Ctrl+C" }),
               " Exit the app"
             ] })
           ]
         }
-      )
+      ) })
     ] }) })
   ] });
 }
 function ChannelItem({ channel, isSelected, isPrivate = false, unreadCount = 0 }) {
-  return /* @__PURE__ */ jsxs5(Box5, { marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs5(Text4, { color: isSelected ? "green" : "white", bold: isSelected, children: [
+  return /* @__PURE__ */ jsxs6(Box6, { marginLeft: 2, children: [
+    /* @__PURE__ */ jsxs6(Text5, { color: isSelected ? "green" : "white", bold: isSelected, children: [
       isSelected ? "> " : "  ",
-      isPrivate && /* @__PURE__ */ jsx6(Text4, { color: "yellow", children: "\u{1F512} " }),
+      isPrivate && /* @__PURE__ */ jsx7(Text5, { color: "yellow", children: "\u{1F512} " }),
       "#",
       channel.name || channel.slug,
-      unreadCount > 0 && /* @__PURE__ */ jsxs5(Text4, { color: "green", bold: true, children: [
+      unreadCount > 0 && /* @__PURE__ */ jsxs6(Text5, { color: "green", bold: true, children: [
         " ",
         "(",
         unreadCount,
         ")"
       ] })
     ] }),
-    isSelected && channel.description && /* @__PURE__ */ jsxs5(Text4, { color: "gray", dimColor: true, children: [
+    isSelected && channel.description && /* @__PURE__ */ jsxs6(Text5, { color: "gray", dimColor: true, children: [
       " ",
       "- ",
       channel.description
@@ -649,7 +777,7 @@ function ChannelItem({ channel, isSelected, isPrivate = false, unreadCount = 0 }
   ] });
 }
 function ActionItem({ label, isSelected }) {
-  return /* @__PURE__ */ jsx6(Box5, { marginLeft: 2, children: /* @__PURE__ */ jsxs5(Text4, { color: isSelected ? "green" : "cyan", bold: isSelected, children: [
+  return /* @__PURE__ */ jsx7(Box6, { marginLeft: 2, children: /* @__PURE__ */ jsxs6(Text5, { color: isSelected ? "green" : "cyan", bold: isSelected, children: [
     isSelected ? "> " : "  ",
     label
   ] }) });
@@ -659,13 +787,14 @@ var init_Menu = __esm({
     "use strict";
     init_Header();
     init_Layout();
+    init_AtAGlance();
     init_Router();
   }
 });
 
 // src/components/MessageItem.tsx
-import { Box as Box6, Text as Text5 } from "ink";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Box as Box7, Text as Text6 } from "ink";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function getUsernameColor(username) {
   const colors = [
     "cyan",
@@ -693,30 +822,30 @@ function MessageItem({ message, isOwnMessage }) {
   const time = formatTime(message.timestamp);
   const usernameColor = getUsernameColor(message.username);
   if (isOwnMessage) {
-    return /* @__PURE__ */ jsx7(Box6, { justifyContent: "flex-end", paddingY: 0, children: /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", alignItems: "flex-end", children: [
-      /* @__PURE__ */ jsxs6(Box6, { children: [
-        /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+    return /* @__PURE__ */ jsx8(Box7, { justifyContent: "flex-end", paddingY: 0, children: /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", alignItems: "flex-end", children: [
+      /* @__PURE__ */ jsxs7(Box7, { children: [
+        /* @__PURE__ */ jsxs7(Text6, { color: "gray", children: [
           "[",
           time,
           "] "
         ] }),
-        /* @__PURE__ */ jsx7(Text5, { color: usernameColor, bold: true, children: message.username }),
-        /* @__PURE__ */ jsx7(Text5, { color: "gray", children: " \u2192" })
+        /* @__PURE__ */ jsx8(Text6, { color: usernameColor, bold: true, children: message.username }),
+        /* @__PURE__ */ jsx8(Text6, { color: "gray", children: " \u2192" })
       ] }),
-      /* @__PURE__ */ jsx7(Box6, { paddingLeft: 2, children: /* @__PURE__ */ jsx7(Text5, { children: message.content }) })
+      /* @__PURE__ */ jsx8(Box7, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text6, { children: message.content }) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx7(Box6, { justifyContent: "flex-start", paddingY: 0, children: /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs6(Box6, { children: [
-      /* @__PURE__ */ jsx7(Text5, { color: "gray", children: "\u2190 " }),
-      /* @__PURE__ */ jsx7(Text5, { color: usernameColor, bold: true, children: message.username }),
-      /* @__PURE__ */ jsxs6(Text5, { color: "gray", children: [
+  return /* @__PURE__ */ jsx8(Box7, { justifyContent: "flex-start", paddingY: 0, children: /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx8(Text6, { color: "gray", children: "\u2190 " }),
+      /* @__PURE__ */ jsx8(Text6, { color: usernameColor, bold: true, children: message.username }),
+      /* @__PURE__ */ jsxs7(Text6, { color: "gray", children: [
         " [",
         time,
         "]"
       ] })
     ] }),
-    /* @__PURE__ */ jsx7(Box6, { paddingLeft: 2, children: /* @__PURE__ */ jsx7(Text5, { children: message.content }) })
+    /* @__PURE__ */ jsx8(Box7, { paddingLeft: 2, children: /* @__PURE__ */ jsx8(Text6, { children: message.content }) })
   ] }) });
 }
 var init_MessageItem = __esm({
@@ -727,8 +856,8 @@ var init_MessageItem = __esm({
 
 // src/components/MessageList.tsx
 import { useMemo as useMemo2 } from "react";
-import { Box as Box7, Text as Text6 } from "ink";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Box as Box8, Text as Text7 } from "ink";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function MessageList({
   messages,
   currentUsername,
@@ -745,16 +874,16 @@ function MessageList({
     const startIndex = Math.max(0, endIndex - maxMessages);
     return messages.slice(startIndex, endIndex);
   }, [messages, height, scrollOffset]);
-  return /* @__PURE__ */ jsxs7(
-    Box7,
+  return /* @__PURE__ */ jsxs8(
+    Box8,
     {
       flexDirection: "column",
       height,
       paddingX: 1,
       overflow: "hidden",
       children: [
-        /* @__PURE__ */ jsx8(Box7, { flexGrow: 1 }),
-        messages.length === 0 ? /* @__PURE__ */ jsx8(Box7, { justifyContent: "center", paddingY: 2, children: /* @__PURE__ */ jsx8(Text6, { color: "gray", children: "No messages yet. Say hello!" }) }) : visibleMessages.map((message) => /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(Box8, { flexGrow: 1 }),
+        messages.length === 0 ? /* @__PURE__ */ jsx9(Box8, { justifyContent: "center", paddingY: 2, children: /* @__PURE__ */ jsx9(Text7, { color: "gray", children: "No messages yet. Say hello!" }) }) : visibleMessages.map((message) => /* @__PURE__ */ jsx9(
           MessageItem,
           {
             message,
@@ -762,12 +891,12 @@ function MessageList({
           },
           message.id
         )),
-        isDetached && /* @__PURE__ */ jsx8(Box7, { justifyContent: "center", children: /* @__PURE__ */ jsxs7(Text6, { color: "yellow", bold: true, children: [
+        isDetached && /* @__PURE__ */ jsx9(Box8, { justifyContent: "center", children: /* @__PURE__ */ jsxs8(Text7, { color: "yellow", bold: true, children: [
           "-- ",
           scrollOffset,
           " more below (\u2193 to scroll down) --"
         ] }) }),
-        othersTyping.length > 0 && !isDetached && /* @__PURE__ */ jsx8(Box7, { paddingTop: 1, children: /* @__PURE__ */ jsx8(Text6, { color: "gray", italic: true, children: othersTyping.length === 1 ? `${othersTyping[0]} is typing...` : `${othersTyping.join(", ")} are typing...` }) })
+        othersTyping.length > 0 && !isDetached && /* @__PURE__ */ jsx9(Box8, { paddingTop: 1, children: /* @__PURE__ */ jsx9(Text7, { color: "gray", italic: true, children: othersTyping.length === 1 ? `${othersTyping[0]} is typing...` : `${othersTyping.join(", ")} are typing...` }) })
       ]
     }
   );
@@ -780,8 +909,8 @@ var init_MessageList = __esm({
 });
 
 // src/components/UserList.tsx
-import { Box as Box8, Text as Text7 } from "ink";
-import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Box as Box9, Text as Text8 } from "ink";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function UserList({
   users,
   currentUsername,
@@ -797,8 +926,8 @@ function UserList({
     if (!a.isOnline && b.isOnline) return 1;
     return 0;
   });
-  return /* @__PURE__ */ jsxs8(
-    Box8,
+  return /* @__PURE__ */ jsxs9(
+    Box9,
     {
       flexDirection: "column",
       flexShrink: 0,
@@ -810,36 +939,36 @@ function UserList({
       marginBottom: 1,
       overflow: "hidden",
       children: [
-        /* @__PURE__ */ jsx9(Box8, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsx9(Text7, { color: "white", bold: true, children: "MEMBERS" }) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
-          /* @__PURE__ */ jsx9(Text7, { color: "green", bold: true, children: "\u25CF " }),
-          /* @__PURE__ */ jsx9(Text7, { color: "white", bold: true, children: "ONLINE USERS" })
+        /* @__PURE__ */ jsx10(Box9, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsx10(Text8, { color: "white", bold: true, children: "MEMBERS" }) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
+          /* @__PURE__ */ jsx10(Text8, { color: "green", bold: true, children: "\u25CF " }),
+          /* @__PURE__ */ jsx10(Text8, { color: "white", bold: true, children: "ONLINE USERS" })
         ] }) }),
-        /* @__PURE__ */ jsx9(Box8, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsxs8(Text7, { color: "cyan", children: [
+        /* @__PURE__ */ jsx10(Box9, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsxs9(Text8, { color: "cyan", children: [
           "[",
           onlineCount,
           " online]"
-        ] }) : /* @__PURE__ */ jsxs8(Text7, { color: "cyan", children: [
+        ] }) : /* @__PURE__ */ jsxs9(Text8, { color: "cyan", children: [
           "[",
           onlineCount,
           " connected]"
         ] }) }),
-        /* @__PURE__ */ jsx9(Box8, { flexDirection: "column", children: sortedUsers.map((user) => {
+        /* @__PURE__ */ jsx10(Box9, { flexDirection: "column", children: sortedUsers.map((user) => {
           const isTruncated = user.username.length > 8;
           const displayName = isTruncated ? user.username.substring(0, 8) : user.username;
-          return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs8(Box8, { children: [
-              /* @__PURE__ */ jsx9(Text7, { color: user.isOnline ? "green" : "gray", children: "\u25CF" }),
-              /* @__PURE__ */ jsx9(Text7, { children: " " }),
-              /* @__PURE__ */ jsxs8(Text7, { color: user.username === currentUsername ? "yellow" : "white", children: [
+          return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
+            /* @__PURE__ */ jsxs9(Box9, { children: [
+              /* @__PURE__ */ jsx10(Text8, { color: user.isOnline ? "green" : "gray", children: "\u25CF" }),
+              /* @__PURE__ */ jsx10(Text8, { children: " " }),
+              /* @__PURE__ */ jsxs9(Text8, { color: user.username === currentUsername ? "yellow" : "white", children: [
                 displayName,
                 isTruncated && "\u2026"
               ] }),
-              user.username === currentUsername && /* @__PURE__ */ jsx9(Text7, { color: "gray", children: " (you)" }),
-              user.role === "admin" && /* @__PURE__ */ jsx9(Text7, { color: "yellow", children: " \u2605" })
+              user.username === currentUsername && /* @__PURE__ */ jsx10(Text8, { color: "gray", children: " (you)" }),
+              user.role === "admin" && /* @__PURE__ */ jsx10(Text8, { color: "yellow", children: " \u2605" })
             ] }),
-            user.currentAgent && /* @__PURE__ */ jsx9(Box8, { marginLeft: 2, children: /* @__PURE__ */ jsxs8(Text7, { color: user.currentAgent === "claude" ? "redBright" : "cyan", children: [
+            user.currentAgent && /* @__PURE__ */ jsx10(Box9, { marginLeft: 2, children: /* @__PURE__ */ jsxs9(Text8, { color: getAgentColor(user.currentAgent), children: [
               "\u2937 Using ",
-              user.currentAgent === "claude" ? "Claude" : "Codex"
+              getAgentDisplayName(user.currentAgent)
             ] }) })
           ] }, user.username);
         }) })
@@ -850,14 +979,15 @@ function UserList({
 var init_UserList = __esm({
   "src/components/UserList.tsx"() {
     "use strict";
+    init_constants();
   }
 });
 
 // src/components/InputBox.tsx
 import { useState as useState4, useCallback as useCallback2, useRef, useEffect as useEffect3 } from "react";
-import { Box as Box9, Text as Text8 } from "ink";
+import { Box as Box10, Text as Text9 } from "ink";
 import TextInput from "ink-text-input";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function InputBox({
   onSend,
   onTypingStart,
@@ -916,8 +1046,8 @@ function InputBox({
       }
     };
   }, []);
-  return /* @__PURE__ */ jsxs9(
-    Box9,
+  return /* @__PURE__ */ jsxs10(
+    Box10,
     {
       borderStyle: "single",
       borderColor: "gray",
@@ -926,9 +1056,9 @@ function InputBox({
       width: "100%",
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsxs9(Box9, { children: [
-          /* @__PURE__ */ jsx10(Text8, { color: "cyan", children: "$ " }),
-          /* @__PURE__ */ jsx10(Box9, { flexGrow: 1, children: /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs10(Box10, { children: [
+          /* @__PURE__ */ jsx11(Text9, { color: "cyan", children: "$ " }),
+          /* @__PURE__ */ jsx11(Box10, { flexGrow: 1, children: /* @__PURE__ */ jsx11(
             TextInput,
             {
               value,
@@ -937,12 +1067,12 @@ function InputBox({
               placeholder: disabled ? "Connecting..." : "Type a message..."
             }
           ) }),
-          /* @__PURE__ */ jsxs9(Text8, { color: disabled || !value.trim() ? "gray" : "green", children: [
+          /* @__PURE__ */ jsxs10(Text9, { color: disabled || !value.trim() ? "gray" : "green", children: [
             " ",
             "[SEND]"
           ] })
         ] }),
-        /* @__PURE__ */ jsx10(Box9, { children: /* @__PURE__ */ jsx10(Text8, { color: "gray", dimColor: true, children: "Enter to send" }) })
+        /* @__PURE__ */ jsx11(Box10, { children: /* @__PURE__ */ jsx11(Text9, { color: "gray", dimColor: true, children: "Enter to send" }) })
       ]
     }
   );
@@ -954,8 +1084,8 @@ var init_InputBox = __esm({
 });
 
 // src/components/StatusBar.tsx
-import { Box as Box10, Text as Text9 } from "ink";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Box as Box11, Text as Text10 } from "ink";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function StatusBar({
   connectionStatus,
   error,
@@ -963,8 +1093,8 @@ function StatusBar({
 }) {
   const presenceText = connectionStatus === "connected" ? "Active" : connectionStatus === "connecting" ? "Connecting" : "Disconnected";
   const presenceColor = connectionStatus === "connected" ? "green" : connectionStatus === "connecting" ? "yellow" : "red";
-  return /* @__PURE__ */ jsxs10(
-    Box10,
+  return /* @__PURE__ */ jsxs11(
+    Box11,
     {
       borderStyle: "single",
       borderColor: "gray",
@@ -973,18 +1103,18 @@ function StatusBar({
       width: "100%",
       flexShrink: 0,
       children: [
-        /* @__PURE__ */ jsx11(Box10, { children: error ? /* @__PURE__ */ jsxs10(Text9, { color: "red", children: [
+        /* @__PURE__ */ jsx12(Box11, { children: error ? /* @__PURE__ */ jsxs11(Text10, { color: "red", children: [
           "[Error: ",
           error,
           "]"
-        ] }) : /* @__PURE__ */ jsxs10(Fragment5, { children: [
-          /* @__PURE__ */ jsx11(Text9, { color: "gray", children: "\u2192 Presence: " }),
-          /* @__PURE__ */ jsx11(Text9, { color: presenceColor, children: presenceText })
+        ] }) : /* @__PURE__ */ jsxs11(Fragment5, { children: [
+          /* @__PURE__ */ jsx12(Text10, { color: "gray", children: "\u2192 Presence: " }),
+          /* @__PURE__ */ jsx12(Text10, { color: presenceColor, children: presenceText })
         ] }) }),
-        /* @__PURE__ */ jsxs10(Box10, { children: [
-          /* @__PURE__ */ jsx11(Text9, { color: "gray", children: "Users: " }),
-          /* @__PURE__ */ jsx11(Text9, { color: "cyan", children: userCount }),
-          /* @__PURE__ */ jsx11(Text9, { color: "gray", children: " | \u2191/\u2193 scroll | Ctrl+E users | Ctrl+C exit" })
+        /* @__PURE__ */ jsxs11(Box11, { children: [
+          /* @__PURE__ */ jsx12(Text10, { color: "gray", children: "Users: " }),
+          /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: userCount }),
+          /* @__PURE__ */ jsx12(Text10, { color: "gray", children: " | \u2191/\u2193 scroll | Ctrl+E users | Ctrl+C exit" })
         ] })
       ]
     }
@@ -997,21 +1127,21 @@ var init_StatusBar = __esm({
 });
 
 // src/components/ToolTip.tsx
-import { Box as Box11, Text as Text10 } from "ink";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Box as Box12, Text as Text11 } from "ink";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var ToolTip;
 var init_ToolTip = __esm({
   "src/components/ToolTip.tsx"() {
     "use strict";
     ToolTip = ({ tips, type }) => {
-      return /* @__PURE__ */ jsxs11(Box11, { flexDirection: "column", paddingX: 1, children: [
-        /* @__PURE__ */ jsx12(Text10, { children: " " }),
-        type === "Command" && tips.map((tip) => /* @__PURE__ */ jsxs11(Text10, { color: "gray", children: [
-          /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: tip.syntax }),
+      return /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", paddingX: 1, children: [
+        /* @__PURE__ */ jsx13(Text11, { children: " " }),
+        type === "Command" && tips.map((tip) => /* @__PURE__ */ jsxs12(Text11, { color: "gray", children: [
+          /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: tip.syntax }),
           " - ",
           tip.description
         ] }, tip.name)),
-        type === "User" && tips.map((suggestion) => /* @__PURE__ */ jsx12(Text10, { color: "gray", children: /* @__PURE__ */ jsx12(Text10, { color: "cyan", children: suggestion }) }, suggestion))
+        type === "User" && tips.map((suggestion) => /* @__PURE__ */ jsx13(Text11, { color: "gray", children: /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: suggestion }) }, suggestion))
       ] });
     };
   }
@@ -1592,8 +1722,8 @@ var init_use_command_input = __esm({
 
 // src/components/ChatView.tsx
 import { useEffect as useEffect5 } from "react";
-import { Box as Box12, Text as Text11, useStdout as useStdout3 } from "ink";
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Box as Box13, Text as Text12, useStdout as useStdout3 } from "ink";
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function ChatView({
   terminalSize,
   currentChannel,
@@ -1638,34 +1768,34 @@ function ChatView({
     const prefix = connectionStatus === "connected" ? "\u2022 " : "";
     stdout.write(`\x1B]0;${prefix}#${displayName}\x07`);
   }, [stdout, connectionStatus, displayName]);
-  return /* @__PURE__ */ jsxs12(Layout, { width: terminalSize.columns, height: terminalSize.rows, topPadding, children: [
-    /* @__PURE__ */ jsx13(Layout.Header, { children: /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs13(Layout, { width: terminalSize.columns, height: terminalSize.rows, topPadding, children: [
+    /* @__PURE__ */ jsx14(Layout.Header, { children: /* @__PURE__ */ jsx14(
       Header,
       {
         username,
         roomName: currentChannel,
         connectionStatus,
         onLogout,
-        title: /* @__PURE__ */ jsxs12(Fragment6, { children: [
-          /* @__PURE__ */ jsx13(Text11, { color: "gray", children: "\u2190 Menu " }),
-          /* @__PURE__ */ jsx13(Text11, { color: "gray", dimColor: true, children: "[CTRL+Q]" }),
-          /* @__PURE__ */ jsx13(Text11, { color: "gray", children: " | " }),
-          /* @__PURE__ */ jsxs12(Text11, { color: "cyan", bold: true, children: [
+        title: /* @__PURE__ */ jsxs13(Fragment6, { children: [
+          /* @__PURE__ */ jsx14(Text12, { color: "gray", children: "\u2190 Menu " }),
+          /* @__PURE__ */ jsx14(Text12, { color: "gray", dimColor: true, children: "[CTRL+Q]" }),
+          /* @__PURE__ */ jsx14(Text12, { color: "gray", children: " | " }),
+          /* @__PURE__ */ jsxs13(Text12, { color: "cyan", bold: true, children: [
             "#",
             displayText
           ] })
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsxs12(Layout.Content, { children: [
-      /* @__PURE__ */ jsxs12(
-        Box12,
+    /* @__PURE__ */ jsxs13(Layout.Content, { children: [
+      /* @__PURE__ */ jsxs13(
+        Box13,
         {
           flexDirection: "row",
           height: Math.max(1, middleSectionHeight - tooltip.height),
           overflow: "hidden",
           children: [
-            /* @__PURE__ */ jsx13(Box12, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(Box13, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: /* @__PURE__ */ jsx14(
               MessageList,
               {
                 messages,
@@ -1676,7 +1806,7 @@ function ChatView({
                 isDetached
               }
             ) }),
-            showUserList && /* @__PURE__ */ jsx13(
+            showUserList && /* @__PURE__ */ jsx14(
               UserList,
               {
                 users,
@@ -1688,8 +1818,8 @@ function ChatView({
           ]
         }
       ),
-      tooltip.show && tooltip.tips.length > 0 && /* @__PURE__ */ jsx13(ToolTip, { tips: tooltip.tips, type: tooltip.type }),
-      /* @__PURE__ */ jsx13(
+      tooltip.show && tooltip.tips.length > 0 && /* @__PURE__ */ jsx14(ToolTip, { tips: tooltip.tips, type: tooltip.type }),
+      /* @__PURE__ */ jsx14(
         InputBox,
         {
           onSend: handleSubmit,
@@ -1699,7 +1829,7 @@ function ChatView({
           disabled: isInputDisabled
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         StatusBar,
         {
           connectionStatus,
@@ -1726,9 +1856,9 @@ var init_ChatView = __esm({
 
 // src/components/CreateChannelScreen.tsx
 import { useState as useState7, useEffect as useEffect6 } from "react";
-import { Box as Box13, Text as Text12, useInput as useInput5, useStdout as useStdout4 } from "ink";
+import { Box as Box14, Text as Text13, useInput as useInput5, useStdout as useStdout4 } from "ink";
 import TextInput2 from "ink-text-input";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function CreateChannelScreen({
   width,
   height,
@@ -1807,65 +1937,65 @@ function CreateChannelScreen({
   };
   const headerHeight = 3;
   const contentHeight = height - topPadding - headerHeight;
-  return /* @__PURE__ */ jsxs13(Layout, { width, height, topPadding, children: [
-    /* @__PURE__ */ jsx14(Layout.Header, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs14(Layout, { width, height, topPadding, children: [
+    /* @__PURE__ */ jsx15(Layout.Header, { children: /* @__PURE__ */ jsx15(
       Header,
       {
         username,
         roomName: "Create Channel",
         connectionStatus,
         onLogout,
-        title: /* @__PURE__ */ jsx14(Text12, { bold: true, color: "cyan", children: "Create New Private Channel" }),
+        title: /* @__PURE__ */ jsx15(Text13, { bold: true, color: "cyan", children: "Create New Private Channel" }),
         showStatus: false
       }
     ) }),
-    /* @__PURE__ */ jsx14(Layout.Content, { children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", height: contentHeight, padding: 2, children: [
-      /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx14(Box13, { marginBottom: 0, children: /* @__PURE__ */ jsxs13(Text12, { bold: true, color: activeField === "name" ? "green" : "white", children: [
+    /* @__PURE__ */ jsx15(Layout.Content, { children: /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", height: contentHeight, padding: 2, children: [
+      /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx15(Box14, { marginBottom: 0, children: /* @__PURE__ */ jsxs14(Text13, { bold: true, color: activeField === "name" ? "green" : "white", children: [
           "Channel Name ",
           activeField === "name" ? "(editing)" : ""
         ] }) }),
-        /* @__PURE__ */ jsx14(
-          Box13,
+        /* @__PURE__ */ jsx15(
+          Box14,
           {
             borderStyle: "single",
             borderColor: activeField === "name" ? "green" : "gray",
             paddingX: 1,
-            children: activeField === "name" ? /* @__PURE__ */ jsx14(
+            children: activeField === "name" ? /* @__PURE__ */ jsx15(
               TextInput2,
               {
                 value: name,
                 onChange: setName,
                 placeholder: "Enter channel name..."
               }
-            ) : /* @__PURE__ */ jsx14(Text12, { color: name ? "white" : "gray", children: name || "Enter channel name..." })
+            ) : /* @__PURE__ */ jsx15(Text13, { color: name ? "white" : "gray", children: name || "Enter channel name..." })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs13(Box13, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx14(Box13, { marginBottom: 0, children: /* @__PURE__ */ jsxs13(Text12, { bold: true, color: activeField === "description" ? "green" : "white", children: [
+      /* @__PURE__ */ jsxs14(Box14, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx15(Box14, { marginBottom: 0, children: /* @__PURE__ */ jsxs14(Text13, { bold: true, color: activeField === "description" ? "green" : "white", children: [
           "Description (optional) ",
           activeField === "description" ? "(editing)" : ""
         ] }) }),
-        /* @__PURE__ */ jsx14(
-          Box13,
+        /* @__PURE__ */ jsx15(
+          Box14,
           {
             borderStyle: "single",
             borderColor: activeField === "description" ? "green" : "gray",
             paddingX: 1,
-            children: activeField === "description" ? /* @__PURE__ */ jsx14(
+            children: activeField === "description" ? /* @__PURE__ */ jsx15(
               TextInput2,
               {
                 value: description,
                 onChange: setDescription,
                 placeholder: "Enter channel description..."
               }
-            ) : /* @__PURE__ */ jsx14(Text12, { color: description ? "white" : "gray", children: description || "Enter channel description..." })
+            ) : /* @__PURE__ */ jsx15(Text13, { color: description ? "white" : "gray", children: description || "Enter channel description..." })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsxs13(
-        Text12,
+      /* @__PURE__ */ jsx15(Box14, { marginTop: 1, children: /* @__PURE__ */ jsxs14(
+        Text13,
         {
           color: activeField === "submit" ? "green" : "white",
           bold: activeField === "submit",
@@ -1877,30 +2007,30 @@ function CreateChannelScreen({
           ]
         }
       ) }),
-      error && /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text12, { color: "red", children: error }) }),
-      /* @__PURE__ */ jsx14(Box13, { flexGrow: 1 }),
-      /* @__PURE__ */ jsxs13(
-        Box13,
+      error && /* @__PURE__ */ jsx15(Box14, { marginTop: 1, children: /* @__PURE__ */ jsx15(Text13, { color: "red", children: error }) }),
+      /* @__PURE__ */ jsx15(Box14, { flexGrow: 1 }),
+      /* @__PURE__ */ jsxs14(
+        Box14,
         {
           flexDirection: "column",
           borderStyle: "single",
           borderColor: "gray",
           paddingX: 1,
           children: [
-            /* @__PURE__ */ jsxs13(Text12, { color: "gray", children: [
-              /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: "Tab/Down" }),
+            /* @__PURE__ */ jsxs14(Text13, { color: "gray", children: [
+              /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "Tab/Down" }),
               " Next field"
             ] }),
-            /* @__PURE__ */ jsxs13(Text12, { color: "gray", children: [
-              /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: "Shift+Tab/Up" }),
+            /* @__PURE__ */ jsxs14(Text13, { color: "gray", children: [
+              /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "Shift+Tab/Up" }),
               " Previous field"
             ] }),
-            /* @__PURE__ */ jsxs13(Text12, { color: "gray", children: [
-              /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: "Enter" }),
+            /* @__PURE__ */ jsxs14(Text13, { color: "gray", children: [
+              /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "Enter" }),
               " Submit (when on button)"
             ] }),
-            /* @__PURE__ */ jsxs13(Text12, { color: "gray", children: [
-              /* @__PURE__ */ jsx14(Text12, { color: "cyan", children: "ESC" }),
+            /* @__PURE__ */ jsxs14(Text13, { color: "gray", children: [
+              /* @__PURE__ */ jsx15(Text13, { color: "cyan", children: "ESC" }),
               " Back to menu"
             ] })
           ]
@@ -2303,6 +2433,50 @@ var init_channel_manager = __esm({
         const channelState = this.channelStates.get(channelSlug);
         return channelState?.presence || {};
       }
+      /**
+       * Get aggregated presence across all channels, deduplicated by user_id.
+       * When a user appears in multiple channels, we prefer:
+       * 1. Presence with current_agent set (if available)
+       * 2. Most recent online_at timestamp
+       */
+      getAggregatedPresence() {
+        const userMap = /* @__PURE__ */ new Map();
+        this.channelStates.forEach((channelState) => {
+          Object.entries(channelState.presence).forEach(([username, data]) => {
+            const meta = data.metas[0];
+            if (!meta) return;
+            const userId = meta.user_id;
+            const hasAgent = !!meta.current_agent;
+            const onlineAt = meta.online_at;
+            const existing = userMap.get(userId);
+            if (!existing) {
+              userMap.set(userId, {
+                username,
+                metas: data.metas,
+                online_at: onlineAt,
+                has_agent: hasAgent
+              });
+            } else {
+              const shouldReplace = hasAgent && !existing.has_agent || hasAgent === existing.has_agent && onlineAt > existing.online_at;
+              if (shouldReplace) {
+                userMap.set(userId, {
+                  username,
+                  metas: data.metas,
+                  online_at: onlineAt,
+                  has_agent: hasAgent
+                });
+              }
+            }
+          });
+        });
+        const aggregated = {};
+        userMap.forEach((data) => {
+          aggregated[data.username] = {
+            metas: data.metas
+          };
+        });
+        return aggregated;
+      }
       /**
        * Get buffered real-time messages for a specific channel.
        * These are messages that arrived while viewing other channels.
@@ -2369,6 +2543,20 @@ var init_channel_manager = __esm({
           });
         });
       }
+      /**
+       * Best-effort mark as read without waiting for an ack.
+       * Useful during shutdown paths to avoid timeouts.
+       */
+      markChannelAsReadBestEffort(channelSlug) {
+        const channelState = this.channelStates.get(channelSlug);
+        if (!channelState || !channelState.channel) {
+          return;
+        }
+        try {
+          channelState.channel.push("mark_as_read", {});
+        } catch {
+        }
+      }
       /**
        * Mark all messages in channel as read (used when first joining).
        * Gracefully handles disconnected channels (returns silently during shutdown).
@@ -2431,6 +2619,7 @@ function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
   const [typingUsers, setTypingUsers] = useState8([]);
   const [presenceState, setPresenceState] = useState8({});
   const [subscribers, setSubscribers] = useState8([]);
+  const [channelsReady, setChannelsReady] = useState8(false);
   const managerRef = useRef3(null);
   const prevChannelRef = useRef3(null);
   const isLoadingHistory = useRef3(false);
@@ -2440,6 +2629,7 @@ function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
         managerRef.current.disconnect();
         managerRef.current = null;
       }
+      setChannelsReady(false);
       return;
     }
     if (managerRef.current) {
@@ -2545,6 +2735,7 @@ function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
           ...channelsResponse.channels.private
         ];
         await manager.subscribeToChannels(allChannels);
+        setChannelsReady(true);
         setError(null);
       } catch (err) {
         setError(err instanceof Error ? err.message : "Connection failed");
@@ -2557,6 +2748,7 @@ function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
         managerRef.current.disconnect();
         managerRef.current = null;
       }
+      setChannelsReady(false);
     };
   }, [token]);
   useEffect7(() => {
@@ -2639,7 +2831,7 @@ function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
     // No-op for backward compatibility
     disconnect,
     // No-op for backward compatibility
-    channelManager: managerRef.current
+    channelManager: channelsReady ? managerRef.current : null
   };
 }
 var init_use_multi_channel_chat = __esm({
@@ -2700,19 +2892,21 @@ var init_use_presence = __esm({
 // src/hooks/use-agent-detection.ts
 import { useEffect as useEffect8, useRef as useRef4, useCallback as useCallback4 } from "react";
 import { execSync as execSync2 } from "child_process";
-function isProcessRunning(processName) {
+function detectCurrentAgent() {
   try {
-    execSync2(`pgrep -nx ${processName}`, { stdio: "pipe" });
-    return true;
+    const result = execSync2(`ps -p $(pgrep -x -n 'codex|claude|Cursor|Windsurf\\ Helper') -o comm=`, {
+      stdio: "pipe",
+      encoding: "utf-8"
+    }).trim();
+    if (result.includes("@openai/codex")) return "codex";
+    if (result === "claude") return "claude";
+    if (result.includes("Cursor.app")) return "cursor";
+    if (result.includes("Windsurf.app")) return "windsurf";
+    return null;
   } catch {
-    return false;
+    return null;
   }
 }
-function detectCurrentAgent() {
-  if (isProcessRunning("codex")) return "codex";
-  if (isProcessRunning("claude")) return "claude";
-  return null;
-}
 function useAgentDetection(channelManager, isConnected) {
   const lastSentAgentRef = useRef4(void 0);
   const broadcastAgentUpdate = useCallback4(
@@ -2818,10 +3012,10 @@ __export(App_exports, {
   App: () => App
 });
 import { useState as useState10, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef5 } from "react";
-import { Box as Box14, useApp as useApp2, useInput as useInput6, useStdout as useStdout5 } from "ink";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { Box as Box15, useApp as useApp2, useInput as useInput6, useStdout as useStdout5 } from "ink";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function App() {
-  return /* @__PURE__ */ jsx15(Router, { initialRoute: "menu", children: /* @__PURE__ */ jsx15(AppContent, {}) });
+  return /* @__PURE__ */ jsx16(Router, { initialRoute: "menu", children: /* @__PURE__ */ jsx16(AppContent, {}) });
 }
 function AppContent() {
   const { exit } = useApp2();
@@ -2940,14 +3134,7 @@ function AppContent() {
   useEffect10(() => {
     return () => {
       if (currentChannel && channelManager) {
-        const markOnUnmount = async () => {
-          try {
-            await channelManager.markChannelAsRead(currentChannel);
-          } catch (err) {
-            console.error("Failed to mark as read on unmount:", err);
-          }
-        };
-        markOnUnmount();
+        channelManager.markChannelAsReadBestEffort(currentChannel);
       }
     };
   }, [currentChannel, channelManager]);
@@ -2974,11 +3161,7 @@ function AppContent() {
   }, []);
   const handleLogout = useCallback6(async () => {
     if (currentChannel && channelManager) {
-      try {
-        await channelManager.markChannelAsRead(currentChannel);
-      } catch (err) {
-        console.error("Failed to mark as read on logout:", err);
-      }
+      channelManager.markChannelAsReadBestEffort(currentChannel);
     }
     disconnect();
     setToken(null);
@@ -3009,18 +3192,11 @@ function AppContent() {
   const maxVisibleMessages = Math.floor(middleSectionHeight / linesPerMessage);
   useInput6((input, key) => {
     if (input === "c" && key.ctrl) {
-      const handleExit = async () => {
-        if (currentChannel && channelManager) {
-          try {
-            await channelManager.markChannelAsRead(currentChannel);
-          } catch (err) {
-            console.error("Failed to mark as read on exit:", err);
-          }
-        }
-        disconnect();
-        exit();
-      };
-      handleExit();
+      if (currentChannel && channelManager) {
+        channelManager.markChannelAsReadBestEffort(currentChannel);
+      }
+      disconnect();
+      exit();
     }
     if (input === "o" && key.ctrl && authState === "authenticated") {
       handleLogout();
@@ -3054,14 +3230,14 @@ function AppContent() {
     }
   });
   if (authState !== "authenticated") {
-    return /* @__PURE__ */ jsx15(
-      Box14,
+    return /* @__PURE__ */ jsx16(
+      Box15,
       {
         flexDirection: "column",
         width: terminalSize.columns,
         height: terminalSize.rows,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           LoginScreen,
           {
             onLogin: handleLogin,
@@ -3073,14 +3249,15 @@ function AppContent() {
     );
   }
   if (route === "menu") {
-    return /* @__PURE__ */ jsx15(
-      Box14,
+    const aggregatedPresence = channelManager?.getAggregatedPresence() || {};
+    return /* @__PURE__ */ jsx16(
+      Box15,
       {
         flexDirection: "column",
         width: terminalSize.columns,
         height: terminalSize.rows,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           Menu,
           {
             width: terminalSize.columns,
@@ -3093,21 +3270,22 @@ function AppContent() {
             topPadding,
             publicChannels,
             privateChannels,
-            unreadCounts
+            unreadCounts,
+            aggregatedPresence
           }
         )
       }
     );
   }
   if (route === "create-channel") {
-    return /* @__PURE__ */ jsx15(
-      Box14,
+    return /* @__PURE__ */ jsx16(
+      Box15,
       {
         flexDirection: "column",
         width: terminalSize.columns,
         height: terminalSize.rows,
         overflow: "hidden",
-        children: /* @__PURE__ */ jsx15(
+        children: /* @__PURE__ */ jsx16(
           CreateChannelScreen,
           {
             width: terminalSize.columns,
@@ -3122,7 +3300,7 @@ function AppContent() {
       }
     );
   }
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     ChatView,
     {
       terminalSize,
@@ -3241,7 +3419,7 @@ function getUpdateCommand() {
 // src/components/UpdatePrompt.tsx
 import { useState } from "react";
 import { Box, Text, useInput, useApp } from "ink";
-import { execSync } from "child_process";
+import { execSync, spawn } from "child_process";
 import { jsx, jsxs } from "react/jsx-runtime";
 var options = [
   { label: "Update now", value: "update" },
@@ -3276,8 +3454,14 @@ function UpdatePrompt({ updateInfo, onComplete }) {
     const command = getUpdateCommand();
     try {
       execSync(command, { stdio: "inherit" });
-      console.log("\n\nUpdate complete! Please restart groupchat.\n");
-      exit();
+      console.log("\n\nUpdate complete! Restarting...\n");
+      const args = process.argv.slice(2);
+      const child = spawn("groupchat", args, {
+        detached: true,
+        stdio: "inherit"
+      });
+      child.unref();
+      setTimeout(() => exit(), 100);
     } catch (err) {
       setUpdateError(
         `Update failed. Please run manually: ${command}`
@@ -3333,7 +3517,7 @@ function UpdatePrompt({ updateInfo, onComplete }) {
 // package.json
 var package_default = {
   name: "groupchat",
-  version: "0.0.7",
+  version: "0.0.9",
   description: "CLI chat client for Groupchat",
   type: "module",
   main: "./dist/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "groupchat",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "CLI chat client for Groupchat",
   "type": "module",
   "main": "./dist/index.js",