@senguoyun/dsh-arkme 0.1.59 → 0.1.61

package/lib/harness-onboarding-client.js

@@ -21,19 +21,79 @@ window.__ModuleLoader__.load({
 			} catch {}
 		}
 		//#endregion
+		//#region src/harness-embed-contract.ts
+		const ARKME_NATIVE_SELECTION_CLIENT_ID = "@senguoyun/dsh-arkme/harness-native-selection";
+		//#endregion
+		//#region src/client/harness-native-selection-loader.ts
+		/** Called after native readiness. This resource is deliberately absent from the boot graph. */
+		function loadNativeSelection(ctx, doc, url) {
+			const modules = ctx.modules;
+			if (typeof modules?.import !== "function") return () => {};
+			let stopped = false;
+			let restore;
+			const script = doc.createElement("script");
+			script.src = url;
+			script.async = true;
+			const failed = () => {
+				script.remove();
+				console.warn("Arkme native selection unavailable; native chat remains active.");
+			};
+			script.onerror = failed;
+			script.onload = () => {
+				modules.import(ARKME_NATIVE_SELECTION_CLIENT_ID).then((value) => {
+					if (stopped) return;
+					const module = value;
+					if (typeof module?.install !== "function") throw new Error("Missing native selection entry");
+					restore = module.install(ctx, doc);
+				}).catch(() => {
+					if (!stopped) failed();
+				});
+			};
+			doc.head.append(script);
+			return () => {
+				if (stopped) return;
+				stopped = true;
+				script.onload = null;
+				script.onerror = null;
+				script.remove();
+				restore?.();
+			};
+		}
+		//#endregion
 		//#region src/client/harness-onboarding-client.tsx
-		const inject = ["slots", "sessions"];
+		const inject = [
+			"slots",
+			"sessions",
+			"modules"
+		];
 		/** Runs in the native iframe. The settings coordinator owns when this step mounts. */
 		function apply(ctx) {
 			const sessions = ctx.sessions;
 			let completed = false;
 			let wasActive;
+			let selectionStarted = false;
+			let disposeSelection;
+			let selectionTimer;
 			const publish = () => {
 				const snapshot = sessions.list.getSnapshot();
 				const active = snapshot.phase === "ready" && (snapshot.current === void 0 || snapshot.byId[snapshot.current]?.blank === true);
 				if (active && wasActive === false) completed = false;
 				wasActive = active;
-				const state = snapshot.phase === "ready" && (!active || completed) ? "ready" : "pending";
+				const ready = snapshot.phase === "ready" && (!active || completed);
+				const state = ready ? "ready" : "pending";
+				if (ready && !selectionStarted) {
+					const asset = document.querySelector("meta[name=\"arkme-native-selection\"]")?.content;
+					if (asset && /^\/arkme-self\/harness-native-selection-client\.js\?rev=[a-f0-9]+$/.test(asset)) {
+						selectionStarted = true;
+						selectionTimer = setTimeout(() => {
+							try {
+								disposeSelection = loadNativeSelection(ctx, document, asset);
+							} catch (error) {
+								console.warn("Arkme native selection could not start.", error);
+							}
+						}, 0);
+					}
+				}
 				if (document.body.dataset.arkmeHarnessOnboarding !== state) {
 					document.body.dataset.arkmeHarnessOnboarding = state;
 					homeTourDiagnostic("harness-onboarding-state", {
@@ -56,6 +116,8 @@ window.__ModuleLoader__.load({
 				const unsubscribe = sessions.list.subscribe(publish);
 				return () => {
 					unsubscribe();
+					clearTimeout(selectionTimer);
+					disposeSelection?.();
 					delete document.body.dataset.arkmeHarnessOnboarding;
 				};
 			}, "arkme: native onboarding readiness");

package/lib/harness-session-client.js

@@ -4,8 +4,16 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		//#region src/harness-embed-contract.ts
+		/** Same-origin bridge owned and disposed by the embedded session client. */
+		const HARNESS_SESSION_NAVIGATION_KEY = "__arkmeHarnessSessionNavigation";
+		//#endregion
 		//#region src/client/harness-session-client.ts
-		const inject = ["sessions"];
+		const inject = [
+			"sessions",
+			"remote",
+			"remote.session"
+		];
 		const REFRESH_MS = 1e4;
 		/** The iframe reads selection through the public DSH store; Arkme owns visibility. */
 		function apply(ctx) {
@@ -13,9 +21,37 @@ window.__ModuleLoader__.load({
 				const surface = window.frameElement?.parentElement;
 				if (surface?.getAttribute("data-arkme-owned") !== "deepseek-harness-surface") return () => void 0;
 				const apiPath = document.querySelector("meta[name=\"arkme-session-api\"]")?.content;
-				if (apiPath === void 0 || !/^\/[A-Za-z0-9/_-]+$/.test(apiPath)) return () => void 0;
 				const sessions = ctx.sessions;
 				if (sessions === void 0) return () => void 0;
+				const frameWindow = window;
+				const navigation = {
+					async has(sessionId) {
+						if (!/^[A-Za-z0-9_.:-]{1,256}$/.test(sessionId)) throw new Error("DSH 对话标识无效");
+						const remote = ctx.remote?.session;
+						if (typeof remote?.list !== "function") throw new Error("当前 DSH 版本无法核验本机会话");
+						const result = await remote.list({});
+						if (!result.ok) throw new Error(result.error?.message || "本机会话列表读取失败，请稍后重试");
+						if (!Array.isArray(result.value?.items)) throw new Error("本机会话列表响应不完整");
+						if (!result.value.items.some((item) => item.sessionId === sessionId)) return false;
+						const refreshable = sessions;
+						if (sessions.list.getSnapshot().byId[sessionId] === void 0) {
+							if (typeof refreshable.refresh !== "function") throw new Error("本机会话列表尚未就绪，请稍后重试");
+							await refreshable.refresh();
+						}
+						if (sessions.list.getSnapshot().byId[sessionId] === void 0) throw new Error("本机会话列表尚未就绪，请稍后重试");
+						return true;
+					},
+					open(sessionId) {
+						if (typeof sessionId !== "string" || sessionId.trim() === "") throw new Error("DSH 对话标识无效");
+						if (typeof sessions.open !== "function") throw new Error("当前 DSH 版本暂不支持打开任务");
+						sessions.open(sessionId);
+					}
+				};
+				frameWindow[HARNESS_SESSION_NAVIGATION_KEY] = navigation;
+				const disposeNavigation = () => {
+					if (frameWindow["__arkmeHarnessSessionNavigation"] === navigation) delete frameWindow[HARNESS_SESSION_NAVIGATION_KEY];
+				};
+				if (apiPath === void 0 || !/^\/[A-Za-z0-9/_-]+$/.test(apiPath)) return disposeNavigation;
 				const windowRef = crypto.randomUUID();
 				let revision = 0;
 				let stopped = false;
@@ -106,6 +142,7 @@ window.__ModuleLoader__.load({
 				window.addEventListener("pageshow", changed);
 				report();
 				return () => {
+					disposeNavigation();
 					stopped = true;
 					clearSelection();
 					observer.disconnect();

package/lib/harness-sidebar-client.js

@@ -71,6 +71,181 @@ window.__ModuleLoader__.load({
 		const HARNESS_MENU_CLOSE = "arkme:harness-menu-close";
 		const HARNESS_MENU_POSITION = "arkme:harness-menu-position";
 		//#endregion
+		//#region src/client/conversation-selector-style.ts
+		/** Native DSH menu metrics, shared by both topic-menu entry points and the session adapter. */
+		const CONVERSATION_MENU_LAYOUT = {
+			width: 320,
+			maxHeight: 560,
+			paddingY: 8,
+			paddingX: 10,
+			rowHeight: 32,
+			rowGap: 2,
+			titleFontSize: 14,
+			secondaryFontSize: 12,
+			lineHeight: "20px",
+			listBottomPadding: 16,
+			fadeHeight: 24,
+			createHeight: 38,
+			hoverGap: 8,
+			viewportInset: 12,
+			scrollbarWidth: 8,
+			scrollbarContentPadding: 2,
+			scrollbarLingerMs: 2e3
+		};
+		/** Keep the current selection distinct from a transient hover in both menus. */
+		const CONVERSATION_MENU_COLORS = {
+			selected: "#eef1f8",
+			hover: "var(--dsw-alias-interactive-bg-hover, #f3f4f7)"
+		};
+		const CONVERSATION_MENU_SURFACE = {
+			background: "var(--dsw-specific-sidebar-fill, #f9fafb)",
+			border: "1px solid var(--dsw-alias-border-l3, #e5e7eb)",
+			borderRadius: 10,
+			boxShadow: "0 10px 32px #0000001f"
+		};
+		/** Shared by the native DSH adapter and the self-topic selector, including focus feedback. */
+		const CONVERSATION_SELECTOR_CSS = `
+/* Both menus use the native scrollbar tokens and a stable gutter. The list's
+   own variables deliberately override the native sidebar's ancestor quietBars. */
+[data-arkme-menu-scroll] {
+  --dsh-scrollbar-thumb: transparent;
+  --dsh-scrollbar-thumb-hover: transparent;
+  scrollbar-gutter: stable;
+  padding-right: ${CONVERSATION_MENU_LAYOUT.scrollbarContentPadding}px;
+  padding-bottom: ${CONVERSATION_MENU_LAYOUT.listBottomPadding}px;
+}
+[data-arkme-menu-scrollbars="visible"] [data-arkme-menu-scroll] {
+  --dsh-scrollbar-thumb: var(--dsw-alias-scrollbar-bg-l2);
+  --dsh-scrollbar-thumb-hover: var(--dsw-alias-scrollbar-hover-l2);
+}
+[data-arkme-menu-scroll]::-webkit-scrollbar { width: ${CONVERSATION_MENU_LAYOUT.scrollbarWidth}px; height: ${CONVERSATION_MENU_LAYOUT.scrollbarWidth}px; }
+[data-arkme-menu-scroll]::-webkit-scrollbar-thumb { background: var(--dsh-scrollbar-thumb); border-radius: 4px; }
+[data-arkme-menu-scroll]::-webkit-scrollbar-thumb:hover { background: var(--dsh-scrollbar-thumb-hover); }
+[data-arkme-menu-scroll]::-webkit-scrollbar-track, [data-arkme-menu-scroll]::-webkit-scrollbar-corner { background: transparent; }
+@supports not selector(::-webkit-scrollbar) {
+  [data-arkme-menu-scroll] { scrollbar-width: thin; scrollbar-color: var(--dsh-scrollbar-thumb) transparent; }
+}
+/* Match DSH's solid selector footer and its native New Session / View Options controls. */
+:is([data-arkme-workspace], [data-arkme-self-topic-menu]) .arkme-self-topic-create-button { flex: 1; }
+:is([data-arkme-workspace], [data-arkme-self-topic-menu]) .arkme-self-topic-create-button,
+[data-arkme-session-create] {
+  min-width: 0;
+  height: 38px;
+  border: 1px solid var(--dsw-alias-border-l2, #dfe1e5);
+  border-radius: 12px;
+  background: var(--dsw-alias-button-elevated-fill, #fff);
+  color: var(--dsw-alias-label-primary, #171923);
+  padding: 8px 16px;
+  gap: 6px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+  white-space: nowrap;
+}
+:is([data-arkme-workspace], [data-arkme-self-topic-menu]) .arkme-self-topic-create-button:hover:not(:disabled),
+[data-arkme-session-create]:hover:not(:disabled) {
+  background: var(--dsw-alias-button-floating-hover, #f3f4f7);
+  border-color: var(--dsw-alias-border-l2, #d9dade);
+}
+:is([data-arkme-workspace], [data-arkme-self-topic-menu]) .arkme-dsh-view-options-button,
+[data-arkme-session-tools-actions] button {
+  corner-shape: round;
+  box-sizing: border-box;
+  width: 28px;
+  height: 28px;
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-radius: 50%;
+  background: transparent;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+:is([data-arkme-workspace], [data-arkme-self-topic-menu]) .arkme-dsh-view-options-button:hover,
+[data-arkme-session-tools-actions] button:hover {
+  background: var(--dsw-alias-interactive-bg-hover);
+}
+  [data-arkme-conversation-selector] {
+    display: inline-flex; align-items: stretch; gap: 0; min-width: 0; max-width: 100%; height: 30px;
+    border: 1px solid var(--dsw-alias-border-l3, #d4d6da); border-radius: 10px; padding: 0; margin-left: 0; box-sizing: border-box;
+    color: var(--dsw-alias-label-primary, inherit); background: var(--dsw-alias-button-elevated-fill, #fff); font: inherit;
+    font-size: 16px; font-weight: 600; line-height: 28px; overflow: hidden; cursor: pointer; outline: none;
+  }
+  [data-arkme-conversation-selector] > span:first-child { padding: 0 10px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+  [data-arkme-conversation-selector] > span:last-child {
+    color: var(--dsw-alias-label-secondary, #626872); flex: none; width: 28px;
+    border-left: 1px solid var(--dsw-alias-border-l3, #d4d6da); display: flex; align-items: center; justify-content: center;
+  }
+  [data-arkme-conversation-selector][aria-expanded="true"] svg { transform: rotate(180deg); }
+  [data-arkme-conversation-selector]:hover, [data-arkme-conversation-selector][aria-expanded="true"] { background: var(--dsw-alias-interactive-bg-hover, #f3f4f6); }
+  [data-arkme-conversation-selector]:focus-visible { outline: 2px solid #4c70ef; outline-offset: -2px; }
+`;
+		//#endregion
+		//#region src/client/conversation-menu-layer.ts
+		function conversationMenuPosition(anchor, width, height, viewport) {
+			const { hoverGap, viewportInset } = CONVERSATION_MENU_LAYOUT;
+			const right = anchor.right + hoverGap;
+			const left = right + width <= viewport.width - viewportInset ? right : anchor.left - width - hoverGap;
+			return {
+				left: Math.max(viewportInset, Math.min(left, viewport.width - width - viewportInset)),
+				top: Math.max(viewportInset, Math.min(anchor.top, viewport.height - height - viewportInset))
+			};
+		}
+		//#endregion
+		//#region src/client/conversation-menu-scrollbars.ts
+		/** The native DSH recipe: reveal on entry, linger for 2s on exit, never resize. */
+		function watchConversationMenuScrollbars(menu, list) {
+			const doc = menu.ownerDocument;
+			const win = doc.defaultView;
+			let timer;
+			let visible = false;
+			const setVisible = (next) => {
+				visible = next;
+				menu.setAttribute("data-arkme-menu-scrollbars", next ? "visible" : "quiet");
+			};
+			const cancel = () => {
+				win.clearTimeout(timer);
+				timer = void 0;
+			};
+			const enter = () => {
+				cancel();
+				setVisible(true);
+			};
+			const leave = () => {
+				if (!visible || timer !== void 0) return;
+				timer = win.setTimeout(() => {
+					timer = void 0;
+					setVisible(false);
+				}, CONVERSATION_MENU_LAYOUT.scrollbarLingerMs);
+			};
+			const move = (event) => {
+				if (!visible) return;
+				const rect = menu.getBoundingClientRect();
+				if (event.clientX >= rect.left && event.clientX < rect.right && event.clientY >= rect.top && event.clientY < rect.bottom) cancel();
+				else leave();
+			};
+			list.setAttribute("data-arkme-menu-scroll", "");
+			setVisible(menu.matches(":hover"));
+			menu.addEventListener("pointerenter", enter);
+			menu.addEventListener("pointerleave", leave);
+			menu.addEventListener("dragenter", enter);
+			doc.addEventListener("pointermove", move);
+			doc.addEventListener("dragover", move);
+			return () => {
+				cancel();
+				menu.removeEventListener("pointerenter", enter);
+				menu.removeEventListener("pointerleave", leave);
+				menu.removeEventListener("dragenter", enter);
+				doc.removeEventListener("pointermove", move);
+				doc.removeEventListener("dragover", move);
+				menu.removeAttribute("data-arkme-menu-scrollbars");
+				list.removeAttribute("data-arkme-menu-scroll");
+			};
+		}
+		//#endregion
 		//#region src/client/harness-session-dropdown.ts
 		const PREFIX = "data-arkme-session-";
 		const HEADER = "[data-slot=\"conversation.session.header\"] > header";
@@ -183,6 +358,8 @@ window.__ModuleLoader__.load({
 			const rowFocusCleanups = /* @__PURE__ */ new Map();
 			let toolbarMarks = [];
 			let summaryMarks = [];
+			let scrollList;
+			let stopScrollbars;
 			let initiallyCollapsed = false;
 			let expandedByUs = false;
 			let columnBefore = {
@@ -196,6 +373,7 @@ window.__ModuleLoader__.load({
 			trigger.type = "button";
 			trigger.setAttribute("aria-haspopup", "dialog");
 			trigger.setAttribute("aria-expanded", "false");
+			trigger.setAttribute("data-arkme-conversation-selector", "");
 			mark(trigger, "trigger");
 			const label = doc.createElement("span");
 			const arrow = doc.createElement("span");
@@ -222,26 +400,27 @@ window.__ModuleLoader__.load({
     html[${PREFIX}preview] body { visibility: hidden !important; }
     html[${PREFIX}preview] [${PREFIX}column], html[${PREFIX}preview] [role="menu"],
     html[${PREFIX}preview] [role="dialog"], html[${PREFIX}preview] [role="alertdialog"] { visibility: visible !important; }
-    [${PREFIX}frame] { grid-template-columns: 0px minmax(0, 1fr) var(--arkme-session-rightbar) !important; }
+    [${PREFIX}frame] { grid-template-columns: 0px minmax(0, 1fr) var(--arkme-session-rightbar) !important; transition: none !important; }
     [${PREFIX}frame] > :nth-child(2) { grid-column: 2; }
     [${PREFIX}frame] > [data-rightbar-col] { grid-column: 3; }
     [${PREFIX}frame] > [data-side="sidebar"] { display: none !important; }
     [${PREFIX}column] {
       position: fixed !important; left: var(--arkme-session-left); top: var(--arkme-session-top);
       width: var(--arkme-session-width); height: auto; max-height: var(--arkme-session-height); z-index: 80;
-      border: 1px solid var(--dsw-alias-border-l3, #e5e7eb); border-radius: 10px;
-      box-shadow: 0 10px 32px #0000001f; box-sizing: border-box; overflow: visible !important;
+      border: ${CONVERSATION_MENU_SURFACE.border}; border-radius: ${CONVERSATION_MENU_SURFACE.borderRadius}px;
+      background: ${CONVERSATION_MENU_SURFACE.background}; box-shadow: ${CONVERSATION_MENU_SURFACE.boxShadow}; box-sizing: border-box; overflow: visible !important;
       display: none !important; pointer-events: none;
     }
     [${PREFIX}column][${PREFIX}open] { display: block !important; pointer-events: auto; }
-    [${PREFIX}root] { width: 100% !important; height: auto; max-height: var(--arkme-session-height); border-radius: 9px; padding: 8px 10px !important; position: relative; }
+    html[data-arkme-harness-viewport] [${PREFIX}column] { box-shadow: none; }
+    [${PREFIX}root] { width: 100% !important; height: auto; max-height: var(--arkme-session-height); border-radius: 9px; padding: ${CONVERSATION_MENU_LAYOUT.paddingY}px ${CONVERSATION_MENU_LAYOUT.paddingX}px !important; position: relative; }
     [${PREFIX}brand], [${PREFIX}native-title] { display: none !important; }
     [${PREFIX}create] { order: 10; flex-shrink: 0; margin: 8px 0 0 !important; }
     [${PREFIX}root][${PREFIX}compact-tools] [${PREFIX}create] { width: calc(100% - var(--arkme-session-tools-width) - 8px); }
     [${PREFIX}tools-header] { display: contents !important; }
     [${PREFIX}tools-label], [${PREFIX}tools-search] { display: none !important; }
     [${PREFIX}tools-actions] {
-      position: absolute !important; bottom: 8px; right: 10px; height: 38px;
+      position: absolute !important; bottom: ${CONVERSATION_MENU_LAYOUT.paddingY}px; right: ${CONVERSATION_MENU_LAYOUT.paddingX}px; height: ${CONVERSATION_MENU_LAYOUT.createHeight}px;
       display: flex !important; align-items: center; gap: 4px; max-width: none !important;
       opacity: 1 !important; visibility: visible !important; transform: none !important;
     }
@@ -253,21 +432,15 @@ window.__ModuleLoader__.load({
     [${PREFIX}summary] [data-slot="conversation.session.header.actions"] > * { font-size: inherit; line-height: inherit; }
     [${PREFIX}turn-count] { display: inline-flex; align-items: center; white-space: nowrap; }
     [${PREFIX}summary] [data-slot="conversation.session.header.actions"] > * + [${PREFIX}turn-count]::before { content: '·'; margin: 0 7px; }
-    [${PREFIX}anchor][${PREFIX}fallback] { width: max-content; position: absolute; top: 10px; left: 20px; z-index: 10; max-width: calc(100% - 40px); }
-    [${PREFIX}trigger] {
-      display: inline-flex; align-items: stretch; gap: 0; min-width: 0; max-width: 100%; height: 30px;
-      border: 1px solid var(--dsw-alias-border-l3, #d4d6da); border-radius: 10px; padding: 0; margin-left: 0; box-sizing: border-box;
-      color: var(--dsw-alias-label-primary, inherit); background: var(--dsw-alias-button-elevated-fill, #fff); font: inherit;
-      font-size: 16px; font-weight: 600; line-height: 28px; overflow: hidden; cursor: pointer;
-    }
-    [${PREFIX}trigger] > span:first-child { padding: 0 10px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-    [${PREFIX}trigger] > span:last-child {
-      color: var(--dsw-alias-label-secondary, #626872); flex: none; width: 28px;
-      border-left: 1px solid var(--dsw-alias-border-l3, #d4d6da); display: flex; align-items: center; justify-content: center;
+    [${PREFIX}anchor][${PREFIX}fallback] {
+      width: max-content; position: absolute; top: 10px;
+      left: 20px; z-index: 10; max-width: calc(100% - 40px);
     }
-    [${PREFIX}trigger][aria-expanded="true"] svg { transform: rotate(180deg); }
-    [${PREFIX}trigger]:hover, [${PREFIX}trigger][aria-expanded="true"] { background: var(--dsw-alias-interactive-bg-hover, #f3f4f6); }
-    [${PREFIX}trigger]:focus-visible, [${PREFIX}column] [role="treeitem"]:focus-visible { outline: 2px solid #4c70ef; outline-offset: -2px; }
+    ${CONVERSATION_SELECTOR_CSS}
+    [${PREFIX}column] [role="treeitem"][aria-selected]:hover { background: ${CONVERSATION_MENU_COLORS.hover}; }
+    [${PREFIX}column] [role="treeitem"][aria-selected="true"],
+    [${PREFIX}column] [role="treeitem"][aria-selected="true"]:hover { background: ${CONVERSATION_MENU_COLORS.selected}; }
+    [${PREFIX}column] [role="treeitem"]:focus-visible { outline: 2px solid #4c70ef; outline-offset: -2px; }
   `;
 			doc.head.append(style);
 			function close(focus = false) {
@@ -283,6 +456,9 @@ window.__ModuleLoader__.load({
 			}
 			function restore() {
 				close();
+				stopScrollbars?.();
+				stopScrollbars = void 0;
+				scrollList = void 0;
 				for (const cleanup of rowFocusCleanups.values()) cleanup();
 				for (const [node, key] of toolbarMarks) node.removeAttribute(PREFIX + key);
 				toolbarMarks = [];
@@ -320,13 +496,17 @@ window.__ModuleLoader__.load({
 			function position() {
 				if (!current) return;
 				const rect = trigger.getBoundingClientRect();
-				const width = Math.min(320, win.innerWidth - 24);
+				const width = Math.min(CONVERSATION_MENU_LAYOUT.width, win.innerWidth - 24);
 				const anchor = external?.anchor();
-				const top = anchor ? Math.max(12, Math.min(anchor.top, win.innerHeight - Math.min(560, win.innerHeight - 24) - 12)) : Math.max(8, Math.min(rect.bottom + 7, win.innerHeight - 100));
-				variable(current.column, "--arkme-session-left", `${Math.max(12, Math.min(anchor?.left ?? rect.left, win.innerWidth - width - 12))}px`);
+				const hoverPosition = anchor && conversationMenuPosition(anchor, width, Math.min(CONVERSATION_MENU_LAYOUT.maxHeight, win.innerHeight - 24), {
+					width: win.innerWidth,
+					height: win.innerHeight
+				});
+				const top = hoverPosition?.top ?? Math.max(8, Math.min(rect.bottom + 7, win.innerHeight - 100));
+				variable(current.column, "--arkme-session-left", `${hoverPosition?.left ?? Math.max(CONVERSATION_MENU_LAYOUT.viewportInset, Math.min(rect.left, win.innerWidth - width - CONVERSATION_MENU_LAYOUT.viewportInset))}px`);
 				variable(current.column, "--arkme-session-top", `${top}px`);
 				variable(current.column, "--arkme-session-width", `${width}px`);
-				variable(current.column, "--arkme-session-height", `${Math.min(560, win.innerHeight - top - 12)}px`);
+				variable(current.column, "--arkme-session-height", `${Math.min(CONVERSATION_MENU_LAYOUT.maxHeight, win.innerHeight - top - CONVERSATION_MENU_LAYOUT.viewportInset)}px`);
 				external?.onLayout();
 			}
 			function sync() {
@@ -355,6 +535,17 @@ window.__ModuleLoader__.load({
 				mark(next.root, "root");
 				mark(next.brand, "brand");
 				mark(next.create, "create");
+				const tree = next.root.querySelector("[data-slot=\"sidebar.workspaces\"] [role=\"tree\"]");
+				let list = tree ?? void 0;
+				for (let node = tree; node && node !== next.root; node = node.parentElement) if (win.getComputedStyle(node).overflowY === "auto") {
+					list = node;
+					break;
+				}
+				if (list !== scrollList) {
+					stopScrollbars?.();
+					scrollList = list;
+					stopScrollbars = list ? watchConversationMenuScrollbars(next.root, list) : void 0;
+				}
 				const nextTools = compactTools(next);
 				for (const [node, key] of toolbarMarks) if (!nextTools.some(([nextNode, nextKey]) => node === nextNode && key === nextKey)) node.removeAttribute(PREFIX + key);
 				toolbarMarks = nextTools;