groupchat 0.0.6 → 0.0.8

package/dist/App-BVDV6OLB.js

@@ -1,2756 +0,0 @@
-import {
-  getConfig,
-  getCurrentToken,
-  isAuthenticated,
-  login,
-  logout
-} from "./chunk-EF672XXZ.js";
-
-// src/components/App.tsx
-import { useState as useState9, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef5 } from "react";
-import { Box as Box13, useApp, useInput as useInput5, useStdout as useStdout5 } from "ink";
-
-// src/components/LoginScreen.tsx
-import { useEffect } from "react";
-import { Box, Text, useInput, useStdout } from "ink";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function LoginScreen({ onLogin, status, isLoading }) {
-  const { stdout } = useStdout();
-  useEffect(() => {
-    if (!stdout) return;
-    stdout.write("\x1B]0;Welcome to Groupchatty\x07");
-  }, [stdout]);
-  useInput((input, key) => {
-    if (key.return && !isLoading) {
-      onLogin();
-    }
-  });
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 2, children: [
-    /* @__PURE__ */ jsx(Box, { marginBottom: 2, children: /* @__PURE__ */ jsx(Text, { color: "redBright", bold: true, children: `
-  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557  \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557
- \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u255A\u2588\u2588\u2557 \u2588\u2588\u2554\u255D
- \u2588\u2588\u2551  \u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551     \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2551   \u2588\u2588\u2551      \u2588\u2588\u2551    \u255A\u2588\u2588\u2588\u2588\u2554\u255D 
- \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u255D \u2588\u2588\u2551     \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2551   \u2588\u2588\u2551      \u2588\u2588\u2551     \u255A\u2588\u2588\u2554\u255D  
- \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551  \u2588\u2588\u2551\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2551     \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551   \u2588\u2588\u2551      \u2588\u2588\u2551      \u2588\u2588\u2551   
-  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u255D      \u255A\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D\u255A\u2550\u255D  \u255A\u2550\u255D   \u255A\u2550\u255D      \u255A\u2550\u255D      \u255A\u2550\u255D   
-                                          G R O U P C H A T 
-` }) }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        borderStyle: "single",
-        borderColor: "redBright",
-        paddingX: 4,
-        paddingY: 1,
-        flexDirection: "column",
-        alignItems: "center",
-        children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "yellow", children: status || "Authenticating..." }),
-          /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Please complete login in your browser..." }) })
-        ] }) : status ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "red", children: status }),
-          /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Press " }),
-            /* @__PURE__ */ jsx(Text, { color: "cyan", bold: true, children: "Enter" }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: " to try again" })
-          ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Text, { color: "redBright", children: "Welcome to Groupchat!" }),
-          /* @__PURE__ */ jsxs(Box, { marginTop: 1, children: [
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: "Press " }),
-            /* @__PURE__ */ jsx(Text, { color: "green", bold: true, children: "Enter" }),
-            /* @__PURE__ */ jsx(Text, { color: "gray", children: " to login with your browser" })
-          ] })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsx(Text, { color: "gray", children: "Ctrl+C to exit" }) })
-  ] });
-}
-
-// src/components/Menu.tsx
-import { useState as useState2, useEffect as useEffect2, useMemo } from "react";
-import { Box as Box4, Text as Text3, useInput as useInput2, useStdout as useStdout2 } from "ink";
-
-// src/components/Header.tsx
-import { Box as Box2, Text as Text2 } from "ink";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function Header({
-  username,
-  roomName,
-  connectionStatus,
-  title,
-  showStatus = true
-}) {
-  const statusColor = connectionStatus === "connected" ? "green" : connectionStatus === "connecting" ? "yellow" : "red";
-  const statusText = connectionStatus === "connected" ? "ONLINE" : connectionStatus === "connecting" ? "CONNECTING" : "OFFLINE";
-  return /* @__PURE__ */ jsxs2(
-    Box2,
-    {
-      borderStyle: "single",
-      borderColor: "gray",
-      paddingX: 1,
-      justifyContent: "space-between",
-      width: "100%",
-      flexShrink: 0,
-      children: [
-        /* @__PURE__ */ jsx2(Box2, { children: title || /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsxs2(Text2, { color: "cyan", bold: true, children: [
-            "$",
-            " "
-          ] }),
-          /* @__PURE__ */ jsx2(Text2, { color: "blue", bold: true, children: "groupchat" }),
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: " --session " }),
-          /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: username || "..." })
-        ] }) }),
-        /* @__PURE__ */ jsxs2(Box2, { children: [
-          showStatus && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-            /* @__PURE__ */ jsxs2(Text2, { color: statusColor, children: [
-              "[",
-              statusText,
-              "]"
-            ] }),
-            /* @__PURE__ */ jsx2(Text2, { color: "gray", children: " " })
-          ] }),
-          /* @__PURE__ */ jsx2(Text2, { color: "gray", children: "[Ctrl+O: LOGOUT]" })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/Layout.tsx
-import { Children, isValidElement } from "react";
-import { Box as Box3 } from "ink";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function LayoutHeader({ children }) {
-  return /* @__PURE__ */ jsx3(Fragment3, { children });
-}
-function LayoutContent({ children }) {
-  return /* @__PURE__ */ jsx3(Fragment3, { children });
-}
-function extractSlot(children, SlotComponent) {
-  let slotContent = null;
-  Children.forEach(children, (child) => {
-    if (isValidElement(child) && child.type === SlotComponent) {
-      slotContent = child.props.children;
-    }
-  });
-  return slotContent;
-}
-function Layout({ width, height, topPadding = 0, children }) {
-  const header = extractSlot(children, LayoutHeader);
-  const content = extractSlot(children, LayoutContent);
-  return /* @__PURE__ */ jsxs3(
-    Box3,
-    {
-      flexDirection: "column",
-      width,
-      height,
-      overflow: "hidden",
-      paddingTop: topPadding,
-      children: [
-        header,
-        content
-      ]
-    }
-  );
-}
-Layout.Header = LayoutHeader;
-Layout.Content = LayoutContent;
-
-// src/routes/Router.tsx
-import { createContext, useContext, useState, useCallback } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var NavigationContext = createContext(null);
-function useNavigation() {
-  const context = useContext(NavigationContext);
-  if (!context) {
-    throw new Error("useNavigation must be used within a Router");
-  }
-  return context;
-}
-function Router({ initialRoute = "menu", children }) {
-  const [route, setRoute] = useState(initialRoute);
-  const [history, setHistory] = useState([initialRoute]);
-  const navigate = useCallback((to) => {
-    setRoute(to);
-    setHistory((prev) => [...prev, to]);
-  }, []);
-  const goBack = useCallback(() => {
-    setHistory((prev) => {
-      if (prev.length <= 1) return prev;
-      const newHistory = prev.slice(0, -1);
-      const previousRoute = newHistory[newHistory.length - 1];
-      setRoute(previousRoute);
-      return newHistory;
-    });
-  }, []);
-  return /* @__PURE__ */ jsx4(NavigationContext.Provider, { value: { route, navigate, goBack }, children });
-}
-
-// src/components/Menu.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function Menu({
-  width,
-  height,
-  currentChannel,
-  onChannelSelect,
-  username,
-  connectionStatus,
-  onLogout,
-  topPadding = 0,
-  publicChannels,
-  privateChannels,
-  unreadCounts
-}) {
-  const { stdout } = useStdout2();
-  const { navigate } = useNavigation();
-  const sortedPublicChannels = useMemo(() => {
-    return [...publicChannels].sort((a, b) => a.id.localeCompare(b.id));
-  }, [publicChannels]);
-  const allChannels = useMemo(() => {
-    return [...sortedPublicChannels, ...privateChannels];
-  }, [sortedPublicChannels, privateChannels]);
-  const menuItems = useMemo(() => {
-    const items = allChannels.map((channel) => ({
-      type: "channel",
-      channel
-    }));
-    items.push({
-      type: "action",
-      action: "create-channel",
-      label: "Create New Private Channel"
-    });
-    return items;
-  }, [allChannels]);
-  const [selectedIndex, setSelectedIndex] = useState2(0);
-  useEffect2(() => {
-    if (menuItems.length > 0) {
-      const currentIndex = menuItems.findIndex(
-        (item) => item.type === "channel" && item.channel.slug === currentChannel
-      );
-      setSelectedIndex(currentIndex >= 0 ? currentIndex : 0);
-    }
-  }, [menuItems, currentChannel]);
-  useEffect2(() => {
-    if (!stdout) return;
-    stdout.write(`\x1B]0;Menu\x07`);
-  }, [stdout]);
-  useInput2((input, key) => {
-    if (key.escape) {
-      navigate("chat");
-      return;
-    }
-    if (key.upArrow) {
-      setSelectedIndex((prev) => Math.max(0, prev - 1));
-      return;
-    }
-    if (key.downArrow) {
-      setSelectedIndex((prev) => Math.min(menuItems.length - 1, prev + 1));
-      return;
-    }
-    if (key.return && menuItems.length > 0) {
-      const selected = menuItems[selectedIndex];
-      if (selected) {
-        if (selected.type === "channel") {
-          onChannelSelect(selected.channel.slug);
-          navigate("chat");
-        } else if (selected.type === "action" && selected.action === "create-channel") {
-          navigate("create-channel");
-        }
-      }
-    }
-  });
-  const headerHeight = 3;
-  const contentHeight = height - topPadding - headerHeight;
-  const privateStartIndex = sortedPublicChannels.length;
-  return /* @__PURE__ */ jsxs4(Layout, { width, height, topPadding, children: [
-    /* @__PURE__ */ jsx5(Layout.Header, { children: /* @__PURE__ */ jsx5(
-      Header,
-      {
-        username,
-        roomName: "Menu",
-        connectionStatus,
-        onLogout,
-        title: /* @__PURE__ */ jsx5(Text3, { bold: true, color: "cyan", children: "Menu" }),
-        showStatus: false
-      }
-    ) }),
-    /* @__PURE__ */ jsx5(Layout.Content, { children: /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", height: contentHeight, padding: 2, children: [
-      sortedPublicChannels.length > 0 && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx5(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text3, { bold: true, color: "white", children: "Global Channels" }) }),
-        sortedPublicChannels.map((channel, idx) => {
-          const isSelected = selectedIndex === idx;
-          const unreadCount = unreadCounts[channel.slug] || 0;
-          return /* @__PURE__ */ jsx5(
-            ChannelItem,
-            {
-              channel,
-              isSelected,
-              unreadCount
-            },
-            channel.id
-          );
-        })
-      ] }),
-      privateChannels.length > 0 && /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx5(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text3, { 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__ */ jsx5(
-            ChannelItem,
-            {
-              channel,
-              isSelected,
-              isPrivate: true,
-              unreadCount
-            },
-            channel.id
-          );
-        })
-      ] }),
-      /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginBottom: 1, children: [
-        privateChannels.length === 0 && /* @__PURE__ */ jsx5(Box4, { marginBottom: 1, children: /* @__PURE__ */ jsx5(Text3, { bold: true, color: "white", children: "Private Channels" }) }),
-        /* @__PURE__ */ jsx5(
-          ActionItem,
-          {
-            label: "+ Create New Private Channel",
-            isSelected: selectedIndex === allChannels.length
-          }
-        )
-      ] }),
-      allChannels.length === 0 && /* @__PURE__ */ jsx5(Box4, { children: /* @__PURE__ */ jsx5(Text3, { color: "gray", children: "No channels available" }) }),
-      /* @__PURE__ */ jsx5(Box4, { flexGrow: 1 }),
-      /* @__PURE__ */ jsxs4(
-        Box4,
-        {
-          flexDirection: "column",
-          borderStyle: "single",
-          borderColor: "gray",
-          paddingX: 1,
-          children: [
-            /* @__PURE__ */ jsxs4(Text3, { color: "gray", children: [
-              /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: "Up/Down" }),
-              " Navigate channels"
-            ] }),
-            /* @__PURE__ */ jsxs4(Text3, { color: "gray", children: [
-              /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: "Enter" }),
-              " Join selected channel"
-            ] }),
-            /* @__PURE__ */ jsxs4(Text3, { color: "gray", children: [
-              /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: "ESC" }),
-              " Back to chat"
-            ] }),
-            /* @__PURE__ */ jsxs4(Text3, { color: "gray", children: [
-              /* @__PURE__ */ jsx5(Text3, { color: "cyan", children: "Ctrl+C" }),
-              " Exit the app"
-            ] })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-function ChannelItem({ channel, isSelected, isPrivate = false, unreadCount = 0 }) {
-  return /* @__PURE__ */ jsxs4(Box4, { marginLeft: 2, children: [
-    /* @__PURE__ */ jsxs4(Text3, { color: isSelected ? "green" : "white", bold: isSelected, children: [
-      isSelected ? "> " : "  ",
-      isPrivate && /* @__PURE__ */ jsx5(Text3, { color: "yellow", children: "\u{1F512} " }),
-      "#",
-      channel.name || channel.slug,
-      unreadCount > 0 && /* @__PURE__ */ jsxs4(Text3, { color: "green", bold: true, children: [
-        " ",
-        "(",
-        unreadCount,
-        ")"
-      ] })
-    ] }),
-    isSelected && channel.description && /* @__PURE__ */ jsxs4(Text3, { color: "gray", dimColor: true, children: [
-      " ",
-      "- ",
-      channel.description
-    ] })
-  ] });
-}
-function ActionItem({ label, isSelected }) {
-  return /* @__PURE__ */ jsx5(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsxs4(Text3, { color: isSelected ? "green" : "cyan", bold: isSelected, children: [
-    isSelected ? "> " : "  ",
-    label
-  ] }) });
-}
-
-// src/components/ChatView.tsx
-import { useEffect as useEffect5 } from "react";
-import { Box as Box11, Text as Text10, useStdout as useStdout3 } from "ink";
-
-// src/components/MessageList.tsx
-import { useMemo as useMemo2 } from "react";
-import { Box as Box6, Text as Text5 } from "ink";
-
-// src/components/MessageItem.tsx
-import { Box as Box5, Text as Text4 } from "ink";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function getUsernameColor(username) {
-  const colors = [
-    "cyan",
-    "magenta",
-    "yellow",
-    "blue",
-    "green",
-    "red"
-  ];
-  let hash = 0;
-  for (let i = 0; i < username.length; i++) {
-    hash = username.charCodeAt(i) + ((hash << 5) - hash);
-  }
-  return colors[Math.abs(hash) % colors.length];
-}
-function formatTime(timestamp) {
-  const date = new Date(timestamp);
-  return date.toLocaleTimeString("en-US", {
-    hour: "2-digit",
-    minute: "2-digit",
-    hour12: true
-  });
-}
-function MessageItem({ message, isOwnMessage }) {
-  const time = formatTime(message.timestamp);
-  const usernameColor = getUsernameColor(message.username);
-  if (isOwnMessage) {
-    return /* @__PURE__ */ jsx6(Box5, { justifyContent: "flex-end", paddingY: 0, children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", alignItems: "flex-end", children: [
-      /* @__PURE__ */ jsxs5(Box5, { children: [
-        /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-          "[",
-          time,
-          "] "
-        ] }),
-        /* @__PURE__ */ jsx6(Text4, { color: usernameColor, bold: true, children: message.username }),
-        /* @__PURE__ */ jsx6(Text4, { color: "gray", children: " \u2192" })
-      ] }),
-      /* @__PURE__ */ jsx6(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx6(Text4, { children: message.content }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx6(Box5, { justifyContent: "flex-start", paddingY: 0, children: /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", children: [
-    /* @__PURE__ */ jsxs5(Box5, { children: [
-      /* @__PURE__ */ jsx6(Text4, { color: "gray", children: "\u2190 " }),
-      /* @__PURE__ */ jsx6(Text4, { color: usernameColor, bold: true, children: message.username }),
-      /* @__PURE__ */ jsxs5(Text4, { color: "gray", children: [
-        " [",
-        time,
-        "]"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx6(Box5, { paddingLeft: 2, children: /* @__PURE__ */ jsx6(Text4, { children: message.content }) })
-  ] }) });
-}
-
-// src/components/MessageList.tsx
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function MessageList({
-  messages,
-  currentUsername,
-  typingUsers,
-  height,
-  scrollOffset,
-  isDetached
-}) {
-  const othersTyping = typingUsers.filter((u) => u !== currentUsername);
-  const visibleMessages = useMemo2(() => {
-    const linesPerMessage = 2;
-    const maxMessages = Math.floor(height / linesPerMessage);
-    const endIndex = messages.length - scrollOffset;
-    const startIndex = Math.max(0, endIndex - maxMessages);
-    return messages.slice(startIndex, endIndex);
-  }, [messages, height, scrollOffset]);
-  return /* @__PURE__ */ jsxs6(
-    Box6,
-    {
-      flexDirection: "column",
-      height,
-      paddingX: 1,
-      overflow: "hidden",
-      children: [
-        /* @__PURE__ */ jsx7(Box6, { flexGrow: 1 }),
-        messages.length === 0 ? /* @__PURE__ */ jsx7(Box6, { justifyContent: "center", paddingY: 2, children: /* @__PURE__ */ jsx7(Text5, { color: "gray", children: "No messages yet. Say hello!" }) }) : visibleMessages.map((message) => /* @__PURE__ */ jsx7(
-          MessageItem,
-          {
-            message,
-            isOwnMessage: message.username === currentUsername
-          },
-          message.id
-        )),
-        isDetached && /* @__PURE__ */ jsx7(Box6, { justifyContent: "center", children: /* @__PURE__ */ jsxs6(Text5, { color: "yellow", bold: true, children: [
-          "-- ",
-          scrollOffset,
-          " more below (\u2193 to scroll down) --"
-        ] }) }),
-        othersTyping.length > 0 && !isDetached && /* @__PURE__ */ jsx7(Box6, { paddingTop: 1, children: /* @__PURE__ */ jsx7(Text5, { color: "gray", italic: true, children: othersTyping.length === 1 ? `${othersTyping[0]} is typing...` : `${othersTyping.join(", ")} are typing...` }) })
-      ]
-    }
-  );
-}
-
-// src/components/UserList.tsx
-import { Box as Box7, Text as Text6 } from "ink";
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-function UserList({
-  users,
-  currentUsername,
-  height,
-  isPrivateChannel = false
-}) {
-  const onlineCount = users.filter((u) => u.isOnline).length;
-  const offlineCount = users.filter((u) => !u.isOnline).length;
-  const sortedUsers = [...users].sort((a, b) => {
-    if (a.username === currentUsername) return -1;
-    if (b.username === currentUsername) return 1;
-    if (a.isOnline && !b.isOnline) return -1;
-    if (!a.isOnline && b.isOnline) return 1;
-    return 0;
-  });
-  return /* @__PURE__ */ jsxs7(
-    Box7,
-    {
-      flexDirection: "column",
-      flexShrink: 0,
-      borderStyle: "single",
-      borderColor: "gray",
-      width: 24,
-      height,
-      paddingX: 1,
-      marginBottom: 1,
-      overflow: "hidden",
-      children: [
-        /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsx8(Text6, { color: "white", bold: true, children: "MEMBERS" }) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx8(Text6, { color: "green", bold: true, children: "\u25CF " }),
-          /* @__PURE__ */ jsx8(Text6, { color: "white", bold: true, children: "ONLINE USERS" })
-        ] }) }),
-        /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, children: isPrivateChannel ? /* @__PURE__ */ jsxs7(Text6, { color: "cyan", children: [
-          "[",
-          onlineCount,
-          " online]"
-        ] }) : /* @__PURE__ */ jsxs7(Text6, { color: "cyan", children: [
-          "[",
-          onlineCount,
-          " connected]"
-        ] }) }),
-        /* @__PURE__ */ jsx8(Box7, { flexDirection: "column", children: sortedUsers.map((user) => {
-          const isTruncated = user.username.length > 8;
-          const displayName = isTruncated ? user.username.substring(0, 8) : user.username;
-          return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs7(Box7, { children: [
-              /* @__PURE__ */ jsx8(Text6, { color: user.isOnline ? "green" : "gray", children: "\u25CF" }),
-              /* @__PURE__ */ jsx8(Text6, { children: " " }),
-              /* @__PURE__ */ jsxs7(Text6, { color: user.username === currentUsername ? "yellow" : "white", children: [
-                displayName,
-                isTruncated && "\u2026"
-              ] }),
-              user.username === currentUsername && /* @__PURE__ */ jsx8(Text6, { color: "gray", children: " (you)" }),
-              user.role === "admin" && /* @__PURE__ */ jsx8(Text6, { color: "yellow", children: " \u2605" })
-            ] }),
-            user.currentAgent && /* @__PURE__ */ jsx8(Box7, { marginLeft: 2, children: /* @__PURE__ */ jsxs7(Text6, { color: user.currentAgent === "claude" ? "redBright" : "cyan", children: [
-              "\u2937 Using ",
-              user.currentAgent === "claude" ? "Claude" : "Codex"
-            ] }) })
-          ] }, user.username);
-        }) })
-      ]
-    }
-  );
-}
-
-// src/components/InputBox.tsx
-import { useState as useState3, useCallback as useCallback2, useRef, useEffect as useEffect3 } from "react";
-import { Box as Box8, Text as Text7 } from "ink";
-import TextInput from "ink-text-input";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-function InputBox({
-  onSend,
-  onTypingStart,
-  onTypingStop,
-  disabled,
-  onInputChange
-}) {
-  const [value, setValue] = useState3("");
-  const [isSending, setIsSending] = useState3(false);
-  const typingTimeoutRef = useRef(null);
-  const isTypingRef = useRef(false);
-  const handleChange = useCallback2(
-    (newValue) => {
-      setValue(newValue);
-      onInputChange?.(newValue);
-      if (!isTypingRef.current && newValue.length > 0) {
-        isTypingRef.current = true;
-        onTypingStart();
-      }
-      if (typingTimeoutRef.current) {
-        clearTimeout(typingTimeoutRef.current);
-      }
-      if (newValue.length > 0) {
-        typingTimeoutRef.current = setTimeout(() => {
-          isTypingRef.current = false;
-          onTypingStop();
-        }, 2e3);
-      } else {
-        isTypingRef.current = false;
-        onTypingStop();
-      }
-    },
-    [onTypingStart, onTypingStop, onInputChange]
-  );
-  const handleSubmit = useCallback2(async () => {
-    const trimmed = value.trim();
-    if (!trimmed || disabled || isSending) return;
-    setIsSending(true);
-    if (typingTimeoutRef.current) {
-      clearTimeout(typingTimeoutRef.current);
-    }
-    isTypingRef.current = false;
-    onTypingStop();
-    try {
-      await onSend(trimmed);
-      setValue("");
-    } catch {
-    } finally {
-      setIsSending(false);
-    }
-  }, [value, disabled, isSending, onSend, onTypingStop]);
-  useEffect3(() => {
-    return () => {
-      if (typingTimeoutRef.current) {
-        clearTimeout(typingTimeoutRef.current);
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs8(
-    Box8,
-    {
-      borderStyle: "single",
-      borderColor: "gray",
-      paddingX: 1,
-      flexDirection: "column",
-      width: "100%",
-      flexShrink: 0,
-      children: [
-        /* @__PURE__ */ jsxs8(Box8, { children: [
-          /* @__PURE__ */ jsx9(Text7, { color: "cyan", children: "$ " }),
-          /* @__PURE__ */ jsx9(Box8, { flexGrow: 1, children: /* @__PURE__ */ jsx9(
-            TextInput,
-            {
-              value,
-              onChange: handleChange,
-              onSubmit: handleSubmit,
-              placeholder: disabled ? "Connecting..." : "Type a message..."
-            }
-          ) }),
-          /* @__PURE__ */ jsxs8(Text7, { color: disabled || !value.trim() ? "gray" : "green", children: [
-            " ",
-            "[SEND]"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx9(Box8, { children: /* @__PURE__ */ jsx9(Text7, { color: "gray", dimColor: true, children: "Enter to send" }) })
-      ]
-    }
-  );
-}
-
-// src/components/StatusBar.tsx
-import { Box as Box9, Text as Text8 } from "ink";
-import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
-function StatusBar({
-  connectionStatus,
-  error,
-  userCount
-}) {
-  const presenceText = connectionStatus === "connected" ? "Active" : connectionStatus === "connecting" ? "Connecting" : "Disconnected";
-  const presenceColor = connectionStatus === "connected" ? "green" : connectionStatus === "connecting" ? "yellow" : "red";
-  return /* @__PURE__ */ jsxs9(
-    Box9,
-    {
-      borderStyle: "single",
-      borderColor: "gray",
-      paddingX: 1,
-      justifyContent: "space-between",
-      width: "100%",
-      flexShrink: 0,
-      children: [
-        /* @__PURE__ */ jsx10(Box9, { children: error ? /* @__PURE__ */ jsxs9(Text8, { color: "red", children: [
-          "[Error: ",
-          error,
-          "]"
-        ] }) : /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx10(Text8, { color: "gray", children: "\u2192 Presence: " }),
-          /* @__PURE__ */ jsx10(Text8, { color: presenceColor, children: presenceText })
-        ] }) }),
-        /* @__PURE__ */ jsxs9(Box9, { children: [
-          /* @__PURE__ */ jsx10(Text8, { color: "gray", children: "Users: " }),
-          /* @__PURE__ */ jsx10(Text8, { color: "cyan", children: userCount }),
-          /* @__PURE__ */ jsx10(Text8, { color: "gray", children: " | \u2191/\u2193 scroll | Ctrl+E users | Ctrl+C exit" })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/components/ToolTip.tsx
-import { Box as Box10, Text as Text9 } from "ink";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
-var ToolTip = ({ tips, type }) => {
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", paddingX: 1, children: [
-    /* @__PURE__ */ jsx11(Text9, { children: " " }),
-    type === "Command" && tips.map((tip) => /* @__PURE__ */ jsxs10(Text9, { color: "gray", children: [
-      /* @__PURE__ */ jsx11(Text9, { color: "cyan", children: tip.syntax }),
-      " - ",
-      tip.description
-    ] }, tip.name)),
-    type === "User" && tips.map((suggestion) => /* @__PURE__ */ jsx11(Text9, { color: "gray", children: /* @__PURE__ */ jsx11(Text9, { color: "cyan", children: suggestion }) }, suggestion))
-  ] });
-};
-
-// src/hooks/use-command-input.ts
-import { useMemo as useMemo4, useState as useState5 } from "react";
-
-// src/lib/commands.ts
-var parameterValidators = {
-  username: (value, param, ctx) => {
-    const p = param;
-    if (p.source === "search") {
-      if (!value.startsWith(p.prefix)) {
-        return {
-          isValid: false,
-          error: `Must start with ${p.prefix}`,
-          suggestions: []
-        };
-      }
-      const username2 = value.substring(p.prefix.length);
-      const results = ctx.asyncSearchResults || [];
-      if (!username2) {
-        return {
-          isValid: false,
-          error: "Username required",
-          suggestions: results.map((r) => `${p.prefix}${r.username}`)
-        };
-      }
-      const matching = results.filter(
-        (r) => r.username.toLowerCase().startsWith(username2.toLowerCase())
-      );
-      const exactMatch2 = results.find(
-        (r) => r.username.toLowerCase() === username2.toLowerCase()
-      );
-      return {
-        isValid: results.length > 0 && !!exactMatch2,
-        error: results.length === 0 ? "User not found" : exactMatch2 ? void 0 : "User not found",
-        suggestions: matching.map((r) => `${p.prefix}${r.username}`)
-      };
-    }
-    const getUserList = () => {
-      switch (p.source) {
-        case "subscribed_without_self":
-          return ctx.subscribedUsers.filter((u) => u.username !== ctx.currentUsername);
-        case "not_subscribed": {
-          const subscribedIds = new Set(ctx.subscribedUsers.map((u) => u.user_id));
-          return ctx.presentUsers.filter((u) => !subscribedIds.has(u.user_id));
-        }
-        case "all":
-        default:
-          return ctx.presentUsers;
-      }
-    };
-    const users = getUserList();
-    if (!value.startsWith(p.prefix)) {
-      return {
-        isValid: false,
-        error: `Must start with ${p.prefix}`,
-        suggestions: users.map((u) => `${p.prefix}${u.username}`)
-      };
-    }
-    const username = value.substring(p.prefix.length);
-    if (!username) {
-      return {
-        isValid: false,
-        error: "Username required",
-        suggestions: users.map((u) => `${p.prefix}${u.username}`)
-      };
-    }
-    const matchingUsers = users.filter(
-      (u) => u.username.toLowerCase().startsWith(username.toLowerCase())
-    );
-    const exactMatch = users.find(
-      (u) => u.username.toLowerCase() === username.toLowerCase()
-    );
-    return {
-      isValid: !!exactMatch,
-      error: exactMatch ? void 0 : "User not found",
-      suggestions: matchingUsers.map((u) => `${p.prefix}${u.username}`)
-    };
-  },
-  text: (value, param) => {
-    const p = param;
-    if (p.minLength && value.length < p.minLength) {
-      return { isValid: false, error: `Minimum ${p.minLength} characters` };
-    }
-    if (p.maxLength && value.length > p.maxLength) {
-      return { isValid: false, error: `Maximum ${p.maxLength} characters` };
-    }
-    return { isValid: true };
-  },
-  number: (value, param) => {
-    const p = param;
-    const num = Number(value);
-    if (isNaN(num)) {
-      return { isValid: false, error: "Must be a number" };
-    }
-    if (p.min !== void 0 && num < p.min) {
-      return { isValid: false, error: `Minimum value is ${p.min}` };
-    }
-    if (p.max !== void 0 && num > p.max) {
-      return { isValid: false, error: `Maximum value is ${p.max}` };
-    }
-    return { isValid: true };
-  },
-  choice: (value, param) => {
-    const p = param;
-    const matching = p.choices.filter(
-      (c) => c.toLowerCase().startsWith(value.toLowerCase())
-    );
-    const exactMatch = p.choices.find(
-      (c) => c.toLowerCase() === value.toLowerCase()
-    );
-    return {
-      isValid: !!exactMatch,
-      error: exactMatch ? void 0 : `Must be one of: ${p.choices.join(", ")}`,
-      suggestions: matching
-    };
-  }
-};
-var COMMANDS = [
-  {
-    name: "/invite",
-    syntax: "/invite @user",
-    description: "Invite a user to join the channel",
-    privateOnly: true,
-    adminOnly: true,
-    parameters: [
-      { name: "user", type: "username", required: true, prefix: "@", source: "search" }
-    ],
-    eventType: "invite_user"
-  },
-  {
-    name: "/remove",
-    syntax: "/remove @user",
-    description: "Remove a user from the channel",
-    privateOnly: true,
-    adminOnly: true,
-    parameters: [
-      { name: "user", type: "username", required: true, prefix: "@", source: "subscribed_without_self" }
-    ],
-    eventType: "remove_user"
-  }
-  // Easy to add more commands:
-  // {
-  //   name: "/topic",
-  //   syntax: "/topic <text>",
-  //   description: "Set the channel topic",
-  //   privateOnly: false,
-  //   parameters: [
-  //     { name: "topic", type: "text", required: true, minLength: 1, maxLength: 200 },
-  //   ],
-  //   eventType: "set_topic",
-  // },
-];
-
-// src/lib/command-parser.ts
-function parseCommandInput(input, commands, ctx) {
-  const empty = {
-    command: null,
-    phase: "none",
-    parameterValues: /* @__PURE__ */ new Map(),
-    parameterResults: /* @__PURE__ */ new Map(),
-    isValid: true
-  };
-  if (!input.startsWith("/")) {
-    return empty;
-  }
-  const spaceIndex = input.indexOf(" ");
-  const commandText = spaceIndex === -1 ? input : input.substring(0, spaceIndex);
-  const command = commands.find((cmd) => cmd.name === commandText);
-  if (!command) {
-    return {
-      ...empty,
-      phase: "command"
-    };
-  }
-  if (spaceIndex === -1) {
-    const hasRequiredParams = command.parameters.some((p) => p.required);
-    return {
-      command,
-      phase: "command",
-      parameterValues: /* @__PURE__ */ new Map(),
-      parameterResults: /* @__PURE__ */ new Map(),
-      isValid: !hasRequiredParams
-      // Valid only if no required params
-    };
-  }
-  const paramInput = input.substring(spaceIndex + 1);
-  const parameterValues = /* @__PURE__ */ new Map();
-  const parameterResults = /* @__PURE__ */ new Map();
-  if (command.parameters.length > 0) {
-    const param = command.parameters[0];
-    parameterValues.set(param.name, paramInput);
-    if (paramInput) {
-      const result = parameterValidators[param.type](paramInput, param, ctx);
-      parameterResults.set(param.name, result);
-    }
-  }
-  let isValid = true;
-  let error;
-  for (const param of command.parameters) {
-    const value = parameterValues.get(param.name) || "";
-    const result = parameterResults.get(param.name);
-    if (param.required && !value) {
-      isValid = false;
-      error = `${param.name} is required`;
-      break;
-    }
-    if (value && result && !result.isValid) {
-      isValid = false;
-      error = result.error;
-      break;
-    }
-  }
-  return {
-    command,
-    phase: "parameter",
-    parameterValues,
-    parameterResults,
-    isValid,
-    error
-  };
-}
-function getSuggestions(input, commands, parsed) {
-  if (parsed.phase === "command" || input.startsWith("/") && !parsed.command) {
-    const filtered = commands.filter((cmd) => {
-      if (input.length > 1) {
-        return cmd.name.startsWith(input.split(" ")[0]);
-      }
-      return true;
-    });
-    if (filtered.length > 0) {
-      return { type: "commands", commands: filtered };
-    }
-    return null;
-  }
-  if (parsed.phase === "parameter" && parsed.command) {
-    const param = parsed.command.parameters[0];
-    if (param) {
-      const result = parsed.parameterResults.get(param.name);
-      if (result?.suggestions && result.suggestions.length > 0) {
-        return {
-          type: "parameter",
-          parameterSuggestions: result.suggestions,
-          parameterName: param.name
-        };
-      }
-    }
-  }
-  return null;
-}
-function extractCommandPayload(parsed, ctx) {
-  if (!parsed.command || !parsed.isValid) {
-    return null;
-  }
-  const data = {};
-  for (const param of parsed.command.parameters) {
-    const value = parsed.parameterValues.get(param.name);
-    if (!value) continue;
-    switch (param.type) {
-      case "username": {
-        const p = param;
-        const username = value.substring(p.prefix.length);
-        let user;
-        if (p.source === "search" && ctx.asyncSearchResults) {
-          user = ctx.asyncSearchResults.find(
-            (u) => u.username.toLowerCase() === username.toLowerCase()
-          );
-        }
-        if (!user) {
-          const presentUsers = [...ctx.presentUsers, ...ctx.subscribedUsers];
-          user = presentUsers.find(
-            (u) => u.username.toLowerCase() === username.toLowerCase()
-          );
-        }
-        data.username = user?.username || username;
-        data.user_id = user?.user_id;
-        break;
-      }
-      case "text":
-        data[param.name] = value;
-        break;
-      case "number":
-        data[param.name] = Number(value);
-        break;
-      case "choice":
-        data[param.name] = value;
-        break;
-    }
-  }
-  return {
-    eventType: parsed.command.eventType,
-    data
-  };
-}
-
-// src/hooks/use-user-search.ts
-import { useState as useState4, useEffect as useEffect4, useMemo as useMemo3, useRef as useRef2 } from "react";
-
-// src/lib/chat-client.ts
-import { Socket } from "phoenix";
-if (typeof globalThis.WebSocket === "undefined") {
-  throw new Error(
-    "WebSocket is not available. Load the ws polyfill before ChatClient."
-  );
-}
-async function fetchChannels(wsUrl, token) {
-  const backendUrl = wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-  const url = `${backendUrl}/api/channels`;
-  const response = await fetch(url, {
-    headers: {
-      Authorization: `Bearer ${token}`
-    }
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to fetch channels: ${response.status}`);
-  }
-  return response.json();
-}
-async function fetchUnreadCounts(wsUrl, token) {
-  const backendUrl = wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-  const url = `${backendUrl}/api/unread-counts`;
-  const response = await fetch(url, {
-    headers: {
-      Authorization: `Bearer ${token}`
-    }
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to fetch unread counts: ${response.status}`);
-  }
-  const data = await response.json();
-  return data.unread_counts || {};
-}
-async function searchUsers(wsUrl, token, startsWith, channelSlug, limit = 20) {
-  const backendUrl = wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-  const encodedStartsWith = encodeURIComponent(startsWith);
-  const params = new URLSearchParams({
-    startsWith: encodedStartsWith,
-    limit: limit.toString()
-  });
-  if (channelSlug) {
-    params.append("channel_slug", encodeURIComponent(channelSlug));
-  }
-  const url = `${backendUrl}/api/users/search?${params.toString()}`;
-  const response = await fetch(url, {
-    headers: {
-      Authorization: `Bearer ${token}`
-    }
-  });
-  if (!response.ok) {
-    throw new Error(`Failed to search users: ${response.status}`);
-  }
-  return response.json();
-}
-async function createChannel(wsUrl, token, name, description) {
-  const backendUrl = wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-  const url = `${backendUrl}/api/channels`;
-  const body = { name };
-  if (description) {
-    body.description = description;
-  }
-  const response = await fetch(url, {
-    method: "POST",
-    headers: {
-      Authorization: `Bearer ${token}`,
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify(body)
-  });
-  if (!response.ok) {
-    const data = await response.json();
-    throw new Error(data.error || `Failed to create channel: ${response.status}`);
-  }
-  return response.json();
-}
-
-// src/lib/debounce.ts
-function debounce(func, wait) {
-  let timeout = null;
-  return (...args) => {
-    if (timeout) clearTimeout(timeout);
-    timeout = setTimeout(() => func(...args), wait);
-  };
-}
-
-// src/hooks/use-user-search.ts
-function useUserSearch(token, query, channelSlug) {
-  const [suggestions, setSuggestions] = useState4([]);
-  const [results, setResults] = useState4([]);
-  const [isLoading, setIsLoading] = useState4(false);
-  const cacheRef = useRef2(/* @__PURE__ */ new Map());
-  const { wsUrl } = getConfig();
-  const debouncedSearch = useMemo3(
-    () => debounce(async (q, slug) => {
-      if (!token) return;
-      const cacheKey = `${q}:${slug}`;
-      if (cacheRef.current.has(cacheKey)) {
-        const cached = cacheRef.current.get(cacheKey);
-        setResults(cached);
-        setSuggestions(cached.map((u) => `@${u.username}`));
-        return;
-      }
-      setIsLoading(true);
-      try {
-        const result = await searchUsers(wsUrl, token, q, slug);
-        cacheRef.current.set(cacheKey, result.users);
-        setResults(result.users);
-        setSuggestions(result.users.map((u) => `@${u.username}`));
-      } catch (err) {
-        console.error("User search failed:", err);
-        setResults([]);
-        setSuggestions([]);
-      } finally {
-        setIsLoading(false);
-      }
-    }, 300),
-    [wsUrl, token]
-  );
-  useEffect4(() => {
-    if (query && query.length > 0 && channelSlug) {
-      debouncedSearch(query, channelSlug);
-    } else {
-      setResults([]);
-      setSuggestions([]);
-      cacheRef.current.clear();
-    }
-  }, [query, channelSlug, debouncedSearch]);
-  return { suggestions, results, isLoading };
-}
-
-// src/hooks/use-command-input.ts
-function useCommandInput({
-  token,
-  currentChannel,
-  isPrivateChannel,
-  connectionStatus,
-  username,
-  users,
-  subscribers,
-  onSendMessage,
-  onCommandSend
-}) {
-  const [inputValue, setInputValue] = useState5("");
-  const isChannelAdmin = useMemo4(
-    () => subscribers.some((s) => s.username === username && s.role === "admin"),
-    [subscribers, username]
-  );
-  const availableCommands = useMemo4(
-    () => COMMANDS.filter((cmd) => {
-      if (cmd.privateOnly && !isPrivateChannel) return false;
-      if (cmd.adminOnly && !isChannelAdmin) return false;
-      return true;
-    }),
-    [isPrivateChannel, isChannelAdmin]
-  );
-  const baseContext = useMemo4(
-    () => ({
-      presentUsers: users.map((u) => ({ username: u.username, user_id: u.user_id })),
-      subscribedUsers: subscribers.map((s) => ({ username: s.username, user_id: s.user_id })),
-      currentUsername: username
-    }),
-    [users, subscribers, username]
-  );
-  const parsedWithoutAsync = useMemo4(
-    () => parseCommandInput(inputValue, availableCommands, baseContext),
-    [inputValue, availableCommands, baseContext]
-  );
-  const inviteQuery = useMemo4(() => {
-    if (parsedWithoutAsync.command?.name === "/invite" && parsedWithoutAsync.phase === "parameter") {
-      const raw = parsedWithoutAsync.parameterValues.get("user") || "";
-      return raw.replace(/^@/, "");
-    }
-    return null;
-  }, [parsedWithoutAsync]);
-  const { suggestions: asyncSuggestions, results: asyncResults } = useUserSearch(
-    token,
-    inviteQuery,
-    isPrivateChannel ? currentChannel : null
-  );
-  const validationContext = useMemo4(
-    () => ({
-      ...baseContext,
-      asyncSearchResults: asyncResults.length > 0 ? asyncResults : void 0
-    }),
-    [baseContext, asyncResults]
-  );
-  const parsed = useMemo4(
-    () => parseCommandInput(inputValue, availableCommands, validationContext),
-    [inputValue, availableCommands, validationContext]
-  );
-  const suggestionResult = useMemo4(() => {
-    const isCommandLike = inputValue.startsWith("/") || inputValue.startsWith("?");
-    if (!isCommandLike) return null;
-    if (parsed.command?.name === "/invite" && parsed.phase === "parameter" && asyncSuggestions.length) {
-      return { type: "parameter", parameterSuggestions: asyncSuggestions };
-    }
-    return getSuggestions(inputValue, availableCommands, parsed);
-  }, [inputValue, availableCommands, parsed, asyncSuggestions]);
-  const tooltip = useMemo4(() => {
-    if (!suggestionResult) {
-      return { show: false, tips: [], type: "Command", height: 0 };
-    }
-    if (suggestionResult.type === "commands" && suggestionResult.commands) {
-      const tips = suggestionResult.commands;
-      return { show: true, tips, type: "Command", height: tips.length + 1 };
-    }
-    if (suggestionResult.type === "parameter" && suggestionResult.parameterSuggestions) {
-      const tips = suggestionResult.parameterSuggestions;
-      return { show: true, tips, type: "User", height: tips.length + 1 };
-    }
-    return { show: false, tips: [], type: "Command", height: 0 };
-  }, [suggestionResult]);
-  const isInputDisabled = connectionStatus !== "connected" || parsed.command !== null && !parsed.isValid;
-  const handleInputChange = (value) => {
-    setInputValue(value);
-  };
-  const handleSubmit = async (text) => {
-    const parsedForSend = parseCommandInput(text, availableCommands, {
-      ...validationContext,
-      asyncSearchResults: asyncResults.length > 0 ? asyncResults : void 0
-    });
-    if (parsedForSend.command && parsedForSend.isValid) {
-      const payload = extractCommandPayload(parsedForSend, validationContext);
-      if (payload) {
-        await onCommandSend(payload.eventType, payload.data);
-        setInputValue("");
-        return;
-      }
-    }
-    await onSendMessage(text);
-    setInputValue("");
-  };
-  return {
-    inputValue,
-    parsed,
-    tooltip,
-    isInputDisabled,
-    handleInputChange,
-    handleSubmit
-  };
-}
-
-// src/components/ChatView.tsx
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-function ChatView({
-  terminalSize,
-  currentChannel,
-  channelName,
-  channelDescription,
-  connectionStatus,
-  username,
-  onLogout,
-  messages,
-  typingUsers,
-  middleSectionHeight,
-  scrollOffset,
-  isDetached,
-  showUserList,
-  users,
-  subscribers,
-  isPrivateChannel = false,
-  topPadding = 0,
-  onSend,
-  onTypingStart,
-  onTypingStop,
-  onCommandSend,
-  error,
-  token
-}) {
-  const { stdout } = useStdout3();
-  const { tooltip, isInputDisabled, handleInputChange, handleSubmit } = useCommandInput({
-    token,
-    currentChannel,
-    isPrivateChannel,
-    connectionStatus,
-    username,
-    users,
-    subscribers,
-    onSendMessage: onSend,
-    onCommandSend
-  });
-  const displayName = channelName || currentChannel;
-  const displayText = channelDescription ? `${displayName} - ${channelDescription}` : displayName;
-  useEffect5(() => {
-    if (!stdout) return;
-    const prefix = connectionStatus === "connected" ? "\u2022 " : "";
-    stdout.write(`\x1B]0;${prefix}#${displayName}\x07`);
-  }, [stdout, connectionStatus, displayName]);
-  return /* @__PURE__ */ jsxs11(Layout, { width: terminalSize.columns, height: terminalSize.rows, topPadding, children: [
-    /* @__PURE__ */ jsx12(Layout.Header, { children: /* @__PURE__ */ jsx12(
-      Header,
-      {
-        username,
-        roomName: currentChannel,
-        connectionStatus,
-        onLogout,
-        title: /* @__PURE__ */ jsxs11(Fragment6, { children: [
-          /* @__PURE__ */ jsx12(Text10, { color: "gray", children: "\u2190 Menu " }),
-          /* @__PURE__ */ jsx12(Text10, { color: "gray", dimColor: true, children: "[CTRL+Q]" }),
-          /* @__PURE__ */ jsx12(Text10, { color: "gray", children: " | " }),
-          /* @__PURE__ */ jsxs11(Text10, { color: "cyan", bold: true, children: [
-            "#",
-            displayText
-          ] })
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsxs11(Layout.Content, { children: [
-      /* @__PURE__ */ jsxs11(
-        Box11,
-        {
-          flexDirection: "row",
-          height: Math.max(1, middleSectionHeight - tooltip.height),
-          overflow: "hidden",
-          children: [
-            /* @__PURE__ */ jsx12(Box11, { flexGrow: 1, flexDirection: "column", overflow: "hidden", children: /* @__PURE__ */ jsx12(
-              MessageList,
-              {
-                messages,
-                currentUsername: username,
-                typingUsers,
-                height: Math.max(1, middleSectionHeight - tooltip.height),
-                scrollOffset,
-                isDetached
-              }
-            ) }),
-            showUserList && /* @__PURE__ */ jsx12(
-              UserList,
-              {
-                users,
-                currentUsername: username,
-                height: Math.max(1, middleSectionHeight - tooltip.height - 2),
-                isPrivateChannel
-              }
-            )
-          ]
-        }
-      ),
-      tooltip.show && tooltip.tips.length > 0 && /* @__PURE__ */ jsx12(ToolTip, { tips: tooltip.tips, type: tooltip.type }),
-      /* @__PURE__ */ jsx12(
-        InputBox,
-        {
-          onSend: handleSubmit,
-          onTypingStart,
-          onTypingStop,
-          onInputChange: handleInputChange,
-          disabled: isInputDisabled
-        }
-      ),
-      /* @__PURE__ */ jsx12(
-        StatusBar,
-        {
-          connectionStatus,
-          error,
-          userCount: users.length
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/components/CreateChannelScreen.tsx
-import { useState as useState6, useEffect as useEffect6 } from "react";
-import { Box as Box12, Text as Text11, useInput as useInput4, useStdout as useStdout4 } from "ink";
-import TextInput2 from "ink-text-input";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function CreateChannelScreen({
-  width,
-  height,
-  username,
-  connectionStatus,
-  onLogout,
-  onCreateChannel,
-  topPadding = 0
-}) {
-  const { stdout } = useStdout4();
-  const { navigate } = useNavigation();
-  const [name, setName] = useState6("");
-  const [description, setDescription] = useState6("");
-  const [activeField, setActiveField] = useState6("name");
-  const [isSubmitting, setIsSubmitting] = useState6(false);
-  const [error, setError] = useState6(null);
-  useEffect6(() => {
-    if (!stdout) return;
-    stdout.write(`\x1B]0;Create Channel\x07`);
-  }, [stdout]);
-  useInput4((input, key) => {
-    if (key.escape) {
-      navigate("menu");
-      return;
-    }
-    if (key.tab && !key.shift) {
-      setActiveField((prev) => {
-        if (prev === "name") return "description";
-        if (prev === "description") return "submit";
-        return "name";
-      });
-      return;
-    }
-    if (key.tab && key.shift) {
-      setActiveField((prev) => {
-        if (prev === "submit") return "description";
-        if (prev === "description") return "name";
-        return "submit";
-      });
-      return;
-    }
-    if (key.downArrow) {
-      setActiveField((prev) => {
-        if (prev === "name") return "description";
-        if (prev === "description") return "submit";
-        return prev;
-      });
-      return;
-    }
-    if (key.upArrow) {
-      setActiveField((prev) => {
-        if (prev === "submit") return "description";
-        if (prev === "description") return "name";
-        return prev;
-      });
-      return;
-    }
-    if (key.return && activeField === "submit" && !isSubmitting) {
-      handleSubmit();
-    }
-  });
-  const handleSubmit = async () => {
-    if (!name.trim()) {
-      setError("Channel name is required");
-      return;
-    }
-    setError(null);
-    setIsSubmitting(true);
-    try {
-      await onCreateChannel(name.trim(), description.trim());
-      navigate("menu");
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to create channel");
-      setIsSubmitting(false);
-    }
-  };
-  const headerHeight = 3;
-  const contentHeight = height - topPadding - headerHeight;
-  return /* @__PURE__ */ jsxs12(Layout, { width, height, topPadding, children: [
-    /* @__PURE__ */ jsx13(Layout.Header, { children: /* @__PURE__ */ jsx13(
-      Header,
-      {
-        username,
-        roomName: "Create Channel",
-        connectionStatus,
-        onLogout,
-        title: /* @__PURE__ */ jsx13(Text11, { bold: true, color: "cyan", children: "Create New Private Channel" }),
-        showStatus: false
-      }
-    ) }),
-    /* @__PURE__ */ jsx13(Layout.Content, { children: /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", height: contentHeight, padding: 2, children: [
-      /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx13(Box12, { marginBottom: 0, children: /* @__PURE__ */ jsxs12(Text11, { bold: true, color: activeField === "name" ? "green" : "white", children: [
-          "Channel Name ",
-          activeField === "name" ? "(editing)" : ""
-        ] }) }),
-        /* @__PURE__ */ jsx13(
-          Box12,
-          {
-            borderStyle: "single",
-            borderColor: activeField === "name" ? "green" : "gray",
-            paddingX: 1,
-            children: activeField === "name" ? /* @__PURE__ */ jsx13(
-              TextInput2,
-              {
-                value: name,
-                onChange: setName,
-                placeholder: "Enter channel name..."
-              }
-            ) : /* @__PURE__ */ jsx13(Text11, { color: name ? "white" : "gray", children: name || "Enter channel name..." })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs12(Box12, { flexDirection: "column", marginBottom: 1, children: [
-        /* @__PURE__ */ jsx13(Box12, { marginBottom: 0, children: /* @__PURE__ */ jsxs12(Text11, { bold: true, color: activeField === "description" ? "green" : "white", children: [
-          "Description (optional) ",
-          activeField === "description" ? "(editing)" : ""
-        ] }) }),
-        /* @__PURE__ */ jsx13(
-          Box12,
-          {
-            borderStyle: "single",
-            borderColor: activeField === "description" ? "green" : "gray",
-            paddingX: 1,
-            children: activeField === "description" ? /* @__PURE__ */ jsx13(
-              TextInput2,
-              {
-                value: description,
-                onChange: setDescription,
-                placeholder: "Enter channel description..."
-              }
-            ) : /* @__PURE__ */ jsx13(Text11, { color: description ? "white" : "gray", children: description || "Enter channel description..." })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsxs12(
-        Text11,
-        {
-          color: activeField === "submit" ? "green" : "white",
-          bold: activeField === "submit",
-          children: [
-            activeField === "submit" ? "> " : "  ",
-            "[",
-            isSubmitting ? "Creating..." : "Create Channel",
-            "]"
-          ]
-        }
-      ) }),
-      error && /* @__PURE__ */ jsx13(Box12, { marginTop: 1, children: /* @__PURE__ */ jsx13(Text11, { color: "red", children: error }) }),
-      /* @__PURE__ */ jsx13(Box12, { flexGrow: 1 }),
-      /* @__PURE__ */ jsxs12(
-        Box12,
-        {
-          flexDirection: "column",
-          borderStyle: "single",
-          borderColor: "gray",
-          paddingX: 1,
-          children: [
-            /* @__PURE__ */ jsxs12(Text11, { color: "gray", children: [
-              /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "Tab/Down" }),
-              " Next field"
-            ] }),
-            /* @__PURE__ */ jsxs12(Text11, { color: "gray", children: [
-              /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "Shift+Tab/Up" }),
-              " Previous field"
-            ] }),
-            /* @__PURE__ */ jsxs12(Text11, { color: "gray", children: [
-              /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "Enter" }),
-              " Submit (when on button)"
-            ] }),
-            /* @__PURE__ */ jsxs12(Text11, { color: "gray", children: [
-              /* @__PURE__ */ jsx13(Text11, { color: "cyan", children: "ESC" }),
-              " Back to menu"
-            ] })
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-
-// src/hooks/use-multi-channel-chat.ts
-import { useState as useState7, useCallback as useCallback3, useRef as useRef3, useEffect as useEffect7 } from "react";
-
-// src/lib/channel-manager.ts
-import { Socket as Socket2 } from "phoenix";
-if (typeof globalThis.WebSocket === "undefined") {
-  throw new Error(
-    "WebSocket is not available. Load the ws polyfill before ChannelManager."
-  );
-}
-function extractTimestampFromUUIDv7(uuid) {
-  const hex = uuid.replace(/-/g, "").slice(0, 12);
-  const ms = parseInt(hex, 16);
-  return new Date(ms).toISOString();
-}
-var MAX_REALTIME_MESSAGES_PER_CHANNEL = 100;
-var ChannelManager = class {
-  socket = null;
-  channelStates = /* @__PURE__ */ new Map();
-  callbacks;
-  wsUrl;
-  token;
-  connectionStatus = "disconnected";
-  currentActiveChannel = null;
-  username = null;
-  constructor(wsUrl, token, callbacks = {}) {
-    this.wsUrl = wsUrl;
-    this.token = token;
-    this.callbacks = callbacks;
-  }
-  /**
-   * Connect to the WebSocket and initialize the socket.
-   * Does not subscribe to any channels yet - use subscribeToChannels() for that.
-   */
-  async connect() {
-    this.setConnectionStatus("connecting");
-    this.socket = new Socket2(this.wsUrl, {
-      params: { token: this.token },
-      reconnectAfterMs: (tries) => {
-        return [1e3, 2e3, 5e3, 1e4][tries - 1] || 1e4;
-      }
-    });
-    return new Promise((resolve, reject) => {
-      if (!this.socket) {
-        reject(new Error("Socket not initialized"));
-        return;
-      }
-      this.socket.onOpen(() => {
-        this.setConnectionStatus("connected");
-        resolve();
-      });
-      this.socket.onError((error) => {
-        this.setConnectionStatus("error");
-        this.callbacks.onError?.("Connection error");
-        reject(error);
-      });
-      this.socket.onClose(() => {
-        this.setConnectionStatus("disconnected");
-      });
-      this.socket.connect();
-    });
-  }
-  /**
-   * Subscribe to multiple channels simultaneously.
-   * Each channel will have its own ChannelState for tracking messages, presence, etc.
-   */
-  async subscribeToChannels(channels) {
-    if (!this.socket) {
-      throw new Error("Socket not connected. Call connect() first.");
-    }
-    const subscriptionPromises = channels.map(
-      (channel) => this.subscribeToChannel(channel.slug)
-    );
-    const results = await Promise.allSettled(subscriptionPromises);
-    results.forEach((result, index) => {
-      if (result.status === "rejected") {
-        const channelSlug = channels[index].slug;
-        console.error(`Failed to subscribe to ${channelSlug}:`, result.reason);
-        this.callbacks.onError?.(`Failed to join channel: ${channelSlug}`);
-      }
-    });
-  }
-  /**
-   * Subscribe to a single channel and setup event handlers.
-   */
-  async subscribeToChannel(channelSlug) {
-    if (!this.socket) {
-      throw new Error("Socket not connected");
-    }
-    const channel = this.socket.channel(channelSlug, {});
-    const channelState = {
-      slug: channelSlug,
-      channel,
-      presence: {},
-      typingUsers: /* @__PURE__ */ new Set(),
-      realtimeMessages: [],
-      subscribers: []
-    };
-    this.setupChannelHandlers(channel, channelSlug);
-    return new Promise((resolve, reject) => {
-      channel.join().receive("ok", (resp) => {
-        const response = resp;
-        if (response.username && !this.username) {
-          this.username = response.username;
-        }
-        this.channelStates.set(channelSlug, channelState);
-        this.callbacks.onChannelJoined?.(channelSlug, response.username || "");
-        resolve();
-      }).receive("error", (error) => {
-        const errorMsg = `Failed to join channel: ${channelSlug}`;
-        this.callbacks.onError?.(errorMsg);
-        reject(error);
-      }).receive("timeout", () => {
-        const errorMsg = `Timeout joining channel: ${channelSlug}`;
-        this.callbacks.onError?.(errorMsg);
-        reject(new Error("timeout"));
-      });
-    });
-  }
-  /**
-   * Setup event handlers for a specific channel.
-   * Handlers route events to the correct channel state and callbacks.
-   */
-  setupChannelHandlers(channel, channelSlug) {
-    channel.on("new_message", (payload) => {
-      const msg = payload;
-      const message = {
-        ...msg,
-        timestamp: extractTimestampFromUUIDv7(msg.id)
-      };
-      if (channelSlug === this.currentActiveChannel) {
-        this.callbacks.onMessage?.(channelSlug, message);
-      } else {
-        const state = this.channelStates.get(channelSlug);
-        if (state) {
-          state.realtimeMessages.push(message);
-          if (state.realtimeMessages.length > MAX_REALTIME_MESSAGES_PER_CHANNEL) {
-            state.realtimeMessages.shift();
-          }
-        }
-      }
-    });
-    channel.on("presence_state", (payload) => {
-      const state = payload;
-      const channelState = this.channelStates.get(channelSlug);
-      if (channelState) {
-        channelState.presence = state;
-      }
-      if (channelSlug === this.currentActiveChannel) {
-        this.callbacks.onPresenceState?.(channelSlug, state);
-      }
-    });
-    channel.on("presence_diff", (payload) => {
-      const diff = payload;
-      const channelState = this.channelStates.get(channelSlug);
-      if (channelState) {
-        const next = { ...channelState.presence };
-        Object.keys(diff.leaves).forEach((username) => {
-          delete next[username];
-        });
-        Object.entries(diff.joins).forEach(([username, data]) => {
-          next[username] = data;
-        });
-        channelState.presence = next;
-      }
-      if (channelSlug === this.currentActiveChannel) {
-        this.callbacks.onPresenceDiff?.(channelSlug, diff);
-      }
-    });
-    channel.on("user_typing_start", (payload) => {
-      const { username } = payload;
-      const channelState = this.channelStates.get(channelSlug);
-      if (channelState) {
-        channelState.typingUsers.add(username);
-      }
-      if (channelSlug === this.currentActiveChannel) {
-        this.callbacks.onUserTyping?.(channelSlug, username, true);
-      }
-    });
-    channel.on("user_typing_stop", (payload) => {
-      const { username } = payload;
-      const channelState = this.channelStates.get(channelSlug);
-      if (channelState) {
-        channelState.typingUsers.delete(username);
-      }
-      if (channelSlug === this.currentActiveChannel) {
-        this.callbacks.onUserTyping?.(channelSlug, username, false);
-      }
-    });
-    channel.on("user_invited", (payload) => {
-      const { user_id, username, role, invited_by } = payload;
-      if (username === this.username) {
-        this.callbacks.onInvitedToChannel?.(channelSlug, invited_by);
-      } else {
-        const channelState = this.channelStates.get(channelSlug);
-        if (channelState) {
-          const exists = channelState.subscribers.some((s) => s.user_id === user_id);
-          if (!exists) {
-            channelState.subscribers.push({ user_id, username, role });
-          }
-        }
-        if (channelSlug === this.currentActiveChannel) {
-          this.callbacks.onUserInvitedToChannel?.(channelSlug, username, user_id, invited_by);
-        }
-      }
-    });
-    channel.on("user_removed", (payload) => {
-      const { user_id, username, removed_by } = payload;
-      if (username === this.username) {
-        channel.leave();
-        this.channelStates.delete(channelSlug);
-        this.callbacks.onRemovedFromChannel?.(channelSlug, removed_by);
-      } else {
-        const channelState = this.channelStates.get(channelSlug);
-        if (channelState) {
-          channelState.subscribers = channelState.subscribers.filter(
-            (s) => s.user_id !== user_id
-          );
-        }
-        if (channelSlug === this.currentActiveChannel) {
-          this.callbacks.onUserRemovedFromChannel?.(channelSlug, username, removed_by);
-        }
-      }
-    });
-  }
-  /**
-   * Set the currently active channel.
-   * This determines whether incoming messages are delivered immediately or buffered.
-   */
-  setActiveChannel(channelSlug) {
-    this.currentActiveChannel = channelSlug;
-  }
-  /**
-   * Fetch message history for a specific channel from the HTTP API.
-   */
-  async fetchHistory(channelSlug, limit = 50) {
-    const backendUrl = this.wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-    const encodedSlug = encodeURIComponent(channelSlug);
-    const url = `${backendUrl}/api/messages/${encodedSlug}?limit=${limit}`;
-    const response = await fetch(url, {
-      headers: {
-        Authorization: `Bearer ${this.token}`
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch message history: ${response.status}`);
-    }
-    const data = await response.json();
-    return data.messages || [];
-  }
-  /**
-   * Fetch and store subscriber list for a private channel.
-   * Only applicable to private channels.
-   */
-  async fetchSubscribers(channelSlug) {
-    if (!channelSlug.startsWith("private_room:")) {
-      return [];
-    }
-    const backendUrl = this.wsUrl.replace(/^wss:/, "https:").replace(/^ws:/, "http:").replace(/\/socket$/, "");
-    const encodedSlug = encodeURIComponent(channelSlug);
-    const url = `${backendUrl}/api/channels/${encodedSlug}/subscribers`;
-    const response = await fetch(url, {
-      headers: {
-        Authorization: `Bearer ${this.token}`
-      }
-    });
-    if (!response.ok) {
-      throw new Error(`Failed to fetch subscribers: ${response.status}`);
-    }
-    const data = await response.json();
-    const subscribers = data.subscribers || [];
-    const channelState = this.channelStates.get(channelSlug);
-    if (channelState) {
-      channelState.subscribers = subscribers;
-    }
-    return subscribers;
-  }
-  /**
-   * Get subscriber list for a specific channel.
-   */
-  getSubscribers(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    return channelState?.subscribers || [];
-  }
-  /**
-   * Send a message to a specific channel.
-   */
-  async sendMessage(channelSlug, content) {
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState) {
-      throw new Error(`Not subscribed to channel: ${channelSlug}`);
-    }
-    if (!this.socket || this.connectionStatus !== "connected") {
-      throw new Error("Connection lost");
-    }
-    const channel = channelState.channel;
-    return new Promise((resolve, reject) => {
-      channel.push("new_message", { content }).receive("ok", (resp) => {
-        const response = resp;
-        resolve(response);
-      }).receive("error", (err) => {
-        const error = err;
-        const errorMsg = error.reason || "Failed to send message";
-        this.callbacks.onError?.(errorMsg);
-        reject(new Error(errorMsg));
-      }).receive("timeout", () => {
-        const errorMsg = "Message send timeout";
-        this.callbacks.onError?.(errorMsg);
-        reject(new Error("timeout"));
-      });
-    });
-  }
-  /**
-   * Send a custom command event to a specific channel.
-   */
-  async sendCommand(channelSlug, eventType, data) {
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState) {
-      throw new Error(`Not subscribed to channel: ${channelSlug}`);
-    }
-    if (!this.socket || this.connectionStatus !== "connected") {
-      throw new Error("Connection lost");
-    }
-    const channel = channelState.channel;
-    return new Promise((resolve, reject) => {
-      channel.push(eventType, data).receive("ok", (resp) => {
-        const response = resp;
-        resolve(response);
-      }).receive("error", (err) => {
-        const error = err;
-        const errorMsg = error.reason || "Failed to send command";
-        this.callbacks.onError?.(errorMsg);
-        reject(new Error(errorMsg));
-      }).receive("timeout", () => {
-        const errorMsg = "Command send timeout";
-        this.callbacks.onError?.(errorMsg);
-        reject(new Error("timeout"));
-      });
-    });
-  }
-  /**
-   * Send typing:start event to a specific channel.
-   */
-  startTyping(channelSlug) {
-    if (this.connectionStatus !== "connected") return;
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState) return;
-    try {
-      channelState.channel.push("typing:start", {});
-    } catch {
-    }
-  }
-  /**
-   * Send typing:stop event to a specific channel.
-   */
-  stopTyping(channelSlug) {
-    if (this.connectionStatus !== "connected") return;
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState) return;
-    try {
-      channelState.channel.push("typing:stop", {});
-    } catch {
-    }
-  }
-  /**
-   * Push an event to all subscribed channels.
-   * Used for user-wide state updates like current_agent.
-   */
-  pushToAllChannels(eventType, payload) {
-    if (this.connectionStatus !== "connected") return;
-    this.channelStates.forEach((state) => {
-      try {
-        state.channel.push(eventType, payload);
-      } catch {
-      }
-    });
-  }
-  /**
-   * Get presence state for a specific channel.
-   */
-  getPresence(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    return channelState?.presence || {};
-  }
-  /**
-   * Get buffered real-time messages for a specific channel.
-   * These are messages that arrived while viewing other channels.
-   */
-  getRealtimeMessages(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    return channelState?.realtimeMessages || [];
-  }
-  /**
-   * Clear buffered real-time messages for a specific channel.
-   * Called after merging with fetched history.
-   */
-  clearRealtimeMessages(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    if (channelState) {
-      channelState.realtimeMessages = [];
-    }
-  }
-  /**
-   * Get typing users for a specific channel.
-   */
-  getTypingUsers(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    return channelState ? Array.from(channelState.typingUsers) : [];
-  }
-  /**
-   * Get the current connection status.
-   */
-  getConnectionStatus() {
-    return this.connectionStatus;
-  }
-  /**
-   * Get the username (same across all channels).
-   */
-  getUsername() {
-    return this.username;
-  }
-  /**
-   * Check if connected.
-   */
-  isConnected() {
-    return this.connectionStatus === "connected" && !!this.socket;
-  }
-  /**
-   * Mark current channel as read via WebSocket.
-   * Sends "mark_as_read" event to update last_seen to current seq_no.
-   * Gracefully handles disconnected channels (returns silently during shutdown).
-   */
-  async markChannelAsRead(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState || !channelState.channel) {
-      return;
-    }
-    return new Promise((resolve, reject) => {
-      channelState.channel.push("mark_as_read", {}).receive("ok", (response) => {
-        console.log(`Marked ${channelSlug} as read`, response);
-        resolve();
-      }).receive("error", (err) => {
-        console.error(`Failed to mark ${channelSlug} as read:`, err);
-        reject(err);
-      }).receive("timeout", () => {
-        console.error(`Timeout marking ${channelSlug} as read`);
-        reject(new Error("timeout"));
-      });
-    });
-  }
-  /**
-   * Mark all messages in channel as read (used when first joining).
-   * Gracefully handles disconnected channels (returns silently during shutdown).
-   */
-  async markAllMessagesAsRead(channelSlug) {
-    const channelState = this.channelStates.get(channelSlug);
-    if (!channelState || !channelState.channel) {
-      return;
-    }
-    return new Promise((resolve, reject) => {
-      channelState.channel.push("mark_all_read", {}).receive("ok", (response) => {
-        console.log(`Marked all in ${channelSlug} as read`, response);
-        resolve();
-      }).receive("error", (err) => {
-        console.error(`Failed to mark all as read in ${channelSlug}:`, err);
-        reject(err);
-      }).receive("timeout", () => {
-        console.error(`Timeout marking all as read in ${channelSlug}`);
-        reject(new Error("timeout"));
-      });
-    });
-  }
-  /**
-   * Disconnect from all channels and close the socket.
-   */
-  disconnect() {
-    this.channelStates.forEach((state) => {
-      try {
-        state.channel.leave();
-      } catch {
-      }
-    });
-    if (this.socket) {
-      this.socket.disconnect();
-      this.socket = null;
-    }
-    this.channelStates.clear();
-    this.currentActiveChannel = null;
-    this.username = null;
-    this.setConnectionStatus("disconnected");
-  }
-  /**
-   * Set connection status and notify callback.
-   */
-  setConnectionStatus(status) {
-    this.connectionStatus = status;
-    this.callbacks.onConnectionChange?.(status);
-  }
-};
-
-// src/hooks/use-multi-channel-chat.ts
-function useMultiChannelChat(token, currentChannel, onChannelListChanged) {
-  const [messages, setMessages] = useState7([]);
-  const [connectionStatus, setConnectionStatus] = useState7("disconnected");
-  const [username, setUsername] = useState7(null);
-  const [error, setError] = useState7(null);
-  const [typingUsers, setTypingUsers] = useState7([]);
-  const [presenceState, setPresenceState] = useState7({});
-  const [subscribers, setSubscribers] = useState7([]);
-  const managerRef = useRef3(null);
-  const prevChannelRef = useRef3(null);
-  const isLoadingHistory = useRef3(false);
-  useEffect7(() => {
-    if (!token) {
-      if (managerRef.current) {
-        managerRef.current.disconnect();
-        managerRef.current = null;
-      }
-      return;
-    }
-    if (managerRef.current) {
-      return;
-    }
-    const config = getConfig();
-    const manager = new ChannelManager(
-      config.wsUrl,
-      token,
-      {
-        onMessage: (channelSlug, message) => {
-          setMessages((prev) => [...prev, message]);
-        },
-        onPresenceState: (channelSlug, state) => {
-          setPresenceState(state);
-        },
-        onPresenceDiff: (channelSlug, diff) => {
-          setPresenceState((prev) => {
-            const next = { ...prev };
-            Object.keys(diff.leaves).forEach((username2) => {
-              delete next[username2];
-            });
-            Object.entries(diff.joins).forEach(([username2, data]) => {
-              next[username2] = data;
-            });
-            return next;
-          });
-        },
-        onUserTyping: (channelSlug, username2, typing) => {
-          setTypingUsers((prev) => {
-            if (typing) {
-              return prev.includes(username2) ? prev : [...prev, username2];
-            } else {
-              return prev.filter((u) => u !== username2);
-            }
-          });
-        },
-        onConnectionChange: (status) => {
-          setConnectionStatus(status);
-          if (status === "disconnected" || status === "error") {
-            setError(null);
-          }
-        },
-        onError: (err) => {
-          setError(err);
-        },
-        onChannelJoined: (channelSlug, joinedUsername) => {
-          if (!username) {
-            setUsername(joinedUsername);
-          }
-        },
-        onInvitedToChannel: (channelSlug, invitedBy) => {
-          if (managerRef.current) {
-            const authToken2 = token;
-            async function joinNewChannel() {
-              if (!authToken2 || !manager) return;
-              try {
-                const channelsResponse = await fetchChannels(config.wsUrl, authToken2);
-                const allChannels = [
-                  ...channelsResponse.channels.public,
-                  ...channelsResponse.channels.private
-                ];
-                const newChannel = allChannels.find((ch) => ch.slug === channelSlug);
-                if (newChannel) {
-                  await manager.subscribeToChannels([newChannel]);
-                  onChannelListChanged?.();
-                }
-              } catch (err) {
-                console.error("Failed to join new channel:", err);
-              }
-            }
-            joinNewChannel();
-          }
-        },
-        onUserInvitedToChannel: (channelSlug, invitedUsername, invitedUserId, invitedBy) => {
-          setSubscribers((prev) => {
-            const exists = prev.some((s) => s.user_id === invitedUserId);
-            if (!exists) {
-              return [...prev, { username: invitedUsername, user_id: invitedUserId, role: "member" }];
-            }
-            return prev;
-          });
-        },
-        onRemovedFromChannel: (channelSlug, removedBy) => {
-          setError(`You were removed from ${channelSlug} by ${removedBy}`);
-        },
-        onUserRemovedFromChannel: (channelSlug, removedUsername, removedBy) => {
-          setSubscribers((prev) => prev.filter((s) => s.username !== removedUsername));
-        }
-      }
-    );
-    managerRef.current = manager;
-    const authToken = token;
-    async function init() {
-      if (!authToken) {
-        return;
-      }
-      try {
-        await manager.connect();
-        const channelsResponse = await fetchChannels(config.wsUrl, authToken);
-        const allChannels = [
-          ...channelsResponse.channels.public,
-          ...channelsResponse.channels.private
-        ];
-        await manager.subscribeToChannels(allChannels);
-        setError(null);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Connection failed");
-        console.error("Failed to initialize multi-channel chat:", err);
-      }
-    }
-    init();
-    return () => {
-      if (managerRef.current) {
-        managerRef.current.disconnect();
-        managerRef.current = null;
-      }
-    };
-  }, [token]);
-  useEffect7(() => {
-    const manager = managerRef.current;
-    if (!manager || !manager.isConnected() || !currentChannel) {
-      return;
-    }
-    if (prevChannelRef.current && prevChannelRef.current !== currentChannel) {
-      manager.stopTyping(prevChannelRef.current);
-    }
-    prevChannelRef.current = currentChannel;
-    manager.setActiveChannel(currentChannel);
-    async function loadHistory() {
-      if (isLoadingHistory.current || !manager) return;
-      isLoadingHistory.current = true;
-      try {
-        const history = await manager.fetchHistory(currentChannel);
-        if (currentChannel.startsWith("private_room:")) {
-          const subs = await manager.fetchSubscribers(currentChannel);
-          setSubscribers(subs);
-        } else {
-          setSubscribers([]);
-        }
-        const realtimeMessages = manager.getRealtimeMessages(currentChannel);
-        const merged = [...history, ...realtimeMessages];
-        const seen = /* @__PURE__ */ new Set();
-        const deduplicated = merged.filter((msg) => {
-          if (seen.has(msg.id)) return false;
-          seen.add(msg.id);
-          return true;
-        });
-        deduplicated.sort((a, b) => a.timestamp.localeCompare(b.timestamp));
-        setMessages(deduplicated);
-        manager.clearRealtimeMessages(currentChannel);
-        const presence = manager.getPresence(currentChannel);
-        setPresenceState(presence);
-        const typing = manager.getTypingUsers(currentChannel);
-        setTypingUsers(typing);
-        setError(null);
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "Failed to load history");
-        console.error("Failed to load message history:", err);
-      } finally {
-        isLoadingHistory.current = false;
-      }
-    }
-    loadHistory();
-  }, [currentChannel, connectionStatus]);
-  const sendMessage = useCallback3(
-    async (content) => {
-      if (!managerRef.current) {
-        throw new Error("Not connected");
-      }
-      await managerRef.current.sendMessage(currentChannel, content);
-    },
-    [currentChannel]
-  );
-  const startTyping = useCallback3(() => {
-    managerRef.current?.startTyping(currentChannel);
-  }, [currentChannel]);
-  const stopTyping = useCallback3(() => {
-    managerRef.current?.stopTyping(currentChannel);
-  }, [currentChannel]);
-  const connect = useCallback3(() => {
-  }, []);
-  const disconnect = useCallback3(() => {
-  }, []);
-  return {
-    messages,
-    connectionStatus,
-    username,
-    error,
-    sendMessage,
-    startTyping,
-    stopTyping,
-    typingUsers,
-    presenceState,
-    subscribers,
-    connect,
-    // No-op for backward compatibility
-    disconnect,
-    // No-op for backward compatibility
-    channelManager: managerRef.current
-  };
-}
-
-// src/hooks/use-presence.ts
-import { useMemo as useMemo5 } from "react";
-function presenceToUsers(presence) {
-  return Object.entries(presence).map(([username, data]) => ({
-    username,
-    user_id: data.metas[0]?.user_id ?? 0,
-    online_at: data.metas[0]?.online_at || "",
-    currentAgent: data.metas[0]?.current_agent ?? null
-  }));
-}
-function mergeSubscribersWithPresence(subscribers, presence, isPrivateChannel) {
-  if (!isPrivateChannel) {
-    const onlineUsers = presenceToUsers(presence);
-    return onlineUsers.map((user) => ({
-      ...user,
-      isOnline: true,
-      currentAgent: user.currentAgent
-    }));
-  }
-  const onlineUsernames = new Set(Object.keys(presence));
-  return subscribers.map((subscriber) => {
-    const isOnline = onlineUsernames.has(subscriber.username);
-    return {
-      username: subscriber.username,
-      user_id: subscriber.user_id,
-      online_at: isOnline ? presence[subscriber.username].metas[0]?.online_at || "" : "",
-      isOnline,
-      role: subscriber.role,
-      currentAgent: isOnline ? presence[subscriber.username].metas[0]?.current_agent ?? null : null
-    };
-  });
-}
-function usePresence(presenceState, subscribers = [], currentChannel = "") {
-  const isPrivateChannel = currentChannel.startsWith("private_room:");
-  const users = useMemo5(
-    () => mergeSubscribersWithPresence(subscribers, presenceState, isPrivateChannel),
-    [presenceState, subscribers, isPrivateChannel]
-  );
-  return { users };
-}
-
-// src/hooks/use-agent-detection.ts
-import { useEffect as useEffect8, useRef as useRef4, useCallback as useCallback4 } from "react";
-import { execSync } from "child_process";
-var POLL_INTERVAL_MS = 2e3;
-function isProcessRunning(processName) {
-  try {
-    execSync(`pgrep -nx ${processName}`, { stdio: "pipe" });
-    return true;
-  } catch {
-    return false;
-  }
-}
-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(
-    (agent) => {
-      if (!channelManager) return;
-      channelManager.pushToAllChannels("update_current_agent", {
-        current_agent: agent
-      });
-    },
-    [channelManager]
-  );
-  useEffect8(() => {
-    if (!channelManager || !isConnected) {
-      lastSentAgentRef.current = void 0;
-      return;
-    }
-    const initialAgent = detectCurrentAgent();
-    if (lastSentAgentRef.current === void 0 || lastSentAgentRef.current !== initialAgent) {
-      lastSentAgentRef.current = initialAgent;
-      broadcastAgentUpdate(initialAgent);
-    }
-    const intervalId = setInterval(() => {
-      const currentAgent = detectCurrentAgent();
-      if (currentAgent !== lastSentAgentRef.current) {
-        lastSentAgentRef.current = currentAgent;
-        broadcastAgentUpdate(currentAgent);
-      }
-    }, POLL_INTERVAL_MS);
-    return () => clearInterval(intervalId);
-  }, [channelManager, isConnected, broadcastAgentUpdate]);
-}
-
-// src/hooks/use-channels.ts
-import { useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
-function useChannels(token) {
-  const [publicChannels, setPublicChannels] = useState8([]);
-  const [privateChannels, setPrivateChannels] = useState8([]);
-  const [unreadCounts, setUnreadCounts] = useState8({});
-  const [loading, setLoading] = useState8(false);
-  const [error, setError] = useState8(null);
-  const fetchData = useCallback5(async () => {
-    if (!token) return;
-    setLoading(true);
-    setError(null);
-    try {
-      const config = getConfig();
-      const [channelsData, unreadData] = await Promise.all([
-        fetchChannels(config.wsUrl, token),
-        fetchUnreadCounts(config.wsUrl, token)
-      ]);
-      setPublicChannels(channelsData.channels.public);
-      setPrivateChannels(channelsData.channels.private);
-      setUnreadCounts(unreadData);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "Failed to fetch data");
-    } finally {
-      setLoading(false);
-    }
-  }, [token]);
-  const refetchUnreadCounts = useCallback5(async () => {
-    if (!token) return;
-    try {
-      const config = getConfig();
-      const unreadData = await fetchUnreadCounts(config.wsUrl, token);
-      setUnreadCounts(unreadData);
-    } catch (err) {
-      console.error("Failed to refetch unread counts:", err);
-    }
-  }, [token]);
-  useEffect9(() => {
-    if (token) {
-      fetchData();
-    }
-  }, [token, fetchData]);
-  return {
-    publicChannels,
-    privateChannels,
-    unreadCounts,
-    loading,
-    error,
-    refetch: fetchData,
-    refetchUnreadCounts
-  };
-}
-
-// src/components/App.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-function App() {
-  return /* @__PURE__ */ jsx14(Router, { initialRoute: "menu", children: /* @__PURE__ */ jsx14(AppContent, {}) });
-}
-function AppContent() {
-  const { exit } = useApp();
-  const { stdout } = useStdout5();
-  const { route, navigate } = useNavigation();
-  const isWarp = process.env.TERM_PROGRAM === "WarpTerminal";
-  const topPadding = isWarp ? 1 : 0;
-  const [authState, setAuthState] = useState9("unauthenticated");
-  const [authStatus, setAuthStatus] = useState9("");
-  const [token, setToken] = useState9(null);
-  const [terminalSize, setTerminalSize] = useState9({
-    rows: stdout?.rows || 24,
-    columns: stdout?.columns || 80
-  });
-  const [scrollOffset, setScrollOffset] = useState9(0);
-  const [isScrollDetached, setIsScrollDetached] = useState9(false);
-  const [showUserList, setShowUserList] = useState9(true);
-  const [currentChannel, setCurrentChannel] = useState9("chat_room:global");
-  const prevAuthStateRef = useRef5(null);
-  useEffect10(() => {
-    if (!stdout) return;
-    const handleResize = () => {
-      setTerminalSize({
-        rows: stdout.rows || 24,
-        columns: stdout.columns || 80
-      });
-    };
-    stdout.on("resize", handleResize);
-    return () => {
-      stdout.off("resize", handleResize);
-    };
-  }, [stdout]);
-  useEffect10(() => {
-    if (!stdout) return;
-    if (prevAuthStateRef.current === "authenticated" && authState !== "authenticated") {
-      stdout.write("\x1B[2J\x1B[0f");
-    }
-    prevAuthStateRef.current = authState;
-  }, [authState, stdout]);
-  useEffect10(() => {
-    async function checkAuth() {
-      const authenticated = await isAuthenticated();
-      if (authenticated) {
-        const stored = await getCurrentToken();
-        if (stored) {
-          setToken(stored.token);
-          setAuthState("authenticated");
-        }
-      }
-    }
-    checkAuth();
-  }, []);
-  const { publicChannels, privateChannels, unreadCounts, refetchUnreadCounts, refetch: refetchChannels } = useChannels(token);
-  const {
-    messages,
-    connectionStatus,
-    username,
-    error,
-    sendMessage,
-    startTyping,
-    stopTyping,
-    typingUsers,
-    presenceState,
-    subscribers,
-    connect,
-    disconnect,
-    channelManager
-  } = useMultiChannelChat(token, currentChannel, refetchChannels);
-  const { users } = usePresence(presenceState, subscribers, currentChannel);
-  useAgentDetection(channelManager, connectionStatus === "connected");
-  const sendCommand = useCallback6(
-    async (eventType, data) => {
-      if (!channelManager) {
-        throw new Error("Not connected");
-      }
-      await channelManager.sendCommand(currentChannel, eventType, data);
-    },
-    [currentChannel, channelManager]
-  );
-  const allChannels = [...publicChannels, ...privateChannels];
-  const currentChannelDetails = allChannels.find((ch) => ch.slug === currentChannel);
-  const isPrivateChannel = currentChannel.startsWith("private_room:");
-  const prevChannelForMarkAsReadRef = useRef5(null);
-  const markedAsReadOnEntryRef = useRef5(/* @__PURE__ */ new Set());
-  useEffect10(() => {
-    const markChannelAsRead = async (channelSlug, isEntry) => {
-      if (!channelManager) {
-        return;
-      }
-      try {
-        if (isEntry) {
-          if (!markedAsReadOnEntryRef.current.has(channelSlug)) {
-            await channelManager.markAllMessagesAsRead(channelSlug);
-            markedAsReadOnEntryRef.current.add(channelSlug);
-          } else {
-            await channelManager.markChannelAsRead(channelSlug);
-          }
-        } else {
-          await channelManager.markChannelAsRead(channelSlug);
-        }
-        await refetchUnreadCounts();
-      } catch (err) {
-        console.error(`Failed to mark ${channelSlug} as read:`, err);
-      }
-    };
-    if (currentChannel !== prevChannelForMarkAsReadRef.current) {
-      if (prevChannelForMarkAsReadRef.current) {
-        markChannelAsRead(prevChannelForMarkAsReadRef.current, false);
-      }
-      if (currentChannel) {
-        markChannelAsRead(currentChannel, true);
-      }
-      prevChannelForMarkAsReadRef.current = currentChannel;
-    }
-  }, [currentChannel, channelManager, refetchUnreadCounts]);
-  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();
-      }
-    };
-  }, [currentChannel, channelManager]);
-  useEffect10(() => {
-    if (route === "menu") {
-      refetchUnreadCounts();
-    }
-  }, [route, refetchUnreadCounts]);
-  const handleLogin = useCallback6(async () => {
-    setAuthState("authenticating");
-    setAuthStatus("Starting login...");
-    const result = await login((status) => setAuthStatus(status));
-    if (result.success) {
-      const stored = await getCurrentToken();
-      if (stored) {
-        setToken(stored.token);
-        setAuthState("authenticated");
-        setAuthStatus("");
-      }
-    } else {
-      setAuthState("unauthenticated");
-      setAuthStatus(result.error || "Login failed");
-    }
-  }, []);
-  const handleLogout = useCallback6(async () => {
-    if (currentChannel && channelManager) {
-      try {
-        await channelManager.markChannelAsRead(currentChannel);
-      } catch (err) {
-        console.error("Failed to mark as read on logout:", err);
-      }
-    }
-    disconnect();
-    setToken(null);
-    setAuthState("unauthenticated");
-    setAuthStatus("");
-    try {
-      await logout();
-    } catch {
-      setAuthStatus("Logged out locally; failed to clear credentials.");
-    }
-  }, [disconnect, currentChannel, channelManager]);
-  const handleCreateChannel = useCallback6(async (name, description) => {
-    if (!token) {
-      throw new Error("Not authenticated");
-    }
-    const config = getConfig();
-    await createChannel(config.wsUrl, token, name, description || void 0);
-    await refetchChannels();
-  }, [token, refetchChannels]);
-  const headerHeight = 3;
-  const inputBoxHeight = 4;
-  const statusBarHeight = 1;
-  const middleSectionHeight = Math.max(
-    5,
-    terminalSize.rows - topPadding - headerHeight - inputBoxHeight - statusBarHeight
-  );
-  const linesPerMessage = 2;
-  const maxVisibleMessages = Math.floor(middleSectionHeight / linesPerMessage);
-  useInput5((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 (input === "o" && key.ctrl && authState === "authenticated") {
-      handleLogout();
-    }
-    if (input === "e" && key.ctrl && authState === "authenticated") {
-      setShowUserList((prev) => !prev);
-    }
-    if (input === "q" && key.ctrl && authState === "authenticated" && route === "chat") {
-      navigate("menu");
-    }
-    if (authState === "authenticated") {
-      const maxOffset = Math.max(0, messages.length - maxVisibleMessages);
-      if (key.upArrow) {
-        setScrollOffset((prev) => {
-          const newOffset = Math.min(prev + 1, maxOffset);
-          if (newOffset > 0) {
-            setIsScrollDetached(true);
-          }
-          return newOffset;
-        });
-      }
-      if (key.downArrow) {
-        setScrollOffset((prev) => {
-          const newOffset = Math.max(prev - 1, 0);
-          if (newOffset === 0) {
-            setIsScrollDetached(false);
-          }
-          return newOffset;
-        });
-      }
-    }
-  });
-  if (authState !== "authenticated") {
-    return /* @__PURE__ */ jsx14(
-      Box13,
-      {
-        flexDirection: "column",
-        width: terminalSize.columns,
-        height: terminalSize.rows,
-        overflow: "hidden",
-        children: /* @__PURE__ */ jsx14(
-          LoginScreen,
-          {
-            onLogin: handleLogin,
-            status: authStatus,
-            isLoading: authState === "authenticating"
-          }
-        )
-      }
-    );
-  }
-  if (route === "menu") {
-    return /* @__PURE__ */ jsx14(
-      Box13,
-      {
-        flexDirection: "column",
-        width: terminalSize.columns,
-        height: terminalSize.rows,
-        overflow: "hidden",
-        children: /* @__PURE__ */ jsx14(
-          Menu,
-          {
-            width: terminalSize.columns,
-            height: terminalSize.rows,
-            currentChannel,
-            onChannelSelect: setCurrentChannel,
-            username,
-            connectionStatus,
-            onLogout: handleLogout,
-            topPadding,
-            publicChannels,
-            privateChannels,
-            unreadCounts
-          }
-        )
-      }
-    );
-  }
-  if (route === "create-channel") {
-    return /* @__PURE__ */ jsx14(
-      Box13,
-      {
-        flexDirection: "column",
-        width: terminalSize.columns,
-        height: terminalSize.rows,
-        overflow: "hidden",
-        children: /* @__PURE__ */ jsx14(
-          CreateChannelScreen,
-          {
-            width: terminalSize.columns,
-            height: terminalSize.rows,
-            username,
-            connectionStatus,
-            onLogout: handleLogout,
-            onCreateChannel: handleCreateChannel,
-            topPadding
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx14(
-    ChatView,
-    {
-      terminalSize,
-      currentChannel,
-      channelName: currentChannelDetails?.name,
-      channelDescription: currentChannelDetails?.description || void 0,
-      connectionStatus,
-      username,
-      onLogout: handleLogout,
-      messages,
-      typingUsers,
-      middleSectionHeight,
-      scrollOffset,
-      isDetached: isScrollDetached,
-      showUserList,
-      users,
-      subscribers,
-      isPrivateChannel,
-      topPadding,
-      onSend: sendMessage,
-      onTypingStart: startTyping,
-      onTypingStop: stopTyping,
-      onCommandSend: sendCommand,
-      error,
-      token
-    }
-  );
-}
-export {
-  App
-};