@robota-sdk/agent-ui-web 3.0.7 → 3.1.2

package/dist/{node/index.js → index.js}

@@ -4290,6 +4290,16 @@ function otherClients(session, isCurrent) {
 	return others >= 1 ? others : null;
 }
 /**
+* The line for sealed sessions the host cannot open: the listing leaves them out, so without it they
+* would read as gone. The host's keys may be locked or may not open them at all, and which does not
+* cross the wire, so it never says to unlock. Same wording as the terminal's for a host's listing,
+* which this package does not depend on.
+*/
+function lockedSessionsLine(count) {
+	if (count === void 0 || count <= 0) return null;
+	return count === 1 ? "1 saved session is sealed and not listed here." : `${count} saved sessions are sealed and not listed here.`;
+}
+/**
 * #3189 — this workspace's sessions on the left of the conversation, as in Claude Code Desktop:
 * start a new one, or click another to make it current. Rows the host could not read are listed,
 * disabled, so a damaged session never looks deleted. A refused switch comes back as a notice.
@@ -4303,6 +4313,7 @@ function SessionSidebar({ state, brand, className }) {
 	const listing = state.sessionListing ?? null;
 	const current = listing?.currentSessionId ?? null;
 	const unreadable = listing?.unreadableSessionIds ?? [];
+	const lockedLine = lockedSessionsLine(listing?.lockedSessionCount);
 	const failed = state.sessionsError?.code === "list_failed" ? state.sessionsError.message : null;
 	const connected = state.status === "connected";
 	const [menu, setMenu] = useState(null);
@@ -4403,121 +4414,128 @@ function SessionSidebar({ state, brand, className }) {
 					}) : null,
 					/* @__PURE__ */ jsxs("ul", {
 						className: "space-y-px",
-						children: [rows.map((session) => {
-							const isCurrent = session.id === current;
-							const others = otherClients(session, isCurrent);
-							const isRenaming = renamingId === session.id;
-							const statusParts = [session.live === true ? "Live" : null, others !== null ? `${others} ${others === 1 ? "other" : "others"}` : null].filter((part) => part !== null);
-							const statusId = `session-status-${session.id}`;
-							const updatedId = `session-updated-${session.id}`;
-							const describedBy = statusParts.length > 0 ? `${updatedId} ${statusId}` : updatedId;
-							return /* @__PURE__ */ jsxs("li", {
-								className: "group relative",
-								children: [isRenaming ? /* @__PURE__ */ jsx("input", {
-									autoFocus: true,
-									"aria-label": `Rename ${sessionTitle(session)}`,
-									value: renameValue,
-									onChange: (event) => setRenameValue(event.target.value),
-									onBlur: () => saveRename(session),
-									onKeyDown: (event) => {
-										if (event.key === "Enter") {
-											event.preventDefault();
-											saveRename(session);
-										} else if (event.key === "Escape") {
+						children: [
+							rows.map((session) => {
+								const isCurrent = session.id === current;
+								const others = otherClients(session, isCurrent);
+								const isRenaming = renamingId === session.id;
+								const statusParts = [session.live === true ? "Live" : null, others !== null ? `${others} ${others === 1 ? "other" : "others"}` : null].filter((part) => part !== null);
+								const statusId = `session-status-${session.id}`;
+								const updatedId = `session-updated-${session.id}`;
+								const describedBy = statusParts.length > 0 ? `${updatedId} ${statusId}` : updatedId;
+								return /* @__PURE__ */ jsxs("li", {
+									className: "group relative",
+									children: [isRenaming ? /* @__PURE__ */ jsx("input", {
+										autoFocus: true,
+										"aria-label": `Rename ${sessionTitle(session)}`,
+										value: renameValue,
+										onChange: (event) => setRenameValue(event.target.value),
+										onBlur: () => saveRename(session),
+										onKeyDown: (event) => {
+											if (event.key === "Enter") {
+												event.preventDefault();
+												saveRename(session);
+											} else if (event.key === "Escape") {
+												event.preventDefault();
+												setRenamingId(null);
+											}
+										},
+										className: "w-full rounded-lg border border-accent bg-raised px-2.5 py-2 text-[14px] text-foreground outline-none"
+									}) : /* @__PURE__ */ jsxs("button", {
+										type: "button",
+										"aria-current": isCurrent ? "true" : void 0,
+										"aria-label": sessionTitle(session),
+										"aria-describedby": describedBy,
+										title: connected ? session.preview || session.id : "Reconnecting…",
+										disabled: !connected,
+										onClick: () => {
+											if (!isCurrent) state.switchSession?.(session.id);
+										},
+										onContextMenu: (event) => {
 											event.preventDefault();
-											setRenamingId(null);
-										}
-									},
-									className: "w-full rounded-lg border border-accent bg-raised px-2.5 py-2 text-[14px] text-foreground outline-none"
-								}) : /* @__PURE__ */ jsxs("button", {
-									type: "button",
-									"aria-current": isCurrent ? "true" : void 0,
-									"aria-label": sessionTitle(session),
-									"aria-describedby": describedBy,
-									title: connected ? session.preview || session.id : "Reconnecting…",
-									disabled: !connected,
-									onClick: () => {
-										if (!isCurrent) state.switchSession?.(session.id);
-									},
-									onContextMenu: (event) => {
-										event.preventDefault();
-										openMenuAt(session.id, event.clientX, event.clientY);
-									},
-									className: `w-full rounded-lg py-2 pl-2.5 pr-8 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-60 ${isCurrent ? "bg-raised" : "hover:bg-hover"}`,
-									children: [/* @__PURE__ */ jsx("span", {
-										className: `block truncate text-[14px] leading-snug ${isCurrent ? "font-medium text-foreground" : "text-foreground/85"}`,
-										children: sessionTitle(session)
-									}), /* @__PURE__ */ jsxs("span", {
-										className: "mt-0.5 flex items-center gap-1.5 text-[12.5px] tabular-nums text-subtle",
-										children: [
-											session.live === true ? /* @__PURE__ */ jsx("span", {
-												title: "Live in the host",
-												className: "h-1.5 w-1.5 flex-shrink-0 rounded-full bg-accent",
-												children: /* @__PURE__ */ jsx("span", {
+											openMenuAt(session.id, event.clientX, event.clientY);
+										},
+										className: `w-full rounded-lg py-2 pl-2.5 pr-8 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-60 ${isCurrent ? "bg-raised" : "hover:bg-hover"}`,
+										children: [/* @__PURE__ */ jsx("span", {
+											className: `block truncate text-[14px] leading-snug ${isCurrent ? "font-medium text-foreground" : "text-foreground/85"}`,
+											children: sessionTitle(session)
+										}), /* @__PURE__ */ jsxs("span", {
+											className: "mt-0.5 flex items-center gap-1.5 text-[12.5px] tabular-nums text-subtle",
+											children: [
+												session.live === true ? /* @__PURE__ */ jsx("span", {
+													title: "Live in the host",
+													className: "h-1.5 w-1.5 flex-shrink-0 rounded-full bg-accent",
+													children: /* @__PURE__ */ jsx("span", {
+														className: "sr-only",
+														children: "live"
+													})
+												}) : null,
+												/* @__PURE__ */ jsx("span", {
+													id: updatedId,
+													children: formatUpdatedAt(session.updatedAt)
+												}),
+												others !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+													"aria-hidden": "true",
+													children: "·"
+												}), /* @__PURE__ */ jsxs("span", {
+													className: "text-muted-foreground",
+													children: [
+														others,
+														" ",
+														others === 1 ? "other" : "others"
+													]
+												})] }) : null,
+												statusParts.length > 0 ? /* @__PURE__ */ jsx("span", {
+													id: statusId,
 													className: "sr-only",
-													children: "live"
-												})
-											}) : null,
-											/* @__PURE__ */ jsx("span", {
-												id: updatedId,
-												children: formatUpdatedAt(session.updatedAt)
-											}),
-											others !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
-												"aria-hidden": "true",
-												children: "·"
-											}), /* @__PURE__ */ jsxs("span", {
-												className: "text-muted-foreground",
-												children: [
-													others,
-													" ",
-													others === 1 ? "other" : "others"
-												]
-											})] }) : null,
-											statusParts.length > 0 ? /* @__PURE__ */ jsx("span", {
-												id: statusId,
-												className: "sr-only",
-												children: statusParts.join(", ")
-											}) : null
-										]
-									})]
-								}), !isRenaming ? /* @__PURE__ */ jsx("button", {
-									type: "button",
-									ref: (el) => {
-										if (el) moreButtonRefs.current.set(session.id, el);
-										else moreButtonRefs.current.delete(session.id);
-									},
-									"aria-label": `More for ${sessionTitle(session)}`,
-									"aria-haspopup": "menu",
-									"aria-expanded": menu?.sessionId === session.id,
-									onClick: (event) => {
-										const rect = event.currentTarget.getBoundingClientRect();
-										openMenuAt(session.id, rect.left, rect.bottom);
-									},
-									className: "absolute right-1 top-1/2 -translate-y-1/2 rounded-md p-1 text-muted-foreground opacity-0 hover:bg-hover hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100",
-									children: /* @__PURE__ */ jsx(MoreHorizontal, {
-										size: 15,
-										strokeWidth: 1.75
-									})
-								}) : null]
-							}, session.id);
-						}), unreadable.length > 0 && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", {
-							className: "px-2.5 py-2 text-[12.5px] text-subtle",
-							children: [/* @__PURE__ */ jsxs("summary", {
-								className: "cursor-pointer text-muted-foreground hover:text-foreground",
-								children: [
-									unreadable.length,
-									" older ",
-									unreadable.length === 1 ? "session" : "sessions",
-									" in this folder can't be opened"
-								]
-							}), /* @__PURE__ */ jsx("ul", {
-								className: "mt-1.5 space-y-0.5 font-mono text-[11.5px]",
-								children: unreadable.map((id) => /* @__PURE__ */ jsx("li", {
-									className: "truncate",
-									children: id
-								}, id))
-							})]
-						}) })]
+													children: statusParts.join(", ")
+												}) : null
+											]
+										})]
+									}), !isRenaming ? /* @__PURE__ */ jsx("button", {
+										type: "button",
+										ref: (el) => {
+											if (el) moreButtonRefs.current.set(session.id, el);
+											else moreButtonRefs.current.delete(session.id);
+										},
+										"aria-label": `More for ${sessionTitle(session)}`,
+										"aria-haspopup": "menu",
+										"aria-expanded": menu?.sessionId === session.id,
+										onClick: (event) => {
+											const rect = event.currentTarget.getBoundingClientRect();
+											openMenuAt(session.id, rect.left, rect.bottom);
+										},
+										className: "absolute right-1 top-1/2 -translate-y-1/2 rounded-md p-1 text-muted-foreground opacity-0 hover:bg-hover hover:text-foreground focus-visible:opacity-100 group-hover:opacity-100",
+										children: /* @__PURE__ */ jsx(MoreHorizontal, {
+											size: 15,
+											strokeWidth: 1.75
+										})
+									}) : null]
+								}, session.id);
+							}),
+							unreadable.length > 0 && /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("details", {
+								className: "px-2.5 py-2 text-[12.5px] text-subtle",
+								children: [/* @__PURE__ */ jsxs("summary", {
+									className: "cursor-pointer text-muted-foreground hover:text-foreground",
+									children: [
+										unreadable.length,
+										" older ",
+										unreadable.length === 1 ? "session" : "sessions",
+										" in this folder can't be opened"
+									]
+								}), /* @__PURE__ */ jsx("ul", {
+									className: "mt-1.5 space-y-0.5 font-mono text-[11.5px]",
+									children: unreadable.map((id) => /* @__PURE__ */ jsx("li", {
+										className: "truncate",
+										children: id
+									}, id))
+								})]
+							}) }),
+							lockedLine !== null && /* @__PURE__ */ jsx("li", {
+								className: "px-2.5 py-2 text-[12.5px] text-subtle",
+								children: lockedLine
+							})
+						]
 					})
 				]
 			}),