zidane-ui 9.1.13 → 9.1.16

package/dist/chat/headless/labels.js

@@ -133,7 +133,7 @@ const DEFAULT_CHAT_LABELS = {
 	authSignedInRetrying: "Signed in · retrying",
 	authFixed: "fixed",
 	authTryAgain: "Try again",
-	authFailed: (message) => `Sign-in failed: ${message}`,
+	authSignInFailed: "Sign-in didn't work.",
 	sessionEventLabel: (title, verb, needsAttention) => `${title} ${verb}${needsAttention ? ". Click to answer" : ""}`,
 	clickToAnswer: "Answer",
 	openSession: "open →",
@@ -194,7 +194,7 @@ const DEFAULT_CHAT_LABELS = {
 	/** Copy button of a diagram frame. */
 	copyDiagramSource: "Copy diagram source",
 	/** Under a fence that could not be drawn; `at` is `line 3, column 7` or empty. */
-	diagramError: (message, at) => at ? `Diagram not drawn (${at}): ${message}` : `Diagram not drawn: ${message}`,
+	diagramNotDrawn: (at) => at ? `Diagram not drawn (${at}).` : "Diagram not drawn.",
 	/** Where a diagram error is. */
 	diagramErrorAt: (line, column) => column ? `line ${line}, column ${column}` : `line ${line}`,
 	stopCommand: "Stop command",
@@ -224,7 +224,7 @@ const DEFAULT_CHAT_LABELS = {
 	/** The output kept only its end. */
 	blockRunTruncated: "Earlier output was cut.",
 	/** The panel when the block could not run. */
-	blockRunFailed: (reason) => `Could not run: ${reason}`,
+	blockRunError: "Couldn't run this block.",
 	/** After a failed run: it may have wanted input, which a terminal gives. */
 	blockRunNeedsTerminal: "Needs input? Run it in a terminal.",
 	working: "Working",
@@ -252,16 +252,15 @@ const DEFAULT_CHAT_LABELS = {
 	loadingEarlierHistory: "Loading earlier history…",
 	composerLabel: "Message",
 	composerPlaceholder: "Message the agent…",
-	composerPlaceholderSteer: "Enter adds it to the run. Alt+Enter sends it when the run ends.",
-	composerPlaceholderQueue: "Enter sends it when the run ends. Alt+Enter adds it to the run.",
 	sendMessage: "Send message",
+	composerSendFailed: "Couldn't send your message.",
 	sendHint: "Send (Enter)",
 	stopRun: "Stop",
 	stopHint: "Stop the run (Esc)",
 	steerMessage: "Steer the run",
-	steerHint: "Add to the run (Enter). Alt+Enter sends it when the run ends.",
+	steerHint: "Add to the running turn (Enter)",
 	queueMessage: "Queue message",
-	queueHint: "Send when the run ends (Enter). Alt+Enter adds it to the run.",
+	queueHint: "Send when the run ends (Enter)",
 	attachFile: "Attach file",
 	removeAttachment: (name) => `Remove ${name}`,
 	attachments: "Attachments",
@@ -299,7 +298,7 @@ const DEFAULT_CHAT_LABELS = {
 	modelsJumpToProvider: "Jump to provider",
 	modelsJumpHint: (provider, digit) => digit ? `${provider} (⌘${digit})` : provider,
 	modelsLoading: "Loading…",
-	modelsLoadFailed: (error) => `Failed to load models: ${error}`,
+	modelsLoadError: "Couldn't load the models.",
 	modelsNoProviders: "No provider is signed in. Sign in under Settings → Accounts.",
 	modelsNoMatch: (query) => `No model matches "${query}".`,
 	modelsTypeAnId: "Type any model id to use it. Put a provider first to pick one, for example \"xai grok-9\".",
@@ -356,6 +355,7 @@ const DEFAULT_CHAT_LABELS = {
 	inboxRecent: "Recent",
 	inboxPreviousSession: "previous session",
 	unsupportedInteraction: (tool) => `The agent is waiting on ${tool}, which this view cannot answer.`,
+	answerSendFailed: "Couldn't send your answer.",
 	planRejectNote: "Rejecting stops the run. Add a note so the agent knows why.",
 	planReviseNote: "Say what should change. The agent sends back a revised plan.",
 	planRejectPlaceholder: "Why you reject this plan (optional)",
@@ -419,7 +419,8 @@ const DEFAULT_CHAT_LABELS = {
 	},
 	filterSorts: {
 		recency: "Recency",
-		createdTime: "Created time",
+		createdTime: "Creation time",
+		lastUserMessage: "Last user message",
 		alphabetical: "Alphabetically"
 	},
 	filterAllProjects: "All",

package/dist/chat/headless/session-list.d.ts

@@ -13,11 +13,16 @@ interface ListableSession {
   createdAt: number;
   /** Epoch milliseconds of the last activity. Used by the `recency` sort and date grouping. */
   updatedAt?: number;
+  /** Epoch milliseconds of the user's last typed message. Used by the `lastUserMessage` sort. If absent, `createdAt` stands in. */
+  lastUserMessageAt?: number;
 }
 /** How the list groups sessions: `none` (flat), `date`, `state`, or `project`. */
 type SessionGroupBy = 'none' | 'date' | 'state' | 'project';
-/** How sessions are ordered inside a group: `recency` (last activity, newest first), `createdTime` (newest first), or `alphabetical` by title. */
-type SessionSortBy = 'recency' | 'createdTime' | 'alphabetical';
+/**
+ * How sessions are ordered inside a group: `recency` (last activity, newest first), `createdTime` (newest first),
+ * `lastUserMessage` (the user's last typed message, newest first, else creation), or `alphabetical` by title.
+ */
+type SessionSortBy = 'recency' | 'createdTime' | 'lastUserMessage' | 'alphabetical';
 /** One row of the flat list {@link buildSessionRows} returns: a group `header`, a `session`, or a `showMore` row that ends a capped group. */
 type SessionListRow<S> = {
   kind: 'header';
@@ -202,7 +207,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   authSignedInRetrying: string;
   authFixed: string;
   authTryAgain: string;
-  authFailed: (message: string) => string;
+  authSignInFailed: string;
   sessionEventLabel: (title: string, verb: string, needsAttention: boolean) => string;
   clickToAnswer: string;
   openSession: string;
@@ -245,7 +250,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   zoomOutDiagram: string;
   fitDiagram: string;
   copyDiagramSource: string;
-  diagramError: (message: string, at: string) => string;
+  diagramNotDrawn: (at: string) => string;
   diagramErrorAt: (line: number, column: number) => string;
   stopCommand: string;
   shellCancelled: string;
@@ -266,7 +271,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   blockRunStopped: string;
   blockRunTimedOut: string;
   blockRunTruncated: string;
-  blockRunFailed: (reason: string) => string;
+  blockRunError: string;
   blockRunNeedsTerminal: string;
   working: string;
   foldSteps: (count: number) => string;
@@ -293,9 +298,8 @@ declare function dateBucket(at: number, now: number, labels?: {
   loadingEarlierHistory: string;
   composerLabel: string;
   composerPlaceholder: string;
-  composerPlaceholderSteer: string;
-  composerPlaceholderQueue: string;
   sendMessage: string;
+  composerSendFailed: string;
   sendHint: string;
   stopRun: string;
   stopHint: string;
@@ -340,7 +344,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   modelsJumpToProvider: string;
   modelsJumpHint: (provider: string, digit: number | null) => string;
   modelsLoading: string;
-  modelsLoadFailed: (error: string) => string;
+  modelsLoadError: string;
   modelsNoProviders: string;
   modelsNoMatch: (query: string) => string;
   modelsTypeAnId: string;
@@ -397,6 +401,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   inboxRecent: string;
   inboxPreviousSession: string;
   unsupportedInteraction: (tool: string) => string;
+  answerSendFailed: string;
   planRejectNote: string;
   planReviseNote: string;
   planRejectPlaceholder: string;
@@ -461,6 +466,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   filterSorts: {
     recency: string;
     createdTime: string;
+    lastUserMessage: string;
     alphabetical: string;
   };
   filterAllProjects: string;
@@ -548,6 +554,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   interactionAnsweredBy: (who: string) => string;
   badgePathUnavailable: string;
   badgeNoComposer: string;
+  badgeActionFailed: string;
   badgeCopied: string;
   badgeOpenIn: (app: string) => string;
   badgeOpenInBrowserPane: string;
@@ -583,6 +590,9 @@ declare function dateBucket(at: number, now: number, labels?: {
   previous: string;
   next: string;
   loading: string;
+  noticeDetails: string;
+  noticeStack: string;
+  noticeDismiss: string;
   filePath: (path: string) => string;
   rename: string;
   current: string;
@@ -600,6 +610,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   modalBack: string;
   screenBack: (screen: string) => string;
   screenBackKey: string;
+  screenNavBack: (screen: string) => string;
   paletteLabel: string;
   paletteFilter: string;
   paletteBack: string;
@@ -663,6 +674,7 @@ declare function dateBucket(at: number, now: number, labels?: {
   openInNewTab: string;
   terminal: string;
   terminalLoadFailed: (message: string) => string;
+  terminalStartFailed: string;
   terminalExited: (code: number) => string;
 }, calendar?: CalendarOptions): string;
 /** From this many days {@link relativeTime} shows a date (`Mar 4`), not a duration: pass it to core `ageStep` to know whether the label takes "ago". */

package/dist/chat/headless/session-list.js

@@ -125,6 +125,7 @@ function compareSessions(a, b, sort) {
 	switch (sort) {
 		case "alphabetical": return (a.title || "").localeCompare(b.title || "");
 		case "createdTime": return b.createdAt - a.createdAt;
+		case "lastUserMessage": return (b.lastUserMessageAt ?? b.createdAt) - (a.lastUserMessageAt ?? a.createdAt);
 		default: return (b.updatedAt ?? 0) - (a.updatedAt ?? 0);
 	}
 }

package/dist/chat/headless/sidebar/directory.d.ts

@@ -15,6 +15,21 @@ interface ProjectInSpace {
   /** Its repository, when its group also lists the repository's sessions on other machines (`isProjectMember`). */
   repoKey?: string;
 }
+/**
+ * One session's row changed on its host. It was created or updated, with the
+ * row the host lists now, or it was deleted. Create and update are applied
+ * alike. If `row` is absent, no list shows the session and the change is ignored.
+ */
+type SessionRowChange<S extends {
+  id: string;
+}> = {
+  op: 'create' | 'update';
+  sessionId: S['id'];
+  row?: S;
+} | {
+  op: 'delete';
+  sessionId: S['id'];
+};
 /** What deleting a session did with its environment. */
 type SessionRemoval = {
   kept: false;
@@ -41,8 +56,8 @@ interface SessionDirectorySource<S extends SidebarListSession, C = unknown> {
   setSpace?(sessionId: S['id'], spaceId: string): Promise<void>;
   /** Resolves to `{ kept: true }` when the session's environment stayed on disk. */
   remove?(sessionId: S['id']): Promise<void | SessionRemoval>;
-  /** Fires (possibly in bursts) with a session whose row changed. */
-  onChanged?(listener: (sessionId: S['id']) => void): () => void;
+  /** Fires with each session row change, its new row included. */
+  onChanged?(listener: (change: SessionRowChange<S>) => void): () => void;
   /**
    * Fires with a session's facets when the extensions computed new ones (`sessions:facets`): every
    * value, keyed `<extensionId>.<key>`. Absent: facets change only with a re-read.
@@ -65,6 +80,8 @@ interface SessionDirectoryStreams<K extends string, P> {
   hasEvents(sessionId: K): boolean;
   /** Cache a loaded transcript page. */
   setEventsPage(sessionId: K, page: P): void;
+  /** Bring a session's window back in step after its live signals may have gone missing (a reconnect). It reads the rows appended since its history position, else its tail. */
+  resync(sessionId: K): void;
   /** Drop every cached transcript except these. */
   evictExcept(keep: ReadonlySet<K>): void;
   /** Drop every stream (a runtime switch). */
@@ -72,6 +89,22 @@ interface SessionDirectoryStreams<K extends string, P> {
   /** Drop one session's stream (deleted). */
   reset(sessionId: K): void;
 }
+/** What a transport knows of the runtime process behind a connection change (`signals.onRuntime`). */
+interface RuntimeOrigin {
+  /** When connected, the runtime process the live signals come from (a daemon's `signalEpoch`). */
+  epoch?: string;
+  /** When down, whether the runtime is being reconnected. It is resumed if it comes back as the same process. */
+  resuming?: boolean;
+  /** When down, whether an attempt to reconnect is in flight. A down notice after one, with no comeback between, means the attempt failed. */
+  connecting?: boolean;
+}
+/** The runtime's connection as a transport knows it now (`signals.currentRuntime`). */
+interface RuntimeNow {
+  /** Whether the transport reaches the runtime now. */
+  connected: boolean;
+  /** When connected, the runtime process the live signals come from. */
+  origin?: RuntimeOrigin;
+}
 /** A remote host as the directory follows it. */
 interface DirectoryServer {
   /** The host id rows carry as `hostId`. */
@@ -112,8 +145,19 @@ interface SessionDirectoryOptions<S extends SidebarListSession, P, C = unknown>
   signals?: {
     /** A run ended. */
     onRunEnd?(listener: (sessionId: S['id'], ok: boolean) => void): () => void;
-    /** The runtime connected or disconnected (a daemon, a server connection). */
-    onRuntime?(listener: (connected: boolean) => void): () => void;
+    /**
+     * The runtime connected or disconnected (a daemon, a server connection). The transport passes `origin`
+     * when it knows it. When connected, it names the runtime process the signals come from (`epoch`). When
+     * down, it says whether the runtime is being reconnected and resumed (`resuming`). A reconnect to the
+     * same process keeps the windows, and what they missed is replayed. Any other change drops them.
+     */
+    onRuntime?(listener: (connected: boolean, origin?: RuntimeOrigin) => void): () => void;
+    /**
+     * The runtime's connection now, read once at start. A window that mounts after the last `onRuntime`
+     * (a second window, a reload) then knows which process its streams come from. A reconnect to that
+     * process keeps them. `null` means unknown.
+     */
+    currentRuntime?(): Promise<RuntimeNow | null>;
     /** A remote host was removed, with the sessions it held and the words to show. */
     onHostRemoved?(listener: (removed: {
       hostId: string;
@@ -132,9 +176,7 @@ interface SessionDirectoryOptions<S extends SidebarListSession, P, C = unknown>
     request(run: () => void): number;
     cancel(handle: number): void;
   };
-  /** Debounce of change signals. Defaults to 300 ms. */
-  changedDebounceMs?: number;
-  /** A refresh is about to list these rows (an app's per-row bookkeeping, before they render). */
+  /** A refresh or a change is about to list these rows (an app's per-row bookkeeping, before they render). */
   onListed?(rows: readonly S[]): void;
   /** A session was deleted: drop what the app keeps for it (panels, layouts). */
   onRemoved?(sessionId: S['id']): void;
@@ -202,17 +244,17 @@ interface SessionDirectory<S extends SidebarListSession, C = unknown> {
   create(input: C & {
     spaceId?: string;
   }): Promise<S>;
-  /** Renames a session, then re-reads. */
+  /** Renames a session (its row comes back as a change). */
   rename(sessionId: S['id'], title: string): Promise<void>;
   /** Stars or unstars a session at once; a failed write puts it back. */
   setFavorite(sessionId: S['id'], favorite: boolean): Promise<void>;
-  /** Archives or restores a session, then re-reads. */
+  /** Archives or restores a session. */
   setArchived(sessionId: S['id'], archived: boolean): Promise<void>;
-  /** Archives sessions, then re-reads once. */
+  /** Archives sessions. */
   archiveMany(sessionIds: readonly S['id'][]): Promise<void>;
-  /** Delete one session without re-reading; the caller refreshes. */
+  /** Delete one session. */
   drop(sessionId: S['id']): Promise<SessionRemoval>;
-  /** Delete sessions, then re-read; resolves to how many kept their environment. */
+  /** Delete sessions. Resolves to how many kept their environment. */
   removeMany(sessionIds: readonly S['id'][]): Promise<{
     kept: number;
     reason?: string;
@@ -224,7 +266,7 @@ interface SessionDirectory<S extends SidebarListSession, C = unknown> {
   setActiveSpace(spaceId: string): void;
   /** Step to the next or previous space, wrapping at either end; false with spaces off or only one space. */
   stepSpace(delta: 1 | -1): boolean;
-  /** Moves a session to a space, then re-reads. */
+  /** Moves a session to a space. */
   setSessionSpace(sessionId: S['id'], spaceId: string): Promise<void>;
   /** Hides a space from the switcher or shows it again; hiding the shown space shows the default one. */
   setSpaceHidden(spaceId: string, hidden: boolean): void;
@@ -293,4 +335,4 @@ declare function filterDirectorySessions<S extends SidebarListSession>(sessions:
   now?: number;
 }): readonly S[];
 //#endregion
-export { DirectoryServer, DirectorySettings, ProjectInSpace, SessionDirectory, SessionDirectoryOptions, SessionDirectorySource, SessionDirectoryState, SessionDirectoryStreams, SessionRef, SessionRemoval, availableProjectsOf, createSessionDirectory, filterDirectorySessions, projectKeyOf, sessionRefsOf };
+export { DirectoryServer, DirectorySettings, ProjectInSpace, RuntimeNow, RuntimeOrigin, SessionDirectory, SessionDirectoryOptions, SessionDirectorySource, SessionDirectoryState, SessionDirectoryStreams, SessionRef, SessionRemoval, SessionRowChange, availableProjectsOf, createSessionDirectory, filterDirectorySessions, projectKeyOf, sessionRefsOf };

package/dist/chat/headless/sidebar/directory.js

@@ -4,23 +4,29 @@ import { isProjectMember } from "./rows.js";
 import { DEFAULT_SIDEBAR_VIEW } from "./view.js";
 import { createNotificationStore } from "./notifications.js";
 import { NO_SIDEBAR_CONTRIBUTIONS, filterQueryOf, filtersForSpace, mergeSidebarSpaces, resolveGrouping, resolveSort, spaceMembership, switcherSpaces } from "./query.js";
-import { DEFAULT_SPACE_ID, SessionQueryError, activeSpaceOf, normalizeSpaces, projectNameOf, resolveSessionSpace, sessionDirLabel, viewQuery } from "zidane/chat/pure";
+import { DEFAULT_SPACE_ID, SessionQueryError, activeSpaceOf, createRecentChanges, normalizeSpaces, projectNameOf, resolveSessionSpace, sessionDirLabel, viewQuery } from "zidane/chat/pure";
 //#region src/chat/headless/sidebar/directory.ts
 /**
 * The session directory: every host's sessions as the sidebar lists them,
 * kept current outside React.
 *
 * - Listing: one read per host (this machine plus each remote host) under
-*   the shown archive filter. Reads are versioned: only the newest refresh
-*   lands, and a host's own older answer never overwrites a newer one.
+*   the shown archive filter, at the start, on a reconnect, a host or filter
+*   change. Reads are versioned: only the newest refresh lands, and a host's
+*   own older answer never overwrites a newer one.
+* - Live rows: each change signal carries the session's row as its host
+*   lists it (`SessionRowChange`). The directory applies it at once in
+*   place, with no read. Create and update upsert, and delete removes. A
+*   change that arrives while a read of its host is in flight is applied on
+*   top of that read's answer.
 * - Run state: a refresh reconciles the rows' status with the stream store
 *   (a running row marks the session running, an idle one confirmed by the
 *   host clears a run this client missed the end of) unless a stream signal
 *   moved the run state while the refresh was in flight.
-* - Live: a debounced change signal re-reads the hosts it touched; a run end
-*   re-reads its host and leaves a notification on a session not open; a
-*   runtime switch drops every stream; a reconnect (runtime or the open
-*   session's server) re-reads the open transcript when no run streams it.
+* - Live: a run end leaves a notification on a session not open. A runtime
+*   switch drops every stream, unless the runtime comes back as the same
+*   process. After a reconnect (runtime or the open session's server), the
+*   windows on screen climb the reconnect ladder (`streams.resync`).
 * - Prewarm: the transcripts around the open session load in idle time.
 * - Spaces: the shown space (kept by the views store), the slide direction of
 *   the last switch, following the open session to its space, and reopening
@@ -56,7 +62,6 @@ const defaultIdle = {
 function createSessionDirectory(options) {
 	const { sessions, streams, views } = options;
 	const idle = options.idle ?? defaultIdle;
-	const debounceMs = options.changedDebounceMs ?? 300;
 	const pinnedSession = options.pinnedSession ?? null;
 	const notifications = createNotificationStore();
 	let contributionsStore = options.contributions ?? constant(NO_SIDEBAR_CONTRIBUTIONS);
@@ -117,6 +122,22 @@ function createSessionDirectory(options) {
 	let refreshVersion = 0;
 	const hostLists = /* @__PURE__ */ new Map();
 	const hostReads = /* @__PURE__ */ new Map();
+	/** Per host, the changes received while its list is read. A read's answer takes the ones after the read started (`createRecentChanges`). */
+	const recentChanges = /* @__PURE__ */ new Map();
+	const recentFor = (host) => {
+		let recent = recentChanges.get(host);
+		if (!recent) recentChanges.set(host, recent = createRecentChanges());
+		return recent;
+	};
+	/** The row as the shown archive filter lists it, `null` when it does not. */
+	const listed = (row) => row && (archive === "active" ? !row.archived : archive === "archived" ? Boolean(row.archived) : true) ? row : null;
+	/** `rows` with `id`'s row replaced, added (`row`) or removed (`null`), newest first as a host lists them. */
+	const withRow = (rows, id, row) => {
+		const at = rows.findIndex((s) => s.id === id);
+		if (at === -1 && !row) return rows;
+		const next = at === -1 ? [...rows, row] : row ? rows.map((s, i) => i === at ? row : s) : rows.filter((_, i) => i !== at);
+		return row ? next.map((s, i) => [s, i]).sort((a, b) => b[0].updatedAt - a[0].updatedAt || a[1] - b[1]).map(([s]) => s) : next;
+	};
 	const refreshHosts = async (only) => {
 		const version = ++refreshVersion;
 		const unchanged = streams.captureRunState();
@@ -126,11 +147,17 @@ function createSessionDirectory(options) {
 			await Promise.all(hosts.filter((host) => !only || only.has(host) || !hostLists.has(host)).map(async (host) => {
 				const read = (hostReads.get(host) ?? 0) + 1;
 				hostReads.set(host, read);
-				const rows = host ? await sessions.query({
-					archive: filter,
-					hostId: host
-				}).catch(() => []) : await sessions.query({ archive: filter });
-				if (hostReads.get(host) === read) hostLists.set(host, rows);
+				const recent = recentFor(host);
+				const reading = recent.begin();
+				try {
+					const rows = host ? await sessions.query({
+						archive: filter,
+						hostId: host
+					}).catch(() => []) : await sessions.query({ archive: filter });
+					if (hostReads.get(host) === read) hostLists.set(host, recent.end(reading, rows, (list, row, id) => withRow(list, id, listed(row))));
+				} finally {
+					recent.drop(reading);
+				}
 			}));
 			if (version !== refreshVersion) return;
 			for (const host of hostLists.keys()) if (!hosts.includes(host)) hostLists.delete(host);
@@ -157,13 +184,52 @@ function createSessionDirectory(options) {
 		}
 	};
 	const refresh = () => refreshHosts();
-	const reconvergeActiveTranscript = () => {
+	/** Applies a change signal. The row lands in its host's list at once. */
+	const applyChange = (change) => {
+		const row = change.op === "delete" ? null : change.row ?? void 0;
+		if (row === void 0) return;
+		const id = change.sessionId;
+		const host = row?.hostId ?? options.serverOf(id) ?? [...hostLists].find(([, rows]) => rows.some((s) => s.id === id))?.[0] ?? "";
+		recentFor(host).note(id, row);
+		const rows = hostLists.get(host);
+		if (!rows) return;
+		const shown = listed(row);
+		const next = withRow(rows, id, shown);
+		if (next === rows) return;
+		hostLists.set(host, next);
+		if (shown) {
+			options.onListed?.([shown]);
+			if (shown.status === "running") streams.markRunning(shown.id);
+		}
+		const hosts = ["", ...options.servers.get().map((h) => h.id)];
+		patch({ allSessions: hosts.flatMap((h) => hostLists.get(h) ?? []) });
+	};
+	const comebacks = /* @__PURE__ */ new Map();
+	const caughtUp = /* @__PURE__ */ new Map();
+	const comebacksOf = (sessionId) => comebacks.get(options.serverOf(sessionId) ?? "") ?? 0;
+	const comeBack = (host) => comebacks.set(host, (comebacks.get(host) ?? 0) + 1);
+	const catchUp = (sessionId) => {
+		const seen = comebacksOf(sessionId);
+		if (seen === 0 || caughtUp.get(sessionId) === seen) return;
+		caughtUp.set(sessionId, seen);
+		if (streams.hasEvents(sessionId)) streams.resync(sessionId);
+	};
+	/** When the open session's connection comes back, its window climbs the reconnect ladder's last steps (`streams.resync`). */
+	const resyncActiveTranscript = () => {
 		const active = state.get().activeSessionId;
-		if (!active || streams.peekRunning(active) || state.get().allSessions.some((s) => s.id === active && s.status === "running")) return;
-		const runSeqAtKickoff = streams.peekRunSeq(active);
-		options.loadEvents(active).then((events) => {
-			if (state.get().activeSessionId === active && !streams.peekRunning(active) && streams.peekRunSeq(active) === runSeqAtKickoff) streams.setEventsPage(active, events);
-		}).catch(() => void 0);
+		if (!active) return;
+		caughtUp.set(active, comebacksOf(active));
+		streams.resync(active);
+	};
+	/** When this machine's runtime comes back, every window on screen (the open session, a side chat) climbs the ladder. */
+	const resyncVisibleTranscripts = () => {
+		resyncActiveTranscript();
+		const active = state.get().activeSessionId;
+		for (const id of options.pinned?.() ?? []) {
+			if (id === active || options.serverOf(id) !== null || !streams.hasEvents(id)) continue;
+			caughtUp.set(id, comebacksOf(id));
+			streams.resync(id);
+		}
 	};
 	const setActive = (next) => {
 		const current = state.get().activeSessionId;
@@ -349,11 +415,19 @@ function createSessionDirectory(options) {
 					id,
 					status
 				};
-				if (id !== null && last.id === id && last.status !== void 0 && last.status !== "connected" && status === "connected") reconvergeActiveTranscript();
+				if (id !== null && last.id === id && last.status !== void 0 && last.status !== "connected" && status === "connected") resyncActiveTranscript();
+				if (active) catchUp(active);
 			};
+			let statuses = new Map(options.servers.get().map((host) => [host.id, host.status]));
 			followActiveServer();
 			offs.push(state.subscribe(followActiveServer));
 			offs.push(options.servers.subscribe(() => {
+				const next = new Map(options.servers.get().map((host) => [host.id, host.status]));
+				for (const [host, status] of next) {
+					const was = statuses.get(host);
+					if (was !== void 0 && was !== "connected" && status === "connected") comeBack(host);
+				}
+				statuses = next;
 				followActiveServer();
 				const key = options.servers.get().map((host) => `${host.id}:${host.status}`).join("|");
 				if (key === serversKey) return;
@@ -361,24 +435,65 @@ function createSessionDirectory(options) {
 				refresh();
 			}));
 			let runtime = null;
+			/** The process the windows' streams come from, when the transport names it. */
+			let runtimeEpoch;
+			/** Set when the runtime went down while being resumed. The windows wait for the comeback to know whether to go. */
+			let dropPending = false;
+			/** The last down notice said an attempt to reconnect was in flight. */
+			let attempting = false;
+			/** The runtime's connection went down since it was last up, so its next `connected` is a comeback. */
+			let runtimeDropped = false;
 			const onRuntime = options.signals?.onRuntime;
 			if (onRuntime) {
-				offs.push(onRuntime((connected) => {
+				offs.push(onRuntime((connected, origin) => {
 					const previous = runtime;
 					runtime = connected;
-					if (previous === null || previous === connected) return;
-					streams.dropAll();
-					refresh();
+					const drop = () => {
+						dropPending = false;
+						streams.dropAll();
+						refresh();
+					};
+					const wasAttempting = attempting;
+					attempting = !connected && origin?.connecting === true;
+					if (previous === null) {
+						if (connected) runtimeEpoch = origin?.epoch;
+						return;
+					}
+					if (!connected) {
+						if (previous) {
+							if (origin?.resuming && runtimeEpoch !== void 0) dropPending = true;
+							else drop();
+							return;
+						}
+						if (dropPending && (!origin?.resuming || wasAttempting && !attempting)) drop();
+						return;
+					}
+					if (previous) return;
+					const same = dropPending && origin?.epoch !== void 0 && origin.epoch === runtimeEpoch;
+					runtimeEpoch = origin?.epoch;
+					if (same) dropPending = false;
+					else drop();
 				}));
 				offs.push(onRuntime((connected) => {
-					if (!connected) return;
+					if (!connected) {
+						runtimeDropped = true;
+						return;
+					}
+					if (runtimeDropped) comeBack("");
+					runtimeDropped = false;
 					refresh();
-					reconvergeActiveTranscript();
+					resyncVisibleTranscripts();
 				}));
+				let seeding = true;
+				offs.push(() => seeding = false);
+				options.signals?.currentRuntime?.().then((now) => {
+					if (!seeding || !now || runtime !== null) return;
+					runtime = now.connected;
+					if (now.connected) runtimeEpoch = now.origin?.epoch;
+				}, () => void 0);
 			}
 			const onRunEnd = options.signals?.onRunEnd;
 			if (onRunEnd) offs.push(onRunEnd((sessionId, ok) => {
-				refreshHosts(/* @__PURE__ */ new Set([options.serverOf(sessionId) ?? ""]));
 				if (sessionId === state.get().activeSessionId) return;
 				notifications.set(sessionId, ok ? "completed" : "error");
 			}));
@@ -391,30 +506,7 @@ function createSessionDirectory(options) {
 				}
 				refresh();
 			}));
-			if (sessions.onChanged) {
-				let timer = null;
-				let activeTouched = false;
-				let touched = /* @__PURE__ */ new Set();
-				const off = sessions.onChanged((sessionId) => {
-					activeTouched ||= sessionId === state.get().activeSessionId;
-					touched.add(options.serverOf(sessionId) ?? "");
-					if (timer !== null) clearTimeout(timer);
-					timer = setTimeout(() => {
-						timer = null;
-						const hosts = touched;
-						touched = /* @__PURE__ */ new Set();
-						refreshHosts(hosts);
-						if (activeTouched) {
-							activeTouched = false;
-							reconvergeActiveTranscript();
-						}
-					}, debounceMs);
-				});
-				offs.push(() => {
-					off();
-					if (timer !== null) clearTimeout(timer);
-				});
-			}
+			if (sessions.onChanged) offs.push(sessions.onChanged(applyChange));
 			refresh();
 			return () => {
 				for (const off of offs.splice(0).reverse()) off();
@@ -443,7 +535,6 @@ function createSessionDirectory(options) {
 		},
 		async rename(sessionId, title) {
 			await sessions.rename?.(sessionId, title);
-			await refresh();
 		},
 		async setFavorite(sessionId, favorite) {
 			const flip = (value) => {
@@ -460,33 +551,23 @@ function createSessionDirectory(options) {
 				flip(!favorite);
 				throw err;
 			}
-			await refresh();
 		},
 		async setArchived(sessionId, archived) {
 			await sessions.setArchived?.(sessionId, archived);
-			await refresh();
 		},
 		async archiveMany(sessionIds) {
-			try {
-				for (const id of sessionIds) await sessions.setArchived?.(id, true);
-			} finally {
-				await refresh();
-			}
+			for (const id of sessionIds) await sessions.setArchived?.(id, true);
 		},
 		drop,
 		async removeMany(sessionIds) {
 			let kept = 0;
 			let reason;
-			try {
-				for (const id of sessionIds) {
-					const result = await drop(id);
-					if (result.kept) {
-						kept += 1;
-						reason ??= result.reason;
-					}
+			for (const id of sessionIds) {
+				const result = await drop(id);
+				if (result.kept) {
+					kept += 1;
+					reason ??= result.reason;
 				}
-			} finally {
-				await refresh();
 			}
 			return reason ? {
 				kept,
@@ -504,7 +585,6 @@ function createSessionDirectory(options) {
 		async setSessionSpace(sessionId, spaceId) {
 			await sessions.setSpace?.(sessionId, spaceId);
 			views.forgetSession(sessionId, spaceId);
-			await refresh();
 		},
 		setSpaceHidden(spaceId, hidden) {
 			if (spaceId === DEFAULT_SPACE_ID) return;
@@ -604,7 +684,6 @@ function createSessionDirectory(options) {
 				await sessions.setSpace?.(member.id, spaceId);
 				views.forgetSession(member.id, spaceId);
 			}
-			await refresh();
 			return members.length;
 		}
 	};