gloomberb 0.3.7 → 0.4.1

package/src/plugins/builtin/chat.test.tsx

@@ -13,6 +13,8 @@ import { ChatController } from "./chat-controller";
 const TRANSCRIPT_KIND = "channel-transcript";
 const TRANSCRIPT_KEY = "everyone";
 const TRANSCRIPT_SOURCE = "server";
+const TRANSCRIPT_SCHEMA_VERSION = 2;
+const originalConnectChannel = apiClient.connectChannel.bind(apiClient);
 
 let testSetup: Awaited<ReturnType<typeof testRender>> | undefined;
 
@@ -115,17 +117,18 @@ function createController(options: {
   persistence.setState("channel:everyone", {
     draft: "",
     replyToId: null,
-    lastCursor: messages[messages.length - 1]?.createdAt ?? null,
+    lastCursor: messages[messages.length - 1]?.id ?? null,
   }, { schemaVersion: 1 });
   if (messages.length > 0) {
     persistence.setResource(TRANSCRIPT_KIND, TRANSCRIPT_KEY, { messages }, {
       sourceKey: TRANSCRIPT_SOURCE,
-      schemaVersion: 1,
+      schemaVersion: TRANSCRIPT_SCHEMA_VERSION,
       cachePolicy: { staleMs: 1_000, expireMs: 2_000 },
     });
   }
   controller.attachPersistence(persistence);
   controller.refreshSession = async () => {};
+  controller.refreshMessages = async () => {};
   return controller;
 }
 
@@ -164,6 +167,7 @@ async function flushFrame() {
 afterEach(async () => {
   setSharedRegistryForTests(undefined);
   setSharedDataProviderForTests(undefined);
+  apiClient.connectChannel = originalConnectChannel;
   apiClient.setSessionToken(null);
 
   if (testSetup) {
@@ -211,6 +215,34 @@ describe("ChatContent", () => {
     expect(frameAfterType).not.toContain("> FCD");
   });
 
+  test("renders optimistic sends with a sending status", async () => {
+    const controller = createController({
+      messages: [{
+        id: "local:1",
+        channelId: "everyone",
+        content: "hello",
+        replyToId: null,
+        createdAt: "2026-03-28T00:00:00.000Z",
+        user: { id: "u0", username: "vince", displayName: "Vince" },
+        clientStatus: "sending",
+        clientError: null,
+      }],
+    });
+
+    await act(async () => {
+      testSetup = await testRender(createHarness(controller), {
+        width: 60,
+        height: 12,
+      });
+    });
+
+    await flushFrame();
+
+    const frameAfterSubmit = testSetup.captureCharFrame();
+    expect(frameAfterSubmit).toContain("hello");
+    expect(frameAfterSubmit).toContain("sending...");
+  });
+
   test("auto-scrolls to newly appended messages while following the latest transcript", async () => {
     const controller = createController({
       messages: [
@@ -323,7 +355,7 @@ describe("ChatContent", () => {
     expect(opened).toEqual(["TSLA"]);
   });
 
-  test("shows a saved-login message instead of logged out when a session token is cached", async () => {
+  test("shows a saved-login read-only footer when a session token is cached", async () => {
     const controller = createController({
       sessionToken: "token-123",
       user: null,
@@ -340,8 +372,33 @@ describe("ChatContent", () => {
 
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("Saved login found.");
-    expect(frame).toContain("Reconnect to refresh");
-    expect(frame).not.toContain("Not logged in.");
+    expect(frame).toContain("Log in again to send.");
+    expect(frame).toContain("No messages yet.");
+    expect(frame).not.toContain("Type a message...");
+  });
+
+  test("keeps the transcript visible for logged-out users and blocks the composer", async () => {
+    const controller = createController({
+      sessionToken: null,
+      user: null,
+      messages: [makeMessage(1)],
+    });
+
+    await act(async () => {
+      testSetup = await testRender(createHarness(controller), {
+        width: 60,
+        height: 12,
+      });
+    });
+
+    await flushFrame();
+
+    const frame = testSetup.captureCharFrame();
+    expect(frame).toContain("message 1");
+    expect(frame).toContain("Read-only chat.");
+    expect(frame).toContain("Login");
+    expect(frame).toContain("Sign Up");
+    expect(frame).not.toContain("Type a message...");
   });
 
   test("shows a logged-in icon in the cloud status widget for cached sessions", async () => {
@@ -365,7 +422,7 @@ describe("ChatContent", () => {
 
     const frame = testSetup.captureCharFrame();
     expect(frame).toContain("@");
-    expect(frame).toContain("Shift+C");
+    expect(frame).not.toContain("Shift+C");
     expect(frame).not.toContain("vince");
   });
 
@@ -415,6 +472,61 @@ describe("ChatContent", () => {
     expect(openedQueries).toEqual(["Sign Up"]);
   });
 
+  test("shows an unread mention badge and opens chat from the status widget", async () => {
+    const controller = createController({
+      sessionToken: "token-123",
+      user: { id: "u1", username: "vince", emailVerified: true },
+    });
+    const openedWidgets: string[] = [];
+    const state = createInitialState(createDefaultConfig("/tmp/gloomberb-chat"));
+    state.config.disabledPlugins = [];
+
+    setSharedRegistryForTests({
+      showWidget(paneId: string) {
+        openedWidgets.push(paneId);
+      },
+    } as any);
+
+    await act(async () => {
+      (controller as any).mergeMessages([{
+        id: "m1",
+        channelId: "everyone",
+        content: "pinging @vince before the bell",
+        replyToId: null,
+        createdAt: "2026-03-28T00:00:00.000Z",
+        user: { id: "u2", username: "bob", displayName: "Bob" },
+      } satisfies ChatMessage]);
+    });
+
+    await act(async () => {
+      testSetup = await testRender(
+        <AppContext value={{ state, dispatch: () => {} }}>
+          <ChatStatusWidget controller={controller} />
+        </AppContext>,
+        { width: 40, height: 1 },
+      );
+    });
+
+    await flushFrame();
+
+    const frame = testSetup.captureCharFrame();
+    expect(frame).toContain("vince");
+    expect(frame).toContain("[1]");
+
+    const line = frame.split("\n")[0] ?? "";
+    const badgeCol = line.indexOf("[1]");
+
+    expect(badgeCol).toBeGreaterThanOrEqual(0);
+
+    await act(async () => {
+      await testSetup!.mockMouse.click(badgeCol + 1, 0);
+      await testSetup!.renderOnce();
+      await testSetup!.renderOnce();
+    });
+
+    expect(openedWidgets).toEqual(["chat"]);
+  });
+
   test("auth commands use a single-form layout and signup no longer prompts for display name", () => {
     const registeredCommands: Array<{ id: string; wizardLayout?: string; wizard?: Array<{ key: string }> }> = [];
 

package/src/plugins/builtin/chat.tsx

@@ -19,7 +19,7 @@ interface ChatContentProps {
   close?: () => void;
   controller?: Pick<
     ChatController,
-    "getSnapshot" | "refreshSession" | "send" | "setDraft" | "setReplyToId" | "subscribe"
+    "attachView" | "getSnapshot" | "refreshMessages" | "refreshSession" | "send" | "setDraft" | "setReplyToId" | "subscribe"
   >;
 }
 
@@ -34,16 +34,27 @@ function estimateWrappedLineCount(text: string, width: number) {
   ), 0);
 }
 
-function estimateMessageHeight(message: ChatMessage, width: number) {
+const MESSAGE_GROUP_THRESHOLD_MS = 5 * 60 * 1000;
+
+function isGroupedWithPrevious(messages: ChatMessage[], index: number) {
+  if (index === 0) return false;
+  const prev = messages[index - 1]!;
+  const curr = messages[index]!;
+  if (prev.user.id !== curr.user.id) return false;
+  return new Date(curr.createdAt).getTime() - new Date(prev.createdAt).getTime() < MESSAGE_GROUP_THRESHOLD_MS;
+}
+
+function estimateMessageHeight(message: ChatMessage, width: number, grouped = false) {
   const contentLineWidth = Math.max(width - 4, 1);
   const normalizedContent = message.content.replace(/\$[A-Z][A-Z0-9.-]{0,9}/g, (match) => ` ${match.slice(1)} +0% `);
-  return 1 + (message.replyTo ? 1 : 0) + estimateWrappedLineCount(normalizedContent, contentLineWidth);
+  const headerHeight = grouped ? 0 : 1;
+  return headerHeight + (message.replyTo ? 1 : 0) + estimateWrappedLineCount(normalizedContent, contentLineWidth);
 }
 
 function getMessageTopOffset(messages: ChatMessage[], index: number, width: number) {
   let offset = 0;
   for (let i = 0; i < index; i += 1) {
-    offset += estimateMessageHeight(messages[i]!, width);
+    offset += estimateMessageHeight(messages[i]!, width, isGroupedWithPrevious(messages, i));
   }
   return offset;
 }
@@ -53,6 +64,42 @@ function scrollToBottom(scrollBox: ScrollBoxRenderable | null) {
   scrollBox.scrollTo(Math.max(0, scrollBox.scrollHeight - scrollBox.viewport.height));
 }
 
+function openAuthCommand(query: string, event?: { preventDefault?: () => void; stopPropagation?: () => void }) {
+  event?.preventDefault?.();
+  event?.stopPropagation?.();
+  getSharedRegistry()?.openCommandBarFn(query);
+}
+
+function InlineAuthActions({ showSignup = true }: { showSignup?: boolean }) {
+  const [hoveredAction, setHoveredAction] = useState<"login" | "signup" | null>(null);
+
+  return (
+    <box flexDirection="row">
+      <box
+        backgroundColor={hoveredAction === "login" ? hoverBg() : undefined}
+        onMouseMove={() => setHoveredAction("login")}
+        onMouseOut={() => setHoveredAction((current) => (current === "login" ? null : current))}
+        onMouseDown={(event: any) => openAuthCommand("Login", event)}
+      >
+        <text fg={hoveredAction === "login" ? colors.text : colors.textDim}> Login </text>
+      </box>
+      {showSignup && (
+        <>
+          <text fg={colors.textDim}>/</text>
+          <box
+            backgroundColor={hoveredAction === "signup" ? hoverBg() : undefined}
+            onMouseMove={() => setHoveredAction("signup")}
+            onMouseOut={() => setHoveredAction((current) => (current === "signup" ? null : current))}
+            onMouseDown={(event: any) => openAuthCommand("Sign Up", event)}
+          >
+            <text fg={hoveredAction === "signup" ? colors.text : colors.textDim}> Sign Up </text>
+          </box>
+        </>
+      )}
+    </box>
+  );
+}
+
 export function ChatContent({
   width,
   height,
@@ -77,6 +124,11 @@ export function ChatContent({
   ));
   const inputRef = useRef<InputRenderable>(null);
   const scrollRef = useRef<ScrollBoxRenderable>(null);
+  const canSend = !!user?.emailVerified;
+
+  useEffect(() => {
+    return controller.attachView();
+  }, [controller]);
 
   useEffect(() => {
     const unsubscribe = controller.subscribe((snapshot) => {
@@ -91,6 +143,7 @@ export function ChatContent({
     });
 
     void controller.refreshSession().catch(() => {});
+    void controller.refreshMessages().catch(() => {});
     return unsubscribe;
   }, [controller]);
 
@@ -121,11 +174,16 @@ export function ChatContent({
     const content = inputValueRef.current.trim();
     if (!content) return;
     controller.send(content, replyToRef.current?.id);
-    setReplyTo(null);
     setSelectedIdx(-1);
     setFollowMessages(true);
   }, [controller]);
 
+  useEffect(() => {
+    if (!canSend && inputFocused) {
+      blurInput();
+    }
+  }, [blurInput, canSend, inputFocused]);
+
   useEffect(() => {
     if (!focused && inputFocused) {
       blurInput();
@@ -138,6 +196,12 @@ export function ChatContent({
     }
   }, [focused, inputFocused]);
 
+  useEffect(() => {
+    if (canSend || !replyTo) return;
+    setReplyTo(null);
+    controller.setReplyToId(null);
+  }, [canSend, controller, replyTo]);
+
   useKeyboard((event) => {
     if (!focused) return;
 
@@ -161,7 +225,7 @@ export function ChatContent({
       return;
     }
 
-    if (event.name === "return" || event.name === "i") {
+    if ((event.name === "return" || event.name === "i") && canSend) {
       focusInput();
       return;
     }
@@ -187,7 +251,7 @@ export function ChatContent({
       return;
     }
 
-    if (event.name === "r" && selectedIdx >= 0 && selectedIdx < messages.length) {
+    if (canSend && event.name === "r" && selectedIdx >= 0 && selectedIdx < messages.length) {
       const nextReplyTo = messages[selectedIdx] ?? null;
       setReplyTo(nextReplyTo);
       controller.setReplyToId(nextReplyTo?.id ?? null);
@@ -207,7 +271,7 @@ export function ChatContent({
       queueMicrotask(() => scrollToBottom(scrollRef.current));
       return;
     }
-  }, [blurInput, close, controller, focusInput, focused, inputFocused, messages, replyTo, selectedIdx]);
+  }, [blurInput, canSend, close, controller, focusInput, focused, inputFocused, messages, replyTo, selectedIdx]);
 
   useEffect(() => {
     if (selectedIdx < messages.length) return;
@@ -220,7 +284,7 @@ export function ChatContent({
     if (followMessages) return;
     if (selectedIdx < 0 || selectedIdx >= messages.length) return;
     const top = getMessageTopOffset(messages, selectedIdx, contentWidth);
-    const rowHeight = estimateMessageHeight(messages[selectedIdx]!, contentWidth);
+    const rowHeight = estimateMessageHeight(messages[selectedIdx]!, contentWidth, isGroupedWithPrevious(messages, selectedIdx));
     const viewportHeight = Math.max(sb.viewport.height, 1);
     if (top < sb.scrollTop) {
       sb.scrollTo(top);
@@ -229,13 +293,13 @@ export function ChatContent({
     }
   }, [contentWidth, followMessages, messages, selectedIdx]);
 
-  const replyBarHeight = replyTo ? 1 : 0;
-  const inputAreaHeight = 1 + replyBarHeight;
+  const replyBarHeight = canSend && replyTo ? 1 : 0;
+  const inputAreaHeight = canSend ? 1 + replyBarHeight : 2;
   const headerHeight = 1;
   const separatorHeight = 1;
   const messageAreaHeight = Math.max(1, height - headerHeight - separatorHeight - inputAreaHeight - 1);
 
-  if (loading) {
+  if (loading && messages.length === 0) {
     return (
       <box flexGrow={1} alignItems="center" justifyContent="center">
         <text fg={colors.textDim}>Loading...</text>
@@ -243,39 +307,6 @@ export function ChatContent({
     );
   }
 
-  if (!user && !hasSavedSession) {
-    return (
-      <box flexGrow={1} alignItems="center" justifyContent="center" flexDirection="column">
-        <text fg={colors.textDim}>Not logged in.</text>
-        <text fg={colors.textDim}> </text>
-        <text fg={colors.text}>Press Ctrl+P and search "Login" or "Sign Up"</text>
-        <text fg={colors.textDim}>to start chatting.</text>
-      </box>
-    );
-  }
-
-  if (!user && hasSavedSession) {
-    return (
-      <box flexGrow={1} alignItems="center" justifyContent="center" flexDirection="column">
-        <text fg={colors.positive}>Saved login found.</text>
-        <text fg={colors.textDim}> </text>
-        <text fg={colors.text}>Reconnect to refresh your Gloomberb Cloud session.</text>
-        <text fg={colors.textDim}>Your cached transcript is still available locally.</text>
-      </box>
-    );
-  }
-
-  if (!user.emailVerified) {
-    return (
-      <box flexGrow={1} alignItems="center" justifyContent="center" flexDirection="column">
-        <text fg={colors.positive}>Check your email to unlock Gloomberb Cloud.</text>
-        <text fg={colors.textDim}> </text>
-        <text fg={colors.text}>Near real-time data and chat are free, but require email verification.</text>
-        <text fg={colors.textDim}>Use Ctrl+P and search "Resend Verification Email" if you need another link.</text>
-      </box>
-    );
-  }
-
   return (
     <box flexDirection="column" width={width} height={height}>
       <box height={1} width={contentWidth} flexDirection="row">
@@ -305,6 +336,13 @@ export function ChatContent({
           const isSelected = index === selectedIdx;
           const isHovered = index === hoveredIdx && !isSelected;
           const bgColor = isSelected ? colors.selected : isHovered ? hoverBg() : undefined;
+          const grouped = isGroupedWithPrevious(messages, index);
+          const isSending = msg.clientStatus === "sending";
+          const hasFailed = msg.clientStatus === "failed";
+          const headerStatus = isSending ? "sending..." : hasFailed ? "failed" : formatTimeAgo(msg.createdAt);
+          const headerStatusColor = isSending ? colors.textDim : hasFailed ? colors.negative : colors.textMuted;
+          const authorAttributes = (isSending ? TextAttributes.DIM : 0) | TextAttributes.BOLD;
+          const bodyColor = hasFailed ? colors.negative : isSending ? colors.textDim : colors.text;
 
           return (
             <box
@@ -329,18 +367,20 @@ export function ChatContent({
                   </text>
                 </box>
               )}
-              <box flexDirection="row" height={1} paddingLeft={1}>
-                <text fg={colors.positive} attributes={TextAttributes.BOLD}>
-                  {msg.user.username ?? "anon"}
-                </text>
-                <text fg={colors.textMuted}> ({formatTimeAgo(msg.createdAt)})</text>
-              </box>
+              {!grouped && (
+                <box flexDirection="row" height={1} paddingLeft={1}>
+                  <text fg={colors.positive} attributes={authorAttributes}>
+                    {msg.user.username ?? "anon"}
+                  </text>
+                  <text fg={headerStatusColor}> ({headerStatus})</text>
+                </box>
+              )}
               <box paddingLeft={3}>
                 <TickerBadgeText
                   text={msg.content}
                   lineWidth={contentWidth - 4}
                   catalog={catalog}
-                  textColor={colors.text}
+                  textColor={bodyColor}
                   openTicker={openTicker}
                 />
               </box>
@@ -353,35 +393,58 @@ export function ChatContent({
         <text fg={colors.border}>{"-".repeat(contentWidth)}</text>
       </box>
 
-      {replyTo && (
-        <box height={1} width={contentWidth} flexDirection="row">
-          <text fg={colors.textMuted}> replying to </text>
-          <text fg={colors.positive}>{replyTo.user.username}</text>
-          <box flexGrow={1} />
-          <text fg={colors.textDim}>[Esc cancel]</text>
+      {canSend ? (
+        <>
+          {replyTo && (
+            <box height={1} width={contentWidth} flexDirection="row">
+              <text fg={colors.textMuted}> replying to </text>
+              <text fg={colors.positive}>{replyTo.user.username}</text>
+              <box flexGrow={1} />
+              <text fg={colors.textDim}>[Esc cancel]</text>
+            </box>
+          )}
+
+          <box height={1} width={contentWidth} flexDirection="row" onMouseDown={focusInput}>
+            <text fg={colors.textDim}> {">"} </text>
+            <input
+              ref={inputRef}
+              value={inputValue}
+              focused={inputFocused && focused}
+              placeholder="Type a message..."
+              placeholderColor={colors.textMuted}
+              textColor={colors.text}
+              backgroundColor={colors.bg}
+              flexGrow={1}
+              onInput={updateDraft}
+              onChange={updateDraft}
+              onSubmit={() => {
+                if (inputValueRef.current.trim()) {
+                  sendMessage();
+                }
+              }}
+            />
+          </box>
+        </>
+      ) : (
+        <box width={contentWidth} height={2} flexDirection="column">
+          {!user && !hasSavedSession ? (
+            <>
+              <text fg={colors.textDim}>Read-only chat. Log in or sign up to send.</text>
+              <InlineAuthActions />
+            </>
+          ) : !user ? (
+            <>
+              <text fg={colors.positive}>Saved login found. Log in again to send.</text>
+              <InlineAuthActions showSignup={false} />
+            </>
+          ) : (
+            <>
+              <text fg={colors.positive}>Verify your email to send messages.</text>
+              <text fg={colors.textDim}>Ctrl+P: Resend Verification Email</text>
+            </>
+          )}
         </box>
       )}
-
-      <box height={1} width={contentWidth} flexDirection="row" onMouseDown={focusInput}>
-        <text fg={colors.textDim}> {">"} </text>
-        <input
-          ref={inputRef}
-          value={inputValue}
-          focused={inputFocused && focused}
-          placeholder="Type a message..."
-          placeholderColor={colors.textMuted}
-          textColor={colors.text}
-          backgroundColor={colors.bg}
-          flexGrow={1}
-          onInput={updateDraft}
-          onChange={updateDraft}
-          onSubmit={() => {
-            if (inputValueRef.current.trim()) {
-              sendMessage();
-            }
-          }}
-        />
-      </box>
     </box>
   );
 }
@@ -398,17 +461,24 @@ export function ChatPane({ focused, width, height, close }: PaneProps) {
 }
 
 export function ChatStatusWidget({ controller = chatController }: ChatStatusWidgetProps) {
-  const registry = getSharedRegistry();
   const { state } = useAppState();
   const initialSnapshot = controller.getSnapshot();
-  const [hoveredAction, setHoveredAction] = useState<"login" | "signup" | null>(null);
   const [username, setUsername] = useState<string | null>(initialSnapshot.user?.username ?? null);
   const [hasSavedSession, setHasSavedSession] = useState(initialSnapshot.hasSavedSession);
+  const [unreadMentionCount, setUnreadMentionCount] = useState(initialSnapshot.unreadMentionCount);
+  const [hovered, setHovered] = useState(false);
+
+  const openChat = (event?: { preventDefault?: () => void; stopPropagation?: () => void }) => {
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
+    getSharedRegistry()?.showWidget("chat");
+  };
 
   useEffect(() => {
     const unsubscribe = controller.subscribe((snapshot) => {
       setUsername(snapshot.user?.username ?? null);
       setHasSavedSession(snapshot.hasSavedSession);
+      setUnreadMentionCount(snapshot.unreadMentionCount);
     });
     void controller.refreshSession().catch(() => {});
     return unsubscribe;
@@ -416,47 +486,34 @@ export function ChatStatusWidget({ controller = chatController }: ChatStatusWidg
 
   if (state.config.disabledPlugins.includes("gloomberb-cloud")) return null;
 
-  const openAuthCommand = (query: string, event?: { preventDefault?: () => void; stopPropagation?: () => void }) => {
-    event?.preventDefault?.();
-    event?.stopPropagation?.();
-    registry?.openCommandBarFn(query);
-  };
-
   return (
     <box flexDirection="row" paddingRight={1}>
       {!username && !hasSavedSession ? (
         <>
           <text fg={colors.textDim}>☁ </text>
-          <box
-            backgroundColor={hoveredAction === "login" ? hoverBg() : undefined}
-            onMouseMove={() => setHoveredAction("login")}
-            onMouseOut={() => setHoveredAction((current) => (current === "login" ? null : current))}
-            onMouseDown={(event: any) => openAuthCommand("Login", event)}
-          >
-            <text fg={hoveredAction === "login" ? colors.text : colors.textDim}> Login </text>
-          </box>
-          <text fg={colors.textDim}>/</text>
-          <box
-            backgroundColor={hoveredAction === "signup" ? hoverBg() : undefined}
-            onMouseMove={() => setHoveredAction("signup")}
-            onMouseOut={() => setHoveredAction((current) => (current === "signup" ? null : current))}
-            onMouseDown={(event: any) => openAuthCommand("Sign Up", event)}
-          >
-            <text fg={hoveredAction === "signup" ? colors.text : colors.textDim}> Sign Up </text>
-          </box>
+          <InlineAuthActions />
         </>
       ) : (
-        <text fg={colors.textDim}>
-          <span fg={colors.positive}>@</span>
-          {username ? (
-            <>
-              {" "}
-              <span fg={colors.positive}>{username}</span>
-              {"  "}
-            </>
-          ) : "  "}
-          <span fg={colors.text}>Shift+C</span> cloud
-        </text>
+        <box
+          flexDirection="row"
+          backgroundColor={hovered ? hoverBg() : undefined}
+          onMouseMove={() => setHovered(true)}
+          onMouseOut={() => setHovered(false)}
+          onMouseDown={openChat}
+        >
+          <text fg={unreadMentionCount > 0 ? colors.text : colors.textDim}>
+            <span fg={colors.positive}>@</span>
+            {username ? (
+              <>
+                {" "}
+                <span fg={colors.positive}>{username}</span>
+              </>
+            ) : null}
+          </text>
+          {unreadMentionCount > 0 ? (
+            <text fg={colors.positive} attributes={TextAttributes.BOLD}>{` [${unreadMentionCount}]`}</text>
+          ) : null}
+        </box>
       )}
     </box>
   );
@@ -488,6 +545,7 @@ export const gloomberbCloudPlugin: GloomPlugin = {
 
   setup(ctx) {
     chatController.attachPersistence(ctx.persistence, ctx.resume);
+    chatController.setToastNotifier(ctx.showToast);
 
     ctx.registerPane({
       id: "chat",
@@ -609,12 +667,18 @@ export const gloomberbCloudPlugin: GloomPlugin = {
           return;
         }
         await apiClient.signOut();
-        chatController.reset(true);
+        await chatController.refreshSession();
+        await chatController.refreshMessages();
         ctx.showToast("Logged out.", { type: "info" });
       },
       hidden: () => !apiClient.getSessionToken(),
     });
   },
+
+  dispose() {
+    chatController.dispose();
+    apiClient.dispose();
+  },
 };
 
 export const chatPlugin = gloomberbCloudPlugin;