zidane-ui 9.0.4 → 9.1.3

package/dist/settings/sections/extensions/labels.js

@@ -1,3 +1,4 @@
+import { DEFAULT_EXTENSION_SOURCE_UNREACHABLE } from "zidane/chat/pure";
 //#region src/settings/sections/extensions/labels.ts
 /**
 * The Extensions section's strings. Overridable through `LabelsProvider`.
@@ -11,14 +12,22 @@ const DEFAULT_EXTENSIONS_SECTION_LABELS = {
 	extensionsSectionInstalling: (source) => `installing from ${source}…`,
 	extensionsSectionUpdating: (name) => `updating ${name}…`,
 	extensionsSectionRemoving: (name) => `removing ${name}…`,
-	extensionsSectionOneFailed: (name, error) => `${name}: ${error}`,
-	extensionsSectionManyFailed: (count) => `${count} extensions failed to load. Turn them off or fix them, then reopen Settings.`,
 	extensionsSectionConfirmRemove: "Confirm remove",
 	extensionsSectionKeep: "Keep",
 	extensionsSectionEdit: "Edit",
 	extensionsSectionUpdate: "Update",
 	extensionsSectionUpdateBusy: "Updating…",
 	extensionsSectionUpdateTitle: "Run the installer again (git pull or npm reinstall)",
+	extensionsSectionUpdateMenu: (name) => `More ways to update ${name}`,
+	extensionsSectionUpdateFrom: (origin) => `Update from ${origin}`,
+	extensionsSectionChangeOrigin: "Change origin…",
+	extensionsSectionChangeOriginTitle: (name) => `Change where ${name} comes from`,
+	extensionsSectionChangeOriginHint: "Zidane installs it again from this source, and later updates follow it. The source must hold an extension with the same name.",
+	extensionsSectionChangeOriginField: "Source",
+	extensionsSectionChangeOriginSubmit: "Update",
+	extensionsSectionChangeOriginBusy: "Updating…",
+	extensionsSectionChangeOriginFound: "Extensions in this source",
+	extensionsSectionChangeOriginMismatch: (name) => `This source has no extension named ${name}.`,
 	extensionsSectionRemove: "Remove",
 	extensionsSectionRemoveTitle: (dir) => `Delete ${dir}`,
 	extensionsSectionEmpty: "No extensions in .zidane/extensions or ~/.zidane/extensions.",
@@ -30,7 +39,23 @@ const DEFAULT_EXTENSIONS_SECTION_LABELS = {
 	extensionsSectionNameField: "Extension name, for sources with several (optional)",
 	extensionsSectionNamePlaceholder: "extension-name",
 	extensionsSectionProjectHint: ".zidane/extensions (project, loads only when the project is trusted)",
-	extensionsSectionUserHint: "~/.zidane/extensions"
+	extensionsSectionUserHint: "~/.zidane/extensions",
+	extensionsSectionDefaultSource: "Zidane",
+	extensionsSectionDefaultSourceDescription: "The extensions that ship with Zidane.",
+	extensionsSectionUnreachable: DEFAULT_EXTENSION_SOURCE_UNREACHABLE,
+	extensionsSectionBrowseCount: (count) => count === 1 ? "1 extension" : `${count} extensions`,
+	extensionsSectionBrowseEmpty: "No extensions in this source.",
+	extensionsSectionBrowseEmptyHint: "An extension has a package.json with a zidane field, or an extension.json.",
+	extensionsSectionBrowseFilter: "Filter extensions",
+	extensionsSectionBrowseNoMatch: "No extension matches the filter.",
+	extensionsSectionBrowseVersion: (version) => `v${version.replace(/^v/, "")}`,
+	extensionsSectionInstalled: "installed",
+	extensionsSectionPicked: (count) => count === 1 ? "1 extension picked" : `${count} extensions picked`,
+	extensionsSectionInstallPicked: (count) => count === 1 ? "Install 1" : `Install ${count}`,
+	extensionsSectionClear: "Clear",
+	extensionsSectionScopeUser: "User",
+	extensionsSectionScopeProject: "This project",
+	extensionsSectionAccessHint: "For a private repository, run gh auth login and gh auth setup-git, or add an SSH key, then try again."
 };
 //#endregion
 export { DEFAULT_EXTENSIONS_SECTION_LABELS };

package/dist/settings/sections/extensions/options-labels.d.ts

@@ -6,6 +6,8 @@ declare const DEFAULT_EXTENSION_OPTIONS_LABELS: {
   extensionOptionsRun: string;
   /** An action row's Run button while it runs. */
   extensionOptionsRunning: string;
+  /** An action row this client's token may not run: the scope it needs. */
+  extensionOptionsNeedsScope: (scope: "chat" | "approve" | "admin") => string;
   /** An action row's status while it runs. */
   extensionOptionsRunningStatus: string;
   /** A model option with nothing picked. */

package/dist/settings/sections/extensions/options-labels.js

@@ -5,6 +5,8 @@ const DEFAULT_EXTENSION_OPTIONS_LABELS = {
 	extensionOptionsRun: "Run",
 	/** An action row's Run button while it runs. */
 	extensionOptionsRunning: "Running",
+	/** An action row this client's token may not run: the scope it needs. */
+	extensionOptionsNeedsScope: (scope) => `Needs ${scope === "admin" || scope === "approve" ? "an" : "a"} ${scope} token`,
 	/** An action row's status while it runs. */
 	extensionOptionsRunningStatus: "running…",
 	/** A model option with nothing picked. */

package/dist/settings/sections/host-catalog/HostCatalogSection.js

@@ -1,12 +1,15 @@
 import { BTN_LG_SECONDARY, BTN_PRIMARY } from "../../../components/button.js";
-import { ErrorNote, INPUT_CLASS, OpLine } from "../../../components/Form.js";
+import { INPUT_CLASS, OpLine } from "../../../components/Form.js";
 import { LoadError } from "../../../components/LoadError.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { useCatalogSharedLabels } from "../shared/catalog.js";
 import { SettingsTutorial } from "../../SettingsTutorial.js";
+import { useChangeOriginLayer } from "../extensions/ChangeOriginDialog.js";
+import { ExtensionPicksBar, needsAccessHint, useExtensionPicks } from "../extensions/ExtensionPicksBar.js";
+import { ExtensionSourceBrowser } from "../extensions/ExtensionSourceBrowser.js";
 import { ExtensionActions, ExtensionList, useExtensionsSectionLabels } from "../extensions/ExtensionsSection.js";
 import { EnabledListSection } from "../enabled-list/EnabledListSection.js";
 import { PluginList } from "../plugins/PluginsSection.js";
@@ -28,9 +31,14 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 *
 * When the host takes installs from this connection (`installs`), skills
 * and extensions install from a GitHub / npm spec into its user scope, and
-* its user-scope ones can be deleted (extensions updated too). A host too
-* old to list its catalogs gets its enabled list. A host's MCP servers are
-* `McpSection` over its `mcp` group.
+* its user-scope ones can be deleted. Extensions install as on This
+* computer's page when the host lists sources (`browse`): Install opens the
+* source browser, and the picks install one after the other. An extension
+* installed from a source (`origin`, its `.install.json`) can be updated,
+* and its Update menu changes its origin (`changeOrigin`, "Change origin…").
+* A failed install keeps the form, or the browser and the picks left, open.
+* A host too old to list its catalogs gets its enabled list. A host's MCP
+* servers are `McpSection` over its `mcp` group.
 */
 /** The host catalog section's strings, overridable through `LabelsProvider`. */
 function useHostCatalogLabels() {
@@ -79,7 +87,6 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 	const catalog = useSettingsHost().hostCatalog;
 	const l = useHostCatalogLabels();
 	const shared = useCatalogSharedLabels();
-	const extensionLabels = useExtensionsSectionLabels();
 	const [entries, setEntries] = useState(null);
 	const [error, setError] = useState(null);
 	const [installs, setInstalls] = useState(false);
@@ -89,8 +96,11 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 	const [armed, setArmed] = useState(null);
 	/** Rows with an update running. */
 	const [busy, setBusy] = useState(() => /* @__PURE__ */ new Set());
-	/** The header's Install form (extensions), open. */
+	/** The header's Install form or source browser (extensions), open. */
 	const [formOpen, setFormOpen] = useState(false);
+	const extensionLabels = useExtensionsSectionLabels();
+	const [picks, setPicks, togglePicks] = useExtensionPicks();
+	const [installing, setInstalling] = useState(false);
 	useEffect(() => {
 		if (!catalog) return void 0;
 		let cancelled = false;
@@ -121,16 +131,54 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 			off?.();
 		};
 	}, [catalog, kind]);
+	/** Runs an action; resolves `true` once it succeeded (the list reads again), `false` once its failure shows. */
 	const act = useCallback(async (op) => {
 		setArmed(null);
 		setFailure(null);
 		try {
 			await op();
 			setReload((n) => n + 1);
+			return true;
 		} catch (err) {
 			setFailure(toSettingsError(err));
+			return false;
 		}
 	}, []);
+	const catalogBrowse = catalog?.browse;
+	const browse = useCallback(async (input) => {
+		try {
+			return await catalogBrowse(input);
+		} catch (err) {
+			throw new Error(shared.catalogError(toSettingsError(err)));
+		}
+	}, [catalogBrowse, shared]);
+	/** Installs the picks in turn. One that installed leaves the picks, so a failure keeps only the rest. */
+	const installPicks = useCallback(async () => {
+		if (!catalog?.install || picks.length === 0) return;
+		setInstalling(true);
+		setArmed(null);
+		setFailure(null);
+		try {
+			for (const pick of picks) {
+				await catalog.install("extension", pick.install.source, pick.install.extension ? { extension: pick.install.extension } : void 0);
+				setPicks((current) => current.filter((p) => p.key !== pick.key));
+			}
+			setFormOpen(false);
+		} catch (err) {
+			setFailure(toSettingsError(err));
+		} finally {
+			setInstalling(false);
+			setReload((n) => n + 1);
+		}
+	}, [
+		catalog,
+		picks,
+		setPicks
+	]);
+	const catalogChangeOrigin = catalog?.changeOrigin;
+	const changeOrigin = useMemo(() => catalogChangeOrigin ? (ext, source) => catalogChangeOrigin(ext.name, source) : void 0, [catalogChangeOrigin]);
+	const originChanged = useCallback(() => setReload((n) => n + 1), []);
+	const openChangeOrigin = useChangeOriginLayer(changeOrigin, originChanged);
 	const update = useCallback(async (name) => {
 		setBusy((prev) => new Set(prev).add(name));
 		await act(() => catalog.update("extension", name));
@@ -144,7 +192,6 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 	const skills = useMemo(() => kind === "skills" && list ? list.map(skillEntryOf) : [], [kind, list]);
 	const plugins = useMemo(() => kind === "plugins" && list ? list.map(pluginOf) : [], [kind, list]);
 	const extensions = useMemo(() => kind === "extensions" && list ? list : [], [kind, list]);
-	const errored = useMemo(() => extensions.filter((ext) => ext.error), [extensions]);
 	if (!catalog) return null;
 	if (entries === "unsupported") return /* @__PURE__ */ jsx(EnabledListSection, {
 		settingKey: SETTING[kind],
@@ -156,14 +203,25 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 	const canInstall = installs && installKind !== null && catalog.install !== void 0;
 	const canRemove = installs && installKind !== null && catalog.remove !== void 0;
 	const canUpdate = installs && catalog.update !== void 0;
-	const install = (spec) => act(() => catalog.install(installKind, spec)).then(() => setFormOpen(false));
-	const notes = /* @__PURE__ */ jsxs(Fragment, { children: [!installs && installKind && /* @__PURE__ */ jsx("p", {
-		className: "text-xs text-[var(--zg-text-muted)] px-1 m-0 zg-pretty",
-		children: l.hostCatalogNoInstalls(hostName)
-	}), failure && /* @__PURE__ */ jsx(OpLine, {
-		kind: "error",
-		children: shared.catalogError(failure)
-	})] });
+	const install = async (spec) => {
+		const done = await act(() => catalog.install(installKind, spec));
+		if (done) setFormOpen(false);
+		return done;
+	};
+	const notes = /* @__PURE__ */ jsxs(Fragment, { children: [
+		!installs && installKind && /* @__PURE__ */ jsx("p", {
+			className: "text-xs text-[var(--zg-text-muted)] px-1 m-0 zg-pretty",
+			children: l.hostCatalogNoInstalls(hostName)
+		}),
+		failure && /* @__PURE__ */ jsx(OpLine, {
+			kind: "error",
+			children: shared.catalogError(failure)
+		}),
+		failure && kind === "extensions" && needsAccessHint(shared.catalogError(failure)) && /* @__PURE__ */ jsx("p", {
+			className: "m-0 text-zg-label text-[var(--zg-text-muted)] text-pretty",
+			children: extensionLabels.extensionsSectionAccessHint
+		})
+	] });
 	const status = error || !list ? error ? /* @__PURE__ */ jsx(LoadError, {
 		className: "px-1",
 		onRetry: () => setReload((n) => n + 1),
@@ -205,22 +263,38 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 				topic: "extensions",
 				className: "mb-6"
 			}),
-			canInstall && formOpen && /* @__PURE__ */ jsx(InstallForm, {
+			canInstall && formOpen && (catalogBrowse ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-3 mb-3",
+				children: [/* @__PURE__ */ jsx(ExtensionSourceBrowser, {
+					browse,
+					picks,
+					onToggle: togglePicks,
+					installed: extensions.map((ext) => ext.name)
+				}), /* @__PURE__ */ jsx(ExtensionPicksBar, {
+					count: picks.length,
+					busy: installing,
+					onClear: () => setPicks([]),
+					onInstall: () => void installPicks()
+				})]
+			}) : /* @__PURE__ */ jsx(InstallForm, {
 				noun: l.hostCatalogOne(kind),
 				onInstall: install
-			}),
+			})),
 			notes,
-			errored.length > 0 && /* @__PURE__ */ jsx(ErrorNote, { children: errored.length === 1 ? extensionLabels.extensionsSectionOneFailed(errored[0].name, errored[0].error) : extensionLabels.extensionsSectionManyFailed(errored.length) }),
 			status ?? /* @__PURE__ */ jsx(ExtensionList, {
 				catalog: extensions,
-				actionOf: (ext) => ext.source === "user" && (canRemove || canUpdate) ? /* @__PURE__ */ jsx(ExtensionActions, {
-					extension: ext,
-					busy: busy.has(ext.name),
-					armed: armed === ext.name,
-					onArm: (on) => setArmed(on ? ext.name : null),
-					...canUpdate ? { onUpdate: () => void update(ext.name) } : {},
-					...canRemove ? { onRemove: () => void act(() => catalog.remove("extension", ext.name)) } : {}
-				}) : null,
+				actionOf: (ext) => {
+					const updatable = canUpdate && ext.origin !== void 0;
+					return ext.source === "user" && (canRemove || updatable) ? /* @__PURE__ */ jsx(ExtensionActions, {
+						extension: ext,
+						busy: busy.has(ext.name),
+						armed: armed === ext.name,
+						onArm: (on) => setArmed(on ? ext.name : null),
+						...updatable ? { onUpdate: () => void update(ext.name) } : {},
+						...updatable && openChangeOrigin ? { onChangeOrigin: () => openChangeOrigin(ext) } : {},
+						...canRemove ? { onRemove: () => void act(() => catalog.remove("extension", ext.name)) } : {}
+					}) : null;
+				},
 				emptyMessage: l.hostCatalogEmpty(hostName, kind)
 			})
 		]
@@ -249,7 +323,7 @@ function HostCatalogSection({ kind, hostName, cwd, className, style }) {
 		})] }) }), /* @__PURE__ */ jsx(SettingsPanelBody, { children: body })]
 	});
 }
-/** A GitHub / npm spec to install on the host. */
+/** A GitHub / npm spec to install on the host. It clears once the install succeeded; a failure keeps what was typed. */
 function InstallForm({ noun, onInstall }) {
 	const l = useHostCatalogLabels();
 	const [spec, setSpec] = useState("");
@@ -260,9 +334,9 @@ function InstallForm({ noun, onInstall }) {
 			event.preventDefault();
 			if (installing || !spec.trim()) return;
 			setInstalling(true);
-			onInstall(spec.trim()).finally(() => {
+			onInstall(spec.trim()).then((done) => {
 				setInstalling(false);
-				setSpec("");
+				if (done) setSpec("");
 			});
 		},
 		children: [/* @__PURE__ */ jsx("input", {

package/dist/settings/sections/host-catalog/labels.js

@@ -1,4 +1,6 @@
 //#region src/settings/sections/host-catalog/labels.ts
+/** "a" or "an" before an English noun ("an extension", "a skill"). */
+const article = (noun) => /^[aeiou]/i.test(noun) ? "an" : "a";
 const NOUN = {
 	skills: "skills",
 	mcps: "MCP servers",
@@ -21,8 +23,8 @@ const DEFAULT_HOST_CATALOG_LABELS = {
 	hostCatalogReading: (host, kind) => `Reading ${host}'s ${NOUN[kind]}…`,
 	hostCatalogNoInstalls: (host) => `${host} doesn't take installs from this app. Install on the server.`,
 	hostCatalogEmpty: (host, kind) => `${host} has no ${NOUN[kind]}.`,
-	hostCatalogInstallLabel: (noun) => `Install a ${noun}`,
-	hostCatalogInstallPlaceholder: (noun) => `Install a ${noun}: owner/repo, a GitHub URL, or an npm package`,
+	hostCatalogInstallLabel: (noun) => `Install ${article(noun)} ${noun}`,
+	hostCatalogInstallPlaceholder: (noun) => `Install ${article(noun)} ${noun}: owner/repo, a GitHub URL, or an npm package`,
 	hostCatalogInstall: "Install",
 	hostCatalogRefresh: "Refresh",
 	hostCatalogCancel: "Cancel"

package/dist/settings/sections/index.d.ts

@@ -30,10 +30,13 @@ import { AccountsConfirm, ProvidersSection, ProvidersSectionProps, useAccountsSe
 import { ServerProvidersSection, ServerProvidersSectionProps } from "./providers/ServerProvidersSection.js";
 import { PreferenceSectionOverrides, appearanceSettingsSection, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionsSettingsSection, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection } from "./descriptors.js";
 import { KEYBINDING_ROW_COUNT, KEYBINDING_SECTIONS, KeybindingGroup, KeybindingRow } from "./keybindings/rows.js";
+import { ExtensionOptionsSection, ExtensionOptionsSectionProps, useExtensionOptionsSearch } from "./extensions/ExtensionOptionsSection.js";
+import { ModelListEntry, ModelListPicker, ModelListPickerProps, filterModelList } from "./models/ModelListPicker.js";
 import { DEFAULT_EXTENSION_OPTIONS_LABELS, ExtensionOptionsLabels } from "./extensions/options-labels.js";
-import { ExtensionOptionsSection, ExtensionOptionsSectionProps, useExtensionOptionsLabels, useExtensionOptionsSearch } from "./extensions/ExtensionOptionsSection.js";
+import { ExtensionActionRow, ExtensionActionRowProps, ExtensionConfigRow, ExtensionConfigRowProps, ExtensionConfigValue, extensionConfigValue, useExtensionOptionsLabels } from "./extensions/ExtensionConfigRows.js";
 import { CreateExtensionLabels, DEFAULT_CREATE_EXTENSION_LABELS } from "./extensions/create-labels.js";
 import { CreateExtensionDialog, CreateExtensionDialogProps, useCreateExtensionLabels } from "./extensions/CreateExtensionDialog.js";
+import { ExtensionPick, ExtensionSourceBrowser, ExtensionSourceBrowserProps, extensionPickOf } from "./extensions/ExtensionSourceBrowser.js";
 import { ClaudeImportLabels, DEFAULT_CLAUDE_IMPORT_LABELS } from "./claude-import/labels.js";
 import { ClaudeImportDialog, ClaudeImportDialogProps, useClaudeImportLabels } from "./claude-import/ClaudeImportDialog.js";
 import { useClaudeImportAvailable } from "./claude-import/use-claude-import-available.js";
@@ -42,10 +45,9 @@ import { PerfSparkline, PerfSparklineProps } from "./performance/PerfSparkline.j
 import { CatalogSharedLabels, DEFAULT_CATALOG_SHARED_LABELS } from "./shared/labels.js";
 import { ServerSignIn, ServerSignInProps } from "./providers/ServerSignIn.js";
 import { AgentDefaultsRows, AgentDefaultsRowsProps, AgentDefaultsValue, agentDefaultsOf, agentDefaultsPatch } from "./models/AgentDefaults.js";
-import { ModelListEntry, ModelListPicker, ModelListPickerProps, filterModelList } from "./models/ModelListPicker.js";
 import { DEFAULT_MODEL_ROWS_LABELS, ModelRowsLabels } from "./models/labels.js";
 import { ModelPickField, ModelPickFieldProps, modelPickLabel } from "./models/ModelPickField.js";
 import { ApprovalModeRow, ApprovalModeRowProps, CompactionModelRow, CompactionModelRowProps, ConversationPresetsRow, ConversationPresetsRowProps, DecisionModelRow, DecisionModelRowProps, TextModelRow, TextModelRowProps, automaticTextModel } from "./models/ModelRows.js";
 import { SpacesDefaultsSection, SpacesDefaultsSectionProps, spaceDefaults, withSpaceDefaults } from "./models/SpacesDefaultsSection.js";
 import { ModelTestButton, ModelTestButtonProps, ModelTestLine, ModelTestLineProps, ModelTestState, useModelRowsLabels, useModelTest } from "./models/model-test.js";
-export { AccountsConfirm, AccountsSectionLabels, AgentDefaultsRows, AgentDefaultsRowsProps, AgentDefaultsValue, AppearanceSection, AppearanceSectionLabels, AppearanceSectionProps, ApprovalModeRow, ApprovalModeRowProps, CatalogSharedLabels, ClaudeImportDialog, ClaudeImportDialogProps, ClaudeImportLabels, CompactionModelRow, CompactionModelRowProps, ConversationPresetsRow, ConversationPresetsRowProps, CreateExtensionDialog, CreateExtensionDialogProps, CreateExtensionLabels, DEFAULT_ACCOUNTS_SECTION_LABELS, DEFAULT_APPEARANCE_SECTION_LABELS, DEFAULT_CATALOG_SHARED_LABELS, DEFAULT_CLAUDE_IMPORT_LABELS, DEFAULT_CREATE_EXTENSION_LABELS, DEFAULT_EDITOR_SECTION_LABELS, DEFAULT_ENABLED_LIST_SECTION_LABELS, DEFAULT_ENVIRONMENTS_SECTION_LABELS, DEFAULT_EXTENSIONS_SECTION_LABELS, DEFAULT_EXTENSION_OPTIONS_LABELS, DEFAULT_HOST_CATALOG_LABELS, DEFAULT_INSTRUCTIONS_SECTION_LABELS, DEFAULT_KEYBINDINGS_SECTION_LABELS, DEFAULT_LOGS_SECTION_LABELS, DEFAULT_MCP_SECTION_LABELS, DEFAULT_MODEL_ROWS_LABELS, DEFAULT_PERFORMANCE_SECTION_LABELS, DEFAULT_PLUGINS_SECTION_LABELS, DEFAULT_SKILLS_SECTION_LABELS, DecisionModelRow, DecisionModelRowProps, EditorDiagnosticsTool, EditorLanguageServer, EditorOpenIn, EditorSection, EditorSectionLabels, EditorSectionProps, EnabledListSection, EnabledListSectionLabels, EnabledListSectionProps, EnvironmentsSection, EnvironmentsSectionLabels, EnvironmentsSectionProps, ExtensionActions, ExtensionList, ExtensionOptionsLabels, ExtensionOptionsSection, ExtensionOptionsSectionProps, ExtensionsSection, ExtensionsSectionLabels, ExtensionsSectionProps, HostCatalogLabels, HostCatalogSection, HostCatalogSectionKind, HostCatalogSectionProps, InstructionsSection, InstructionsSectionLabels, InstructionsSectionProps, KEYBINDING_ROW_COUNT, KEYBINDING_SECTIONS, KeybindingGroup, KeybindingRow, KeybindingsSection, KeybindingsSectionLabelKey, KeybindingsSectionLabels, KeybindingsSectionProps, LogsSection, LogsSectionLabels, LogsSectionProps, McpSection, McpSectionLabels, McpSectionProps, ModelListEntry, ModelListPicker, ModelListPickerProps, ModelPickField, ModelPickFieldProps, ModelRowsLabels, ModelTestButton, ModelTestButtonProps, ModelTestLine, ModelTestLineProps, ModelTestState, PerfSparkline, PerfSparklineProps, PerformanceHud, PerformanceHudProps, PerformanceSection, PerformanceSectionLabels, PerformanceSectionProps, PluginList, PluginsSection, PluginsSectionLabels, PluginsSectionProps, PreferenceSectionOverrides, ProvidersSection, ProvidersSectionProps, ServerProvidersSection, ServerProvidersSectionProps, ServerSignIn, ServerSignInProps, SkillsSection, SkillsSectionLabels, SkillsSectionProps, SpacesDefaultsSection, SpacesDefaultsSectionProps, TextModelRow, TextModelRowProps, agentDefaultsOf, agentDefaultsPatch, appearanceSettingsSection, automaticTextModel, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionsSettingsSection, filterModelList, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, modelPickLabel, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection, spaceDefaults, useAccountsSectionLabels, useAppearanceSectionLabels, useClaudeImportAvailable, useClaudeImportLabels, useCreateExtensionLabels, useEditorSectionLabels, useEnabledListSectionLabels, useEnvironmentsSectionLabels, useExtensionOptionsLabels, useExtensionOptionsSearch, useExtensionsSectionLabels, useHostCatalogLabels, useInstructionsSectionLabels, useKeybindingsSectionLabels, useLogsSectionLabels, useMcpSectionLabels, useModelRowsLabels, useModelTest, usePerformanceSectionLabels, usePluginsSectionLabels, useSkillsSectionLabels, withSpaceDefaults };
+export { AccountsConfirm, AccountsSectionLabels, AgentDefaultsRows, AgentDefaultsRowsProps, AgentDefaultsValue, AppearanceSection, AppearanceSectionLabels, AppearanceSectionProps, ApprovalModeRow, ApprovalModeRowProps, CatalogSharedLabels, ClaudeImportDialog, ClaudeImportDialogProps, ClaudeImportLabels, CompactionModelRow, CompactionModelRowProps, ConversationPresetsRow, ConversationPresetsRowProps, CreateExtensionDialog, CreateExtensionDialogProps, CreateExtensionLabels, DEFAULT_ACCOUNTS_SECTION_LABELS, DEFAULT_APPEARANCE_SECTION_LABELS, DEFAULT_CATALOG_SHARED_LABELS, DEFAULT_CLAUDE_IMPORT_LABELS, DEFAULT_CREATE_EXTENSION_LABELS, DEFAULT_EDITOR_SECTION_LABELS, DEFAULT_ENABLED_LIST_SECTION_LABELS, DEFAULT_ENVIRONMENTS_SECTION_LABELS, DEFAULT_EXTENSIONS_SECTION_LABELS, DEFAULT_EXTENSION_OPTIONS_LABELS, DEFAULT_HOST_CATALOG_LABELS, DEFAULT_INSTRUCTIONS_SECTION_LABELS, DEFAULT_KEYBINDINGS_SECTION_LABELS, DEFAULT_LOGS_SECTION_LABELS, DEFAULT_MCP_SECTION_LABELS, DEFAULT_MODEL_ROWS_LABELS, DEFAULT_PERFORMANCE_SECTION_LABELS, DEFAULT_PLUGINS_SECTION_LABELS, DEFAULT_SKILLS_SECTION_LABELS, DecisionModelRow, DecisionModelRowProps, EditorDiagnosticsTool, EditorLanguageServer, EditorOpenIn, EditorSection, EditorSectionLabels, EditorSectionProps, EnabledListSection, EnabledListSectionLabels, EnabledListSectionProps, EnvironmentsSection, EnvironmentsSectionLabels, EnvironmentsSectionProps, ExtensionActionRow, ExtensionActionRowProps, ExtensionActions, ExtensionConfigRow, ExtensionConfigRowProps, ExtensionConfigValue, ExtensionList, ExtensionOptionsLabels, ExtensionOptionsSection, ExtensionOptionsSectionProps, ExtensionPick, ExtensionSourceBrowser, ExtensionSourceBrowserProps, ExtensionsSection, ExtensionsSectionLabels, ExtensionsSectionProps, HostCatalogLabels, HostCatalogSection, HostCatalogSectionKind, HostCatalogSectionProps, InstructionsSection, InstructionsSectionLabels, InstructionsSectionProps, KEYBINDING_ROW_COUNT, KEYBINDING_SECTIONS, KeybindingGroup, KeybindingRow, KeybindingsSection, KeybindingsSectionLabelKey, KeybindingsSectionLabels, KeybindingsSectionProps, LogsSection, LogsSectionLabels, LogsSectionProps, McpSection, McpSectionLabels, McpSectionProps, ModelListEntry, ModelListPicker, ModelListPickerProps, ModelPickField, ModelPickFieldProps, ModelRowsLabels, ModelTestButton, ModelTestButtonProps, ModelTestLine, ModelTestLineProps, ModelTestState, PerfSparkline, PerfSparklineProps, PerformanceHud, PerformanceHudProps, PerformanceSection, PerformanceSectionLabels, PerformanceSectionProps, PluginList, PluginsSection, PluginsSectionLabels, PluginsSectionProps, PreferenceSectionOverrides, ProvidersSection, ProvidersSectionProps, ServerProvidersSection, ServerProvidersSectionProps, ServerSignIn, ServerSignInProps, SkillsSection, SkillsSectionLabels, SkillsSectionProps, SpacesDefaultsSection, SpacesDefaultsSectionProps, TextModelRow, TextModelRowProps, agentDefaultsOf, agentDefaultsPatch, appearanceSettingsSection, automaticTextModel, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionConfigValue, extensionPickOf, extensionsSettingsSection, filterModelList, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, modelPickLabel, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection, spaceDefaults, useAccountsSectionLabels, useAppearanceSectionLabels, useClaudeImportAvailable, useClaudeImportLabels, useCreateExtensionLabels, useEditorSectionLabels, useEnabledListSectionLabels, useEnvironmentsSectionLabels, useExtensionOptionsLabels, useExtensionOptionsSearch, useExtensionsSectionLabels, useHostCatalogLabels, useInstructionsSectionLabels, useKeybindingsSectionLabels, useLogsSectionLabels, useMcpSectionLabels, useModelRowsLabels, useModelTest, usePerformanceSectionLabels, usePluginsSectionLabels, useSkillsSectionLabels, withSpaceDefaults };

package/dist/settings/sections/index.js

@@ -1,3 +1,8 @@
+import { DEFAULT_MODEL_ROWS_LABELS } from "./models/labels.js";
+import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./models/model-test.js";
+import { ModelListPicker, filterModelList } from "./models/ModelListPicker.js";
+import { DEFAULT_EXTENSION_OPTIONS_LABELS } from "./extensions/options-labels.js";
+import { ExtensionActionRow, ExtensionConfigRow, extensionConfigValue, useExtensionOptionsLabels } from "./extensions/ExtensionConfigRows.js";
 import { DEFAULT_CATALOG_SHARED_LABELS } from "./shared/labels.js";
 import { DEFAULT_ACCOUNTS_SECTION_LABELS } from "./providers/labels.js";
 import { ProvidersSection, useAccountsSectionLabels } from "./providers/ProvidersSection.js";
@@ -12,6 +17,7 @@ import { KeybindingsSection, useKeybindingsSectionLabels } from "./keybindings/K
 import { DEFAULT_ENVIRONMENTS_SECTION_LABELS } from "./environments/labels.js";
 import { EnvironmentsSection, useEnvironmentsSectionLabels } from "./environments/EnvironmentsSection.js";
 import { DEFAULT_EXTENSIONS_SECTION_LABELS } from "./extensions/labels.js";
+import { ExtensionSourceBrowser, extensionPickOf } from "./extensions/ExtensionSourceBrowser.js";
 import { ExtensionActions, ExtensionList, ExtensionsSection, useExtensionsSectionLabels } from "./extensions/ExtensionsSection.js";
 import { DEFAULT_ENABLED_LIST_SECTION_LABELS } from "./enabled-list/labels.js";
 import { EnabledListSection, useEnabledListSectionLabels } from "./enabled-list/EnabledListSection.js";
@@ -33,11 +39,7 @@ import { DEFAULT_MCP_SECTION_LABELS } from "./mcp/labels.js";
 import { McpSection, useMcpSectionLabels } from "./mcp/McpSection.js";
 import { ServerProvidersSection } from "./providers/ServerProvidersSection.js";
 import { appearanceSettingsSection, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionsSettingsSection, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection } from "./descriptors.js";
-import { DEFAULT_MODEL_ROWS_LABELS } from "./models/labels.js";
-import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./models/model-test.js";
-import { ModelListPicker, filterModelList } from "./models/ModelListPicker.js";
-import { DEFAULT_EXTENSION_OPTIONS_LABELS } from "./extensions/options-labels.js";
-import { ExtensionOptionsSection, useExtensionOptionsLabels, useExtensionOptionsSearch } from "./extensions/ExtensionOptionsSection.js";
+import { ExtensionOptionsSection, useExtensionOptionsSearch } from "./extensions/ExtensionOptionsSection.js";
 import { DEFAULT_CREATE_EXTENSION_LABELS } from "./extensions/create-labels.js";
 import { CreateExtensionDialog, useCreateExtensionLabels } from "./extensions/CreateExtensionDialog.js";
 import { DEFAULT_CLAUDE_IMPORT_LABELS } from "./claude-import/labels.js";
@@ -48,4 +50,4 @@ import { ModelPickField, modelPickLabel } from "./models/ModelPickField.js";
 import { AgentDefaultsRows, agentDefaultsOf, agentDefaultsPatch } from "./models/AgentDefaults.js";
 import { ApprovalModeRow, CompactionModelRow, ConversationPresetsRow, DecisionModelRow, TextModelRow, automaticTextModel } from "./models/ModelRows.js";
 import { SpacesDefaultsSection, spaceDefaults, withSpaceDefaults } from "./models/SpacesDefaultsSection.js";
-export { AgentDefaultsRows, AppearanceSection, ApprovalModeRow, ClaudeImportDialog, CompactionModelRow, ConversationPresetsRow, CreateExtensionDialog, DEFAULT_ACCOUNTS_SECTION_LABELS, DEFAULT_APPEARANCE_SECTION_LABELS, DEFAULT_CATALOG_SHARED_LABELS, DEFAULT_CLAUDE_IMPORT_LABELS, DEFAULT_CREATE_EXTENSION_LABELS, DEFAULT_EDITOR_SECTION_LABELS, DEFAULT_ENABLED_LIST_SECTION_LABELS, DEFAULT_ENVIRONMENTS_SECTION_LABELS, DEFAULT_EXTENSIONS_SECTION_LABELS, DEFAULT_EXTENSION_OPTIONS_LABELS, DEFAULT_HOST_CATALOG_LABELS, DEFAULT_INSTRUCTIONS_SECTION_LABELS, DEFAULT_KEYBINDINGS_SECTION_LABELS, DEFAULT_LOGS_SECTION_LABELS, DEFAULT_MCP_SECTION_LABELS, DEFAULT_MODEL_ROWS_LABELS, DEFAULT_PERFORMANCE_SECTION_LABELS, DEFAULT_PLUGINS_SECTION_LABELS, DEFAULT_SKILLS_SECTION_LABELS, DecisionModelRow, EditorSection, EnabledListSection, EnvironmentsSection, ExtensionActions, ExtensionList, ExtensionOptionsSection, ExtensionsSection, HostCatalogSection, InstructionsSection, KEYBINDING_ROW_COUNT, KEYBINDING_SECTIONS, KeybindingsSection, LogsSection, McpSection, ModelListPicker, ModelPickField, ModelTestButton, ModelTestLine, PerfSparkline, PerformanceHud, PerformanceSection, PluginList, PluginsSection, ProvidersSection, ServerProvidersSection, ServerSignIn, SkillsSection, SpacesDefaultsSection, TextModelRow, agentDefaultsOf, agentDefaultsPatch, appearanceSettingsSection, automaticTextModel, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionsSettingsSection, filterModelList, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, modelPickLabel, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection, spaceDefaults, useAccountsSectionLabels, useAppearanceSectionLabels, useClaudeImportAvailable, useClaudeImportLabels, useCreateExtensionLabels, useEditorSectionLabels, useEnabledListSectionLabels, useEnvironmentsSectionLabels, useExtensionOptionsLabels, useExtensionOptionsSearch, useExtensionsSectionLabels, useHostCatalogLabels, useInstructionsSectionLabels, useKeybindingsSectionLabels, useLogsSectionLabels, useMcpSectionLabels, useModelRowsLabels, useModelTest, usePerformanceSectionLabels, usePluginsSectionLabels, useSkillsSectionLabels, withSpaceDefaults };
+export { AgentDefaultsRows, AppearanceSection, ApprovalModeRow, ClaudeImportDialog, CompactionModelRow, ConversationPresetsRow, CreateExtensionDialog, DEFAULT_ACCOUNTS_SECTION_LABELS, DEFAULT_APPEARANCE_SECTION_LABELS, DEFAULT_CATALOG_SHARED_LABELS, DEFAULT_CLAUDE_IMPORT_LABELS, DEFAULT_CREATE_EXTENSION_LABELS, DEFAULT_EDITOR_SECTION_LABELS, DEFAULT_ENABLED_LIST_SECTION_LABELS, DEFAULT_ENVIRONMENTS_SECTION_LABELS, DEFAULT_EXTENSIONS_SECTION_LABELS, DEFAULT_EXTENSION_OPTIONS_LABELS, DEFAULT_HOST_CATALOG_LABELS, DEFAULT_INSTRUCTIONS_SECTION_LABELS, DEFAULT_KEYBINDINGS_SECTION_LABELS, DEFAULT_LOGS_SECTION_LABELS, DEFAULT_MCP_SECTION_LABELS, DEFAULT_MODEL_ROWS_LABELS, DEFAULT_PERFORMANCE_SECTION_LABELS, DEFAULT_PLUGINS_SECTION_LABELS, DEFAULT_SKILLS_SECTION_LABELS, DecisionModelRow, EditorSection, EnabledListSection, EnvironmentsSection, ExtensionActionRow, ExtensionActions, ExtensionConfigRow, ExtensionList, ExtensionOptionsSection, ExtensionSourceBrowser, ExtensionsSection, HostCatalogSection, InstructionsSection, KEYBINDING_ROW_COUNT, KEYBINDING_SECTIONS, KeybindingsSection, LogsSection, McpSection, ModelListPicker, ModelPickField, ModelTestButton, ModelTestLine, PerfSparkline, PerformanceHud, PerformanceSection, PluginList, PluginsSection, ProvidersSection, ServerProvidersSection, ServerSignIn, SkillsSection, SpacesDefaultsSection, TextModelRow, agentDefaultsOf, agentDefaultsPatch, appearanceSettingsSection, automaticTextModel, editorSettingsSection, enabledListSettingsSection, environmentsSettingsSection, extensionConfigValue, extensionPickOf, extensionsSettingsSection, filterModelList, hostCatalogSettingsSection, instructionsSettingsSection, keybindingsSettingsSection, logsSettingsSection, mcpSettingsSection, modelPickLabel, performanceSettingsSection, pluginsSettingsSection, providersSettingsSection, serverProvidersSettingsSection, skillsSettingsSection, spaceDefaults, useAccountsSectionLabels, useAppearanceSectionLabels, useClaudeImportAvailable, useClaudeImportLabels, useCreateExtensionLabels, useEditorSectionLabels, useEnabledListSectionLabels, useEnvironmentsSectionLabels, useExtensionOptionsLabels, useExtensionOptionsSearch, useExtensionsSectionLabels, useHostCatalogLabels, useInstructionsSectionLabels, useKeybindingsSectionLabels, useLogsSectionLabels, useMcpSectionLabels, useModelRowsLabels, useModelTest, usePerformanceSectionLabels, usePluginsSectionLabels, useSkillsSectionLabels, withSpaceDefaults };

package/dist/settings/sections/instructions/InstructionsSection.js

@@ -1,14 +1,15 @@
 import { BTN_SECONDARY, buttonClass } from "../../../components/button.js";
 import { EmptyState } from "../../../components/Surface.js";
 import { ErrorNote, MetaChip } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
+import { useDisplayPath } from "../../../hooks/useDisplayPath.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
 import { Markdown } from "../../../chat/transcript/markdown.js";
-import { formatTokens } from "../../../session/headless/usage-format.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { OpenFileButton, RevealPathButton, useCatalogSharedLabels } from "../shared/catalog.js";
 import { SettingsTutorial } from "../../SettingsTutorial.js";
+import { formatTokens } from "../../../session/headless/usage-format.js";
 import { DEFAULT_INSTRUCTIONS_SECTION_LABELS } from "./labels.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from "react";
@@ -197,7 +198,9 @@ function ContextSegmentRow({ segment, expanded, total, onToggle, onOpen, canReve
 	const preview = expanded ? instructionPreviewLines(segment.text) : null;
 	const color = segmentColor(segment);
 	const share = total > 0 ? Math.round(segment.tokens / total * 100) : 0;
-	const second = segment.path ?? segment.detail;
+	const display = useDisplayPath();
+	const second = segment.path ? display.path(segment.path) : segment.detail;
+	const secondTitle = segment.path ?? segment.detail;
 	return /* @__PURE__ */ jsxs("li", {
 		className: "zg-raised border rounded-zg-md overflow-hidden",
 		"data-testid": `instruction-${segment.id}`,
@@ -249,7 +252,7 @@ function ContextSegmentRow({ segment, expanded, total, onToggle, onOpen, canReve
 					]
 				}), second && /* @__PURE__ */ jsx("span", {
 					className: "pl-[35px] text-xs leading-[18px] text-[var(--zg-text-muted)] truncate",
-					title: second,
+					title: secondTitle,
 					children: second
 				})]
 			}), /* @__PURE__ */ jsxs("div", {

package/dist/settings/sections/mcp/McpSection.js

@@ -2,9 +2,9 @@ import { BTN_LG_PRIMARY, BTN_LG_SECONDARY } from "../../../components/button.js"
 import { EmptyState } from "../../../components/Surface.js";
 import { ErrorNote, OpLine } from "../../../components/Form.js";
 import { constant, useReadable } from "../../../chat/headless/store.js";
+import { useSettingsHost, useSettingsWritable } from "../../SettingsProvider.js";
 import { toSettingsError } from "../../headless/host.js";
 import { enabledMcpTools, enabledMcpsAfterAdd, mcpRunning, mcpSettingsAfterRemove, mcpShareable, mcpSharedNow, mcpSharingWith, toggleMcpTool } from "../../headless/mcp.js";
-import { useSettingsHost, useSettingsWritable } from "../../SettingsProvider.js";
 import { SettingsPanel, SettingsPanelActions, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
 import { RevealPathButton, useEnabledList, useOpLine, useSettingsResource, useSettingsValues, useWriteSetting } from "../shared/catalog.js";

package/dist/settings/sections/mcp/McpServerRow.js

@@ -3,6 +3,7 @@ import { IconButton } from "../../../components/IconButton.js";
 import { BTN_DANGER, BTN_DANGER_CONFIRM, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { Tray } from "../../../components/Surface.js";
 import { HostRow, MetaChip, ToggleSwitch } from "../../../components/Form.js";
+import { RoutedLink } from "../../../extensions/links.js";
 import { mcpBadge } from "../../headless/mcp.js";
 import { useSignIn } from "../../../onboarding/useSignIn.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -192,9 +193,9 @@ function McpServerRow({ server: mcp, enabled, expanded, probing, enabledTools, r
 						children: flow.kind === "url" ? /* @__PURE__ */ jsxs("span", { children: [
 							l.mcpSectionOpening,
 							" ",
-							/* @__PURE__ */ jsx("a", {
+							/* @__PURE__ */ jsx(RoutedLink, {
 								href: flow.url,
-								target: "_blank",
+								source: "auth",
 								rel: "noopener noreferrer",
 								className: "text-[var(--zg-accent-hover)] underline break-all",
 								children: l.mcpSectionOpenPage

package/dist/settings/sections/models/AgentDefaults.js

@@ -5,8 +5,8 @@ import { AgentPicker } from "../../../chat/composer/AgentPicker.js";
 import { ModelOptionsPicker, OPTION_ICON } from "../../../chat/composer/ModelOptionsPicker.js";
 import { useAgentProfiles } from "../../../chat/composer/use-agent-profiles.js";
 import { useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
-import { ValueChip } from "../../rows.js";
 import { useModelRowsLabels } from "./model-test.js";
+import { ValueChip } from "../../rows.js";
 import { ModelPickField } from "./ModelPickField.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";

package/dist/settings/sections/models/ModelPickField.js

@@ -5,8 +5,8 @@ import { useSettingsHost } from "../../SettingsProvider.js";
 import { providerAccountLabel } from "../../../chat/composer/model-catalog.js";
 import { useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
 import { HostModelChainList } from "../../../chat/composer/HostModelChainList.js";
-import { ValueChip } from "../../rows.js";
 import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./model-test.js";
+import { ValueChip } from "../../rows.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { formatModelSetting, modelDisplayName } from "zidane/chat/pure";

package/dist/settings/sections/models/ModelRows.js

@@ -1,14 +1,14 @@
 import { IconButton } from "../../../components/IconButton.js";
 import { BTN_SECONDARY } from "../../../components/button.js";
 import { HostRow, ROW_TRIGGER_CLASS, RowText, SegmentedRow } from "../../../components/Form.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
+import { toSettingsError } from "../../headless/host.js";
 import { useComposerModelName, useModelCatalog } from "../../../chat/composer/use-composer-stores.js";
+import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./model-test.js";
+import { ModelListPicker } from "./ModelListPicker.js";
 import { useSettingsResource } from "../shared/catalog.js";
 import { ConversationPresetPreview } from "../../../onboarding/conversation.js";
 import { ValueChip } from "../../rows.js";
-import { ModelTestButton, ModelTestLine, useModelRowsLabels, useModelTest } from "./model-test.js";
-import { ModelListPicker } from "./ModelListPicker.js";
 import { ModelPickField } from "./ModelPickField.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/settings/sections/plugins/PluginsSection.js

@@ -1,5 +1,6 @@
 import { MetaChip } from "../../../components/Form.js";
 import { LoadError } from "../../../components/LoadError.js";
+import { useDisplayPath } from "../../../hooks/useDisplayPath.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
 import { SettingsPanel, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
@@ -60,7 +61,8 @@ function PluginsSection({ cwd, className, style }) {
 */
 function PluginList({ catalog, forcedEnabledOf, preamble, emptyMessage }) {
 	const l = usePluginsSectionLabels();
-	const detailOf = useCallback((plugin) => [plugin.description ?? plugin.path, contributionSummary(plugin, l)].filter(Boolean).join(", "), [l]);
+	const display = useDisplayPath();
+	const detailOf = useCallback((plugin) => [plugin.description ?? display.path(plugin.path), contributionSummary(plugin, l)].filter(Boolean).join(", "), [l, display]);
 	return /* @__PURE__ */ jsx(EnabledList, {
 		catalog,
 		keyOf: nameOf,

package/dist/settings/sections/providers/ProvidersSection.js

@@ -3,12 +3,12 @@ import { BTN_DANGER, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/butt
 import { MetaChip } from "../../../components/Form.js";
 import { BrowserSignIn } from "../../../components/BrowserSignIn.js";
 import { constant, useReadable } from "../../../chat/headless/store.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
-import { useSignIn } from "../../../onboarding/useSignIn.js";
-import { hasCredentialChoice } from "../../headless/providers.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelBody } from "../../section.js";
 import { useSectionLabels } from "../use-section-labels.js";
+import { useSignIn } from "../../../onboarding/useSignIn.js";
+import { hasCredentialChoice } from "../../headless/providers.js";
 import { useSettingsResource } from "../shared/catalog.js";
 import { CredentialSources } from "./CredentialSources.js";
 import { DEFAULT_ACCOUNTS_SECTION_LABELS } from "./labels.js";

package/dist/settings/sections/providers/ServerProvidersSection.js

@@ -1,10 +1,10 @@
 import { BTN_DANGER, BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { ErrorNote, FormCard, FormSection, MetaChip, OpLine, RowText } from "../../../components/Form.js";
 import { constant, useReadable } from "../../../chat/headless/store.js";
-import { toSettingsError } from "../../headless/host.js";
 import { useSettingsHost } from "../../SettingsProvider.js";
-import { hasCredentialChoice } from "../../headless/providers.js";
+import { toSettingsError } from "../../headless/host.js";
 import { SettingsPanel, SettingsPanelBody } from "../../section.js";
+import { hasCredentialChoice } from "../../headless/providers.js";
 import { useSettingsResource } from "../shared/catalog.js";
 import { CredentialSources } from "./CredentialSources.js";
 import { useAccountsSectionLabels } from "./ProvidersSection.js";

package/dist/settings/sections/providers/ServerSignIn.js

@@ -1,5 +1,6 @@
 import { BTN_PRIMARY, BTN_SECONDARY } from "../../../components/button.js";
 import { OpLine } from "../../../components/Form.js";
+import { RoutedLink } from "../../../extensions/links.js";
 import { useSignIn } from "../../../onboarding/useSignIn.js";
 import { useAccountsSectionLabels } from "./ProvidersSection.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -79,10 +80,9 @@ function ServerSignIn({ begin, hostName, label, onClose, className, style }) {
 				}),
 				page && /* @__PURE__ */ jsx("p", {
 					className: "m-0 text-xs text-[var(--zg-text-muted)] break-all",
-					children: /* @__PURE__ */ jsx("a", {
+					children: /* @__PURE__ */ jsx(RoutedLink, {
 						href: page.url,
-						target: "_blank",
-						rel: "noreferrer",
+						source: "auth",
 						children: page.url
 					})
 				}),

package/dist/settings/sections/shared/catalog.d.ts

@@ -64,6 +64,11 @@ interface EnabledListProps<T> {
   leadOf?: (entry: T) => ReactNode | undefined;
   /** After the label (chips). */
   badgeOf?: (entry: T) => ReactNode | undefined;
+  /**
+   * After the label, a control of its own (a chip that explains itself on focus). A row with one is
+   * not a toggle (nested buttons are invalid HTML): use it on rows that can't be toggled.
+   */
+  statusOf?: (entry: T) => ReactNode | undefined;
   /** Controls beside the toggle (siblings: nested buttons are invalid HTML). */
   actionOf?: (entry: T) => ReactNode | undefined;
   /** A forced state for entries that can't be toggled here. */
@@ -80,6 +85,6 @@ interface EnabledListProps<T> {
   style?: CSSProperties;
 }
 /** A checkbox list over an enabled allowlist. */
-declare function EnabledList<T>({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, actionOf, forcedEnabledOf, toggleableOf, preamble, settingKey, emptyMessage, className, style }: EnabledListProps<T>): import("react").JSX.Element;
+declare function EnabledList<T>({ catalog, keyOf, labelOf, detailOf, leadOf, badgeOf, statusOf, actionOf, forcedEnabledOf, toggleableOf, preamble, settingKey, emptyMessage, className, style }: EnabledListProps<T>): import("react").JSX.Element;
 //#endregion
 export { EnabledList, EnabledListProps, OpLineState, OpenFileButton, RevealPathButton, ScopePicker, ScopePickerProps, useCatalogSharedLabels, useEnabledList, useOpLine, useSettingsResource, useSettingsValues, useWriteSetting };