@marimo-team/islands 0.25.3-dev20 → 0.25.3-dev21

package/src/components/editor/chrome/wrapper/__tests__/attachment-status.test.tsx

@@ -8,13 +8,13 @@ import {
   screen,
   waitFor,
 } from "@testing-library/react";
-import { createStore, Provider } from "jotai";
+import { atom, createStore, Provider } from "jotai";
 import { userEvent } from "storybook/test";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { PAIR_CONFIG } from "@/__tests__/fixtures/pair-config";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { toast } from "@/components/ui/use-toast";
-import { type Attachment, attachmentsAtom } from "@/core/attachments/state";
+import type { Attachment } from "@/core/attachments/state";
 import { pairConfigAtom } from "@/core/config/pair";
 import {
   type StableSessionId,
@@ -22,13 +22,16 @@ import {
 } from "@/core/kernel/session";
 import { API } from "@/core/network/api";
 import { connectionAtom } from "@/core/network/connection";
-import { WebSocketClosedReason, ConnectionState } from "@/core/websocket/types";
+import { notebookClientAtom } from "@/core/websocket/state";
+import { ConnectionState } from "@/core/websocket/types";
 import { Deferred } from "@/utils/Deferred";
 import { AttachmentStatus } from "../footer-items/attachment-status";
 
 vi.mock("@/components/ui/use-toast", () => ({ toast: vi.fn() }));
 vi.mock("@/core/network/api", () => ({ API: { post: vi.fn() } }));
 
+const attachmentsAtom = atom<Attachment[]>([]);
+
 const AGENT: Attachment = {
   id: "a1",
   kind: "agent",
@@ -41,6 +44,12 @@ function renderStatus(attachments: Attachment[] = [AGENT], preview = true) {
   const store = createStore();
   store.set(connectionAtom, { state: ConnectionState.OPEN });
   store.set(pairConfigAtom, { ...PAIR_CONFIG, hostEnabled: preview });
+  store.set(notebookClientAtom, {
+    connectionAtom: atom({ state: ConnectionState.OPEN }),
+    documentAtom: atom(null),
+    attachmentsAtom,
+    reconnect: async () => undefined,
+  });
   store.set(attachmentsAtom, attachments);
   store.set(stableSessionIdAtom, "stable/test" as StableSessionId);
   return {
@@ -342,21 +351,6 @@ describe("AttachmentStatus", () => {
     ).toBeDisabled();
   });
 
-  it.each([
-    { state: ConnectionState.CONNECTING },
-    { state: ConnectionState.CLOSING },
-    { state: ConnectionState.NOT_STARTED },
-    {
-      state: ConnectionState.CLOSED,
-      code: WebSocketClosedReason.KERNEL_DISCONNECTED,
-      reason: "offline",
-    },
-  ])("hides connected claims while the browser is %j", (connection) => {
-    const { store, container } = renderStatus();
-    act(() => store.set(connectionAtom, connection));
-    expect(container).toBeEmptyDOMElement();
-  });
-
   it("removes detached agents when the list is replaced", () => {
     const { store, container } = renderStatus([
       AGENT,

package/src/components/editor/errors/__tests__/send-error-report-button.test.tsx

@@ -8,7 +8,7 @@ import {
   screen,
   waitFor,
 } from "@testing-library/react";
-import { createStore, Provider, useAtomValue } from "jotai";
+import { atom, createStore, Provider, useAtomValue } from "jotai";
 import type React from "react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { MockNotebook } from "@/__mocks__/notebook";
@@ -16,7 +16,7 @@ import { cellId } from "@/__tests__/branded";
 import { PAIR_CONFIG } from "@/__tests__/fixtures/pair-config";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { toast } from "@/components/ui/use-toast";
-import { type Attachment, attachmentsAtom } from "@/core/attachments/state";
+import type { Attachment } from "@/core/attachments/state";
 import { exportedForTesting, notebookAtom } from "@/core/cells/cells";
 import {
   type CellOutputMessage,
@@ -32,7 +32,8 @@ import {
 } from "@/core/kernel/session";
 import { API } from "@/core/network/api";
 import { connectionAtom } from "@/core/network/connection";
-import { WebSocketClosedReason, ConnectionState } from "@/core/websocket/types";
+import { notebookClientAtom } from "@/core/websocket/state";
+import { ConnectionState } from "@/core/websocket/types";
 import { Deferred } from "@/utils/Deferred";
 import { HTTPError } from "@/utils/errors";
 import { MarimoErrorOutput } from "../../output/MarimoErrorOutput";
@@ -48,6 +49,8 @@ vi.mock("@/components/editor/chrome/wrapper/useOpenAiAssistant", () => ({
 
 const CELL_ID = cellId("test-cell");
 const STABLE_ID = "stable/test" as StableSessionId;
+const attachmentsAtom = atom<Attachment[]>([]);
+
 const AGENT: Attachment = {
   id: "a1",
   kind: "agent",
@@ -93,6 +96,12 @@ function renderButton({
   const store = createStore();
   store.set(connectionAtom, { state: ConnectionState.OPEN });
   store.set(pairConfigAtom, { ...PAIR_CONFIG, hostEnabled: preview });
+  store.set(notebookClientAtom, {
+    connectionAtom: atom({ state: ConnectionState.OPEN }),
+    documentAtom: atom(null),
+    attachmentsAtom,
+    reconnect: async () => undefined,
+  });
   store.set(attachmentsAtom, attachments);
   store.set(stableSessionIdAtom, stableId);
   const wrapper = ({ children }: { children: React.ReactNode }) => (
@@ -177,26 +186,6 @@ describe("SendErrorReportButton", () => {
     expect(screen.getByRole("button")).toBeDisabled();
   });
 
-  it.each([
-    { state: ConnectionState.CONNECTING },
-    { state: ConnectionState.CLOSING },
-    { state: ConnectionState.NOT_STARTED },
-    {
-      state: ConnectionState.CLOSED,
-      code: WebSocketClosedReason.KERNEL_DISCONNECTED,
-      reason: "offline",
-    },
-  ])(
-    "does not send from a stale snapshot while the browser is %j",
-    (connection) => {
-      const { store } = renderButton();
-      act(() => store.set(connectionAtom, connection));
-      expect(screen.getByRole("button")).toBeDisabled();
-      send();
-      expect(API.post).not.toHaveBeenCalled();
-    },
-  );
-
   it.each([
     [new HTTPError(409, "Conflict"), "No agent attached"],
     [new HTTPError(500, "Server error"), "Could not send error"],

package/src/core/attachments/state.ts

@@ -1,17 +1,14 @@
 /* Copyright 2026 Marimo. All rights reserved. */
 
-import type { components } from "@marimo-team/marimo-api";
 import { atom } from "jotai";
-import { isConnectedAtom } from "@/core/network/connection";
+import type { Attachment } from "@/core/host/protocol";
+import { notebookClientAtom } from "@/core/websocket/state";
 
-export type Attachment = components["schemas"]["Attachment"];
+export type { Attachment } from "@/core/host/protocol";
 
-export const attachmentsAtom = atom<Attachment[]>([]);
 export const agentAttachmentsAtom = atom((get) => {
-  if (!get(isConnectedAtom)) {
-    return [];
-  }
-  return get(attachmentsAtom).filter(
+  const notebook = get(notebookClientAtom);
+  return (notebook ? get(notebook.attachmentsAtom) : []).filter(
     (attachment) => attachment.kind === "agent",
   );
 });

package/src/core/host/__tests__/attachments.test.ts

@@ -0,0 +1,57 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import { describe, expect, it } from "vitest";
+import { attachments } from "../resources/attachments";
+import { createStream } from "../stream";
+import { fixtureEvents } from "./fixtures";
+
+const stream = createStream({ attachments });
+const snapshot = fixtureEvents("notebook-events.sse");
+const records = snapshot.flatMap((event) =>
+  event.event === "attachment" ? [event.data.attachment] : [],
+);
+const confirmed = () => snapshot.reduce(stream.reduce, stream.initial);
+
+describe("attachment resource", () => {
+  it("collects snapshot records, replaces by id, and removes attachments", () => {
+    const state = confirmed();
+    expect(state.resources.attachments).toEqual(records);
+    const [browser, agent] = records;
+    const renamed = { ...agent, name: "Renamed agent" };
+    const updated = stream.reduce(state, {
+      event: "attachment",
+      id: "98",
+      data: { attachment: renamed },
+    });
+    expect(updated.resources.attachments).toEqual([browser, renamed]);
+    expect(state.resources.attachments).toEqual(records);
+
+    const removed = stream.reduce(updated, {
+      event: "attachment.removed",
+      id: "99",
+      data: { id: browser.id, time: "2026-10-01T09:30:00Z" },
+    });
+    expect(removed.resources.attachments).toEqual([renamed]);
+    const repeated = stream.reduce(removed, {
+      event: "attachment.removed",
+      id: "100",
+      data: { id: browser.id, time: "2026-10-01T09:30:00Z" },
+    });
+    expect(repeated.resources.attachments).toBe(removed.resources.attachments);
+  });
+
+  it("retains records for replay and rebuilds them after reset", () => {
+    const state = confirmed();
+    expect(stream.resume(state)).toBe(state);
+    const reset = stream.reduce(state, { event: "reset", data: {} });
+    expect(reset.resources.attachments).toEqual([]);
+    const replacement = snapshot
+      .filter(
+        (event) =>
+          event.event !== "attachment" ||
+          event.data.attachment.id === records[0].id,
+      )
+      .reduce(stream.reduce, reset);
+    expect(replacement.resources.attachments).toEqual([records[0]]);
+  });
+});

package/src/core/host/__tests__/notebook-client.test.ts

@@ -8,7 +8,7 @@ import { Deferred } from "@/utils/Deferred";
 import { jsonParseWithSpecialChar } from "@/utils/json/json-parser";
 import { classifyCloseEvent } from "../../websocket/connection-state";
 import { createNotebookClient } from "../notebook-client";
-import { fixtureMessages } from "./fixtures";
+import { fixtureEvents, fixtureMessages } from "./fixtures";
 
 function notebookMessage(id: string) {
   const notebook = {
@@ -301,3 +301,133 @@ describe("NotebookClient lifetime", () => {
     second.abort();
   });
 });
+
+async function open() {
+  const url = vi.fn(() => "ws://localhost/ws?session_id=first&cursor=999");
+  const setupResult = setup(url);
+  const lifetime = new AbortController();
+  setupResult.connect(lifetime.signal);
+  setupResult.healthy.resolve();
+  await setupResult.healthy.promise;
+  setupResult.events.dispatchEvent(new Event("open"));
+  return { ...setupResult, lifetime, url };
+}
+
+describe("NotebookClient attachments", () => {
+  const [browser, agent] = fixtureEvents("notebook-events.sse").flatMap(
+    (event) => (event.event === "attachment" ? [event.data.attachment] : []),
+  );
+
+  it("publishes a complete snapshot and applies live changes independently of kernel readiness", async () => {
+    const { client, store, receive, lifetime } = await open();
+    const snapshot = fixtureMessages("notebook-events.sse");
+    const readyIndex = snapshot.findIndex((event) => event.event === "ready");
+    snapshot.slice(0, readyIndex).forEach(receive);
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    snapshot.slice(readyIndex).forEach(receive);
+    expect(store.get(client.attachmentsAtom)).toEqual([browser, agent]);
+    const renamed = { ...agent, name: "Renamed agent" };
+    receive({ event: "attachment", id: "98", data: { attachment: renamed } });
+    receive({
+      event: "attachment.removed",
+      id: "99",
+      data: { id: browser.id },
+    });
+    expect(store.get(client.attachmentsAtom)).toEqual([renamed]);
+    receive({ data: { op: "kernel-ready", resumed: false } });
+    expect(store.get(client.attachmentsAtom)).toEqual([renamed]);
+    receive({ event: "attachment.removed", id: "100", data: { id: agent.id } });
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    lifetime.abort();
+  });
+
+  it("resumes attachments alongside an incomplete document and waits for replay ready", async () => {
+    const { client, store, receive, events, urls, lifetime } = await open();
+    expect(urls[0].searchParams.has("cursor")).toBe(false);
+    fixtureMessages("notebook-events.sse").forEach(receive);
+    const confirmed = store.get(client.documentAtom);
+    const edits = fixtureMessages("edits.sse");
+    edits.slice(0, 3).forEach(receive);
+    const renamed = { ...agent, name: "Renamed agent" };
+    receive({ event: "attachment", id: "112a", data: { attachment: renamed } });
+    expect(store.get(client.attachmentsAtom)).toEqual([browser, renamed]);
+    events.dispatchEvent(new CloseEvent("close"));
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    expect(urls.at(-1)!.searchParams.get("cursor")).toBe("112a");
+    events.dispatchEvent(new Event("open"));
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    expect(store.get(client.documentAtom)).toBe(confirmed);
+    edits.slice(3).forEach(receive);
+    receive({
+      event: "attachment.removed",
+      id: "115",
+      data: { id: browser.id },
+    });
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    receive({ event: "ready", id: "116", data: {} });
+    expect(store.get(client.attachmentsAtom)).toEqual([renamed]);
+    const revisions = fixtureEvents("edits.sse").flatMap((event) =>
+      event.event === "document" ? [event.data.document] : [],
+    );
+    expect(store.get(client.documentAtom)?.revision).toEqual(revisions.at(-1));
+    lifetime.abort();
+  });
+
+  it("replaces stale attachments with an empty snapshot after reset", async () => {
+    const { client, store, receive, lifetime } = await open();
+    fixtureMessages("notebook-events.sse").forEach(receive);
+    receive({ event: "reset", data: {} });
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    fixtureMessages("notebook-events.sse")
+      .filter((event) => event.event !== "attachment")
+      .forEach(receive);
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    lifetime.abort();
+  });
+
+  it.each(["close", "error", "malformed", "removed", "abort", "identity"])(
+    "clears presence on %s and ignores messages after disposal",
+    async (reason) => {
+      const { client, store, receive, events, url, lifetime } = await open();
+      fixtureMessages("notebook-events.sse").forEach(receive);
+      expect(store.get(client.attachmentsAtom)).toEqual([browser, agent]);
+      switch (reason) {
+        case "close":
+          events.dispatchEvent(
+            new CloseEvent("close", { reason: "MARIMO_UNAUTHORIZED" }),
+          );
+          break;
+        case "error":
+          events.dispatchEvent(new Event("error"));
+          break;
+        case "malformed":
+          receive({ event: "attachment", id: "98", data: {} });
+          break;
+        case "removed":
+          receive({ event: "notebook.removed", id: "98", data: { id: "n1" } });
+          break;
+        case "identity":
+          url.mockReturnValue(
+            "ws://localhost/api/marimo/v1/notebooks/n2/events/ws",
+          );
+          events.dispatchEvent(new CloseEvent("close"));
+          receive({ event: "ready", id: "98", data: {} });
+          break;
+        default:
+          lifetime.abort();
+      }
+      expect(store.get(client.attachmentsAtom)).toEqual([]);
+      lifetime.abort();
+      fixtureMessages("notebook-events.sse").forEach(receive);
+      expect(store.get(client.attachmentsAtom)).toEqual([]);
+    },
+  );
+
+  it("keeps legacy sessions empty", async () => {
+    const { client, store, receive, lifetime } = await open();
+    receive({ data: { op: "kernel-ready" } });
+    receive({ data: { op: "reconnected" } });
+    expect(store.get(client.attachmentsAtom)).toEqual([]);
+    lifetime.abort();
+  });
+});

package/src/core/host/events.ts

@@ -15,6 +15,7 @@ export const NOTEBOOK_EVENT_TYPES = [
   "notebook",
   "document",
   "cell",
+  "attachment",
   "marimo",
 ] as const satisfies readonly (Protocol.ObjectType | "marimo")[];
 

package/src/core/host/notebook-client.ts

@@ -11,6 +11,8 @@ import {
   TransportReadyState,
 } from "./connection";
 import { parseNotebookEvent } from "./events";
+import type { Attachment } from "./protocol";
+import { attachments } from "./resources/attachments";
 import { type Document, document } from "./resources/document";
 import { createStream } from "./stream";
 
@@ -26,6 +28,8 @@ export interface NotebookClient {
    * retains the last document. Partial updates are not exposed.
    */
   readonly documentAtom: Atom<Document | null>;
+  /** Live attachments, empty until the stream is ready or while disconnected. */
+  readonly attachmentsAtom: Atom<readonly Attachment[]>;
   /** Attempt to restore a closed connection after checking host health. */
   reconnect(): Promise<void>;
 }
@@ -60,15 +64,23 @@ export function createNotebookClient(store: ReturnType<typeof createStore>) {
     state: ConnectionState.NOT_STARTED,
   });
   // One atom holds the whole stream, which resource atoms derive from.
-  const stream = createStream({ document });
+  const stream = createStream({ document, attachments });
   const streamAtom = atom(stream.initial);
+  // A resumed stream is live, but presence waits for this connection's ready.
+  const readyAtom = atom(false);
   const documentAtom = atom(
     (get) => get(streamAtom).resources.document.current,
   );
+  const attachmentsAtom = atom((get) =>
+    get(readyAtom) && get(connectionAtom).state === ConnectionState.OPEN
+      ? get(streamAtom).resources.attachments
+      : attachments.initial,
+  );
   let reconnect: (() => Promise<void>) | undefined;
   const client: NotebookClient = {
     connectionAtom,
     documentAtom,
+    attachmentsAtom,
     reconnect: async () => reconnect?.(),
   };
 
@@ -111,14 +123,17 @@ export function createNotebookClient(store: ReturnType<typeof createStore>) {
           ? stream.resume(store.get(streamAtom))
           : stream.initial;
       streamKey = key;
+      store.set(readyAtom, false);
       store.set(streamAtom, state);
       if (state.cursor !== null) {
         next.searchParams.set("cursor", state.cursor);
       }
       return next.toString();
     });
-    const setStatus = (status: ConnectionStatus) =>
+    const setStatus = (status: ConnectionStatus) => {
+      store.set(readyAtom, false);
       store.set(connectionAtom, status);
+    };
     const disconnected = {
       state: ConnectionState.CLOSED,
       code: ConnectionClosedReason.KERNEL_DISCONNECTED,
@@ -174,6 +189,9 @@ export function createNotebookClient(store: ReturnType<typeof createStore>) {
       try {
         event = parseNotebookEvent(decodeJson(message.data));
         store.set(streamAtom, stream.reduce(store.get(streamAtom), event));
+        if (event.event === "ready" || event.event === "reset") {
+          store.set(readyAtom, event.event === "ready");
+        }
       } catch (error) {
         Logger.error("Failed to decode notebook message", error);
         if (messageFormat === "session") {

package/src/core/host/resources/attachments.ts

@@ -0,0 +1,19 @@
+/* Copyright 2026 Marimo. All rights reserved. */
+
+import type { Attachment } from "../protocol";
+import type { Resource } from "./resource";
+
+/** Attachment records retained with the stream's resume cursor. */
+export const attachments: Resource<readonly Attachment[]> = {
+  initial: [],
+  on: {
+    attachment: (state, { data: { attachment } }) =>
+      state.some((item) => item.id === attachment.id)
+        ? state.map((item) => (item.id === attachment.id ? attachment : item))
+        : [...state, attachment],
+    "attachment.removed": (state, { data }) =>
+      state.some((item) => item.id === data.id)
+        ? state.filter((item) => item.id !== data.id)
+        : state,
+  },
+};

package/src/core/islands/__tests__/bootstrap.test.ts

@@ -3,8 +3,6 @@
 import { createStore } from "jotai";
 import { afterEach, describe, expect, it, vi } from "vitest";
 import { RuntimeState } from "@/core/kernel/RuntimeState";
-import { attachmentsAtom } from "@/core/attachments/state";
-import { Logger } from "@/utils/Logger";
 import { initializeIslands } from "../bootstrap";
 import type { IslandsPyodideBridge } from "../bridge";
 import { islandsHydratedAtom, islandsPendingInitialRunsAtom } from "../state";
@@ -50,30 +48,6 @@ describe("initializeIslands", () => {
     expect(store.get(islandsHydratedAtom)).toBe(false);
     store.set(islandsPendingInitialRunsAtom, new Set([1, 2]));
 
-    const errors = vi.spyOn(Logger, "error");
-    consumeMessage?.({
-      sessionGeneration: 1,
-      message: JSON.stringify({
-        op: "attachments",
-        data: {
-          op: "attachments",
-          attachments: [
-            {
-              id: "a1",
-              kind: "agent",
-              name: "Pi",
-              since: "2026-10-14T00:00:00Z",
-              notebook_id: "nb-test",
-              identity: "pi-thread",
-            },
-          ],
-        },
-      }) as IslandsKernelMessage["message"],
-    });
-    expect(errors).not.toHaveBeenCalled();
-    expect(store.get(attachmentsAtom)).toEqual([]);
-    expect(store.get(islandsPendingInitialRunsAtom)).toEqual(new Set([1, 2]));
-
     consumeMessage?.(completedRun(1));
     expect(store.get(islandsHydratedAtom)).toBe(false);
 

package/src/core/islands/bootstrap.ts

@@ -209,7 +209,6 @@ function handleMessage(
       case "cache-info":
       case "kernel-startup-error":
       case "notebook-document-transaction":
-      case "attachments":
         return;
 
       case "completed-run":

package/src/core/runtime/__tests__/runtime.test.ts

@@ -78,7 +78,7 @@ describe("RuntimeManager", () => {
             "wss://example.com/nested/api/marimo/v1/notebooks/nb_123/events/ws",
           params: {
             file: "notebook.py",
-            types: "marimo",
+            types: "notebook,document,cell,attachment,marimo",
             session_id: sessionId,
             access_token: "test-token",
           },

package/src/core/runtime/runtime.ts

@@ -3,14 +3,13 @@
 import { Deferred } from "@/utils/Deferred";
 import { Logger } from "@/utils/Logger";
 import { KnownQueryParams } from "../constants";
+import { NOTEBOOK_EVENT_TYPES } from "../host/events";
 import { isIslands } from "../islands/utils";
 import { getSessionId, type SessionId } from "../kernel/session";
 import { isStaticNotebook } from "../static/static-state";
 import { isWasm } from "../wasm/utils";
 import type { RuntimeConfig } from "./types";
 
-const HOST_EVENT_TYPES = ["marimo"];
-
 export class RuntimeManager {
   private initialHealthyCheck = new Deferred<void>();
   private config: RuntimeConfig;
@@ -165,7 +164,7 @@ export class RuntimeManager {
     const url = this.formatWsURL(path, searchParams);
     if (notebookId) {
       // TODO(MO-8034): Separate host options from notebook query params.
-      url.searchParams.set("types", HOST_EVENT_TYPES.join(","));
+      url.searchParams.set("types", NOTEBOOK_EVENT_TYPES.join(","));
     }
     return url;
   }
@@ -177,6 +176,8 @@ export class RuntimeManager {
    * (see `headers()`) instead of the URL.
    */
   public getSseURL(sessionId: SessionId): URL {
+    // TODO: Migrate editor SSE to the host event stream. Until then, host
+    // state such as attachments is unavailable on this legacy connection.
     const url = this.formatHttpURL({
       path: "/sse",
       searchParams: this.getSessionSearchParams(sessionId),

package/src/core/websocket/__tests__/useNotebookClient.hook.test.tsx

@@ -9,6 +9,9 @@ import { ConnectionState } from "../types";
 import { createConnectionTransport } from "../transports/create";
 import type { IConnectionTransport } from "../transports/transport";
 import { useNotebookClient } from "../useNotebookClient";
+import { fixtureMessages } from "../../host/__tests__/fixtures";
+import { agentAttachmentsAtom } from "../../attachments/state";
+import { notebookClientAtom } from "../state";
 
 vi.mock("../transports/create", () => ({ createConnectionTransport: vi.fn() }));
 
@@ -30,6 +33,10 @@ function makeTransport() {
   };
   return {
     transport,
+    receive: (message: unknown) =>
+      events.dispatchEvent(
+        new MessageEvent("message", { data: JSON.stringify(message) }),
+      ),
     notify: () =>
       events.dispatchEvent(
         new MessageEvent("message", {
@@ -72,6 +79,29 @@ beforeEach(() => {
 });
 
 describe("useNotebookClient", () => {
+  it("exposes host presence to the UI without waiting for kernel-ready", async () => {
+    const transport = makeTransport();
+    vi.mocked(createConnectionTransport).mockReturnValue(transport.transport);
+    const { result, store, unmount } = setup();
+    await act(async () => Promise.resolve());
+    expect(store.get(notebookClientAtom)).toBe(result.current);
+    act(() =>
+      fixtureMessages("notebook-events.sse").forEach(transport.receive),
+    );
+    expect(store.get(agentAttachmentsAtom)).toEqual([
+      {
+        id: "a2",
+        notebook_id: "n1",
+        kind: "agent",
+        name: "Notebook CLI",
+        since: "2026-10-01T09:20:03Z",
+      },
+    ]);
+    unmount();
+    expect(store.get(notebookClientAtom)).toBeNull();
+    expect(store.get(agentAttachmentsAtom)).toEqual([]);
+  });
+
   it("uses current callbacks and URL providers without reconnecting on a rerender", async () => {
     const first = makeTransport();
     vi.mocked(createConnectionTransport).mockReturnValue(first.transport);