zidane-ui 9.1.6 → 9.1.9

package/dist/chat/rich-composer/RichComposer.js

@@ -24,7 +24,7 @@ import { usePromptGhost } from "./use-prompt-ghost.js";
 import { useStagedAttachments } from "./use-staged-attachments.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { createSkillsCompletionProvider, uniqueSkillNamesFromReferences } from "zidane/chat/pure";
+import { createSkillsCompletionProvider, otherDelivery, uniqueSkillNamesFromReferences } from "zidane/chat/pure";
 import { EditorContent, useEditorState } from "@tiptap/react";
 //#region src/chat/rich-composer/RichComposer.tsx
 /**
@@ -62,12 +62,17 @@ const DRAFT_HAS_TEXT = "\0draft";
 *
 * @param props - What the composer edits and sends, and its slots.
 */
-function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null, hostId = null, running = false, onStop, onSend, leadingActions, trailingActions, badges, searchStatus = null, onSearchQueryChange, onSearchNavigate, searchOverlayOpen = false, remoteSearchApply = null, attachmentsEnabled = true, inlineAutocomplete = false, promptSuggestions = false, scopeKey = null, commandArgs, siteIcons, attachmentLabel, textPreview, footer, className, style }) {
+function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null, hostId = null, running = false, messageDelivery = "queue", onStop, onSend, leadingActions, trailingActions, badges, searchStatus = null, onSearchQueryChange, onSearchNavigate, searchOverlayOpen = false, remoteSearchApply = null, attachmentsEnabled = true, inlineAutocomplete = false, promptSuggestions = false, scopeKey = null, commandArgs, siteIcons, attachmentLabel, textPreview, footer, className, style }) {
 	const { completions, autocomplete } = useComposerHost();
 	const labels = useComposerLabels();
 	const history = usePromptHistory();
 	const [historyStatus, setHistoryStatus] = useState(null);
 	const editorRef = useRef(null);
+	const runningPlaceholder = running ? messageDelivery === "steer" ? labels.placeholderSteer : labels.placeholderQueue : null;
+	const runningPlaceholderRef = useRef(runningPlaceholder);
+	useLayoutEffect(() => {
+		runningPlaceholderRef.current = runningPlaceholder;
+	});
 	const liveEditor = () => {
 		const ed = editorRef.current;
 		return ed && !ed.isDestroyed ? ed : null;
@@ -152,7 +157,8 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 		history,
 		activeSessionId,
 		hostId,
-		send: () => send(),
+		runningPlaceholderRef,
+		send: (alternate) => send(alternate),
 		onSearchNavigate,
 		applyMode,
 		applyGhost,
@@ -163,6 +169,19 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 	useEffect(() => {
 		editorRef.current = editor;
 	}, [editor]);
+	const focusOnCreate = useRef(false);
+	useEffect(() => {
+		if (!editor) return;
+		const onCreate = () => {
+			if (!focusOnCreate.current) return;
+			focusOnCreate.current = false;
+			editor.commands.focus("end");
+		};
+		editor.on("create", onCreate);
+		return () => {
+			editor.off("create", onCreate);
+		};
+	}, [editor]);
 	useEffect(() => {
 		if (!editor || editor.isDestroyed) return;
 		const scope = () => ({
@@ -199,7 +218,7 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 		setHistoryStatus(null);
 		if (activeSessionId) history.reset(activeSessionId);
 	}, [activeSessionId, history]);
-	const send = () => {
+	const send = (alternate = false) => {
 		if (!editor) return;
 		const raw = editorJsonToMarkdown(editor.getJSON(), { blockGap: "\n" }).trim();
 		const text = composeSubmitText(modeRef.current, raw);
@@ -210,7 +229,7 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 		replaceAttachments([]);
 		mirror.dropStash();
 		setHistoryStatus(null);
-		dispatch(text, submitted);
+		dispatch(text, submitted, running ? { delivery: alternate ? otherDelivery(messageDelivery) : messageDelivery } : void 0);
 	};
 	const sendText = (raw) => {
 		const text = raw.trim();
@@ -276,7 +295,7 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 	useEffect(() => {
 		const ed = editorRef.current;
 		if (ed && !ed.isDestroyed) ed.view.dispatch(ed.state.tr);
-	}, [composerMode]);
+	}, [composerMode, runningPlaceholder]);
 	useEffect(() => {
 		if (modeRef.current === "search") liveEditor()?.commands.clearContent(true);
 		live.current.applyMode("normal");
@@ -315,7 +334,9 @@ function RichComposer({ disabled, folderPath, fileRoot, activeSessionId = null,
 			liveEditor()?.chain().focus("end").insertContent(text).run();
 		},
 		focus: () => {
-			liveEditor()?.commands.focus("end");
+			const ed = liveEditor();
+			if (ed?.isInitialized) ed.commands.focus("end");
+			else focusOnCreate.current = true;
 		},
 		prompt: sendText,
 		draft: ({ text, attachments: next }) => {

package/dist/chat/rich-composer/composer-extensions.d.ts

@@ -32,6 +32,8 @@ interface ComposerExtensionsContext {
   modeRef: RefObject<ComposerMode>;
   /** Re-evaluate the ghost after a gate input flipped without an edit. */
   ghostGateChangedRef: RefObject<() => void>;
+  /** The placeholder while a run works (what Enter and Alt+Enter do), `null` otherwise. */
+  runningPlaceholderRef: RefObject<string | null>;
   labels: ComposerLabels;
 }
 /** The editor's extensions. */

package/dist/chat/rich-composer/composer-extensions.js

@@ -28,7 +28,7 @@ const MentionChat = Mention.extend({ name: "mentionChat" });
 const MAX_RESULTS = 8;
 /** The editor's extensions. */
 function composerExtensions(ctx) {
-	const { disabled, folderPath, extensionCompletionProviders, extensionItems, sources, filesProvider, slashSource, chatsProvider, chatScopeRef, mentionPopovers, promptGhost, modeRef, ghostGateChangedRef, labels } = ctx;
+	const { disabled, folderPath, extensionCompletionProviders, extensionItems, sources, filesProvider, slashSource, chatsProvider, chatScopeRef, mentionPopovers, promptGhost, modeRef, ghostGateChangedRef, runningPlaceholderRef, labels } = ctx;
 	const chatScopeLabel = (scope) => scope === "project" ? labels.chatScopeProject : labels.chatScopeAll;
 	return [
 		StarterKit.configure({
@@ -54,7 +54,7 @@ function composerExtensions(ctx) {
 				if (promptGhost.painted()) return "";
 				if (modeRef.current === "shell") return labels.placeholderShell;
 				if (modeRef.current === "search") return labels.placeholderSearch;
-				return labels.placeholderChat;
+				return runningPlaceholderRef.current ?? labels.placeholderChat;
 			}
 		}),
 		Mention.configure({

package/dist/chat/rich-composer/composer-keys.js

@@ -87,7 +87,7 @@ function composerEditorProps(latest, name) {
 			if (event.key === "Enter" && !mentionPopovers.open) {
 				event.preventDefault();
 				if (event.shiftKey) editorRef.current?.chain().focus().splitBlock().run();
-				else latest.current.send();
+				else latest.current.send(event.altKey);
 				return true;
 			}
 			if ((event.key === "ArrowUp" || event.key === "ArrowDown") && !event.shiftKey && !event.metaKey && !event.ctrlKey && !event.altKey && !mentionPopovers.open) {

package/dist/chat/rich-composer/use-composer-bus.js

@@ -1,4 +1,4 @@
-import { claimComposerFocus, onComposerAttachment, onComposerDraft, onComposerFocus, onComposerInsert, onComposerMention, onComposerPrompt, registerComposerScope } from "../composer/composer-bus.js";
+import { claimComposerFocus, onComposerAttachment, onComposerDraft, onComposerFocus, onComposerInsert, onComposerMention, onComposerPrompt, registerComposerScope, takePendingComposerFocus } from "../composer/composer-bus.js";
 import { useEffect, useLayoutEffect, useRef } from "react";
 //#region src/chat/rich-composer/use-composer-bus.ts
 /**
@@ -23,6 +23,7 @@ function useComposerBus(key, handlers) {
 			onComposerPrompt(key, (text) => latest.current.prompt(text)),
 			onComposerDraft(key, (draft) => latest.current.draft(draft))
 		];
+		if (takePendingComposerFocus()) latest.current.focus();
 		return () => {
 			for (const off of offs) off();
 		};

package/dist/chat/rich-composer/use-composer-editor.d.ts

@@ -23,6 +23,8 @@ interface ComposerEditorOptions {
   /** The live editor (the one this hook returns, once pinned). */
   editorRef: RefObject<Editor | null>;
   modeRef: RefObject<ComposerMode>;
+  /** The placeholder while a run works, `null` otherwise. */
+  runningPlaceholderRef: RefObject<string | null>;
   /** The inline ghost on display. */
   ghostRef: RefObject<InlineGhost | null>;
   /** True while a history recall's own transactions run (no ghost for them). */
@@ -33,7 +35,8 @@ interface ComposerEditorOptions {
   history: ReturnType<typeof usePromptHistory>;
   activeSessionId: string | null;
   hostId: string | null;
-  send(): void;
+  /** Send the draft. `alternate`: Alt+Enter, the other delivery while a run works. */
+  send(alternate?: boolean): void;
   onSearchNavigate: ((direction: 1 | -1) => void) | undefined;
   applyMode(next: ComposerMode): void;
   applyGhost(next: InlineGhost | null): void;

package/dist/chat/rich-composer/use-composer-editor.js

@@ -18,7 +18,7 @@ import { useEditor } from "@tiptap/react";
 * state through the refs it passes.
 */
 function useComposerEditor(options) {
-	const { disabled, folderPath, extensionCompletionProviders, sources, skillsProvider, mentionPopovers, promptGhost, modeRef, ghostGateChangedRef } = options;
+	const { disabled, folderPath, extensionCompletionProviders, sources, skillsProvider, mentionPopovers, promptGhost, modeRef, runningPlaceholderRef, ghostGateChangedRef } = options;
 	const completions = useComposerHost().completions;
 	const labels = useComposerLabels();
 	const latest = useRef(options);
@@ -85,6 +85,7 @@ function useComposerEditor(options) {
 			promptGhost,
 			modeRef,
 			ghostGateChangedRef,
+			runningPlaceholderRef,
 			labels
 		}),
 		editable: !disabled,

package/dist/chat/sidebar/SessionSidebar.js

@@ -121,7 +121,7 @@ function NewSessionButton({ onNewSession, isActive, className = "", style }) {
 					children: /* @__PURE__ */ jsx("span", { className: "i-ph-plus text-sm text-[var(--zg-text-muted)] group-data-[active=true]:text-[var(--zg-text)]" })
 				}),
 				/* @__PURE__ */ jsx("span", {
-					className: "text-sm text-[var(--zg-text-muted)] group-data-[active=true]:text-[var(--zg-text)]",
+					className: "text-sm text-[var(--zg-sidebar-label-fg,var(--zg-text-muted))] group-data-[active=true]:text-[var(--zg-text)]",
 					children: labels.newSession
 				}),
 				/* @__PURE__ */ jsx("span", { className: "flex-1" }),
@@ -314,7 +314,6 @@ function SessionSidebar(props) {
 		sessions: displaySessions,
 		activeSessionId,
 		onActivate,
-		onNewSession,
 		...keyboardBlocked ? { blocked: keyboardBlocked } : {}
 	});
 	const onRowSelect = useCallback((sessionId) => {

package/dist/chat/sidebar/SidebarSearchRow.js

@@ -34,7 +34,7 @@ function SidebarSearchRow({ value, onChange, filter, className, style }) {
 					placeholder: labels.searchSessions,
 					"aria-label": labels.searchSessionsLabel,
 					spellCheck: false,
-					className: "flex-1 min-w-0 bg-transparent border-0 outline-none p-0 text-sm text-[var(--zg-text)] placeholder:text-[var(--zg-text-muted)]"
+					className: "flex-1 min-w-0 bg-transparent border-0 outline-none p-0 text-sm text-[var(--zg-text)] placeholder:text-[var(--zg-sidebar-label-fg,var(--zg-text-muted))]"
 				}),
 				value.length > 0 && /* @__PURE__ */ jsx(IconButton, {
 					icon: "i-ph-x",

package/dist/chat/sidebar/useSidebarKeyboardNav.d.ts

@@ -12,8 +12,6 @@ interface SidebarKeyboardNavOptions<K extends string> {
   activeSessionId: K | null;
   /** Opens a session (`null`: none, the new-session surface). */
   onActivate: (sessionId: K | null) => void;
-  /** Starts a new session (⌘N / Ctrl+N). */
-  onNewSession: () => void;
   /** The keys belong elsewhere now (a modal is open). Read at each key. */
   blocked?: () => boolean;
 }

package/dist/chat/sidebar/useSidebarKeyboardNav.js

@@ -3,7 +3,9 @@ import { useCallback, useEffect, useRef } from "react";
 //#region src/chat/sidebar/useSidebarKeyboardNav.ts
 /**
 * The sidebar's keyboard: ↑ / ↓ walk the chats in the order the list shows
-* them, ⌘N / Ctrl+N starts a new one. Only sessions: an extension's item row
+* them. ⌘N / Ctrl+N is the `newSession` key command, not this hook's: the
+* dispatcher fires it from the composer too, and a new session's
+* `activeSessionId` change drops the cursor here. Only sessions: an extension's item row
 * is skipped, since the walk opens what it lands on and an item's target may
 * run an extension command (Tab reaches the item instead).
 *
@@ -12,7 +14,7 @@ import { useCallback, useEffect, useRef } from "react";
 * DOM, no React render in the burst, and scrolls it into view
 * (`block: 'nearest'`). Only once the presses stop for `NAV_COMMIT_MS` does
 * the session open (`onActivate`), so the heavy switch runs once per burst.
-* Clicks, ⌘N and outside changes commit at once (`commitImmediate`).
+* Clicks and outside changes commit at once (`commitImmediate`).
 *
 * The keydown listener binds ONCE: every value it reads goes through refs, so
 * a list refresh never re-attaches it.
@@ -29,7 +31,7 @@ const NAV_COMMIT_MS = 20;
 * @returns `commitImmediate`: open a session now, cancelling a pending arrow commit.
 */
 function useSidebarKeyboardNav(options) {
-	const { listRef, sessions, activeSessionId, onActivate, onNewSession, blocked } = options;
+	const { listRef, sessions, activeSessionId, onActivate, blocked } = options;
 	const navRef = useRef({
 		tentativeId: null,
 		commitTimer: null
@@ -37,13 +39,11 @@ function useSidebarKeyboardNav(options) {
 	const latest = useRef({
 		sessions,
 		onActivate,
-		onNewSession,
 		blocked
 	});
 	latest.current = {
 		sessions,
 		onActivate,
-		onNewSession,
 		blocked
 	};
 	const activeSessionIdRef = useRef(activeSessionId);
@@ -85,7 +85,7 @@ function useSidebarKeyboardNav(options) {
 		}, NAV_COMMIT_MS);
 	}, [applyTentative, cancelCommitTimer]);
 	/**
-	* Synchronous commit (clicks, ⌘N). Updates the ref BEFORE the state setter so a keydown in the same tick
+	* Synchronous commit (clicks, the New session button). Updates the ref BEFORE the state setter so a keydown in the same tick
 	* reads the new value.
 	*/
 	const commitImmediate = useCallback((id) => {
@@ -107,12 +107,6 @@ function useSidebarKeyboardNav(options) {
 		function onKey(e) {
 			if (latest.current.blocked?.()) return;
 			if (keyScopeOf(e) !== "app") return;
-			if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "n") {
-				e.preventDefault();
-				commitImmediate(null);
-				latest.current.onNewSession();
-				return;
-			}
 			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
 			const list = latest.current.sessions;
 			if (list.length === 0) return;
@@ -126,7 +120,7 @@ function useSidebarKeyboardNav(options) {
 		}
 		window.addEventListener("keydown", onKey);
 		return () => window.removeEventListener("keydown", onKey);
-	}, [commitDebounced, commitImmediate]);
+	}, [commitDebounced]);
 	return { commitImmediate };
 }
 //#endregion

package/dist/chat/testing/contract.d.ts

@@ -6,7 +6,7 @@ import { BadgeActionEffect, BadgeMenuItem, ExtensionReferenceView, ReferenceProv
 import { InteractionRequest } from "zidane/chat";
 //#region src/chat/testing/contract.d.ts
 /** An optional `ChatHost` member, by its path. */
-type ChatHostCapability = 'sessions' | 'sessions.create' | 'sessions.rename' | 'sessions.setArchived' | 'sessions.setFavorite' | 'sessions.remove' | 'sessions.query' | 'sessions.setSpace' | 'sessions.search' | 'sessions.onChanged' | 'sessions.views' | 'sessions.main' | 'send' | 'interrupt' | 'shell' | 'providerReady' | 'steer' | 'followUp' | 'interactions' | 'interactions.cancel' | 'interactions.all' | 'models' | 'toolOutput' | 'cancelTool' | 'searchSync' | 'references' | 'paths' | 'chips' | 'chips.commit' | 'chips.sessions' | 'chips.context' | 'chips.skills' | 'chips.commands' | 'badges' | 'siteIcons' | 'blockRuns';
+type ChatHostCapability = 'sessions' | 'sessions.create' | 'sessions.rename' | 'sessions.setArchived' | 'sessions.setFavorite' | 'sessions.remove' | 'sessions.query' | 'sessions.setSpace' | 'sessions.search' | 'sessions.onChanged' | 'sessions.views' | 'sessions.main' | 'send' | 'interrupt' | 'shell' | 'providerReady' | 'interactions' | 'interactions.cancel' | 'interactions.all' | 'models' | 'toolOutput' | 'cancelTool' | 'searchSync' | 'references' | 'paths' | 'chips' | 'chips.commit' | 'chips.sessions' | 'chips.context' | 'chips.skills' | 'chips.commands' | 'badges' | 'siteIcons' | 'blockRuns';
 /** One thing the backend does while it runs a prompt, in order. */
 type ChatHostScriptStep =
 /** Stream a markdown reply with this text. */

package/dist/chat/testing/contract.js

@@ -19,8 +19,6 @@ const CAPABILITIES = [
 	"interrupt",
 	"shell",
 	"providerReady",
-	"steer",
-	"followUp",
 	"interactions",
 	"interactions.cancel",
 	"interactions.all",
@@ -339,18 +337,21 @@ function describeChatHostContract(name, makeHarness, capabilities) {
 			await waitFor(() => expect(t.get().running).toBe(false));
 			if (has("sessions")) await waitFor(() => expect(list().find((s) => s.id === "c-2")?.status).not.toBe("running"));
 		});
-		it.skipIf(!has("send", "interrupt", "steer", "followUp"))("steer and followUp resolve false when idle, true while a run is in flight", async () => {
+		it.skipIf(!has("send", "interrupt"))("a steer sent while a run works joins that run", async () => {
 			const { host, watch } = await setup();
 			const t = await watch("c-2");
-			expect(await host.steer("c-2", "nudge")).toBe(false);
-			expect(await host.followUp("c-2", "later")).toBe(false);
 			host.send({
 				sessionId: "c-2",
 				prompt: "hold"
 			}).catch(() => {});
 			await waitFor(() => expect(t.get().running).toBe(true));
-			expect(await host.steer("c-2", "nudge")).toBe(true);
-			expect(await host.followUp("c-2", "later")).toBe(true);
+			await host.send({
+				sessionId: "c-2",
+				prompt: "nudge",
+				delivery: "steer"
+			});
+			await waitFor(() => expect(t.get().events.some((e) => e.kind === "user-prompt" && e.text === "nudge")).toBe(true));
+			expect(t.get().running).toBe(true);
 			host.interrupt("c-2");
 			await waitFor(() => expect(t.get().running).toBe(false));
 		});

package/dist/chat/transcript/BadgeMenu.d.ts

@@ -22,6 +22,13 @@ interface BadgeMenuSystem {
   /** Shows a path in the file manager. */
   revealPath(path: string): Promise<boolean>;
 }
+/** Where web links open: the default browser, and the app's own browser pane. */
+interface BadgeMenuBrowser {
+  /** The default browser's name ("Arc"): the row reads "Open in Arc". `null` when unknown: "Open in browser". */
+  name: string | null;
+  /** Opens a web link in the app's browser pane. Absent: no "Open in browser pane" row. */
+  openInPane?: ((url: string) => void) | undefined;
+}
 /** What {@link applyBadgeEffect} applies an effect with. */
 interface BadgeEffectContext {
   /** The badge acted on. */
@@ -45,19 +52,21 @@ interface BadgeMenuProviderProps {
   composer?: BadgeMenuComposer;
   /** Opens and reveals paths. Absent: path actions answer "Path unavailable." */
   system?: BadgeMenuSystem;
+  /** The default browser's name and the browser pane. Absent: "Open in browser" only. */
+  browser?: BadgeMenuBrowser;
   /** The surfaces whose badges open the menu. */
   children: ReactNode;
 }
 /**
  * Provides the badge menu to the badges below it and renders it (and its notice) when one opens.
  *
- * @param props - The composer and the path opener the effects use, and the children.
+ * @param props - The composer, the path opener and the browser the effects use, and the children.
  */
-declare function BadgeMenuProvider({ composer, system, children }: BadgeMenuProviderProps): import("react").JSX.Element;
+declare function BadgeMenuProvider({ composer, system, browser, children }: BadgeMenuProviderProps): import("react").JSX.Element;
 /**
  * Opens the badge menu for a badge. Outside the provider (a test, a detached
  * surface) the event is left alone, so the surrounding menu still opens.
  */
 declare function useBadgeMenu(): OpenBadgeMenu | null;
 //#endregion
-export { BadgeEffectContext, BadgeMenuComposer, BadgeMenuProvider, BadgeMenuProviderProps, BadgeMenuSystem, OpenBadgeMenu, useBadgeMenu };
+export { BadgeEffectContext, BadgeMenuBrowser, BadgeMenuComposer, BadgeMenuProvider, BadgeMenuProviderProps, BadgeMenuSystem, OpenBadgeMenu, useBadgeMenu };

package/dist/chat/transcript/BadgeMenu.js

@@ -23,6 +23,8 @@ import { builtinBadgeActions, builtinBadgeEffect, mergeBadgeMenu } from "zidane/
 * the turn's own menu never opens over a badge.
 */
 const BadgeMenuContext = createContext(null);
+/** The kit's own row next to "Open in browser", shown when the host has a browser pane. */
+const OPEN_IN_PANE = "open-browser-pane";
 const NOTICE_MS = 2400;
 /** `abs` relative to `cwd` when inside it: the form the composer's `@` mentions use. */
 function relativeTo(abs, cwd) {
@@ -58,9 +60,9 @@ async function applyBadgeEffect(effect, ctx) {
 /**
 * Provides the badge menu to the badges below it and renders it (and its notice) when one opens.
 *
-* @param props - The composer and the path opener the effects use, and the children.
+* @param props - The composer, the path opener and the browser the effects use, and the children.
 */
-function BadgeMenuProvider({ composer, system, children }) {
+function BadgeMenuProvider({ composer, system, browser, children }) {
 	const extensions = useExtensionsHost();
 	const badges = useOptionalChatHost()?.badges ?? extensionsBadgeActions(extensions);
 	const labels = useChatLabels();
@@ -98,7 +100,17 @@ function BadgeMenuProvider({ composer, system, children }) {
 	const items = useMemo(() => {
 		if (!open) return [];
 		const { target, cwd, at } = open;
-		return mergeBadgeMenu([...builtinBadgeActions(target), ...open.extra]).map((item) => ({
+		const builtins = builtinBadgeActions(target).flatMap((item) => item.id !== "open-browser" ? [item] : [browser?.name ? {
+			...item,
+			label: labels.badgeOpenIn(browser.name)
+		} : item, ...browser?.openInPane ? [{
+			id: OPEN_IN_PANE,
+			label: labels.badgeOpenInBrowserPane,
+			group: "open",
+			shortcut: "B",
+			source: "builtin"
+		}] : []]);
+		return mergeBadgeMenu([...builtins, ...open.extra]).map((item) => ({
 			id: `${item.source}:${item.id}`,
 			label: item.label,
 			...item.shortcut ? { shortcut: item.shortcut } : {},
@@ -107,6 +119,10 @@ function BadgeMenuProvider({ composer, system, children }) {
 				title: labels.badgeNoComposer
 			} : {},
 			onSelect: () => {
+				if (item.source === "builtin" && item.id === OPEN_IN_PANE) {
+					if (target.href) browser?.openInPane?.(target.href);
+					return;
+				}
 				(async () => {
 					const text = await applyBadgeEffect(item.source === "builtin" ? builtinBadgeEffect(item.id, target) ?? {} : await (badges?.run(cwd, item.source, item.id, target) ?? Promise.resolve({})).catch((err) => ({ notice: err instanceof Error ? err.message : String(err) })), {
 						target,
@@ -130,6 +146,7 @@ function BadgeMenuProvider({ composer, system, children }) {
 		badges,
 		composer,
 		system,
+		browser,
 		labels,
 		links
 	]);