dsh-capability-panel 1.3.0 → 1.4.0

package/lib/client.js

@@ -32,10 +32,10 @@ let react = require("react");
 react = __toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 react_jsx_runtime = __toESM(react_jsx_runtime);
-let __deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
-__deepseek_ai_dsh_client_ui_primitives = __toESM(__deepseek_ai_dsh_client_ui_primitives);
 let react_dom = require("react-dom");
 react_dom = __toESM(react_dom);
+let __deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+__deepseek_ai_dsh_client_ui_primitives = __toESM(__deepseek_ai_dsh_client_ui_primitives);
 
 //#region src/wire.ts
 const isRecord$1 = (value) => value !== null && typeof value === "object" && !Array.isArray(value);
@@ -49,6 +49,7 @@ function parseSkillEntry(value) {
 	const description = optString(value["description"]);
 	const path = optString(value["path"]);
 	const group = optString(value["group"]);
+	const fileAddress = optString(value["fileAddress"]);
 	return {
 		name: value["name"],
 		state,
@@ -58,6 +59,7 @@ function parseSkillEntry(value) {
 		provider: value["provider"],
 		...description === void 0 ? {} : { description },
 		...path === void 0 ? {} : { path },
+		...fileAddress === void 0 ? {} : { fileAddress },
 		...group === void 0 ? {} : { group }
 	};
 }
@@ -372,314 +374,93 @@ const MCP_TOOL_ROOT_CLASS = "ci-toolrow";
 const ROW_HEADER_CLASS = "ci-row-head";
 
 //#endregion
-//#region src/client/locale.ts
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/safeReact.mjs
 /**
-* Panel copy, bilingual. Chinese is the authoring language; English is the
-* fallback the host's locale runtime consults after the active locale misses
-* a key (and the locale a browser naming neither shipped language lands on).
+* A clone of the React namespace for reading APIs that may be missing in older
+* supported React versions. Bundlers can rewrite direct `React.someNewApi`
+* reads into named imports, which breaks React 17. Reading from this cloned
+* object keeps those lookups optional.
 *
-* The dictionaries register into the host's locale service (`ctx.locale`)
-* under this plugin's own namespace, so the panel follows the same language
-* switch as the rest of the UI. Templates interpolate `{name}` placeholders.
+* @see https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
+*/
+const SafeReact = { ...react };
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useRefWithInit.mjs
+const UNINITIALIZED = {};
+/**
+* A React.useRef() that is initialized with a function. Note that it accepts an optional
+* initialization argument, so the initialization function doesn't need to be an inline closure.
 *
-* tests/client/locale.spec.ts pins the two dictionaries to identical key sets
-* and checks every key the component looks up exists in both.
+* @usage
+*   const ref = useRefWithInit(sortColumns, columns)
 */
-const LOCALE_NS = "capability-panel";
-const zh = {
-	"state.loaded": "已加载",
-	"state.pruned": "已截断",
-	"state.evicted": "已挤出",
-	"state.unloaded": "未加载",
-	"blocked.count": "拦截 ×{count}",
-	"action.enable": "开启 {name}",
-	"action.disable": "关闭 {name}",
-	"action.insert": "把 /{name} 填入输入框",
-	"server.tools": "{count} 工具",
-	"server.tool.one": "1 个工具",
-	"server.unavailable": "无已注册工具",
-	"server.unavailableHint": "宿主配置里声明了这个服务器，但它当前没有注册任何工具。原因无法从面板判定（服务未启动、正在重连、或本就没有工具都可能）。若它是个本地按需服务，先把程序开起来。",
-	"action.reload": "重载 {name}",
-	"action.reload.label": "重载",
-	"action.reload.ing": "正在重载 {name}…",
-	"action.reloadHint": "重新加载该服务器的插件实例（等同一次热重载）：会断开并重连。对 stdio 类型的服务，这会重启其子进程。",
-	"action.reload.failed": "重载 {name} 失败：{error}",
-	"status.loading": "读取中…",
-	"status.error": "读取失败：{error}（可尝试刷新页面；宿主改动需重启 dsh 后生效）",
-	"empty.match": "无匹配项",
-	"empty.skills": "无可用技能",
-	"empty.mcp": "无 MCP 服务器",
-	"empty.system": "无系统工具",
-	"group.skills": "技能 ({shown}/{total})",
-	"group.mcp": "MCP ({shown}/{total})",
-	"group.system": "系统工具 ({shown}/{total})",
-	"group.systemTools": "系统工具",
-	"group.count": "{shown}/{total}",
-	"tab.all": "全部",
-	"tab.skills": "技能",
-	"tab.mcp": "MCP",
-	"tab.system": "工具",
-	"tab.system.aria": "系统工具 {count}",
-	"tabs.aria": "能力分区",
-	"trigger.tooltip": "会话上下文：技能、MCP 与工具",
-	"panel.aria": "会话上下文",
-	"filter.placeholder": "筛选名称或描述…",
-	"filter.aria": "筛选技能与工具",
-	"filter.clear": "清空筛选",
-	"filter.count": "匹配 {shown} / {total} 项",
-	"footer.feedback": "反馈问题",
-	"footer.feedbackHint": "在 GitHub 上打开能力面板的 issue 页",
-	"footer.openSettings": "全局配置",
-	"footer.openSettingsHint": "打开设置并进入「能力面板」页",
-	"disclosure.expand": "展开 {subject} 的{detail}",
-	"disclosure.collapse": "收起 {subject} 的{detail}",
-	"disclosure.pinned": "{subject} 的{detail}（筛选时保持展开）",
-	"detail.description": "描述",
-	"detail.tools": "工具",
-	"preset.nav": "能力面板",
-	"preset.title": "能力面板",
-	"preset.intro": "设置每个 Agent preset 的默认能力集合，之后新建或恢复的会话会继承它。输入框里的「会话上下文」只改当前会话，并随该会话在重启后恢复。",
-	"preset.projectSkill": "当前项目",
-	"preset.kindAria": "按类别筛选",
-	"preset.readonly": "当前设置存储不可写；你可以查看工具，但无法保存微调。",
-	"preset.choose": "Agent preset",
-	"preset.empty": "没有可用的 Agent preset。",
-	"preset.noTools": "这个 preset 没有可用能力。",
-	"preset.reserved": "{name} 是保留的传输通道，不能关闭。",
-	"preset.broken": "这个 preset 无法组装会话：{reason}。修好它之后才能列出工具。",
-	"degraded.item": "⚠ 部分读取失败：{note}",
-	"source.project-dsh": "项目 .dsh",
-	"source.project-agents": "项目 agent",
-	"source.runtime": "运行时",
-	"source.user-dsh": "用户 .dsh",
-	"source.user-agents": "用户 agent",
-	"source.custom": "自定义",
-	"source.bundled": "内置",
-	"source.host": "全局",
-	"source.preset": "预设",
-	"source.openFolder": "在文件管理器中打开 {source}"
-};
-const en = {
-	"state.loaded": "loaded",
-	"state.pruned": "truncated",
-	"state.evicted": "evicted",
-	"state.unloaded": "not loaded",
-	"blocked.count": "blocked ×{count}",
-	"action.enable": "Enable {name}",
-	"action.disable": "Disable {name}",
-	"action.insert": "Insert /{name} into the composer",
-	"server.tools": "{count} tools",
-	"server.tool.one": "1 tool",
-	"server.unavailable": "no tools registered",
-	"server.unavailableHint": "This host declares the server, but it currently registers no tools. The panel cannot tell why (service not started, mid-reconnect, or genuinely tool-less are all possible). If it is a local on-demand service, start its program first.",
-	"action.reload": "Reload {name}",
-	"action.reload.label": "Reload",
-	"action.reload.ing": "Reloading {name}…",
-	"action.reloadHint": "Reload this server’s plugin instance (equivalent to one hot reload): it disconnects and reconnects. For a stdio service this restarts its child process.",
-	"action.reload.failed": "Failed to reload {name}: {error}",
-	"status.loading": "Loading…",
-	"status.error": "Failed to load: {error} (try refreshing the page; host changes take effect after a dsh restart)",
-	"empty.match": "No matches",
-	"empty.skills": "No skills available",
-	"empty.mcp": "No MCP servers",
-	"empty.system": "No system tools",
-	"group.skills": "Skills ({shown}/{total})",
-	"group.mcp": "MCP ({shown}/{total})",
-	"group.system": "System tools ({shown}/{total})",
-	"group.systemTools": "System tools",
-	"group.count": "{shown}/{total}",
-	"tab.all": "All",
-	"tab.skills": "Skills",
-	"tab.mcp": "MCP",
-	"tab.system": "Tools",
-	"tab.system.aria": "System tools, {count}",
-	"tabs.aria": "Capability sections",
-	"trigger.tooltip": "Session context: skills, MCP & tools",
-	"panel.aria": "Session context",
-	"filter.placeholder": "Filter by name or description…",
-	"filter.aria": "Filter skills and tools",
-	"filter.clear": "Clear filter",
-	"filter.count": "{shown} / {total} matched",
-	"footer.feedback": "Report an issue",
-	"footer.feedbackHint": "Open the capability panel’s issues on GitHub",
-	"footer.openSettings": "Global settings",
-	"footer.openSettingsHint": "Open Settings on the Capability Panel page",
-	"disclosure.expand": "Expand {detail} for {subject}",
-	"disclosure.collapse": "Collapse {detail} for {subject}",
-	"disclosure.pinned": "{detail} for {subject} (kept open while filtering)",
-	"detail.description": "description",
-	"detail.tools": "tools",
-	"preset.nav": "Capability Panel",
-	"preset.title": "Capability Panel",
-	"preset.intro": "Choose the default capabilities each agent preset starts from; sessions created or resumed afterward inherit it. The composer's Session context changes only the current session, and stays with it across restarts.",
-	"preset.projectSkill": "this project",
-	"preset.kindAria": "Filter by category",
-	"preset.readonly": "Settings storage is read-only. You can inspect tools, but changes cannot be saved.",
-	"preset.choose": "Agent preset",
-	"preset.empty": "No agent presets are available.",
-	"preset.noTools": "This preset exposes no capabilities.",
-	"preset.reserved": "{name} is a reserved transport and cannot be disabled.",
-	"preset.broken": "This preset cannot compose a session: {reason}. Fix it before its tools can be listed.",
-	"degraded.item": "⚠ Partial read failed: {note}",
-	"source.project-dsh": "project .dsh",
-	"source.project-agents": "project agent",
-	"source.runtime": "runtime",
-	"source.user-dsh": "user .dsh",
-	"source.user-agents": "user agent",
-	"source.custom": "custom",
-	"source.bundled": "bundled",
-	"source.host": "global",
-	"source.preset": "preset",
-	"source.openFolder": "Open {source} in file manager"
-};
+function useRefWithInit(init, initArg) {
+	const ref = react.useRef(UNINITIALIZED);
+	if (ref.current === UNINITIALIZED) ref.current = init(initArg);
+	return ref;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useStableCallback.mjs
+const useInsertionEffect = SafeReact.useInsertionEffect;
+const useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn();
 /**
-* Register both dictionaries as one effect: the single-locale form is the
-* documented entry for namespaces outside the host's compile-time merge
-* table, and the returned disposers release both on unload.
+* Stabilizes the function passed so it's always the same between renders.
+*
+* The function becomes non-reactive to any values it captures.
+* It can safely be passed as a dependency of `React.useMemo` and `React.useEffect` without re-triggering them if its captured values change.
+*
+* The function must only be called inside effects and event handlers, never during render (which throws an error).
+*
+* This hook is a more permissive version of React 19.2's `React.useEffectEvent` in that it can be passed through contexts and called in event handler props, not just effects.
 */
-function registerLocale(locale) {
-	const disposeZh = locale.register(LOCALE_NS, "zh", zh);
-	const disposeEn = locale.register(LOCALE_NS, "en", en);
-	return () => {
-		disposeZh();
-		disposeEn();
+function useStableCallback(callback) {
+	const stable = useRefWithInit(createStableCallback).current;
+	stable.next = callback;
+	useSafeInsertionEffect(stable.effect);
+	return stable.trampoline;
+}
+function createStableCallback() {
+	const stable = {
+		next: void 0,
+		callback: assertNotCalled,
+		trampoline: (...args) => stable.callback?.(...args),
+		effect: () => {
+			stable.callback = stable.next;
+		}
 	};
+	return stable;
 }
+function assertNotCalled() {}
 
 //#endregion
-//#region src/client/styles.ts
-const TOK = {
-	textPrimary: "var(--dsw-alias-label-primary, #0f1115)",
-	textSecondary: "var(--dsw-alias-label-secondary, #61666b)",
-	textTertiary: "var(--dsw-alias-label-tertiary, #81858c)",
-	border: "var(--dsw-alias-border-l1, rgba(0,0,0,.04))",
-	borderStrong: "var(--dsw-alias-border-l2, rgba(0,0,0,.1))",
-	switchOn: "var(--dsw-alias-state-business-primary, #4176e6)",
-	switchOff: "var(--dsw-alias-border-l2, rgba(0,0,0,.1))",
-	switchThumb: "var(--dsw-alias-bg-layer-1, #ffffff)",
-	switchEase: "var(--ds-ease-in-out, cubic-bezier(.4, 0, .2, 1))",
-	menuBg: "var(--dsw-specific-menu, #ffffff)",
-	menuBorder: "var(--dsw-alias-border-inverted, rgba(0,0,0,.1))",
-	menuShadow: "var(--dsw-shadow-lv3, 0 12px 32px rgba(0,0,0,.22))",
-	menuBlur: "var(--dsw-menu-backdrop-filter, none)",
-	bgBase: "var(--dsw-alias-bg-base, #ffffff)",
-	fontFamily: "var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, Arial, sans-serif)",
-	success: "var(--dsw-alias-state-success-primary, #22c55e)",
-	warn: "var(--dsw-alias-state-warn-primary, #f59e0b)",
-	error: "var(--dsw-alias-state-error-primary, #ec1313)",
-	info: "var(--dsw-alias-state-business-primary, #4176e6)"
-};
-const PANEL_CSS = [
-	".ci-trigger:focus-visible,.ci-switch:focus-visible,.ci-iconbtn:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:999px}",
-	".ci-disclosure-trigger:focus-visible,.ci-server-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:4px}",
-	".ci-tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:6px}",
-	".ci-trigger:hover,.ci-iconbtn:hover,.ci-server-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
-	".ci-switch:hover:not(:disabled){filter:brightness(1.12)}",
-	".ci-row-head{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:0 -8px;border-radius:8px}",
-	".ci-row-head:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
-	".ci-row-head .ci-send{opacity:0;transition:opacity .12s}",
-	".ci-row-head:hover .ci-send,.ci-row-head:focus-within .ci-send{opacity:1}",
-	".ci-filter:focus{border-color:var(--dsw-alias-state-business-primary,#4176e6)}",
-	".ci-filter:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:0}",
-	".ci-filter::placeholder{color:var(--dsw-alias-label-tertiary,#81858c)}",
-	".ci-panel{transform-origin:var(--transform-origin);transition:opacity .14s var(--ds-ease-in-out,ease),transform .14s var(--ds-ease-in-out,ease)}",
-	".ci-panel[data-starting-style],.ci-panel[data-ending-style]{opacity:0;transform:scale(.96) translateY(4px)}",
-	".ci-collapse{height:var(--collapsible-panel-height);transition:height .14s var(--ds-ease-in-out,ease);overflow:hidden}",
-	".ci-collapse[data-starting-style],.ci-collapse[data-ending-style]{height:0}",
-	".ci-toolrow{content-visibility:auto;contain-intrinsic-size:auto 30px}",
-	".ci-disclosure-trigger{min-width:0;display:flex;align-items:center;gap:6px;flex:1 1 auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}",
-	".ci-disclosure-trigger:disabled,.ci-server-trigger:disabled{cursor:default}",
-	".ci-disclosure-trigger:hover .ci-name{color:var(--dsw-alias-label-primary,#0f1115)}",
-	".ci-description{padding:3px 0 0 24px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858c);word-break:break-word}",
-	".ci-chevron{display:grid;place-items:center;width:18px;height:18px;flex:none;color:var(--dsw-alias-label-tertiary,#81858c);border-radius:4px}",
-	".ci-chevron svg{transition:transform .12s var(--ds-ease-in-out,ease)}",
-	".ci-server-trigger[aria-expanded=\"true\"] .ci-chevron svg,.ci-disclosure-trigger[aria-expanded=\"true\"] .ci-chevron svg,.ci-preset-part-trigger[aria-expanded=\"true\"] .ci-chevron svg{transform:rotate(90deg)}",
-	".ci-tabs{display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
-	".ci-tab{flex:1;height:24px;border:none;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary,#61666b);font:inherit;font-size:12px;line-height:1;cursor:pointer;font-variant-numeric:tabular-nums;padding:0 4px}",
-	".ci-tab:hover{color:var(--dsw-alias-label-primary,#0f1115)}",
-	".ci-tab[data-active]{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#0f1115);box-shadow:var(--dsw-elevation-soft,0 1px 2px rgba(0,0,0,.08))}",
-	".ci-preset-section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary,#0f1115);display:flex;flex-direction:column;gap:14px}",
-	".ci-settings-title{margin:0;color:var(--dsw-alias-label-primary,#0f1115);font-size:18px;font-weight:600;line-height:26px}",
-	".ci-settings-intro,.ci-settings-description,.ci-settings-note{margin:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary,#81858c)}",
-	".ci-settings-note{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:8px}",
-	".ci-preset-toolbar{display:flex;gap:10px;align-items:center;margin:0}",
-	".ci-search{position:relative;flex:1 1 auto;min-width:180px;display:flex;align-items:center;color:var(--dsw-alias-label-tertiary,#81858c)}",
-	".ci-search>svg{position:absolute;left:12px;pointer-events:none}",
-	".ci-preset-filter{width:100%;height:36px;box-sizing:border-box;padding:0 34px 0 36px;border:.5px solid var(--dsw-alias-border-l4,rgba(0,0,0,.16));border-radius:var(--dsw-radius-md,12px);background-color:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-size:13px;font-weight:400;outline:none}",
-	".ci-preset-filter:focus-visible{border-color:var(--dsw-alias-state-business-primary,#4176e6);box-shadow:0 0 0 2px color-mix(in srgb,var(--dsw-alias-state-business-primary,#4176e6) 18%,transparent)}",
-	".ci-preset-part{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px 0 0;border-top:.5px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1))}",
-	".ci-preset-part:first-of-type{border-top:0;padding-top:0}",
-	".ci-preset-part-trigger{display:flex;align-items:center;gap:8px;min-height:32px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}",
-	".ci-preset-part-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px;border-radius:4px}",
-	".ci-preset-part-title{margin:0;font-size:14px;font-weight:400;line-height:22px;color:var(--dsw-alias-label-primary,#0f1115)}",
-	".ci-preset-part-sub{margin:-4px 0 0 26px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858c);font-variant-numeric:tabular-nums}",
-	".ci-preset-badge{display:inline-block;margin-left:6px;padding:1px 6px;line-height:1.5;border-radius:999px;font-size:11px;font-weight:500;vertical-align:middle;background-color:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));color:var(--dsw-alias-label-tertiary,#81858c)}",
-	".ci-preset-group{padding:0}",
-	".ci-preset-server-trigger{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}",
-	".ci-preset-server-trigger:disabled{cursor:default}",
-	".ci-preset-group .ci-preset-tool-list{margin:0;padding-left:26px}",
-	".ci-preset-picker-trigger{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:none;border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-module-platform,rgba(38,49,72,.06));color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-size:14px;font-weight:400;line-height:22px;cursor:pointer;outline:none;max-width:280px;flex:none;white-space:nowrap}",
-	".ci-preset-picker-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
-	".ci-preset-picker-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px}",
-	".ci-preset-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}",
-	".ci-preset-picker-chevron{color:var(--dsw-alias-label-tertiary,#81858c);flex:none;display:inline-grid;place-items:center;transition:transform .12s}",
-	".ci-preset-picker-chevron-open{transform:rotate(180deg)}",
-	".ci-settings-subtitle{margin:0 0 6px;color:var(--dsw-alias-label-primary,#0f1115);font-size:14px;line-height:22px}",
-	".ci-preset-tool-list{list-style:none;margin:0;padding:0}",
-	".ci-preset-tool-row{display:flex;align-items:center;gap:16px}",
-	".ci-preset-tool-copy{display:grid;min-width:0;flex:1}",
-	".ci-preset-tool-name{color:var(--dsw-alias-label-primary,#0f1115);font-weight:600;overflow-wrap:anywhere}",
-	".ci-preset-tool-description{color:var(--dsw-alias-label-tertiary,#81858c);line-height:18px;overflow-wrap:anywhere}",
-	".ci-preset-item{list-style:none}",
-	".ci-preset-disclosure{display:block}",
-	".ci-preset-spacer{width:18px;flex:none}",
-	".ci-preset-detail{padding:0 0 10px 24px;color:var(--dsw-alias-label-tertiary,#81858c);line-height:18px;overflow-wrap:anywhere}",
-	".ci-preset-kinds{margin:0}",
-	".ci-preset-kinds .ci-tabs{display:inline-flex}",
-	".ci-preset-kinds .ci-tab{flex:0 0 auto;padding:0 12px}",
-	".ci-source-header:hover .ci-folder-icon{opacity:1 !important}",
-	".ci-reconnect{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.14));background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-secondary,#61666b);border-radius:8px;padding:3px 9px;font-size:12px;line-height:1.4;cursor:pointer;font-family:inherit;flex:none}",
-	".ci-reconnect:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));color:var(--dsw-alias-label-primary,#0f1115)}",
-	".ci-reconnect:disabled{opacity:.7;cursor:default}",
-	".ci-reconnect:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px}",
-	".ci-reconnect-glyph{display:inline-grid;place-items:center;width:12px;height:12px}",
-	".ci-reconnect-busy .ci-reconnect-glyph{animation:ci-reconnect-spin .8s linear infinite}",
-	"@keyframes ci-reconnect-spin{to{transform:rotate(360deg)}}",
-	"@media (prefers-reduced-motion: reduce){.ci-reconnect-busy .ci-reconnect-glyph{animation:none}}",
-	".ci-source-divider{list-style:none}",
-	".ci-feedback-link{display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:18px;text-decoration:none;cursor:pointer}",
-	".ci-feedback-link:hover{color:var(--dsw-alias-label-primary,#0f1115);text-decoration:underline}",
-	".ci-feedback-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px;border-radius:3px}",
-	".ci-feedback-icon{display:inline-grid;place-items:center;flex:none}",
-	".ci-settings-link{border:0;background:none;padding:0;font-family:inherit}",
-	"@media (prefers-reduced-motion: reduce){.ci-thumb,.ci-panel,.ci-collapse,.ci-chevron svg{transition:none !important}}"
-].join("\n");
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useControlled.mjs
-function useControlled({ controlled, default: defaultProp, name, state = "value" }) {
-	const { current: isControlled } = react.useRef(controlled !== void 0);
-	const [valueState, setValue] = react.useState(defaultProp);
-	return [isControlled ? controlled : valueState, react.useCallback((newValue) => {
-		if (!isControlled) setValue(newValue);
-	}, [])];
-}
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useRefWithInit.mjs
-const UNINITIALIZED = {};
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/formatErrorMessage.mjs
 /**
-* A React.useRef() that is initialized with a function. Note that it accepts an optional
-* initialization argument, so the initialization function doesn't need to be an inline closure.
-*
-* @usage
-*   const ref = useRefWithInit(sortColumns, columns)
+* Creates a formatErrorMessage function with a custom URL and prefix.
+* @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
+* @param prefix - The prefix for the error message (e.g., 'Base UI')
+* @returns A function that formats error messages with the given URL and prefix
 */
-function useRefWithInit(init, initArg) {
-	const ref = react.useRef(UNINITIALIZED);
-	if (ref.current === UNINITIALIZED) ref.current = init(initArg);
-	return ref;
+function createFormatErrorMessage(baseUrl, prefix) {
+	return function formatErrorMessage$1(code, ...args) {
+		const url = new URL(baseUrl);
+		url.searchParams.set("code", code.toString());
+		args.forEach((arg) => url.searchParams.append("args[]", arg));
+		return `${prefix} error #${code}; visit ${url} for the full message.`;
+	};
 }
+/**
+* WARNING: Don't import this directly. It's imported by the code generated by
+* `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
+* constructors to ensure the plugin works as expected. Supported patterns include:
+*   throw new Error('My message');
+*   throw new Error(`My message: ${foo}`);
+*   throw new Error(`My message: ${foo}` + 'another string');
+*   ...
+*/
+const formatErrorMessage = createFormatErrorMessage("https://base-ui.com/production-error", "Base UI");
+var formatErrorMessage_default = formatErrorMessage;
 
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useMergedRefs.mjs
@@ -773,68 +554,6 @@ function update(forkRef, refs) {
 	};
 }
 
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useIsoLayoutEffect.mjs
-const noop = () => {};
-const useIsoLayoutEffect = typeof document !== "undefined" ? react.useLayoutEffect : noop;
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/visuallyHidden.mjs
-const visuallyHiddenBase = {
-	clipPath: "inset(50%)",
-	overflow: "hidden",
-	whiteSpace: "nowrap",
-	border: 0,
-	padding: 0,
-	width: 1,
-	height: 1,
-	margin: -1
-};
-const visuallyHidden = {
-	...visuallyHiddenBase,
-	position: "fixed",
-	top: 0,
-	left: 0
-};
-const visuallyHiddenInput = {
-	...visuallyHiddenBase,
-	position: "absolute"
-};
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/empty.mjs
-function NOOP() {}
-const EMPTY_ARRAY = Object.freeze([]);
-const EMPTY_OBJECT = Object.freeze({});
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/formatErrorMessage.mjs
-/**
-* Creates a formatErrorMessage function with a custom URL and prefix.
-* @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')
-* @param prefix - The prefix for the error message (e.g., 'Base UI')
-* @returns A function that formats error messages with the given URL and prefix
-*/
-function createFormatErrorMessage(baseUrl, prefix) {
-	return function formatErrorMessage$1(code, ...args) {
-		const url = new URL(baseUrl);
-		url.searchParams.set("code", code.toString());
-		args.forEach((arg) => url.searchParams.append("args[]", arg));
-		return `${prefix} error #${code}; visit ${url} for the full message.`;
-	};
-}
-/**
-* WARNING: Don't import this directly. It's imported by the code generated by
-* `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`
-* constructors to ensure the plugin works as expected. Supported patterns include:
-*   throw new Error('My message');
-*   throw new Error(`My message: ${foo}`);
-*   throw new Error(`My message: ${foo}` + 'another string');
-*   ...
-*/
-const formatErrorMessage = createFormatErrorMessage("https://base-ui.com/production-error", "Base UI");
-var formatErrorMessage_default = formatErrorMessage;
-
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/reactVersion.mjs
 const majorVersion = parseInt(react.version, 10);
@@ -865,6 +584,12 @@ function mergeObjects(a, b) {
 	};
 }
 
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/empty.mjs
+function NOOP() {}
+const EMPTY_ARRAY = Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/getStateAttributesProps.mjs
 function getStateAttributesProps(state, customMapping) {
@@ -1132,16 +857,14 @@ function renderTag(Tag, props) {
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/safeReact.mjs
-/**
-* A clone of the React namespace for reading APIs that may be missing in older
-* supported React versions. Bundlers can rewrite direct `React.someNewApi`
-* reads into named imports, which breaks React 17. Reading from this cloned
-* object keeps those lookups optional.
-*
-* @see https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379
-*/
-const SafeReact = { ...react };
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useControlled.mjs
+function useControlled({ controlled, default: defaultProp, name, state = "value" }) {
+	const { current: isControlled } = react.useRef(controlled !== void 0);
+	const [valueState, setValue] = react.useState(defaultProp);
+	return [isControlled ? controlled : valueState, react.useCallback((newValue) => {
+		if (!isControlled) setValue(newValue);
+	}, [])];
+}
 
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useId.mjs
@@ -1184,1686 +907,2185 @@ function useBaseUiId(idOverride) {
 }
 
 //#endregion
-//#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
-function hasWindow() {
-	return typeof window !== "undefined";
-}
-function getNodeName(node) {
-	if (isNode(node)) return (node.nodeName || "").toLowerCase();
-	return "#document";
-}
-function getWindow(node) {
-	var _node$ownerDocument;
-	return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
-}
-function getDocumentElement(node) {
-	var _ref;
-	return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
-}
-function isNode(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Node || value instanceof getWindow(value).Node;
-}
-function isElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof Element || value instanceof getWindow(value).Element;
-}
-function isHTMLElement(value) {
-	if (!hasWindow()) return false;
-	return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
-}
-function isShadowRoot(value) {
-	if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
-	return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
-}
-function isOverflowElement(element) {
-	const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
-	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
-}
-function isTableElement(element) {
-	return /^(table|td|th)$/.test(getNodeName(element));
-}
-function isTopLayer(element) {
-	try {
-		if (element.matches(":popover-open")) return true;
-	} catch (_e) {}
-	try {
-		return element.matches(":modal");
-	} catch (_e) {
-		return false;
-	}
-}
-const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
-const containRe = /paint|layout|strict|content/;
-const isNotNone = (value) => !!value && value !== "none";
-let isWebKitValue;
-function isContainingBlock(elementOrCss) {
-	const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-	return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
-}
-function getContainingBlock(element) {
-	let currentNode = getParentNode(element);
-	while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
-		if (isContainingBlock(currentNode)) return currentNode;
-		else if (isTopLayer(currentNode)) return null;
-		currentNode = getParentNode(currentNode);
-	}
-	return null;
-}
-function isWebKit() {
-	if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
-	return isWebKitValue;
-}
-function isLastTraversableNode(node) {
-	return /^(html|body|#document)$/.test(getNodeName(node));
-}
-function getComputedStyle$1(element) {
-	return getWindow(element).getComputedStyle(element);
-}
-function getNodeScroll(element) {
-	if (isElement(element)) return {
-		scrollLeft: element.scrollLeft,
-		scrollTop: element.scrollTop
-	};
-	return {
-		scrollLeft: element.scrollX,
-		scrollTop: element.scrollY
-	};
-}
-function getParentNode(node) {
-	if (getNodeName(node) === "html") return node;
-	const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
-	return isShadowRoot(result) ? result.host : result;
-}
-function getNearestOverflowAncestor(node) {
-	const parentNode = getParentNode(node);
-	if (isLastTraversableNode(parentNode)) return (node.ownerDocument || node).body;
-	if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
-	return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list, traverseIframes) {
-	var _node$ownerDocument2;
-	if (list === void 0) list = [];
-	if (traverseIframes === void 0) traverseIframes = true;
-	const scrollableAncestor = getNearestOverflowAncestor(node);
-	const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
-	const win = getWindow(scrollableAncestor);
-	if (isBody) {
-		const frameElement = getFrameElement(win);
-		return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
-	} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
-}
-function getFrameElement(win) {
-	return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/reason-parts.mjs
+const none = "none";
+const triggerPress = "trigger-press";
+const triggerHover = "trigger-hover";
+const outsidePress = "outside-press";
+const closePress = "close-press";
+const focusOut = "focus-out";
+const escapeKey = "escape-key";
+const disabled = "disabled";
+const missing = "missing";
+const initial = "initial";
+const imperativeAction = "imperative-action";
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs
+/**
+* Maps a change `reason` string to the corresponding native event type.
+*/
+/**
+* Details of custom change events emitted by Base UI components.
+*/
+/**
+* Details of custom generic events emitted by Base UI components.
+*/
+/**
+* Creates a Base UI event details object with the given reason and utilities
+* for preventing Base UI's internal event handling.
+*/
+function createChangeEventDetails(reason, event, trigger, customProperties) {
+	let canceled = false;
+	let allowPropagation = false;
+	const custom = customProperties ?? EMPTY_OBJECT;
+	return {
+		reason,
+		event: event ?? new Event("base-ui"),
+		cancel() {
+			canceled = true;
+		},
+		allowPropagation() {
+			allowPropagation = true;
+		},
+		get isCanceled() {
+			return canceled;
+		},
+		get isPropagationAllowed() {
+			return allowPropagation;
+		},
+		trigger,
+		...custom
+	};
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useStableCallback.mjs
-const useInsertionEffect = SafeReact.useInsertionEffect;
-const useSafeInsertionEffect = useInsertionEffect && useInsertionEffect !== SafeReact.useLayoutEffect ? useInsertionEffect : (fn) => fn();
-/**
-* Stabilizes the function passed so it's always the same between renders.
-*
-* The function becomes non-reactive to any values it captures.
-* It can safely be passed as a dependency of `React.useMemo` and `React.useEffect` without re-triggering them if its captured values change.
-*
-* The function must only be called inside effects and event handlers, never during render (which throws an error).
-*
-* This hook is a more permissive version of React 19.2's `React.useEffectEvent` in that it can be passed through contexts and called in event handler props, not just effects.
-*/
-function useStableCallback(callback) {
-	const stable = useRefWithInit(createStableCallback).current;
-	stable.next = callback;
-	useSafeInsertionEffect(stable.effect);
-	return stable.trampoline;
-}
-function createStableCallback() {
-	const stable = {
-		next: void 0,
-		callback: assertNotCalled,
-		trampoline: (...args) => stable.callback?.(...args),
-		effect: () => {
-			stable.callback = stable.next;
-		}
-	};
-	return stable;
-}
-function assertNotCalled() {}
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useIsoLayoutEffect.mjs
+const noop = () => {};
+const useIsoLayoutEffect = typeof document !== "undefined" ? react.useLayoutEffect : noop;
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs
-const CompositeRootContext = /* @__PURE__ */ react.createContext(void 0);
-function useCompositeRootContext(optional = false) {
-	const context = react.useContext(CompositeRootContext);
-	if (context === void 0 && !optional) throw new Error(formatErrorMessage_default(16));
-	return context;
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useOnMount.mjs
+/**
+* A React.useEffect equivalent that runs once, when the component is mounted.
+*/
+function useOnMount(fn) {
+	react.useEffect(fn, EMPTY_ARRAY);
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs
-function useFocusableWhenDisabled(parameters) {
-	const { focusableWhenDisabled, disabled: disabled$1, composite = false, tabIndex: tabIndexProp = 0, isNativeButton } = parameters;
-	const isFocusableComposite = composite && focusableWhenDisabled !== false;
-	const isNonFocusableComposite = composite && focusableWhenDisabled === false;
-	return { props: react.useMemo(() => {
-		const additionalProps = { onKeyDown(event) {
-			if (disabled$1 && focusableWhenDisabled && event.key !== "Tab") event.preventDefault();
-		} };
-		if (!composite) {
-			additionalProps.tabIndex = tabIndexProp;
-			if (!isNativeButton && disabled$1) additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useAnimationFrame.mjs
+/** Unlike `setTimeout`, rAF doesn't guarantee a positive integer return value, so we can't have
+* a monomorphic `uint` type with `0` meaning empty.
+* See warning note at:
+* https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#return_value */
+const EMPTY$1 = null;
+globalThis.requestAnimationFrame;
+var Scheduler = class {
+	callbacks = [];
+	callbacksCount = 0;
+	nextId = 1;
+	startId = 1;
+	isScheduled = false;
+	tick = (timestamp) => {
+		this.isScheduled = false;
+		const currentCallbacks = this.callbacks;
+		const currentCallbacksCount = this.callbacksCount;
+		this.callbacks = [];
+		this.callbacksCount = 0;
+		this.startId = this.nextId;
+		if (currentCallbacksCount > 0) for (let i = 0; i < currentCallbacks.length; i += 1) currentCallbacks[i]?.(timestamp);
+	};
+	request(fn) {
+		const id = this.nextId;
+		this.nextId += 1;
+		this.callbacks.push(fn);
+		this.callbacksCount += 1;
+		if (!this.isScheduled || false) {
+			requestAnimationFrame(this.tick);
+			this.isScheduled = true;
 		}
-		if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled$1) additionalProps["aria-disabled"] = disabled$1;
-		if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) additionalProps.disabled = disabled$1;
-		return additionalProps;
-	}, [
-		composite,
-		disabled$1,
-		focusableWhenDisabled,
-		isFocusableComposite,
-		isNonFocusableComposite,
-		isNativeButton,
-		tabIndexProp
-	]) };
+		return id;
+	}
+	cancel(id) {
+		const index$1 = id - this.startId;
+		if (index$1 < 0 || index$1 >= this.callbacks.length) return;
+		this.callbacks[index$1] = null;
+		this.callbacksCount -= 1;
+	}
+};
+let scheduler = new Scheduler();
+var AnimationFrame = class AnimationFrame {
+	static create() {
+		return new AnimationFrame();
+	}
+	static request(fn) {
+		return scheduler.request(fn);
+	}
+	static cancel(id) {
+		return scheduler.cancel(id);
+	}
+	currentId = EMPTY$1;
+	/**
+	* Executes `fn` after `delay`, clearing any previously scheduled call.
+	*/
+	request(fn) {
+		this.cancel();
+		this.currentId = scheduler.request(() => {
+			this.currentId = EMPTY$1;
+			fn();
+		});
+	}
+	cancel = () => {
+		if (this.currentId !== EMPTY$1) {
+			scheduler.cancel(this.currentId);
+			this.currentId = EMPTY$1;
+		}
+	};
+	disposeEffect = () => {
+		return this.cancel;
+	};
+};
+/**
+* A `requestAnimationFrame` with automatic cleanup and guard.
+*/
+function useAnimationFrame() {
+	const timeout = useRefWithInit(AnimationFrame.create).current;
+	useOnMount(timeout.disposeEffect);
+	return timeout;
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/owner.mjs
-function ownerDocument(node) {
-	return node?.ownerDocument || document;
-}
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/dispatchClickWithModifiers.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useTransitionStatus.mjs
 /**
-* Dispatches a constructed click on the target so it carries the source event's
-* modifier state, which `click()` always reports as unpressed. Like `click()`,
-* the untrusted click still runs native activation behavior (form submission,
-* link navigation).
-* `detail` defaults to 0 (the native convention for keyboard-generated clicks);
-* pass `detail: 1` when the click represents a mouse gesture so consumers keying
-* off `detail === 0` don't classify it as a keyboard activation.
+* Provides a status string for CSS animations.
+* @param open - a boolean that determines if the element is open.
+* @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
 */
-function dispatchClickWithModifiers(target, sourceEvent, { detail = 0 } = {}) {
-	target.dispatchEvent(new (getWindow(target)).PointerEvent("click", {
-		bubbles: true,
-		cancelable: true,
-		composed: true,
-		detail,
-		shiftKey: sourceEvent.shiftKey,
-		ctrlKey: sourceEvent.ctrlKey,
-		altKey: sourceEvent.altKey,
-		metaKey: sourceEvent.metaKey
-	}));
+function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
+	const [transitionStatus, setTransitionStatus] = react.useState(open && enableIdleState ? "idle" : void 0);
+	const [mounted, setMounted] = react.useState(open);
+	if (open && !mounted) {
+		setMounted(true);
+		setTransitionStatus("starting");
+	}
+	if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) setTransitionStatus("ending");
+	if (!open && !mounted && transitionStatus === "ending") setTransitionStatus(void 0);
+	useIsoLayoutEffect(() => {
+		if (!open && mounted && transitionStatus !== "ending" && deferEndingState) {
+			const frame = AnimationFrame.request(() => {
+				setTransitionStatus("ending");
+			});
+			return () => {
+				AnimationFrame.cancel(frame);
+			};
+		}
+	}, [
+		open,
+		mounted,
+		transitionStatus,
+		deferEndingState
+	]);
+	useIsoLayoutEffect(() => {
+		if (!open || enableIdleState) return;
+		const frame = AnimationFrame.request(() => {
+			setTransitionStatus(void 0);
+		});
+		return () => {
+			AnimationFrame.cancel(frame);
+		};
+	}, [enableIdleState, open]);
+	useIsoLayoutEffect(() => {
+		if (!open || !enableIdleState) return;
+		if (open && mounted && transitionStatus !== "idle") setTransitionStatus("starting");
+		const frame = AnimationFrame.request(() => {
+			setTransitionStatus("idle");
+		});
+		return () => {
+			AnimationFrame.cancel(frame);
+		};
+	}, [
+		enableIdleState,
+		open,
+		mounted,
+		transitionStatus
+	]);
+	return {
+		mounted,
+		setMounted,
+		transitionStatus
+	};
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/use-button/useButton.mjs
-function useButton(parameters = {}) {
-	const { disabled: disabled$1 = false, focusableWhenDisabled, tabIndex = 0, native: isNativeButton = true, composite: compositeProp } = parameters;
-	const elementRef = react.useRef(null);
-	const compositeRootContext = useCompositeRootContext(true);
-	const isCompositeItem = compositeProp ?? compositeRootContext !== void 0;
-	const { props: focusableWhenDisabledProps } = useFocusableWhenDisabled({
-		focusableWhenDisabled,
-		disabled: disabled$1,
-		composite: isCompositeItem,
-		tabIndex,
-		isNativeButton
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/useCollapsibleRoot.mjs
+function useCollapsibleRoot(parameters) {
+	const { open: openParam, defaultOpen, onOpenChange, disabled: disabled$1 } = parameters;
+	const [open, setOpen] = useControlled({
+		controlled: openParam,
+		default: defaultOpen,
+		name: "Collapsible",
+		state: "open"
 	});
-	const updateDisabled = react.useCallback(() => {
-		const element = elementRef.current;
-		if (!isButtonElement(element)) return;
-		if (isCompositeItem && disabled$1 && focusableWhenDisabledProps.disabled === void 0 && element.disabled) element.disabled = false;
-	}, [
+	const { mounted, setMounted, transitionStatus } = useTransitionStatus(open, true, true);
+	const defaultPanelId = useBaseUiId();
+	const [registeredPanelId, setPanelIdState] = react.useState();
+	const panelId = registeredPanelId === null ? void 0 : registeredPanelId ?? defaultPanelId;
+	const handleTrigger = useStableCallback((event) => {
+		const nextOpen = !open;
+		const eventDetails = createChangeEventDetails(triggerPress, event.nativeEvent);
+		onOpenChange(nextOpen, eventDetails);
+		if (eventDetails.isCanceled) return;
+		setOpen(nextOpen);
+	});
+	return react.useMemo(() => ({
+		defaultPanelId,
+		disabled: disabled$1,
+		handleTrigger,
+		mounted,
+		open,
+		panelId,
+		setMounted,
+		setOpen,
+		setPanelIdState,
+		transitionStatus
+	}), [
+		defaultPanelId,
 		disabled$1,
-		focusableWhenDisabledProps.disabled,
-		isCompositeItem
+		handleTrigger,
+		mounted,
+		open,
+		panelId,
+		setMounted,
+		setOpen,
+		setPanelIdState,
+		transitionStatus
 	]);
-	useIsoLayoutEffect(updateDisabled, [updateDisabled]);
-	return {
-		getButtonProps: react.useCallback((externalProps = {}) => {
-			const { onClick: externalOnClick, onMouseDown: externalOnMouseDown, onKeyUp: externalOnKeyUp, onKeyDown: externalOnKeyDown, onPointerDown: externalOnPointerDown,...otherExternalProps } = externalProps;
-			return mergeProps({
-				onClick(event) {
-					if (disabled$1) {
-						event.preventDefault();
-						return;
-					}
-					externalOnClick?.(event);
-				},
-				onMouseDown(event) {
-					if (!disabled$1) externalOnMouseDown?.(event);
-				},
-				onKeyDown(event) {
-					if (disabled$1) return;
-					makeEventPreventable(event);
-					externalOnKeyDown?.(event);
-					if (event.baseUIHandlerPrevented) return;
-					const isCurrentTarget = event.target === event.currentTarget;
-					const currentTarget = event.currentTarget;
-					const isButton = isButtonElement(currentTarget);
-					const isLink = !isNativeButton && isValidLinkElement(currentTarget);
-					const shouldClick = isCurrentTarget && (isNativeButton ? isButton : !isLink);
-					const isEnterKey = event.key === "Enter";
-					const isSpaceKey = event.key === " ";
-					const role = currentTarget.getAttribute("role");
-					const isTextNavigationRole = role?.startsWith("menuitem") || role === "option" || role === "gridcell";
-					if (isCurrentTarget && isCompositeItem && isSpaceKey) {
-						if (event.defaultPrevented && isTextNavigationRole) return;
-						event.preventDefault();
-						if (!isNativeButton || isButton) {
-							event.preventBaseUIHandler();
-							dispatchClickWithModifiers(currentTarget, event);
-						}
-						return;
-					}
-					if (!shouldClick || isNativeButton || !isSpaceKey && !isEnterKey) {
-						if (isCurrentTarget && isLink && isSpaceKey) event.preventDefault();
-						return;
-					}
-					if (event.defaultPrevented) return;
-					event.preventDefault();
-					if (isEnterKey) {
-						event.preventBaseUIHandler();
-						dispatchClickWithModifiers(currentTarget, event);
-					}
-				},
-				onKeyUp(event) {
-					if (disabled$1) return;
-					makeEventPreventable(event);
-					externalOnKeyUp?.(event);
-					if (event.target === event.currentTarget && isNativeButton && isCompositeItem && isButtonElement(event.currentTarget) && event.key === " ") {
-						event.preventDefault();
-						return;
-					}
-					if (event.baseUIHandlerPrevented) return;
-					if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && !event.defaultPrevented && event.key === " ") {
-						event.preventBaseUIHandler();
-						dispatchClickWithModifiers(event.currentTarget, event);
-					}
-				},
-				onPointerDown(event) {
-					if (disabled$1) {
-						event.preventDefault();
-						return;
-					}
-					externalOnPointerDown?.(event);
-				}
-			}, isNativeButton ? { type: "button" } : { role: "button" }, focusableWhenDisabledProps, otherExternalProps);
-		}, [
-			disabled$1,
-			focusableWhenDisabledProps,
-			isCompositeItem,
-			isNativeButton
-		]),
-		buttonRef: useStableCallback((element) => {
-			elementRef.current = element;
-			updateDisabled();
-		})
-	};
-}
-function isButtonElement(elem) {
-	return isHTMLElement(elem) && elem.tagName === "BUTTON";
-}
-function isValidLinkElement(elem) {
-	return isHTMLElement(elem) && elem.tagName === "A" && Boolean(elem.href);
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs
-const SwitchRootContext = /* @__PURE__ */ react.createContext(void 0);
-function useSwitchRootContext() {
-	const context = react.useContext(SwitchRootContext);
-	if (context === void 0) throw new Error(formatErrorMessage_default(63));
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/CollapsibleRootContext.mjs
+const CollapsibleRootContext = /* @__PURE__ */ react.createContext(void 0);
+function useCollapsibleRootContext() {
+	const context = react.useContext(CollapsibleRootContext);
+	if (context === void 0) throw new Error(formatErrorMessage_default(15));
 	return context;
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-constants/constants.mjs
-const DEFAULT_VALIDITY_STATE = {
-	badInput: false,
-	customError: false,
-	patternMismatch: false,
-	rangeOverflow: false,
-	rangeUnderflow: false,
-	stepMismatch: false,
-	tooLong: false,
-	tooShort: false,
-	typeMismatch: false,
-	valid: null,
-	valueMissing: false
-};
-const DEFAULT_FIELD_STATE_ATTRIBUTES = {
-	valid: null,
-	touched: false,
-	dirty: false,
-	filled: false,
-	focused: false
-};
-const DEFAULT_FIELD_ROOT_STATE = {
-	disabled: false,
-	...DEFAULT_FIELD_STATE_ATTRIBUTES
-};
-const fieldValidityMapping = { valid(value) {
-	if (value === null) return null;
-	if (value) return { "data-valid": "" };
-	return { "data-invalid": "" };
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/stateAttributesMapping.mjs
+let TransitionStatusDataAttributes = /* @__PURE__ */ function(TransitionStatusDataAttributes$1) {
+	/**
+	* Present when the component begins animating in.
+	*/
+	TransitionStatusDataAttributes$1["startingStyle"] = "data-starting-style";
+	/**
+	* Present when the component is animating out.
+	*/
+	TransitionStatusDataAttributes$1["endingStyle"] = "data-ending-style";
+	return TransitionStatusDataAttributes$1;
+}({});
+const STARTING_HOOK = { "data-starting-style": "" };
+const ENDING_HOOK = { "data-ending-style": "" };
+const transitionStatusMapping = { transitionStatus(value) {
+	if (value === "starting") return STARTING_HOOK;
+	if (value === "ending") return ENDING_HOOK;
+	return null;
 } };
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/stateAttributesMapping.mjs
-const stateAttributesMapping$2 = {
-	...fieldValidityMapping,
-	checked(value) {
-		if (value) return { "data-checked": "" };
-		return { "data-unchecked": "" };
-	}
-};
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanelDataAttributes.mjs
+let CollapsiblePanelDataAttributes = function(CollapsiblePanelDataAttributes$1) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsiblePanelDataAttributes$1["open"] = "data-open";
+	/**
+	* Present when the collapsible panel is closed.
+	*/
+	CollapsiblePanelDataAttributes$1["closed"] = "data-closed";
+	/**
+	* Present when the panel begins animating in.
+	*/
+	CollapsiblePanelDataAttributes$1[CollapsiblePanelDataAttributes$1["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
+	/**
+	* Present when the panel is animating out.
+	*/
+	CollapsiblePanelDataAttributes$1[CollapsiblePanelDataAttributes$1["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
+	return CollapsiblePanelDataAttributes$1;
+}({});
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-root-context/FieldRootContext.mjs
-const DEFAULT_FIELD_ROOT_CONTEXT = {
-	invalid: void 0,
-	name: void 0,
-	validityData: {
-		state: DEFAULT_VALIDITY_STATE,
-		errors: [],
-		error: "",
-		value: "",
-		initialValue: null
-	},
-	setValidityData: NOOP,
-	disabled: void 0,
-	setTouched: NOOP,
-	setDirty: NOOP,
-	setFilled: NOOP,
-	setFocused: NOOP,
-	validationMode: "onSubmit",
-	shouldValidateOnChange: () => false,
-	state: DEFAULT_FIELD_ROOT_STATE,
-	registerFieldControl: NOOP,
-	validation: {
-		getValidationProps: (_disabled, props = EMPTY_OBJECT) => props,
-		inputRef: { current: null },
-		registeredInputs: /* @__PURE__ */ new Map(),
-		registerInput: NOOP,
-		getInputControl: () => null,
-		commit: async () => {},
-		change: NOOP
-	}
-};
-const FieldRootContext = /* @__PURE__ */ react.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
-function useFieldRootContext(optional = true) {
-	const context = react.useContext(FieldRootContext);
-	if (context.setValidityData === NOOP && !optional) throw new Error(formatErrorMessage_default(28));
-	return context;
-}
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/trigger/CollapsibleTriggerDataAttributes.mjs
+let CollapsibleTriggerDataAttributes = /* @__PURE__ */ function(CollapsibleTriggerDataAttributes$1) {
+	/**
+	* Present when the collapsible panel is open.
+	*/
+	CollapsibleTriggerDataAttributes$1["panelOpen"] = "data-panel-open";
+	return CollapsibleTriggerDataAttributes$1;
+}({});
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-register-control/useRegisterFieldControl.mjs
-function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true, name) {
-	const { registerFieldControl } = useFieldRootContext();
-	const sourceRef = useRefWithInit(() => Symbol());
-	useIsoLayoutEffect(() => {
-		const source = sourceRef.current;
-		if (!enabled) {
-			registerFieldControl(source, void 0);
-			return;
-		}
-		registerFieldControl(source, {
-			controlRef,
-			getValue: getFormValueOverride,
-			id,
-			name,
-			value
-		});
-	}, [
-		controlRef,
-		enabled,
-		getFormValueOverride,
-		id,
-		name,
-		registerFieldControl,
-		sourceRef,
-		value
-	]);
-	useIsoLayoutEffect(() => {
-		const source = sourceRef.current;
-		return () => {
-			registerFieldControl(source, void 0);
-		};
-	}, [registerFieldControl, sourceRef]);
-}
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/collapsibleOpenStateMapping.mjs
+const PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: "" };
+const PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: "" };
+const triggerOpenStateMapping$1 = { open(value) {
+	if (value) return { [CollapsibleTriggerDataAttributes.panelOpen]: "" };
+	return null;
+} };
+const collapsibleOpenStateMapping = { open(value) {
+	if (value) return PANEL_OPEN_HOOK;
+	return PANEL_CLOSED_HOOK;
+} };
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/form-context/FormContext.mjs
-const FormContext = /* @__PURE__ */ react.createContext({
-	elementRef: { current: null },
-	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
-	errors: {},
-	clearErrors: NOOP,
-	validationMode: "onSubmit",
-	submitAttemptedRef: { current: false }
-});
-function useFormContext() {
-	return react.useContext(FormContext);
-}
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/stateAttributesMapping.mjs
+const collapsibleStateAttributesMapping = {
+	...collapsibleOpenStateMapping,
+	...transitionStatusMapping
+};
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/CollapsibleRoot.mjs
 /**
-* A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
-* with an accessible name (label) and description.
+* Groups all parts of the collapsible.
+* Renders a `<div>` element.
+*
+* Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
 */
-const LabelableContext = /* @__PURE__ */ react.createContext({
-	controlId: void 0,
-	registerControlId: NOOP,
-	labelId: void 0,
-	setLabelId: NOOP,
-	messageIds: [],
-	setMessageIds: NOOP,
-	getDescriptionProps: (externalProps) => externalProps
+const CollapsibleRoot = /* @__PURE__ */ react.forwardRef(function CollapsibleRoot$1(componentProps, forwardedRef) {
+	const { render, className, defaultOpen = false, disabled: disabled$1 = false, onOpenChange: onOpenChangeProp, open, style,...elementProps } = componentProps;
+	const onOpenChange = useStableCallback(onOpenChangeProp);
+	const collapsible = useCollapsibleRoot({
+		open,
+		defaultOpen,
+		onOpenChange,
+		disabled: disabled$1
+	});
+	const state = react.useMemo(() => ({
+		open: collapsible.open,
+		disabled: collapsible.disabled,
+		transitionStatus: collapsible.transitionStatus
+	}), [
+		collapsible.open,
+		collapsible.disabled,
+		collapsible.transitionStatus
+	]);
+	const contextValue = react.useMemo(() => ({
+		...collapsible,
+		onOpenChange,
+		state
+	}), [
+		collapsible,
+		onOpenChange,
+		state
+	]);
+	const element = useRenderElement("div", componentProps, {
+		state,
+		ref: forwardedRef,
+		props: elementProps,
+		stateAttributesMapping: collapsibleStateAttributesMapping
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleRootContext.Provider, {
+		value: contextValue,
+		children: element
+	});
 });
-function useLabelableContext() {
-	return react.useContext(LabelableContext);
-}
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/useAriaLabelledBy.mjs
-function useAriaLabelledBy(explicitAriaLabelledBy, labelId, labelSourceRef, enableFallback = true, labelSourceId) {
-	const [fallbackAriaLabelledBy, setFallbackAriaLabelledBy] = react.useState();
-	const generatedLabelId = useBaseUiId(labelSourceId ? `${labelSourceId}-label` : void 0);
-	const ariaLabelledBy = explicitAriaLabelledBy ?? labelId ?? fallbackAriaLabelledBy;
-	useIsoLayoutEffect(() => {
-		const nextAriaLabelledBy = explicitAriaLabelledBy || labelId || !enableFallback ? void 0 : getAriaLabelledBy(labelSourceRef.current, generatedLabelId);
-		if (fallbackAriaLabelledBy !== nextAriaLabelledBy) setFallbackAriaLabelledBy(nextAriaLabelledBy);
-	});
-	return ariaLabelledBy;
+//#region node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function hasWindow() {
+	return typeof window !== "undefined";
 }
-function getAriaLabelledBy(labelSource, generatedLabelId) {
-	const label = findAssociatedLabel(labelSource);
-	if (!label) return;
-	if (!label.id && generatedLabelId) label.id = generatedLabelId;
-	return label.id || void 0;
+function getNodeName(node) {
+	if (isNode(node)) return (node.nodeName || "").toLowerCase();
+	return "#document";
 }
-function findAssociatedLabel(labelSource) {
-	if (!labelSource) return;
-	const parent = labelSource.parentElement;
-	if (parent && parent.tagName === "LABEL") return parent;
-	const controlId = labelSource.id;
-	if (controlId) {
-		const nextSibling = labelSource.nextElementSibling;
-		if (nextSibling && nextSibling.htmlFor === controlId) return nextSibling;
-	}
-	const labels = labelSource.labels;
-	return labels && labels[0];
+function getWindow(node) {
+	var _node$ownerDocument;
+	return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
-
+function getDocumentElement(node) {
+	var _ref;
+	return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+	if (!hasWindow()) return false;
+	return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function isElement(value) {
+	if (!hasWindow()) return false;
+	return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+	if (!hasWindow()) return false;
+	return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+	if (!hasWindow() || typeof ShadowRoot === "undefined") return false;
+	return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+function isOverflowElement(element) {
+	const { overflow, overflowX, overflowY, display } = getComputedStyle$1(element);
+	return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && display !== "inline" && display !== "contents";
+}
+function isTableElement(element) {
+	return /^(table|td|th)$/.test(getNodeName(element));
+}
+function isTopLayer(element) {
+	try {
+		if (element.matches(":popover-open")) return true;
+	} catch (_e) {}
+	try {
+		return element.matches(":modal");
+	} catch (_e) {
+		return false;
+	}
+}
+const willChangeRe = /transform|translate|scale|rotate|perspective|filter/;
+const containRe = /paint|layout|strict|content/;
+const isNotNone = (value) => !!value && value !== "none";
+let isWebKitValue;
+function isContainingBlock(elementOrCss) {
+	const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
+	return isNotNone(css.transform) || isNotNone(css.translate) || isNotNone(css.scale) || isNotNone(css.rotate) || isNotNone(css.perspective) || !isWebKit() && (isNotNone(css.backdropFilter) || isNotNone(css.filter)) || willChangeRe.test(css.willChange || "") || containRe.test(css.contain || "");
+}
+function getContainingBlock(element) {
+	let currentNode = getParentNode(element);
+	while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+		if (isContainingBlock(currentNode)) return currentNode;
+		else if (isTopLayer(currentNode)) return null;
+		currentNode = getParentNode(currentNode);
+	}
+	return null;
+}
+function isWebKit() {
+	if (isWebKitValue == null) isWebKitValue = typeof CSS !== "undefined" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none");
+	return isWebKitValue;
+}
+function isLastTraversableNode(node) {
+	return /^(html|body|#document)$/.test(getNodeName(node));
+}
+function getComputedStyle$1(element) {
+	return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+	if (isElement(element)) return {
+		scrollLeft: element.scrollLeft,
+		scrollTop: element.scrollTop
+	};
+	return {
+		scrollLeft: element.scrollX,
+		scrollTop: element.scrollY
+	};
+}
+function getParentNode(node) {
+	if (getNodeName(node) === "html") return node;
+	const result = node.assignedSlot || node.parentNode || isShadowRoot(node) && node.host || getDocumentElement(node);
+	return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+	const parentNode = getParentNode(node);
+	if (isLastTraversableNode(parentNode)) return (node.ownerDocument || node).body;
+	if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) return parentNode;
+	return getNearestOverflowAncestor(parentNode);
+}
+function getOverflowAncestors(node, list, traverseIframes) {
+	var _node$ownerDocument2;
+	if (list === void 0) list = [];
+	if (traverseIframes === void 0) traverseIframes = true;
+	const scrollableAncestor = getNearestOverflowAncestor(node);
+	const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+	const win = getWindow(scrollableAncestor);
+	if (isBody) {
+		const frameElement = getFrameElement(win);
+		return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+	} else return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+}
+function getFrameElement(win) {
+	return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
+
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
-function useLabelableId(params = {}) {
-	const { id, implicit = false, controlRef } = params;
-	const { controlId, registerControlId } = useLabelableContext();
-	const defaultId = useBaseUiId(id);
-	const controlIdForEffect = implicit ? controlId : void 0;
-	const controlSourceRef = useRefWithInit(() => Symbol());
-	const hasRegisteredRef = react.useRef(false);
-	const hadExplicitIdRef = react.useRef(id != null);
-	const unregisterControlId = useStableCallback(() => {
-		if (!hasRegisteredRef.current || registerControlId === NOOP) return;
-		hasRegisteredRef.current = false;
-		registerControlId(controlSourceRef.current, void 0);
-	});
-	useIsoLayoutEffect(() => {
-		if (registerControlId === NOOP) return;
-		let nextId;
-		if (implicit) {
-			const elem = controlRef?.current;
-			if (isElement(elem) && elem.closest("label") != null) nextId = id ?? null;
-			else nextId = controlIdForEffect ?? defaultId;
-		} else if (id != null) {
-			hadExplicitIdRef.current = true;
-			nextId = id;
-		} else if (hadExplicitIdRef.current) nextId = defaultId;
-		else {
-			unregisterControlId();
-			return;
-		}
-		if (nextId === void 0) {
-			unregisterControlId();
-			return;
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/composite/root/CompositeRootContext.mjs
+const CompositeRootContext = /* @__PURE__ */ react.createContext(void 0);
+function useCompositeRootContext(optional = false) {
+	const context = react.useContext(CompositeRootContext);
+	if (context === void 0 && !optional) throw new Error(formatErrorMessage_default(16));
+	return context;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/useFocusableWhenDisabled.mjs
+function useFocusableWhenDisabled(parameters) {
+	const { focusableWhenDisabled, disabled: disabled$1, composite = false, tabIndex: tabIndexProp = 0, isNativeButton } = parameters;
+	const isFocusableComposite = composite && focusableWhenDisabled !== false;
+	const isNonFocusableComposite = composite && focusableWhenDisabled === false;
+	return { props: react.useMemo(() => {
+		const additionalProps = { onKeyDown(event) {
+			if (disabled$1 && focusableWhenDisabled && event.key !== "Tab") event.preventDefault();
+		} };
+		if (!composite) {
+			additionalProps.tabIndex = tabIndexProp;
+			if (!isNativeButton && disabled$1) additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
 		}
-		hasRegisteredRef.current = true;
-		registerControlId(controlSourceRef.current, nextId);
+		if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled$1) additionalProps["aria-disabled"] = disabled$1;
+		if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) additionalProps.disabled = disabled$1;
+		return additionalProps;
 	}, [
-		id,
-		controlRef,
-		controlIdForEffect,
-		registerControlId,
-		implicit,
-		defaultId,
-		controlSourceRef,
-		unregisterControlId
-	]);
-	react.useEffect(() => {
-		return unregisterControlId;
-	}, [unregisterControlId]);
-	return controlId ?? defaultId;
+		composite,
+		disabled$1,
+		focusableWhenDisabled,
+		isFocusableComposite,
+		isNonFocusableComposite,
+		isNativeButton,
+		tabIndexProp
+	]) };
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/reason-parts.mjs
-const none = "none";
-const triggerPress = "trigger-press";
-const triggerHover = "trigger-hover";
-const outsidePress = "outside-press";
-const closePress = "close-press";
-const focusOut = "focus-out";
-const escapeKey = "escape-key";
-const disabled = "disabled";
-const missing = "missing";
-const initial = "initial";
-const imperativeAction = "imperative-action";
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/owner.mjs
+function ownerDocument(node) {
+	return node?.ownerDocument || document;
+}
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/createBaseUIEventDetails.mjs
-/**
-* Maps a change `reason` string to the corresponding native event type.
-*/
-/**
-* Details of custom change events emitted by Base UI components.
-*/
-/**
-* Details of custom generic events emitted by Base UI components.
-*/
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/dispatchClickWithModifiers.mjs
 /**
-* Creates a Base UI event details object with the given reason and utilities
-* for preventing Base UI's internal event handling.
+* Dispatches a constructed click on the target so it carries the source event's
+* modifier state, which `click()` always reports as unpressed. Like `click()`,
+* the untrusted click still runs native activation behavior (form submission,
+* link navigation).
+* `detail` defaults to 0 (the native convention for keyboard-generated clicks);
+* pass `detail: 1` when the click represents a mouse gesture so consumers keying
+* off `detail === 0` don't classify it as a keyboard activation.
 */
-function createChangeEventDetails(reason, event, trigger, customProperties) {
-	let canceled = false;
-	let allowPropagation = false;
-	const custom = customProperties ?? EMPTY_OBJECT;
-	return {
-		reason,
-		event: event ?? new Event("base-ui"),
-		cancel() {
-			canceled = true;
-		},
-		allowPropagation() {
-			allowPropagation = true;
-		},
-		get isCanceled() {
-			return canceled;
-		},
-		get isPropagationAllowed() {
-			return allowPropagation;
-		},
-		trigger,
-		...custom
-	};
+function dispatchClickWithModifiers(target, sourceEvent, { detail = 0 } = {}) {
+	target.dispatchEvent(new (getWindow(target)).PointerEvent("click", {
+		bubbles: true,
+		cancelable: true,
+		composed: true,
+		detail,
+		shiftKey: sourceEvent.shiftKey,
+		ctrlKey: sourceEvent.ctrlKey,
+		altKey: sourceEvent.altKey,
+		metaKey: sourceEvent.metaKey
+	}));
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useValueChanged.mjs
-function useValueChanged(value, onChange) {
-	const valueRef = react.useRef(value);
-	const onChangeCallback = useStableCallback(onChange);
-	useIsoLayoutEffect(() => {
-		if (valueRef.current !== value) onChangeCallback(valueRef.current);
-		valueRef.current = value;
-	}, [value, onChangeCallback]);
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/use-button/useButton.mjs
+function useButton(parameters = {}) {
+	const { disabled: disabled$1 = false, focusableWhenDisabled, tabIndex = 0, native: isNativeButton = true, composite: compositeProp } = parameters;
+	const elementRef = react.useRef(null);
+	const compositeRootContext = useCompositeRootContext(true);
+	const isCompositeItem = compositeProp ?? compositeRootContext !== void 0;
+	const { props: focusableWhenDisabledProps } = useFocusableWhenDisabled({
+		focusableWhenDisabled,
+		disabled: disabled$1,
+		composite: isCompositeItem,
+		tabIndex,
+		isNativeButton
+	});
+	const updateDisabled = react.useCallback(() => {
+		const element = elementRef.current;
+		if (!isButtonElement(element)) return;
+		if (isCompositeItem && disabled$1 && focusableWhenDisabledProps.disabled === void 0 && element.disabled) element.disabled = false;
+	}, [
+		disabled$1,
+		focusableWhenDisabledProps.disabled,
+		isCompositeItem
+	]);
+	useIsoLayoutEffect(updateDisabled, [updateDisabled]);
+	return {
+		getButtonProps: react.useCallback((externalProps = {}) => {
+			const { onClick: externalOnClick, onMouseDown: externalOnMouseDown, onKeyUp: externalOnKeyUp, onKeyDown: externalOnKeyDown, onPointerDown: externalOnPointerDown,...otherExternalProps } = externalProps;
+			return mergeProps({
+				onClick(event) {
+					if (disabled$1) {
+						event.preventDefault();
+						return;
+					}
+					externalOnClick?.(event);
+				},
+				onMouseDown(event) {
+					if (!disabled$1) externalOnMouseDown?.(event);
+				},
+				onKeyDown(event) {
+					if (disabled$1) return;
+					makeEventPreventable(event);
+					externalOnKeyDown?.(event);
+					if (event.baseUIHandlerPrevented) return;
+					const isCurrentTarget = event.target === event.currentTarget;
+					const currentTarget = event.currentTarget;
+					const isButton = isButtonElement(currentTarget);
+					const isLink = !isNativeButton && isValidLinkElement(currentTarget);
+					const shouldClick = isCurrentTarget && (isNativeButton ? isButton : !isLink);
+					const isEnterKey = event.key === "Enter";
+					const isSpaceKey = event.key === " ";
+					const role = currentTarget.getAttribute("role");
+					const isTextNavigationRole = role?.startsWith("menuitem") || role === "option" || role === "gridcell";
+					if (isCurrentTarget && isCompositeItem && isSpaceKey) {
+						if (event.defaultPrevented && isTextNavigationRole) return;
+						event.preventDefault();
+						if (!isNativeButton || isButton) {
+							event.preventBaseUIHandler();
+							dispatchClickWithModifiers(currentTarget, event);
+						}
+						return;
+					}
+					if (!shouldClick || isNativeButton || !isSpaceKey && !isEnterKey) {
+						if (isCurrentTarget && isLink && isSpaceKey) event.preventDefault();
+						return;
+					}
+					if (event.defaultPrevented) return;
+					event.preventDefault();
+					if (isEnterKey) {
+						event.preventBaseUIHandler();
+						dispatchClickWithModifiers(currentTarget, event);
+					}
+				},
+				onKeyUp(event) {
+					if (disabled$1) return;
+					makeEventPreventable(event);
+					externalOnKeyUp?.(event);
+					if (event.target === event.currentTarget && isNativeButton && isCompositeItem && isButtonElement(event.currentTarget) && event.key === " ") {
+						event.preventDefault();
+						return;
+					}
+					if (event.baseUIHandlerPrevented) return;
+					if (event.target === event.currentTarget && !isNativeButton && !isCompositeItem && !event.defaultPrevented && event.key === " ") {
+						event.preventBaseUIHandler();
+						dispatchClickWithModifiers(event.currentTarget, event);
+					}
+				},
+				onPointerDown(event) {
+					if (disabled$1) {
+						event.preventDefault();
+						return;
+					}
+					externalOnPointerDown?.(event);
+				}
+			}, isNativeButton ? { type: "button" } : { role: "button" }, focusableWhenDisabledProps, otherExternalProps);
+		}, [
+			disabled$1,
+			focusableWhenDisabledProps,
+			isCompositeItem,
+			isNativeButton
+		]),
+		buttonRef: useStableCallback((element) => {
+			elementRef.current = element;
+			updateDisabled();
+		})
+	};
+}
+function isButtonElement(elem) {
+	return isHTMLElement(elem) && elem.tagName === "BUTTON";
+}
+function isValidLinkElement(elem) {
+	return isHTMLElement(elem) && elem.tagName === "A" && Boolean(elem.href);
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
-const SwitchRoot = /* @__PURE__ */ react.forwardRef(function SwitchRoot$1(componentProps, forwardedRef) {
-	const { checked: checkedProp, className, defaultChecked, "aria-labelledby": ariaLabelledByProp, form, id: idProp, inputRef: externalInputRef, name: nameProp, nativeButton = false, onCheckedChange, readOnly = false, required = false, disabled: disabledProp = false, render, uncheckedValue, value, style,...elementProps } = componentProps;
-	const { clearErrors } = useFormContext();
-	const { state: fieldState, setTouched, setDirty, validityData, setFilled, setFocused, validationMode, disabled: fieldDisabled, name: fieldName, validation } = useFieldRootContext();
-	const { labelId } = useLabelableContext();
-	const disabled$1 = fieldDisabled || disabledProp;
-	const name = fieldName ?? nameProp;
-	const inputRef = react.useRef(null);
-	const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);
-	const switchRef = react.useRef(null);
-	const id = useBaseUiId();
-	const controlId = useLabelableId({
-		id: idProp,
-		implicit: false,
-		controlRef: switchRef
-	});
-	const hiddenInputId = nativeButton ? void 0 : controlId;
-	const [checked, setCheckedState] = useControlled({
-		controlled: checkedProp,
-		default: Boolean(defaultChecked),
-		name: "Switch",
-		state: "checked"
-	});
-	useRegisterFieldControl(switchRef, id, checked, void 0, !disabled$1, nameProp);
-	useIsoLayoutEffect(() => {
-		if (inputRef.current) setFilled(inputRef.current.checked);
-	}, [setFilled]);
-	useValueChanged(checked, () => {
-		clearErrors(name);
-		setDirty(checked !== validityData.initialValue);
-		setFilled(checked);
-		validation.change(checked);
-	});
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/trigger/CollapsibleTrigger.mjs
+const stateAttributesMapping$2 = {
+	...triggerOpenStateMapping$1,
+	...transitionStatusMapping
+};
+/**
+* A button that opens and closes the collapsible panel.
+* Renders a `<button>` element.
+*
+* Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
+*/
+const CollapsibleTrigger = /* @__PURE__ */ react.forwardRef(function CollapsibleTrigger$1(componentProps, forwardedRef) {
+	const { panelId, open, handleTrigger, state, disabled: contextDisabled } = useCollapsibleRootContext();
+	const { className, disabled: disabled$1 = contextDisabled, render, nativeButton = true, style,...elementProps } = componentProps;
 	const { getButtonProps, buttonRef } = useButton({
 		disabled: disabled$1,
+		focusableWhenDisabled: true,
 		native: nativeButton
 	});
-	const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);
-	const rootProps = {
-		id: nativeButton ? controlId : id,
-		role: "switch",
-		"aria-checked": checked,
-		"aria-readonly": readOnly || void 0,
-		"aria-required": required || void 0,
-		"aria-labelledby": ariaLabelledBy,
-		onFocus() {
-			if (!disabled$1) setFocused(true);
-		},
-		onBlur() {
-			const element$1 = inputRef.current;
-			if (!element$1 || disabled$1) return;
-			setTouched(true);
-			setFocused(false);
-			if (validationMode === "onBlur") validation.commit(element$1.checked);
-		},
-		onClick(event) {
-			if (readOnly || disabled$1) return;
-			event.preventDefault();
-			const input = inputRef.current;
-			if (!input) return;
-			dispatchClickWithModifiers(input, event);
-		}
-	};
-	const inputProps = {
-		...validation.getValidationProps(disabled$1),
-		checked,
-		disabled: disabled$1,
-		form,
-		id: hiddenInputId,
-		name,
-		required,
-		style: name ? visuallyHiddenInput : visuallyHidden,
-		tabIndex: -1,
-		type: "checkbox",
-		"aria-hidden": true,
-		ref: handleInputRef,
-		onChange(event) {
-			if (event.nativeEvent.defaultPrevented) return;
-			if (readOnly) {
-				event.preventDefault();
-				return;
-			}
-			const nextChecked = event.currentTarget.checked;
-			const eventDetails = createChangeEventDetails(none, event.nativeEvent);
-			onCheckedChange?.(nextChecked, eventDetails);
-			if (eventDetails.isCanceled) return;
-			setCheckedState(nextChecked);
-		},
-		onClick(event) {
-			event.stopPropagation();
-		},
-		onFocus() {
-			switchRef.current?.focus();
-		},
-		...value !== void 0 ? { value } : EMPTY_OBJECT
-	};
-	const state = react.useMemo(() => ({
-		...fieldState,
-		checked,
-		disabled: disabled$1,
-		readOnly,
-		required
-	}), [
-		fieldState,
-		checked,
-		disabled$1,
-		readOnly,
-		required
-	]);
-	const element = useRenderElement("span", componentProps, {
+	return useRenderElement("button", componentProps, {
 		state,
-		ref: [
-			forwardedRef,
-			switchRef,
-			buttonRef
-		],
+		ref: [forwardedRef, buttonRef],
 		props: [
-			rootProps,
+			{
+				"aria-controls": open ? panelId : void 0,
+				"aria-expanded": open,
+				onClick: handleTrigger
+			},
 			elementProps,
-			getButtonProps,
-			(props) => validation.getValidationProps(disabled$1, props)
+			getButtonProps
 		],
 		stateAttributesMapping: stateAttributesMapping$2
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SwitchRootContext.Provider, {
-		value: state,
-		children: [
-			element,
-			!checked && name && uncheckedValue !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				type: "hidden",
-				form,
-				name,
-				value: uncheckedValue,
-				disabled: disabled$1
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				...inputProps,
-				suppressHydrationWarning: true
-			})
-		]
-	});
 });
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/thumb/SwitchThumb.mjs
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/addEventListener.mjs
 /**
-* The movable part of the switch that indicates whether the switch is on or off.
-* Renders a `<span>`.
-*
-* Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)
+* Adds an event listener and returns a cleanup function to remove it.
 */
-const SwitchThumb = /* @__PURE__ */ react.forwardRef(function SwitchThumb$1(componentProps, forwardedRef) {
-	const { render, className, style,...elementProps } = componentProps;
-	return useRenderElement("span", componentProps, {
-		state: useSwitchRootContext(),
-		ref: forwardedRef,
-		stateAttributesMapping: stateAttributesMapping$2,
-		props: elementProps
-	});
-});
+function addEventListener(target, type, listener, options) {
+	target.addEventListener(type, listener, options);
+	return () => {
+		target.removeEventListener(type, listener, options);
+	};
+}
 
 //#endregion
-//#region src/client/switch.ts
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useValueAsRef.mjs
 /**
-* The capability switch, in one place for both panels.
+* Untracks the provided value by turning it into a ref to remove its reactivity.
 *
-* dsh 0.1.7 ships a design-system `Switch` (36×20 capsule, brand-primary on
-* state, its own disabled dimming and focus ring) — using it keeps the panel's
-* toggles pixel-identical to every settings page the host ships, which is the
-* alignment this file exists for. Hosts older than that export fall back to
-* the local Base UI rendition below, so one build still serves both
-* generations; the probe runs per call, the same way the icon table resolves.
+* Used to access the passed value inside `React.useEffect` without causing the effect to re-run when the value changes.
 */
-function capabilitySwitch(options) {
-	const inert = options.disabled || options.busy;
-	const HostSwitch = __deepseek_ai_dsh_client_ui_primitives.Switch;
-	if (HostSwitch !== void 0) return react.createElement(HostSwitch, {
-		checked: options.checked,
-		onChange: options.onCheckedChange,
-		label: options.label,
-		disabled: inert
-	});
-	return react.createElement(SwitchRoot, {
-		className: "ci-switch",
-		checked: options.checked,
-		disabled: inert,
-		"aria-label": options.label,
-		onCheckedChange: options.onCheckedChange,
-		style: {
-			position: "relative",
-			width: "32px",
-			height: "18px",
-			padding: 0,
-			border: "none",
-			borderRadius: "999px",
-			background: options.checked ? TOK.switchOn : TOK.switchOff,
-			cursor: inert ? "not-allowed" : "pointer",
-			opacity: options.busy ? .65 : 1,
-			flex: "0 0 auto"
-		}
-	}, react.createElement(SwitchThumb, {
-		className: "ci-thumb",
-		style: {
-			display: "block",
-			width: "14px",
-			height: "14px",
-			margin: "2px",
-			borderRadius: "999px",
-			background: TOK.switchThumb,
-			boxShadow: "0 1px 2px rgba(0,0,0,.22)",
-			transform: options.checked ? "translateX(14px)" : "translateX(0)",
-			transition: `transform .12s ${TOK.switchEase}`
+function useValueAsRef(value) {
+	const latest = useRefWithInit(createLatestRef, value).current;
+	latest.next = value;
+	useIsoLayoutEffect(latest.effect);
+	return latest;
+}
+function createLatestRef(value) {
+	const latest = {
+		current: value,
+		next: value,
+		effect: () => {
+			latest.current = latest.next;
 		}
-	}));
+	};
+	return latest;
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useOnMount.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/resolveRef.mjs
 /**
-* A React.useEffect equivalent that runs once, when the component is mounted.
+* If the provided argument is a ref object, returns its `current` value.
+* Otherwise, returns the argument itself.
 */
-function useOnMount(fn) {
-	react.useEffect(fn, EMPTY_ARRAY);
+function resolveRef(maybeRef) {
+	if (maybeRef == null) return maybeRef;
+	return "current" in maybeRef ? maybeRef.current : maybeRef;
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useAnimationFrame.mjs
-/** Unlike `setTimeout`, rAF doesn't guarantee a positive integer return value, so we can't have
-* a monomorphic `uint` type with `0` meaning empty.
-* See warning note at:
-* https://developer.mozilla.org/en-US/docs/Web/API/Window/requestAnimationFrame#return_value */
-const EMPTY$1 = null;
-globalThis.requestAnimationFrame;
-var Scheduler = class {
-	callbacks = [];
-	callbacksCount = 0;
-	nextId = 1;
-	startId = 1;
-	isScheduled = false;
-	tick = (timestamp) => {
-		this.isScheduled = false;
-		const currentCallbacks = this.callbacks;
-		const currentCallbacksCount = this.callbacksCount;
-		this.callbacks = [];
-		this.callbacksCount = 0;
-		this.startId = this.nextId;
-		if (currentCallbacksCount > 0) for (let i = 0; i < currentCallbacks.length; i += 1) currentCallbacks[i]?.(timestamp);
-	};
-	request(fn) {
-		const id = this.nextId;
-		this.nextId += 1;
-		this.callbacks.push(fn);
-		this.callbacksCount += 1;
-		if (!this.isScheduled || false) {
-			requestAnimationFrame(this.tick);
-			this.isScheduled = true;
-		}
-		return id;
-	}
-	cancel(id) {
-		const index$1 = id - this.startId;
-		if (index$1 < 0 || index$1 >= this.callbacks.length) return;
-		this.callbacks[index$1] = null;
-		this.callbacksCount -= 1;
-	}
-};
-let scheduler = new Scheduler();
-var AnimationFrame = class AnimationFrame {
-	static create() {
-		return new AnimationFrame();
-	}
-	static request(fn) {
-		return scheduler.request(fn);
-	}
-	static cancel(id) {
-		return scheduler.cancel(id);
-	}
-	currentId = EMPTY$1;
-	/**
-	* Executes `fn` after `delay`, clearing any previously scheduled call.
-	*/
-	request(fn) {
-		this.cancel();
-		this.currentId = scheduler.request(() => {
-			this.currentId = EMPTY$1;
-			fn();
-		});
-	}
-	cancel = () => {
-		if (this.currentId !== EMPTY$1) {
-			scheduler.cancel(this.currentId);
-			this.currentId = EMPTY$1;
-		}
-	};
-	disposeEffect = () => {
-		return this.cancel;
-	};
-};
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useAnimationsFinished.mjs
 /**
-* A `requestAnimationFrame` with automatic cleanup and guard.
+* Executes a function once all animations have finished on the provided element.
+* If an animation is canceled, waits for any replacement animations before executing.
+* @param elementOrRef - The element to watch for animations.
+* @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.
+* @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback
 */
-function useAnimationFrame() {
-	const timeout = useRefWithInit(AnimationFrame.create).current;
-	useOnMount(timeout.disposeEffect);
-	return timeout;
+function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false) {
+	const frame = useAnimationFrame();
+	return useStableCallback((fnToExecute, signal = null) => {
+		frame.cancel();
+		const element = resolveRef(elementOrRef);
+		if (element == null) return;
+		const resolvedElement = element;
+		const done = () => {
+			react_dom.flushSync(fnToExecute);
+		};
+		if (typeof resolvedElement.getAnimations !== "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
+			fnToExecute();
+			return;
+		}
+		function exec() {
+			Promise.all(resolvedElement.getAnimations().map((animation) => animation.finished)).then(() => {
+				if (!signal?.aborted) done();
+			}, () => {
+				if (signal?.aborted) return;
+				if (resolvedElement.getAnimations().some((animation) => animation.pending || animation.playState !== "finished")) {
+					exec();
+					return;
+				}
+				done();
+			});
+		}
+		if (waitForStartingStyleRemoved) {
+			const startingStyleAttribute = "data-starting-style";
+			if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
+				frame.request(exec);
+				return;
+			}
+			const attributeObserver = new MutationObserver(() => {
+				if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
+					attributeObserver.disconnect();
+					exec();
+				}
+			});
+			attributeObserver.observe(resolvedElement, {
+				attributes: true,
+				attributeFilter: [startingStyleAttribute]
+			});
+			signal?.addEventListener("abort", () => attributeObserver.disconnect(), { once: true });
+			return;
+		}
+		frame.request(exec);
+	});
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useTransitionStatus.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useOpenChangeComplete.mjs
 /**
-* Provides a status string for CSS animations.
-* @param open - a boolean that determines if the element is open.
-* @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`
+* Calls the provided function when the CSS open/close animation or transition completes.
 */
-function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
-	const [transitionStatus, setTransitionStatus] = react.useState(open && enableIdleState ? "idle" : void 0);
-	const [mounted, setMounted] = react.useState(open);
-	if (open && !mounted) {
-		setMounted(true);
-		setTransitionStatus("starting");
-	}
-	if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) setTransitionStatus("ending");
-	if (!open && !mounted && transitionStatus === "ending") setTransitionStatus(void 0);
-	useIsoLayoutEffect(() => {
-		if (!open && mounted && transitionStatus !== "ending" && deferEndingState) {
-			const frame = AnimationFrame.request(() => {
-				setTransitionStatus("ending");
-			});
-			return () => {
-				AnimationFrame.cancel(frame);
-			};
-		}
-	}, [
-		open,
-		mounted,
-		transitionStatus,
-		deferEndingState
-	]);
-	useIsoLayoutEffect(() => {
-		if (!open || enableIdleState) return;
-		const frame = AnimationFrame.request(() => {
-			setTransitionStatus(void 0);
-		});
-		return () => {
-			AnimationFrame.cancel(frame);
-		};
-	}, [enableIdleState, open]);
-	useIsoLayoutEffect(() => {
-		if (!open || !enableIdleState) return;
-		if (open && mounted && transitionStatus !== "idle") setTransitionStatus("starting");
-		const frame = AnimationFrame.request(() => {
-			setTransitionStatus("idle");
-		});
+function useOpenChangeComplete(parameters) {
+	const { enabled = true, open, ref, onComplete: onCompleteParam } = parameters;
+	const onComplete = useStableCallback(onCompleteParam);
+	const runOnceAnimationsFinish = useAnimationsFinished(ref, open);
+	react.useEffect(() => {
+		if (!enabled) return;
+		const abortController = new AbortController();
+		runOnceAnimationsFinish(onComplete, abortController.signal);
 		return () => {
-			AnimationFrame.cancel(frame);
+			abortController.abort();
 		};
 	}, [
-		enableIdleState,
+		enabled,
 		open,
-		mounted,
-		transitionStatus
+		onComplete,
+		runOnceAnimationsFinish
 	]);
-	return {
-		mounted,
-		setMounted,
-		transitionStatus
-	};
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/useCollapsibleRoot.mjs
-function useCollapsibleRoot(parameters) {
-	const { open: openParam, defaultOpen, onOpenChange, disabled: disabled$1 } = parameters;
-	const [open, setOpen] = useControlled({
-		controlled: openParam,
-		default: defaultOpen,
-		name: "Collapsible",
-		state: "open"
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/useCollapsiblePanel.mjs
+const EMPTY_DIMENSIONS = {
+	height: void 0,
+	width: void 0
+};
+function useCollapsiblePanel(parameters) {
+	const { externalRef, hiddenUntilFound, id: idParam, keepMounted, mounted, onOpenChange, open, setMounted, setOpen, transitionStatus } = parameters;
+	const panelRef = react.useRef(null);
+	const animationTypeRef = react.useRef(null);
+	const [dimensions, setDimensionsUnwrapped] = react.useState(EMPTY_DIMENSIONS);
+	const lastMeasuredDimensionsRef = react.useRef(EMPTY_DIMENSIONS);
+	const shouldSkipNextOpenRef = react.useRef(false);
+	const shouldPreventMountAnimationRef = react.useRef(open);
+	const shouldPreventActivityResumeAnimationRef = react.useRef(false);
+	const [forcePanelIdle, setForcePanelIdle] = react.useState(false);
+	const pendingTemporaryStyleRestoreRef = react.useRef(null);
+	const mergedPanelRef = useMergedRefs(externalRef, panelRef);
+	const latestOpenRef = useValueAsRef(open);
+	const runOnceCloseAnimationsFinish = useAnimationsFinished(panelRef);
+	const hidden = !open && !mounted;
+	const panelTransitionStatus = forcePanelIdle ? "idle" : transitionStatus;
+	const shouldPreventOpenAnimation = open && (shouldPreventMountAnimationRef.current || shouldPreventActivityResumeAnimationRef.current);
+	const renderedDimensions = !open && mounted && animationTypeRef.current === "css-animation" && dimensions.height === void 0 && dimensions.width === void 0 ? lastMeasuredDimensionsRef.current : dimensions;
+	const shouldPersistHiddenTransitionStyles = hiddenUntilFound && hidden && animationTypeRef.current !== "css-animation";
+	const setDimensions = useStableCallback((nextDimensions, shouldCacheMeasurement = true) => {
+		if (shouldCacheMeasurement) lastMeasuredDimensionsRef.current = nextDimensions;
+		setDimensionsUnwrapped(nextDimensions);
 	});
-	const { mounted, setMounted, transitionStatus } = useTransitionStatus(open, true, true);
-	const defaultPanelId = useBaseUiId();
-	const [registeredPanelId, setPanelIdState] = react.useState();
-	const panelId = registeredPanelId === null ? void 0 : registeredPanelId ?? defaultPanelId;
-	const handleTrigger = useStableCallback((event) => {
-		const nextOpen = !open;
-		const eventDetails = createChangeEventDetails(triggerPress, event.nativeEvent);
-		onOpenChange(nextOpen, eventDetails);
-		if (eventDetails.isCanceled) return;
-		setOpen(nextOpen);
+	const restorePendingTemporaryStyle = useStableCallback(() => {
+		pendingTemporaryStyleRestoreRef.current?.();
+		pendingTemporaryStyleRestoreRef.current = null;
 	});
-	return react.useMemo(() => ({
-		defaultPanelId,
-		disabled: disabled$1,
-		handleTrigger,
+	const setPendingTemporaryStyleRestore = useStableCallback((restore) => {
+		restorePendingTemporaryStyle();
+		pendingTemporaryStyleRestoreRef.current = () => {
+			pendingTemporaryStyleRestoreRef.current = null;
+			restore();
+		};
+	});
+	const markActivityResumeAnimationSuppressed = useStableCallback(() => {
+		if (open && mounted && animationTypeRef.current === "css-animation") shouldPreventActivityResumeAnimationRef.current = true;
+	});
+	useIsoLayoutEffect(() => {
+		if (!forcePanelIdle || transitionStatus === "starting") return;
+		setForcePanelIdle(false);
+	}, [forcePanelIdle, transitionStatus]);
+	react.useEffect(() => {
+		return () => {
+			markActivityResumeAnimationSuppressed();
+			restorePendingTemporaryStyle();
+		};
+	}, [markActivityResumeAnimationSuppressed, restorePendingTemporaryStyle]);
+	useIsoLayoutEffect(() => {
+		const panel = panelRef.current;
+		if (!panel) return;
+		if (!open && pendingTemporaryStyleRestoreRef.current) restorePendingTemporaryStyle();
+		const animationType = getAnimationType(panel, shouldPreventOpenAnimation);
+		animationTypeRef.current = animationType;
+		if (open && transitionStatus === "idle" && shouldPreventMountAnimationRef.current && animationType === "css-animation") {
+			lastMeasuredDimensionsRef.current = getDimensions$1(panel);
+			return;
+		}
+		if (open && transitionStatus === "starting") {
+			const skipNextOpen = shouldSkipNextOpenRef.current;
+			shouldSkipNextOpenRef.current = false;
+			if (animationType === "none") {
+				setDimensions(getDimensions$1(panel));
+				setForcePanelIdle(true);
+				return;
+			}
+			if (animationType === "css-transition") {
+				const restoreLayoutStyles = resetLayoutStyles(panel);
+				setDimensions(getDimensions$1(panel));
+				if (!skipNextOpen) return restoreLayoutStyles;
+				setPendingTemporaryStyleRestore(setTemporaryStyle(panel, "transition-duration", "0s"));
+				setForcePanelIdle(true);
+				return restoreLayoutStyles;
+			}
+			setDimensions(getDimensions$1(panel));
+			const restoreAnimationName = setTemporaryStyle(panel, "animation-name", "none");
+			if (!skipNextOpen) {
+				restoreAnimationName();
+				return;
+			}
+			const restoreAnimationDuration = setTemporaryStyle(panel, "animation-duration", "0s");
+			restoreAnimationName();
+			setPendingTemporaryStyleRestore(restoreAnimationDuration);
+			setForcePanelIdle(true);
+			return;
+		}
+		if (!open && mounted && (transitionStatus === "idle" || transitionStatus === "starting")) {
+			shouldPreventMountAnimationRef.current = false;
+			shouldPreventActivityResumeAnimationRef.current = false;
+			if (animationType === "none") {
+				setDimensions(EMPTY_DIMENSIONS, false);
+				setMounted(false);
+				return;
+			}
+			setDimensions(getDimensions$1(panel));
+			return;
+		}
+		if (transitionStatus !== "ending") return;
+		if (animationType === "none") {
+			setMounted(false);
+			return;
+		}
+		const nextDimensions = getDimensions$1(panel);
+		if (!(nextDimensions.height > 0 || nextDimensions.width > 0)) {
+			setMounted(false);
+			return;
+		}
+		setDimensions(nextDimensions);
+		if (animationType === "css-animation") setTemporaryStyle(panel, "animation-name", "none")();
+	}, [
 		mounted,
 		open,
-		panelId,
+		restorePendingTemporaryStyle,
+		setDimensions,
 		setMounted,
-		setOpen,
-		setPanelIdState,
+		setPendingTemporaryStyleRestore,
+		shouldPreventOpenAnimation,
 		transitionStatus
-	}), [
-		defaultPanelId,
-		disabled$1,
-		handleTrigger,
+	]);
+	useOpenChangeComplete({
+		enabled: open && mounted && panelTransitionStatus === "idle",
+		open: true,
+		ref: panelRef,
+		onComplete() {
+			if (!open) return;
+			setDimensions(EMPTY_DIMENSIONS, false);
+		}
+	});
+	react.useEffect(() => {
+		if (open || !mounted || panelTransitionStatus !== "ending") return;
+		if (!panelRef.current) return;
+		const abortController = new AbortController();
+		let endingStyleFrame = -1;
+		function handleComplete() {
+			if (latestOpenRef.current) return;
+			setMounted(false);
+			setDimensions(EMPTY_DIMENSIONS, false);
+		}
+		endingStyleFrame = AnimationFrame.request(() => {
+			runOnceCloseAnimationsFinish(handleComplete, abortController.signal);
+		});
+		return () => {
+			AnimationFrame.cancel(endingStyleFrame);
+			abortController.abort();
+		};
+	}, [
+		latestOpenRef,
 		mounted,
 		open,
-		panelId,
-		setMounted,
-		setOpen,
-		setPanelIdState,
-		transitionStatus
+		panelTransitionStatus,
+		runOnceCloseAnimationsFinish,
+		setDimensions,
+		setMounted
 	]);
-}
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/CollapsibleRootContext.mjs
-const CollapsibleRootContext = /* @__PURE__ */ react.createContext(void 0);
-function useCollapsibleRootContext() {
-	const context = react.useContext(CollapsibleRootContext);
-	if (context === void 0) throw new Error(formatErrorMessage_default(15));
-	return context;
-}
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/stateAttributesMapping.mjs
-let TransitionStatusDataAttributes = /* @__PURE__ */ function(TransitionStatusDataAttributes$1) {
-	/**
-	* Present when the component begins animating in.
-	*/
-	TransitionStatusDataAttributes$1["startingStyle"] = "data-starting-style";
-	/**
-	* Present when the component is animating out.
-	*/
-	TransitionStatusDataAttributes$1["endingStyle"] = "data-ending-style";
-	return TransitionStatusDataAttributes$1;
-}({});
-const STARTING_HOOK = { "data-starting-style": "" };
-const ENDING_HOOK = { "data-ending-style": "" };
-const transitionStatusMapping = { transitionStatus(value) {
-	if (value === "starting") return STARTING_HOOK;
-	if (value === "ending") return ENDING_HOOK;
-	return null;
-} };
+	useIsoLayoutEffect(() => {
+		const panel = panelRef.current;
+		if (!panel || !hiddenUntilFound || !hidden) return;
+		panel.setAttribute("hidden", "until-found");
+	}, [hidden, hiddenUntilFound]);
+	react.useEffect(function registerBeforeMatchListener() {
+		const panel = panelRef.current;
+		if (!panel) return;
+		function handleBeforeMatch(event) {
+			const eventDetails = createChangeEventDetails(none, event);
+			onOpenChange(true, eventDetails);
+			if (eventDetails.isCanceled) return;
+			shouldSkipNextOpenRef.current = true;
+			setOpen(true);
+		}
+		return addEventListener(panel, "beforematch", handleBeforeMatch);
+	}, [onOpenChange, setOpen]);
+	const shouldRender = keepMounted || hiddenUntilFound || mounted || open;
+	return {
+		height: renderedDimensions.height,
+		props: {
+			...shouldPersistHiddenTransitionStyles ? { [CollapsiblePanelDataAttributes.startingStyle]: "" } : void 0,
+			hidden,
+			id: idParam
+		},
+		ref: mergedPanelRef,
+		shouldPreventOpenAnimation,
+		shouldRender,
+		transitionStatus: panelTransitionStatus,
+		width: renderedDimensions.width
+	};
+}
+function getDimensions$1(element) {
+	return {
+		height: element.scrollHeight,
+		width: element.scrollWidth
+	};
+}
+function getAnimationType(element, hasSuppressedMountAnimation) {
+	const panelStyles = getWindow(element).getComputedStyle(element);
+	const hasAnimation = (panelStyles.animationName.split(",").map((name) => name.trim()).some((name) => name !== "" && name !== "none") || hasSuppressedMountAnimation) && hasNonZeroDuration(panelStyles.animationDuration);
+	const hasTransition = hasNonZeroDuration(panelStyles.transitionDuration);
+	if (hasAnimation && hasTransition) return "css-transition";
+	if (hasTransition) return "css-transition";
+	if (hasAnimation) return "css-animation";
+	return "none";
+}
+function hasNonZeroDuration(value) {
+	return value.split(",").map((part) => part.trim()).some((part) => part !== "" && Number.parseFloat(part) > 0);
+}
+/**
+* Temporarily overrides an inline style property and returns a cleanup that
+* restores the previous inline value and priority.
+* @param element - The element whose inline style should be updated.
+* @param property - The CSS property name to override.
+* @param value - The temporary value to assign.
+* @returns A cleanup function that restores the original inline style state.
+*/
+function setTemporaryStyle(element, property, value) {
+	const previousValue = element.style.getPropertyValue(property);
+	const previousPriority = element.style.getPropertyPriority(property);
+	element.style.setProperty(property, value);
+	return () => {
+		if (previousValue === "") {
+			element.style.removeProperty(property);
+			return;
+		}
+		element.style.setProperty(property, previousValue, previousPriority);
+	};
+}
+/**
+* Temporarily resets inline alignment styles that can distort scroll-based
+* size measurements, then restores them on the next animation frame.
+* @param element - The panel element being measured.
+* @returns A cleanup function that cancels the scheduled restore and reapplies
+* the original inline layout styles immediately.
+*/
+function resetLayoutStyles(element) {
+	const originalLayoutStyles = {
+		"justify-content": element.style.justifyContent,
+		"align-items": element.style.alignItems,
+		"align-content": element.style.alignContent,
+		"justify-items": element.style.justifyItems
+	};
+	Object.keys(originalLayoutStyles).forEach((key) => {
+		element.style.setProperty(key, "initial", "important");
+	});
+	function restoreLayoutStyles() {
+		Object.entries(originalLayoutStyles).forEach(([key, value]) => {
+			if (value === "") {
+				element.style.removeProperty(key);
+				return;
+			}
+			element.style.setProperty(key, value);
+		});
+	}
+	const frame = AnimationFrame.request(restoreLayoutStyles);
+	return () => {
+		AnimationFrame.cancel(frame);
+		restoreLayoutStyles();
+	};
+}
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanelDataAttributes.mjs
-let CollapsiblePanelDataAttributes = function(CollapsiblePanelDataAttributes$1) {
-	/**
-	* Present when the collapsible panel is open.
-	*/
-	CollapsiblePanelDataAttributes$1["open"] = "data-open";
-	/**
-	* Present when the collapsible panel is closed.
-	*/
-	CollapsiblePanelDataAttributes$1["closed"] = "data-closed";
-	/**
-	* Present when the panel begins animating in.
-	*/
-	CollapsiblePanelDataAttributes$1[CollapsiblePanelDataAttributes$1["startingStyle"] = TransitionStatusDataAttributes.startingStyle] = "startingStyle";
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanelCssVars.mjs
+let CollapsiblePanelCssVars = /* @__PURE__ */ function(CollapsiblePanelCssVars$1) {
 	/**
-	* Present when the panel is animating out.
+	* The collapsible panel's height.
+	* @type {number}
 	*/
-	CollapsiblePanelDataAttributes$1[CollapsiblePanelDataAttributes$1["endingStyle"] = TransitionStatusDataAttributes.endingStyle] = "endingStyle";
-	return CollapsiblePanelDataAttributes$1;
-}({});
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/trigger/CollapsibleTriggerDataAttributes.mjs
-let CollapsibleTriggerDataAttributes = /* @__PURE__ */ function(CollapsibleTriggerDataAttributes$1) {
+	CollapsiblePanelCssVars$1["collapsiblePanelHeight"] = "--collapsible-panel-height";
 	/**
-	* Present when the collapsible panel is open.
+	* The collapsible panel's width.
+	* @type {number}
 	*/
-	CollapsibleTriggerDataAttributes$1["panelOpen"] = "data-panel-open";
-	return CollapsibleTriggerDataAttributes$1;
+	CollapsiblePanelCssVars$1["collapsiblePanelWidth"] = "--collapsible-panel-width";
+	return CollapsiblePanelCssVars$1;
 }({});
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/collapsibleOpenStateMapping.mjs
-const PANEL_OPEN_HOOK = { [CollapsiblePanelDataAttributes.open]: "" };
-const PANEL_CLOSED_HOOK = { [CollapsiblePanelDataAttributes.closed]: "" };
-const triggerOpenStateMapping$1 = { open(value) {
-	if (value) return { [CollapsibleTriggerDataAttributes.panelOpen]: "" };
-	return null;
-} };
-const collapsibleOpenStateMapping = { open(value) {
-	if (value) return PANEL_OPEN_HOOK;
-	return PANEL_CLOSED_HOOK;
-} };
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/stateAttributesMapping.mjs
-const collapsibleStateAttributesMapping = {
-	...collapsibleOpenStateMapping,
-	...transitionStatusMapping
-};
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/root/CollapsibleRoot.mjs
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanel.mjs
 /**
-* Groups all parts of the collapsible.
+* A panel with the collapsible contents.
 * Renders a `<div>` element.
 *
 * Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
 */
-const CollapsibleRoot = /* @__PURE__ */ react.forwardRef(function CollapsibleRoot$1(componentProps, forwardedRef) {
-	const { render, className, defaultOpen = false, disabled: disabled$1 = false, onOpenChange: onOpenChangeProp, open, style,...elementProps } = componentProps;
-	const onOpenChange = useStableCallback(onOpenChangeProp);
-	const collapsible = useCollapsibleRoot({
-		open,
-		defaultOpen,
+const CollapsiblePanel = /* @__PURE__ */ react.forwardRef(function CollapsiblePanel$1(componentProps, forwardedRef) {
+	const { className, hiddenUntilFound: hiddenUntilFoundProp, keepMounted: keepMountedProp, render, id: idProp, style,...elementProps } = componentProps;
+	const { defaultPanelId, mounted, onOpenChange, open, setMounted, setPanelIdState, setOpen, state, transitionStatus } = useCollapsibleRootContext();
+	const hiddenUntilFound = hiddenUntilFoundProp ?? false;
+	const keepMounted = keepMountedProp ?? false;
+	const registeredId = idProp || void 0;
+	const id = registeredId ?? defaultPanelId;
+	useIsoLayoutEffect(() => {
+		setPanelIdState((currentId) => registeredId ?? (currentId === null ? void 0 : currentId));
+		return () => {
+			setPanelIdState((currentId) => currentId === registeredId ? null : currentId);
+		};
+	}, [registeredId, setPanelIdState]);
+	const { height, props, ref, shouldPreventOpenAnimation, shouldRender, transitionStatus: panelTransitionStatus, width } = useCollapsiblePanel({
+		externalRef: forwardedRef,
+		hiddenUntilFound,
+		id,
+		keepMounted,
+		mounted,
 		onOpenChange,
-		disabled: disabled$1
+		open,
+		setMounted,
+		setOpen,
+		transitionStatus
 	});
-	const state = react.useMemo(() => ({
-		open: collapsible.open,
-		disabled: collapsible.disabled,
-		transitionStatus: collapsible.transitionStatus
-	}), [
-		collapsible.open,
-		collapsible.disabled,
-		collapsible.transitionStatus
-	]);
-	const contextValue = react.useMemo(() => ({
-		...collapsible,
-		onOpenChange,
-		state
-	}), [
-		collapsible,
-		onOpenChange,
-		state
-	]);
-	const element = useRenderElement("div", componentProps, {
-		state,
-		ref: forwardedRef,
-		props: elementProps,
+	const panelState = {
+		...state,
+		transitionStatus: panelTransitionStatus
+	};
+	const resolvedStyle = resolveStyle(style, panelState);
+	const element = useRenderElement("div", {
+		...componentProps,
+		style: void 0
+	}, {
+		state: panelState,
+		ref,
+		props: [
+			props,
+			{ style: {
+				[CollapsiblePanelCssVars.collapsiblePanelHeight]: height === void 0 ? "auto" : `${height}px`,
+				[CollapsiblePanelCssVars.collapsiblePanelWidth]: width === void 0 ? "auto" : `${width}px`
+			} },
+			elementProps,
+			resolvedStyle ? { style: resolvedStyle } : void 0,
+			shouldPreventOpenAnimation ? { style: { animationName: "none" } } : void 0
+		],
 		stateAttributesMapping: collapsibleStateAttributesMapping
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleRootContext.Provider, {
-		value: contextValue,
-		children: element
-	});
+	if (!shouldRender) return null;
+	return element;
 });
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/trigger/CollapsibleTrigger.mjs
-const stateAttributesMapping$1 = {
-	...triggerOpenStateMapping$1,
-	...transitionStatusMapping
-};
+//#region src/client/icons.ts
+/** Rendered when a host generation has neither name: the panel stays usable. */
+const MissingIcon = () => null;
 /**
-* A button that opens and closes the collapsible panel.
-* Renders a `<button>` element.
-*
-* Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
-*/
-const CollapsibleTrigger = /* @__PURE__ */ react.forwardRef(function CollapsibleTrigger$1(componentProps, forwardedRef) {
-	const { panelId, open, handleTrigger, state, disabled: contextDisabled } = useCollapsibleRootContext();
-	const { className, disabled: disabled$1 = contextDisabled, render, nativeButton = true, style,...elementProps } = componentProps;
-	const { getButtonProps, buttonRef } = useButton({
-		disabled: disabled$1,
-		focusableWhenDisabled: true,
-		native: nativeButton
-	});
-	return useRenderElement("button", componentProps, {
-		state,
-		ref: [forwardedRef, buttonRef],
-		props: [
-			{
-				"aria-controls": open ? panelId : void 0,
-				"aria-expanded": open,
-				onClick: handleTrigger
-			},
-			elementProps,
-			getButtonProps
-		],
-		stateAttributesMapping: stateAttributesMapping$1
-	});
-});
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/addEventListener.mjs
+* Pick the first export name the host's primitives package actually provides.
+* Exported separately from the module-level constants so tests can drive every
+* branch with a fake table.
+*/
+function pickIcon(table$1, modern, legacy) {
+	const found = table$1[modern] ?? table$1[legacy];
+	return typeof found === "function" ? found : MissingIcon;
+}
+const table = __deepseek_ai_dsh_client_ui_primitives;
 /**
-* Adds an event listener and returns a cleanup function to remove it.
+* Every icon the panel renders, with both generations' export names side by
+* side: `modern` is the 0.1.7+ stroke-weight name, `legacy` the pixel-suffixed
+* name it replaced. Kept as data (instead of being inlined into the constants
+* below) so tests can pin each half against the export list that really ships
+* it — the modern names against the installed package, the legacy names
+* against the last release that still had them.
 */
-function addEventListener(target, type, listener, options) {
-	target.addEventListener(type, listener, options);
-	return () => {
-		target.removeEventListener(type, listener, options);
-	};
+const ICON_NAME_PAIRS = {
+	IconSkill: {
+		modern: "IconSkillOutlineRegular",
+		legacy: "IconSkillOutline16"
+	},
+	IconSparkle: {
+		modern: "IconSparkleRegular",
+		legacy: "IconSparkle16"
+	},
+	IconCordisPlugin: {
+		modern: "IconCordisPluginOutlineRegular",
+		legacy: "IconCordisPluginOutline14"
+	},
+	IconSliders: {
+		modern: "IconPersonalizationOutlineRegular",
+		legacy: "IconPersonalizationOutline16"
+	},
+	IconPanelLeft: {
+		modern: "IconPanelLeftOutlineRegular",
+		legacy: "IconPanelLeftOutline16"
+	},
+	IconPlus: {
+		modern: "IconPlusOutlineRegular",
+		legacy: "IconPlusOutline16"
+	},
+	IconFolderClose: {
+		modern: "IconFolderCloseRegular",
+		legacy: "IconFolderClose16"
+	},
+	IconSearch: {
+		modern: "IconSearchOutlineRegular",
+		legacy: "IconSearchOutline16"
+	},
+	IconRefresh: {
+		modern: "IconRefreshOutlineRegular",
+		legacy: "IconRefreshOutline14"
+	},
+	IconChevronDown: {
+		modern: "IconChevronDownOutlineRegular",
+		legacy: "IconChevronDownOutline14"
+	},
+	IconChevronUp: {
+		modern: "IconChevronUpOutlineRegular",
+		legacy: "IconChevronUpOutline14"
+	},
+	IconSettings: {
+		modern: "IconSettingsOutlineMedium",
+		legacy: "IconSettingsOutline16"
+	},
+	IconTriangleRight: {
+		modern: "IconTriangleRightFillRegular",
+		legacy: "IconTriangleRightFill14"
+	}
+};
+/** Resolve one pair against the host's own export table. */
+function resolveIcon(pair) {
+	return pickIcon(table, pair.modern, pair.legacy);
+}
+const IconSkill = resolveIcon(ICON_NAME_PAIRS.IconSkill);
+const IconSparkle = resolveIcon(ICON_NAME_PAIRS.IconSparkle);
+const IconCordisPlugin = resolveIcon(ICON_NAME_PAIRS.IconCordisPlugin);
+const IconSliders = resolveIcon(ICON_NAME_PAIRS.IconSliders);
+const IconPanelLeft = resolveIcon(ICON_NAME_PAIRS.IconPanelLeft);
+const IconPlus = resolveIcon(ICON_NAME_PAIRS.IconPlus);
+const IconFolderClose = resolveIcon(ICON_NAME_PAIRS.IconFolderClose);
+const IconSearch = resolveIcon(ICON_NAME_PAIRS.IconSearch);
+const IconRefresh = resolveIcon(ICON_NAME_PAIRS.IconRefresh);
+const IconChevronDown = resolveIcon(ICON_NAME_PAIRS.IconChevronDown);
+const IconChevronUp = resolveIcon(ICON_NAME_PAIRS.IconChevronUp);
+const IconSettings = resolveIcon(ICON_NAME_PAIRS.IconSettings);
+const IconTriangleRight = resolveIcon(ICON_NAME_PAIRS.IconTriangleRight);
+/**
+* Whether the host ships the 0.1.7 stroke-weight icon set. Exported as a
+* function so tests can drive both branches; the module constant resolves it
+* against the real package.
+*
+* One consumer: the footer settings entry. The `settings.open` keybinding that
+* entry drives shipped in the SAME host generation as the renamed icon set
+* (verified: 0.1.6's settings bundle has no such binding), so this is the
+* closest client-visible signal that the shortcut exists. If a future host
+* renames icons again this reads false and the entry hides — the safe
+* direction.
+*/
+function hasModernShell(table$1) {
+	return typeof table$1["IconSettingsOutlineRegular"] === "function";
 }
+const HOST_HAS_MODERN_SHELL = hasModernShell(table);
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/useValueAsRef.mjs
+//#region src/client/disclosure-row.ts
 /**
-* Untracks the provided value by turning it into a ref to remove its reactivity.
+* The disclosure chevron, taken from the host's icon set instead of drawn here.
 *
-* Used to access the passed value inside `React.useEffect` without causing the effect to re-run when the value changes.
+* The host's own DisclosureRow primitive — the same affordance, used by the
+* conversation, cordis, tool and workflow surfaces — points a DOWN chevron while
+* the row is closed and an UP chevron while it is open, at the host icons'
+* default 14px. Drawn here, it was a 12px path with a 1.4px stroke: a geometry
+* no host surface uses, which reads as a foreign glyph next to the host's own.
+*
+* Kept in one place because the two panels had already drifted apart in
+* geometry once — exactly the failure a shared control prevents.
 */
-function useValueAsRef(value) {
-	const latest = useRefWithInit(createLatestRef, value).current;
-	latest.next = value;
-	useIsoLayoutEffect(latest.effect);
-	return latest;
+function chevronIcon(open) {
+	return open ? react.createElement(IconChevronUp, { size: 14 }) : react.createElement(IconChevronDown, { size: 14 });
 }
-function createLatestRef(value) {
-	const latest = {
-		current: value,
-		next: value,
-		effect: () => {
-			latest.current = latest.next;
-		}
-	};
-	return latest;
-}
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/utils/resolveRef.mjs
 /**
-* If the provided argument is a ref object, returns its `current` value.
-* Otherwise, returns the argument itself.
+* The row's leading box, laid out exactly like the host's `DisclosureRow`: one
+* fixed 18px square holds BOTH the domain glyph and the disclosure chevron, and
+* hovering the row swaps the glyph out for the chevron in place. Two reasons to
+* copy that instead of adding a second box:
+*
+*  - no layout shift — the box never changes size, so nothing reflows on hover;
+*  - a list of rows reads as named capabilities rather than as a column of
+*    arrows, which is what an always-visible chevron per row produces.
+*
+* While the row is OPEN the host shows the chevron alone (its `leading` is the
+* up-chevron, not the glyph), so the same swap is mirrored here.
 */
-function resolveRef(maybeRef) {
-	if (maybeRef == null) return maybeRef;
-	return "current" in maybeRef ? maybeRef.current : maybeRef;
+function leadingBox(children) {
+	return react.createElement("span", {
+		className: "ci-leading",
+		"aria-hidden": true
+	}, children);
+}
+function glyph(className, child, key) {
+	return react.createElement("span", {
+		className,
+		"aria-hidden": true,
+		...key === void 0 ? {} : { key }
+	}, child);
+}
+/** The leading slot for a row that has a domain glyph. */
+function glyphLeading(icon, open) {
+	if (open) return leadingBox(glyph("ci-chevron", chevronIcon(true)));
+	return leadingBox([glyph("ci-row-icon", icon, "icon"), glyph("ci-chevron ci-chevron-hover", chevronIcon(false), "chevron")]);
+}
+/** The leading slot for a row with no glyph: the chevron, as before. */
+function chevronLeading(open) {
+	return react.createElement("span", {
+		className: "ci-chevron",
+		"aria-hidden": true
+	}, chevronIcon(open));
 }
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useAnimationsFinished.mjs
 /**
-* Executes a function once all animations have finished on the provided element.
-* If an animation is canceled, waits for any replacement animations before executing.
-* @param elementOrRef - The element to watch for animations.
-* @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.
-* @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback
+* The leading slot of one expandable row.
+*
+* Exported so the panel's own row builder — which needs the same slot in a
+* different component tree — renders it from here instead of re-implementing
+* it. That is the drift this module exists to prevent: the two panels once
+* carried two different chevrons.
 */
-function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false) {
-	const frame = useAnimationFrame();
-	return useStableCallback((fnToExecute, signal = null) => {
-		frame.cancel();
-		const element = resolveRef(elementOrRef);
-		if (element == null) return;
-		const resolvedElement = element;
-		const done = () => {
-			react_dom.flushSync(fnToExecute);
-		};
-		if (typeof resolvedElement.getAnimations !== "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
-			fnToExecute();
-			return;
-		}
-		function exec() {
-			Promise.all(resolvedElement.getAnimations().map((animation) => animation.finished)).then(() => {
-				if (!signal?.aborted) done();
-			}, () => {
-				if (signal?.aborted) return;
-				if (resolvedElement.getAnimations().some((animation) => animation.pending || animation.playState !== "finished")) {
-					exec();
-					return;
-				}
-				done();
-			});
-		}
-		if (waitForStartingStyleRemoved) {
-			const startingStyleAttribute = "data-starting-style";
-			if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-				frame.request(exec);
-				return;
-			}
-			const attributeObserver = new MutationObserver(() => {
-				if (!resolvedElement.hasAttribute(startingStyleAttribute)) {
-					attributeObserver.disconnect();
-					exec();
-				}
-			});
-			attributeObserver.observe(resolvedElement, {
-				attributes: true,
-				attributeFilter: [startingStyleAttribute]
-			});
-			signal?.addEventListener("abort", () => attributeObserver.disconnect(), { once: true });
-			return;
-		}
-		frame.request(exec);
-	});
+function leadingFor(icon, open) {
+	return icon === void 0 ? chevronLeading(open) : glyphLeading(icon, open);
+}
+/** The leading slot of a row with nothing to reveal: the glyph alone. */
+function leadingStatic(icon) {
+	return leadingBox(glyph("ci-row-icon", icon));
 }
-
-//#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useOpenChangeComplete.mjs
 /**
-* Calls the provided function when the CSS open/close animation or transition completes.
+* One capability row that may reveal detail.
+*
+* Both panels show the same kind of thing — a name, a switch, and detail worth
+* hiding until asked for — so both get the same affordance from one place. A
+* row with no detail renders no trigger at all rather than an empty one, and
+* takes a spacer so its name still lines up with the rows that do.
 */
-function useOpenChangeComplete(parameters) {
-	const { enabled = true, open, ref, onComplete: onCompleteParam } = parameters;
-	const onComplete = useStableCallback(onCompleteParam);
-	const runOnceAnimationsFinish = useAnimationsFinished(ref, open);
-	react.useEffect(() => {
-		if (!enabled) return;
-		const abortController = new AbortController();
-		runOnceAnimationsFinish(onComplete, abortController.signal);
-		return () => {
-			abortController.abort();
-		};
-	}, [
-		enabled,
-		open,
-		onComplete,
-		runOnceAnimationsFinish
-	]);
+function disclosureRow(options) {
+	const hasIcon = options.icon !== void 0;
+	if (!(options.detail !== void 0 && options.detail !== null && options.detail !== "")) return react.createElement("div", {
+		className: options.className,
+		...options.style === void 0 ? {} : { style: options.style }
+	}, react.createElement("div", { className: options.headerClassName }, hasIcon ? leadingStatic(options.icon) : react.createElement("span", {
+		"aria-hidden": true,
+		...options.spacerClassName === void 0 ? { style: {
+			width: "18px",
+			flex: "none"
+		} } : { className: options.spacerClassName }
+	}), options.heading, ...options.actions));
+	const disclosure = resolveDisclosure(options.expanded, options.filtering);
+	return react.createElement(CollapsibleRoot, {
+		open: disclosure.open,
+		onOpenChange: options.onOpenChange,
+		className: options.className,
+		...options.style === void 0 ? {} : { style: options.style }
+	}, react.createElement("div", { className: options.headerClassName }, react.createElement(CollapsibleTrigger, {
+		className: "ci-disclosure-trigger",
+		disabled: disclosure.disabled,
+		"aria-label": options.triggerLabel
+	}, hasIcon ? leadingFor(options.icon, disclosure.open) : chevronLeading(disclosure.open), options.heading), ...options.actions), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, options.detail));
 }
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/useCollapsiblePanel.mjs
-const EMPTY_DIMENSIONS = {
-	height: void 0,
-	width: void 0
-};
-function useCollapsiblePanel(parameters) {
-	const { externalRef, hiddenUntilFound, id: idParam, keepMounted, mounted, onOpenChange, open, setMounted, setOpen, transitionStatus } = parameters;
-	const panelRef = react.useRef(null);
-	const animationTypeRef = react.useRef(null);
-	const [dimensions, setDimensionsUnwrapped] = react.useState(EMPTY_DIMENSIONS);
-	const lastMeasuredDimensionsRef = react.useRef(EMPTY_DIMENSIONS);
-	const shouldSkipNextOpenRef = react.useRef(false);
-	const shouldPreventMountAnimationRef = react.useRef(open);
-	const shouldPreventActivityResumeAnimationRef = react.useRef(false);
-	const [forcePanelIdle, setForcePanelIdle] = react.useState(false);
-	const pendingTemporaryStyleRestoreRef = react.useRef(null);
-	const mergedPanelRef = useMergedRefs(externalRef, panelRef);
-	const latestOpenRef = useValueAsRef(open);
-	const runOnceCloseAnimationsFinish = useAnimationsFinished(panelRef);
-	const hidden = !open && !mounted;
-	const panelTransitionStatus = forcePanelIdle ? "idle" : transitionStatus;
-	const shouldPreventOpenAnimation = open && (shouldPreventMountAnimationRef.current || shouldPreventActivityResumeAnimationRef.current);
-	const renderedDimensions = !open && mounted && animationTypeRef.current === "css-animation" && dimensions.height === void 0 && dimensions.width === void 0 ? lastMeasuredDimensionsRef.current : dimensions;
-	const shouldPersistHiddenTransitionStyles = hiddenUntilFound && hidden && animationTypeRef.current !== "css-animation";
-	const setDimensions = useStableCallback((nextDimensions, shouldCacheMeasurement = true) => {
-		if (shouldCacheMeasurement) lastMeasuredDimensionsRef.current = nextDimensions;
-		setDimensionsUnwrapped(nextDimensions);
-	});
-	const restorePendingTemporaryStyle = useStableCallback(() => {
-		pendingTemporaryStyleRestoreRef.current?.();
-		pendingTemporaryStyleRestoreRef.current = null;
-	});
-	const setPendingTemporaryStyleRestore = useStableCallback((restore) => {
-		restorePendingTemporaryStyle();
-		pendingTemporaryStyleRestoreRef.current = () => {
-			pendingTemporaryStyleRestoreRef.current = null;
-			restore();
-		};
-	});
-	const markActivityResumeAnimationSuppressed = useStableCallback(() => {
-		if (open && mounted && animationTypeRef.current === "css-animation") shouldPreventActivityResumeAnimationRef.current = true;
-	});
-	useIsoLayoutEffect(() => {
-		if (!forcePanelIdle || transitionStatus === "starting") return;
-		setForcePanelIdle(false);
-	}, [forcePanelIdle, transitionStatus]);
-	react.useEffect(() => {
-		return () => {
-			markActivityResumeAnimationSuppressed();
-			restorePendingTemporaryStyle();
-		};
-	}, [markActivityResumeAnimationSuppressed, restorePendingTemporaryStyle]);
+//#region src/client/locale.ts
+/**
+* Panel copy, bilingual. Chinese is the authoring language; English is the
+* fallback the host's locale runtime consults after the active locale misses
+* a key (and the locale a browser naming neither shipped language lands on).
+*
+* The dictionaries register into the host's locale service (`ctx.locale`)
+* under this plugin's own namespace, so the panel follows the same language
+* switch as the rest of the UI. Templates interpolate `{name}` placeholders.
+*
+* tests/client/locale.spec.ts pins the two dictionaries to identical key sets
+* and checks every key the component looks up exists in both.
+*/
+const LOCALE_NS = "capability-panel";
+const zh = {
+	"state.loaded": "已加载",
+	"state.pruned": "已截断",
+	"state.evicted": "已挤出",
+	"state.unloaded": "未加载",
+	"blocked.count": "拦截 ×{count}",
+	"action.enable": "开启 {name}",
+	"action.disable": "关闭 {name}",
+	"action.insert": "把 /{name} 填入输入框",
+	"action.preview": "在侧边栏打开 {name} 的指令文件",
+	"server.tools": "{count} 工具",
+	"server.tool.one": "1 个工具",
+	"server.unavailable": "无已注册工具",
+	"server.unavailableHint": "宿主配置里声明了这个服务器，但它当前没有注册任何工具。原因无法从面板判定（服务未启动、正在重连、或本就没有工具都可能）。若它是个本地按需服务，先把程序开起来。",
+	"action.reload": "重载 {name}",
+	"action.reload.label": "重载",
+	"action.reload.ing": "正在重载 {name}…",
+	"action.reloadHint": "重新加载该服务器的插件实例（等同一次热重载）：会断开并重连。对 stdio 类型的服务，这会重启其子进程。",
+	"action.reload.failed": "重载 {name} 失败：{error}",
+	"status.loading": "读取中…",
+	"status.error": "读取失败：{error}（可尝试刷新页面；宿主改动需重启 dsh 后生效）",
+	"empty.match": "无匹配项",
+	"empty.skills": "无可用技能",
+	"empty.mcp": "无 MCP 服务器",
+	"empty.system": "无系统工具",
+	"group.skills": "技能 ({shown}/{total})",
+	"group.mcp": "MCP ({shown}/{total})",
+	"group.system": "系统工具 ({shown}/{total})",
+	"group.systemTools": "系统工具",
+	"group.count": "{shown}/{total}",
+	"tab.all": "全部",
+	"tab.skills": "技能",
+	"tab.mcp": "MCP",
+	"tab.system": "工具",
+	"tab.system.aria": "系统工具 {count}",
+	"tabs.aria": "能力分区",
+	"trigger.tooltip": "会话上下文：技能、MCP 与工具",
+	"panel.aria": "会话上下文",
+	"filter.placeholder": "筛选名称或描述…",
+	"filter.aria": "筛选技能与工具",
+	"filter.clear": "清空筛选",
+	"filter.count": "匹配 {shown} / {total} 项",
+	"footer.feedback": "反馈问题",
+	"footer.feedbackHint": "在 GitHub 上打开能力面板的 issue 页",
+	"footer.openSettings": "全局配置",
+	"footer.openSettingsHint": "打开设置并进入「能力面板」页",
+	"disclosure.expand": "展开 {subject} 的{detail}",
+	"disclosure.collapse": "收起 {subject} 的{detail}",
+	"disclosure.pinned": "{subject} 的{detail}（筛选时保持展开）",
+	"detail.description": "描述",
+	"detail.tools": "工具",
+	"preset.nav": "能力面板",
+	"preset.title": "能力面板",
+	"preset.intro": "设置每个 Agent preset 的默认能力集合，之后新建或恢复的会话会继承它。输入框里的「会话上下文」只改当前会话，并随该会话在重启后恢复。",
+	"preset.projectSkill": "当前项目",
+	"preset.kindAria": "按类别筛选",
+	"preset.readonly": "当前设置存储不可写；你可以查看工具，但无法保存微调。",
+	"preset.choose": "Agent preset",
+	"preset.empty": "没有可用的 Agent preset。",
+	"preset.noTools": "这个 preset 没有可用能力。",
+	"preset.reserved": "{name} 是保留的传输通道，不能关闭。",
+	"preset.broken": "这个 preset 无法组装会话：{reason}。修好它之后才能列出工具。",
+	"degraded.item": "⚠ 部分读取失败：{note}",
+	"source.project-dsh": "项目 .dsh",
+	"source.project-agents": "项目 agent",
+	"source.runtime": "运行时",
+	"source.user-dsh": "用户 .dsh",
+	"source.user-agents": "用户 agent",
+	"source.custom": "自定义",
+	"source.bundled": "内置",
+	"source.host": "全局",
+	"source.preset": "预设",
+	"source.openFolder": "在文件管理器中打开 {source}"
+};
+const en = {
+	"state.loaded": "loaded",
+	"state.pruned": "truncated",
+	"state.evicted": "evicted",
+	"state.unloaded": "not loaded",
+	"blocked.count": "blocked ×{count}",
+	"action.enable": "Enable {name}",
+	"action.disable": "Disable {name}",
+	"action.insert": "Insert /{name} into the composer",
+	"action.preview": "Open the instruction file for {name} in the side panel",
+	"server.tools": "{count} tools",
+	"server.tool.one": "1 tool",
+	"server.unavailable": "no tools registered",
+	"server.unavailableHint": "This host declares the server, but it currently registers no tools. The panel cannot tell why (service not started, mid-reconnect, or genuinely tool-less are all possible). If it is a local on-demand service, start its program first.",
+	"action.reload": "Reload {name}",
+	"action.reload.label": "Reload",
+	"action.reload.ing": "Reloading {name}…",
+	"action.reloadHint": "Reload this server’s plugin instance (equivalent to one hot reload): it disconnects and reconnects. For a stdio service this restarts its child process.",
+	"action.reload.failed": "Failed to reload {name}: {error}",
+	"status.loading": "Loading…",
+	"status.error": "Failed to load: {error} (try refreshing the page; host changes take effect after a dsh restart)",
+	"empty.match": "No matches",
+	"empty.skills": "No skills available",
+	"empty.mcp": "No MCP servers",
+	"empty.system": "No system tools",
+	"group.skills": "Skills ({shown}/{total})",
+	"group.mcp": "MCP ({shown}/{total})",
+	"group.system": "System tools ({shown}/{total})",
+	"group.systemTools": "System tools",
+	"group.count": "{shown}/{total}",
+	"tab.all": "All",
+	"tab.skills": "Skills",
+	"tab.mcp": "MCP",
+	"tab.system": "Tools",
+	"tab.system.aria": "System tools, {count}",
+	"tabs.aria": "Capability sections",
+	"trigger.tooltip": "Session context: skills, MCP & tools",
+	"panel.aria": "Session context",
+	"filter.placeholder": "Filter by name or description…",
+	"filter.aria": "Filter skills and tools",
+	"filter.clear": "Clear filter",
+	"filter.count": "{shown} / {total} matched",
+	"footer.feedback": "Report an issue",
+	"footer.feedbackHint": "Open the capability panel’s issues on GitHub",
+	"footer.openSettings": "Global settings",
+	"footer.openSettingsHint": "Open Settings on the Capability Panel page",
+	"disclosure.expand": "Expand {detail} for {subject}",
+	"disclosure.collapse": "Collapse {detail} for {subject}",
+	"disclosure.pinned": "{detail} for {subject} (kept open while filtering)",
+	"detail.description": "description",
+	"detail.tools": "tools",
+	"preset.nav": "Capability Panel",
+	"preset.title": "Capability Panel",
+	"preset.intro": "Choose the default capabilities each agent preset starts from; sessions created or resumed afterward inherit it. The composer's Session context changes only the current session, and stays with it across restarts.",
+	"preset.projectSkill": "this project",
+	"preset.kindAria": "Filter by category",
+	"preset.readonly": "Settings storage is read-only. You can inspect tools, but changes cannot be saved.",
+	"preset.choose": "Agent preset",
+	"preset.empty": "No agent presets are available.",
+	"preset.noTools": "This preset exposes no capabilities.",
+	"preset.reserved": "{name} is a reserved transport and cannot be disabled.",
+	"preset.broken": "This preset cannot compose a session: {reason}. Fix it before its tools can be listed.",
+	"degraded.item": "⚠ Partial read failed: {note}",
+	"source.project-dsh": "project .dsh",
+	"source.project-agents": "project agent",
+	"source.runtime": "runtime",
+	"source.user-dsh": "user .dsh",
+	"source.user-agents": "user agent",
+	"source.custom": "custom",
+	"source.bundled": "bundled",
+	"source.host": "global",
+	"source.preset": "preset",
+	"source.openFolder": "Open {source} in file manager"
+};
+/**
+* Register both dictionaries as one effect: the single-locale form is the
+* documented entry for namespaces outside the host's compile-time merge
+* table, and the returned disposers release both on unload.
+*/
+function registerLocale(locale) {
+	const disposeZh = locale.register(LOCALE_NS, "zh", zh);
+	const disposeEn = locale.register(LOCALE_NS, "en", en);
+	return () => {
+		disposeZh();
+		disposeEn();
+	};
+}
+
+//#endregion
+//#region src/client/styles.ts
+const TOK = {
+	textPrimary: "var(--dsw-alias-label-primary, #0f1115)",
+	textSecondary: "var(--dsw-alias-label-secondary, #61666b)",
+	textTertiary: "var(--dsw-alias-label-tertiary, #81858c)",
+	border: "var(--dsw-alias-border-l1, rgba(0,0,0,.04))",
+	borderStrong: "var(--dsw-alias-border-l2, rgba(0,0,0,.1))",
+	switchOn: "var(--dsw-alias-state-business-primary, #4176e6)",
+	switchOff: "var(--dsw-alias-border-l2, rgba(0,0,0,.1))",
+	switchThumb: "var(--dsw-alias-bg-layer-1, #ffffff)",
+	switchEase: "var(--ds-ease-in-out, cubic-bezier(.4, 0, .2, 1))",
+	menuBg: "var(--dsw-specific-menu, #ffffff)",
+	menuBorder: "var(--dsw-alias-border-inverted, rgba(0,0,0,.1))",
+	menuShadow: "var(--dsw-shadow-lv3, 0 12px 32px rgba(0,0,0,.22))",
+	menuBlur: "var(--dsw-menu-backdrop-filter, none)",
+	bgBase: "var(--dsw-alias-bg-base, #ffffff)",
+	fontFamily: "var(--dsw-font-family, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Helvetica Neue\", Helvetica, Arial, sans-serif)",
+	success: "var(--dsw-alias-state-success-primary, #22c55e)",
+	warn: "var(--dsw-alias-state-warn-primary, #f59e0b)",
+	error: "var(--dsw-alias-state-error-primary, #ec1313)",
+	info: "var(--dsw-alias-state-business-primary, #4176e6)"
+};
+const PANEL_CSS = [
+	".ci-trigger:focus-visible,.ci-switch:focus-visible,.ci-iconbtn:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:999px}",
+	".ci-disclosure-trigger:focus-visible,.ci-server-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:4px}",
+	".ci-tab:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px;border-radius:6px}",
+	".ci-trigger:hover,.ci-iconbtn:hover,.ci-server-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
+	".ci-switch:hover:not(:disabled){filter:brightness(1.12)}",
+	".ci-row-head{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:0 -8px;border-radius:8px}",
+	".ci-row-head:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
+	".ci-row-head .ci-send{opacity:0;transition:opacity .12s}",
+	".ci-row-head:hover .ci-send,.ci-row-head:focus-within .ci-send{opacity:1}",
+	".ci-filter:focus{border-color:var(--dsw-alias-state-business-primary,#4176e6)}",
+	".ci-filter:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:0}",
+	".ci-filter::placeholder{color:var(--dsw-alias-label-tertiary,#81858c)}",
+	".ci-panel{transform-origin:var(--transform-origin);transition:opacity .14s var(--ds-ease-in-out,ease),transform .14s var(--ds-ease-in-out,ease)}",
+	".ci-panel[data-starting-style],.ci-panel[data-ending-style]{opacity:0;transform:scale(.96) translateY(4px)}",
+	".ci-collapse{height:var(--collapsible-panel-height);transition:height .14s var(--ds-ease-in-out,ease);overflow:hidden}",
+	".ci-collapse[data-starting-style],.ci-collapse[data-ending-style]{height:0}",
+	".ci-toolrow{content-visibility:auto;contain-intrinsic-size:auto 30px}",
+	".ci-disclosure-trigger{min-width:0;display:flex;align-items:center;gap:6px;flex:1 1 auto;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}",
+	".ci-disclosure-trigger:disabled,.ci-server-trigger:disabled{cursor:default}",
+	".ci-disclosure-trigger:hover .ci-name{color:var(--dsw-alias-label-primary,#0f1115)}",
+	".ci-description{padding:3px 0 0 24px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858c);word-break:break-word}",
+	".ci-chevron{display:grid;place-items:center;width:18px;height:18px;flex:none;color:var(--dsw-alias-label-tertiary,#81858c);border-radius:4px}",
+	".ci-chevron svg{transition:transform .12s var(--ds-ease-in-out,ease)}",
+	".ci-leading{position:relative;display:grid;place-items:center;width:18px;height:18px;flex:none;color:var(--dsw-alias-label-tertiary,#81858c)}",
+	".ci-leading>.ci-row-icon{display:grid;place-items:center;opacity:1;transition:opacity .12s var(--ds-ease-in-out,ease)}",
+	".ci-leading>.ci-chevron-hover{position:absolute;inset:0;margin:auto;display:grid;place-items:center;opacity:0;transition:opacity .12s var(--ds-ease-in-out,ease)}",
+	".ci-row-head:hover .ci-leading>.ci-row-icon,.ci-row-head:focus-within .ci-leading>.ci-row-icon{opacity:0}",
+	".ci-row-head:hover .ci-leading>.ci-chevron-hover,.ci-row-head:focus-within .ci-leading>.ci-chevron-hover{opacity:1}",
+	".ci-preset-part-trigger[aria-expanded=\"true\"] .ci-chevron svg{transform:rotate(90deg)}",
+	".ci-tabs{display:flex;gap:2px;padding:2px;border-radius:8px;background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
+	".ci-tab{flex:1;height:24px;border:none;border-radius:6px;background:transparent;color:var(--dsw-alias-label-secondary,#61666b);font:inherit;font-size:12px;line-height:1;cursor:pointer;font-variant-numeric:tabular-nums;padding:0 4px}",
+	".ci-tab:hover{color:var(--dsw-alias-label-primary,#0f1115)}",
+	".ci-tab[data-active]{background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#0f1115);box-shadow:var(--dsw-elevation-soft,0 1px 2px rgba(0,0,0,.08))}",
+	".ci-preset-section{width:100%;max-width:760px;color:var(--dsw-alias-label-primary,#0f1115);display:flex;flex-direction:column;gap:14px}",
+	".ci-settings-title{margin:0;color:var(--dsw-alias-label-primary,#0f1115);font-size:18px;font-weight:600;line-height:26px}",
+	".ci-settings-intro,.ci-settings-description,.ci-settings-note{margin:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary,#81858c)}",
+	".ci-settings-note{padding:10px 12px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:8px}",
+	".ci-preset-toolbar{display:flex;gap:10px;align-items:center;margin:0}",
+	".ci-search{position:relative;flex:1 1 auto;min-width:180px;display:flex;align-items:center;color:var(--dsw-alias-label-tertiary,#81858c)}",
+	".ci-search>svg{position:absolute;left:12px;pointer-events:none}",
+	".ci-preset-filter{width:100%;height:36px;box-sizing:border-box;padding:0 34px 0 36px;border:.5px solid var(--dsw-alias-border-l4,rgba(0,0,0,.16));border-radius:var(--dsw-radius-md,12px);background-color:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-size:13px;font-weight:400;outline:none}",
+	".ci-preset-filter:focus-visible{border-color:var(--dsw-alias-state-business-primary,#4176e6);box-shadow:0 0 0 2px color-mix(in srgb,var(--dsw-alias-state-business-primary,#4176e6) 18%,transparent)}",
+	".ci-preset-part{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px 0 0;border-top:.5px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1))}",
+	".ci-preset-part:first-of-type{border-top:0;padding-top:0}",
+	".ci-preset-part-trigger{display:flex;align-items:center;gap:8px;min-height:32px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}",
+	".ci-preset-part-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px;border-radius:4px}",
+	".ci-preset-part-title{margin:0;font-size:14px;font-weight:400;line-height:22px;color:var(--dsw-alias-label-primary,#0f1115)}",
+	".ci-preset-part-sub{margin:-4px 0 0 26px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary,#81858c);font-variant-numeric:tabular-nums}",
+	".ci-preset-badge{display:inline-block;margin-left:6px;padding:1px 6px;line-height:1.5;border-radius:999px;font-size:11px;font-weight:500;vertical-align:middle;background-color:var(--dsw-alias-interactive-bg-hover,rgba(0,0,0,.05));color:var(--dsw-alias-label-tertiary,#81858c)}",
+	".ci-preset-group{padding:0}",
+	".ci-preset-server-trigger{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:none;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}",
+	".ci-preset-server-trigger:disabled{cursor:default}",
+	".ci-preset-group .ci-preset-tool-list{margin:0;padding-left:26px}",
+	".ci-preset-picker-trigger{height:36px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border:none;border-radius:var(--dsw-radius-md,12px);background:var(--dsw-alias-bg-module-platform,rgba(38,49,72,.06));color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-size:14px;font-weight:400;line-height:22px;cursor:pointer;outline:none;max-width:280px;flex:none;white-space:nowrap}",
+	".ci-preset-picker-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
+	".ci-preset-picker-trigger:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px}",
+	".ci-preset-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}",
+	".ci-preset-picker-chevron{color:var(--dsw-alias-label-tertiary,#81858c);flex:none;display:inline-grid;place-items:center;transition:transform .12s}",
+	".ci-preset-picker-chevron-open{transform:rotate(180deg)}",
+	".ci-settings-subtitle{margin:0 0 6px;color:var(--dsw-alias-label-primary,#0f1115);font-size:14px;line-height:22px}",
+	".ci-preset-tool-list{list-style:none;margin:0;padding:0}",
+	".ci-preset-tool-row{display:flex;align-items:center;gap:16px}",
+	".ci-preset-tool-copy{display:grid;min-width:0;flex:1}",
+	".ci-preset-tool-name{color:var(--dsw-alias-label-primary,#0f1115);font-weight:600;overflow-wrap:anywhere}",
+	".ci-preset-tool-description{color:var(--dsw-alias-label-tertiary,#81858c);line-height:18px;overflow-wrap:anywhere}",
+	".ci-preset-item{list-style:none}",
+	".ci-preset-disclosure{display:block}",
+	".ci-preset-spacer{width:18px;flex:none}",
+	".ci-preset-detail{padding:0 0 10px 24px;color:var(--dsw-alias-label-tertiary,#81858c);line-height:18px;overflow-wrap:anywhere}",
+	".ci-preset-kinds{margin:0}",
+	".ci-preset-kinds .ci-tabs{display:inline-flex}",
+	".ci-preset-kinds .ci-tab{flex:0 0 auto;padding:0 12px}",
+	".ci-source-header:hover .ci-folder-icon{opacity:1 !important}",
+	".ci-reconnect{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.14));background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-secondary,#61666b);border-radius:8px;padding:3px 9px;font-size:12px;line-height:1.4;cursor:pointer;font-family:inherit;flex:none}",
+	".ci-reconnect:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));color:var(--dsw-alias-label-primary,#0f1115)}",
+	".ci-reconnect:disabled{opacity:.7;cursor:default}",
+	".ci-reconnect:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px}",
+	".ci-reconnect-glyph{display:inline-grid;place-items:center;width:12px;height:12px}",
+	".ci-reconnect-busy .ci-reconnect-glyph{animation:ci-reconnect-spin .8s linear infinite}",
+	"@keyframes ci-reconnect-spin{to{transform:rotate(360deg)}}",
+	"@media (prefers-reduced-motion: reduce){.ci-reconnect-busy .ci-reconnect-glyph{animation:none}}",
+	".ci-source-divider{list-style:none}",
+	".ci-feedback-link{display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:18px;text-decoration:none;cursor:pointer}",
+	".ci-feedback-link:hover{color:var(--dsw-alias-label-primary,#0f1115);text-decoration:underline}",
+	".ci-feedback-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px;border-radius:3px}",
+	".ci-feedback-icon{display:inline-grid;place-items:center;flex:none}",
+	".ci-settings-link{border:0;background:none;padding:0;font-family:inherit}",
+	"@media (prefers-reduced-motion: reduce){.ci-thumb,.ci-panel,.ci-collapse,.ci-chevron svg{transition:none !important}}"
+].join("\n");
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/visuallyHidden.mjs
+const visuallyHiddenBase = {
+	clipPath: "inset(50%)",
+	overflow: "hidden",
+	whiteSpace: "nowrap",
+	border: 0,
+	padding: 0,
+	width: 1,
+	height: 1,
+	margin: -1
+};
+const visuallyHidden = {
+	...visuallyHiddenBase,
+	position: "fixed",
+	top: 0,
+	left: 0
+};
+const visuallyHiddenInput = {
+	...visuallyHiddenBase,
+	position: "absolute"
+};
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/root/SwitchRootContext.mjs
+const SwitchRootContext = /* @__PURE__ */ react.createContext(void 0);
+function useSwitchRootContext() {
+	const context = react.useContext(SwitchRootContext);
+	if (context === void 0) throw new Error(formatErrorMessage_default(63));
+	return context;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-constants/constants.mjs
+const DEFAULT_VALIDITY_STATE = {
+	badInput: false,
+	customError: false,
+	patternMismatch: false,
+	rangeOverflow: false,
+	rangeUnderflow: false,
+	stepMismatch: false,
+	tooLong: false,
+	tooShort: false,
+	typeMismatch: false,
+	valid: null,
+	valueMissing: false
+};
+const DEFAULT_FIELD_STATE_ATTRIBUTES = {
+	valid: null,
+	touched: false,
+	dirty: false,
+	filled: false,
+	focused: false
+};
+const DEFAULT_FIELD_ROOT_STATE = {
+	disabled: false,
+	...DEFAULT_FIELD_STATE_ATTRIBUTES
+};
+const fieldValidityMapping = { valid(value) {
+	if (value === null) return null;
+	if (value) return { "data-valid": "" };
+	return { "data-invalid": "" };
+} };
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/stateAttributesMapping.mjs
+const stateAttributesMapping$1 = {
+	...fieldValidityMapping,
+	checked(value) {
+		if (value) return { "data-checked": "" };
+		return { "data-unchecked": "" };
+	}
+};
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-root-context/FieldRootContext.mjs
+const DEFAULT_FIELD_ROOT_CONTEXT = {
+	invalid: void 0,
+	name: void 0,
+	validityData: {
+		state: DEFAULT_VALIDITY_STATE,
+		errors: [],
+		error: "",
+		value: "",
+		initialValue: null
+	},
+	setValidityData: NOOP,
+	disabled: void 0,
+	setTouched: NOOP,
+	setDirty: NOOP,
+	setFilled: NOOP,
+	setFocused: NOOP,
+	validationMode: "onSubmit",
+	shouldValidateOnChange: () => false,
+	state: DEFAULT_FIELD_ROOT_STATE,
+	registerFieldControl: NOOP,
+	validation: {
+		getValidationProps: (_disabled, props = EMPTY_OBJECT) => props,
+		inputRef: { current: null },
+		registeredInputs: /* @__PURE__ */ new Map(),
+		registerInput: NOOP,
+		getInputControl: () => null,
+		commit: async () => {},
+		change: NOOP
+	}
+};
+const FieldRootContext = /* @__PURE__ */ react.createContext(DEFAULT_FIELD_ROOT_CONTEXT);
+function useFieldRootContext(optional = true) {
+	const context = react.useContext(FieldRootContext);
+	if (context.setValidityData === NOOP && !optional) throw new Error(formatErrorMessage_default(28));
+	return context;
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/field-register-control/useRegisterFieldControl.mjs
+function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true, name) {
+	const { registerFieldControl } = useFieldRootContext();
+	const sourceRef = useRefWithInit(() => Symbol());
 	useIsoLayoutEffect(() => {
-		const panel = panelRef.current;
-		if (!panel) return;
-		if (!open && pendingTemporaryStyleRestoreRef.current) restorePendingTemporaryStyle();
-		const animationType = getAnimationType(panel, shouldPreventOpenAnimation);
-		animationTypeRef.current = animationType;
-		if (open && transitionStatus === "idle" && shouldPreventMountAnimationRef.current && animationType === "css-animation") {
-			lastMeasuredDimensionsRef.current = getDimensions$1(panel);
-			return;
-		}
-		if (open && transitionStatus === "starting") {
-			const skipNextOpen = shouldSkipNextOpenRef.current;
-			shouldSkipNextOpenRef.current = false;
-			if (animationType === "none") {
-				setDimensions(getDimensions$1(panel));
-				setForcePanelIdle(true);
-				return;
-			}
-			if (animationType === "css-transition") {
-				const restoreLayoutStyles = resetLayoutStyles(panel);
-				setDimensions(getDimensions$1(panel));
-				if (!skipNextOpen) return restoreLayoutStyles;
-				setPendingTemporaryStyleRestore(setTemporaryStyle(panel, "transition-duration", "0s"));
-				setForcePanelIdle(true);
-				return restoreLayoutStyles;
-			}
-			setDimensions(getDimensions$1(panel));
-			const restoreAnimationName = setTemporaryStyle(panel, "animation-name", "none");
-			if (!skipNextOpen) {
-				restoreAnimationName();
-				return;
-			}
-			const restoreAnimationDuration = setTemporaryStyle(panel, "animation-duration", "0s");
-			restoreAnimationName();
-			setPendingTemporaryStyleRestore(restoreAnimationDuration);
-			setForcePanelIdle(true);
-			return;
-		}
-		if (!open && mounted && (transitionStatus === "idle" || transitionStatus === "starting")) {
-			shouldPreventMountAnimationRef.current = false;
-			shouldPreventActivityResumeAnimationRef.current = false;
-			if (animationType === "none") {
-				setDimensions(EMPTY_DIMENSIONS, false);
-				setMounted(false);
-				return;
-			}
-			setDimensions(getDimensions$1(panel));
-			return;
-		}
-		if (transitionStatus !== "ending") return;
-		if (animationType === "none") {
-			setMounted(false);
-			return;
-		}
-		const nextDimensions = getDimensions$1(panel);
-		if (!(nextDimensions.height > 0 || nextDimensions.width > 0)) {
-			setMounted(false);
+		const source = sourceRef.current;
+		if (!enabled) {
+			registerFieldControl(source, void 0);
 			return;
 		}
-		setDimensions(nextDimensions);
-		if (animationType === "css-animation") setTemporaryStyle(panel, "animation-name", "none")();
+		registerFieldControl(source, {
+			controlRef,
+			getValue: getFormValueOverride,
+			id,
+			name,
+			value
+		});
 	}, [
-		mounted,
-		open,
-		restorePendingTemporaryStyle,
-		setDimensions,
-		setMounted,
-		setPendingTemporaryStyleRestore,
-		shouldPreventOpenAnimation,
-		transitionStatus
+		controlRef,
+		enabled,
+		getFormValueOverride,
+		id,
+		name,
+		registerFieldControl,
+		sourceRef,
+		value
 	]);
-	useOpenChangeComplete({
-		enabled: open && mounted && panelTransitionStatus === "idle",
-		open: true,
-		ref: panelRef,
-		onComplete() {
-			if (!open) return;
-			setDimensions(EMPTY_DIMENSIONS, false);
+	useIsoLayoutEffect(() => {
+		const source = sourceRef.current;
+		return () => {
+			registerFieldControl(source, void 0);
+		};
+	}, [registerFieldControl, sourceRef]);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/form-context/FormContext.mjs
+const FormContext = /* @__PURE__ */ react.createContext({
+	elementRef: { current: null },
+	formRef: { current: { fields: /* @__PURE__ */ new Map() } },
+	errors: {},
+	clearErrors: NOOP,
+	validationMode: "onSubmit",
+	submitAttemptedRef: { current: false }
+});
+function useFormContext() {
+	return react.useContext(FormContext);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/LabelableContext.mjs
+/**
+* A context for providing [labelable elements](https://html.spec.whatwg.org/multipage/forms.html#category-label)\
+* with an accessible name (label) and description.
+*/
+const LabelableContext = /* @__PURE__ */ react.createContext({
+	controlId: void 0,
+	registerControlId: NOOP,
+	labelId: void 0,
+	setLabelId: NOOP,
+	messageIds: [],
+	setMessageIds: NOOP,
+	getDescriptionProps: (externalProps) => externalProps
+});
+function useLabelableContext() {
+	return react.useContext(LabelableContext);
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/useAriaLabelledBy.mjs
+function useAriaLabelledBy(explicitAriaLabelledBy, labelId, labelSourceRef, enableFallback = true, labelSourceId) {
+	const [fallbackAriaLabelledBy, setFallbackAriaLabelledBy] = react.useState();
+	const generatedLabelId = useBaseUiId(labelSourceId ? `${labelSourceId}-label` : void 0);
+	const ariaLabelledBy = explicitAriaLabelledBy ?? labelId ?? fallbackAriaLabelledBy;
+	useIsoLayoutEffect(() => {
+		const nextAriaLabelledBy = explicitAriaLabelledBy || labelId || !enableFallback ? void 0 : getAriaLabelledBy(labelSourceRef.current, generatedLabelId);
+		if (fallbackAriaLabelledBy !== nextAriaLabelledBy) setFallbackAriaLabelledBy(nextAriaLabelledBy);
+	});
+	return ariaLabelledBy;
+}
+function getAriaLabelledBy(labelSource, generatedLabelId) {
+	const label = findAssociatedLabel(labelSource);
+	if (!label) return;
+	if (!label.id && generatedLabelId) label.id = generatedLabelId;
+	return label.id || void 0;
+}
+function findAssociatedLabel(labelSource) {
+	if (!labelSource) return;
+	const parent = labelSource.parentElement;
+	if (parent && parent.tagName === "LABEL") return parent;
+	const controlId = labelSource.id;
+	if (controlId) {
+		const nextSibling = labelSource.nextElementSibling;
+		if (nextSibling && nextSibling.htmlFor === controlId) return nextSibling;
+	}
+	const labels = labelSource.labels;
+	return labels && labels[0];
+}
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/labelable-provider/useLabelableId.mjs
+function useLabelableId(params = {}) {
+	const { id, implicit = false, controlRef } = params;
+	const { controlId, registerControlId } = useLabelableContext();
+	const defaultId = useBaseUiId(id);
+	const controlIdForEffect = implicit ? controlId : void 0;
+	const controlSourceRef = useRefWithInit(() => Symbol());
+	const hasRegisteredRef = react.useRef(false);
+	const hadExplicitIdRef = react.useRef(id != null);
+	const unregisterControlId = useStableCallback(() => {
+		if (!hasRegisteredRef.current || registerControlId === NOOP) return;
+		hasRegisteredRef.current = false;
+		registerControlId(controlSourceRef.current, void 0);
+	});
+	useIsoLayoutEffect(() => {
+		if (registerControlId === NOOP) return;
+		let nextId;
+		if (implicit) {
+			const elem = controlRef?.current;
+			if (isElement(elem) && elem.closest("label") != null) nextId = id ?? null;
+			else nextId = controlIdForEffect ?? defaultId;
+		} else if (id != null) {
+			hadExplicitIdRef.current = true;
+			nextId = id;
+		} else if (hadExplicitIdRef.current) nextId = defaultId;
+		else {
+			unregisterControlId();
+			return;
 		}
-	});
-	react.useEffect(() => {
-		if (open || !mounted || panelTransitionStatus !== "ending") return;
-		if (!panelRef.current) return;
-		const abortController = new AbortController();
-		let endingStyleFrame = -1;
-		function handleComplete() {
-			if (latestOpenRef.current) return;
-			setMounted(false);
-			setDimensions(EMPTY_DIMENSIONS, false);
+		if (nextId === void 0) {
+			unregisterControlId();
+			return;
 		}
-		endingStyleFrame = AnimationFrame.request(() => {
-			runOnceCloseAnimationsFinish(handleComplete, abortController.signal);
-		});
-		return () => {
-			AnimationFrame.cancel(endingStyleFrame);
-			abortController.abort();
-		};
+		hasRegisteredRef.current = true;
+		registerControlId(controlSourceRef.current, nextId);
 	}, [
-		latestOpenRef,
-		mounted,
-		open,
-		panelTransitionStatus,
-		runOnceCloseAnimationsFinish,
-		setDimensions,
-		setMounted
+		id,
+		controlRef,
+		controlIdForEffect,
+		registerControlId,
+		implicit,
+		defaultId,
+		controlSourceRef,
+		unregisterControlId
 	]);
-	useIsoLayoutEffect(() => {
-		const panel = panelRef.current;
-		if (!panel || !hiddenUntilFound || !hidden) return;
-		panel.setAttribute("hidden", "until-found");
-	}, [hidden, hiddenUntilFound]);
-	react.useEffect(function registerBeforeMatchListener() {
-		const panel = panelRef.current;
-		if (!panel) return;
-		function handleBeforeMatch(event) {
-			const eventDetails = createChangeEventDetails(none, event);
-			onOpenChange(true, eventDetails);
-			if (eventDetails.isCanceled) return;
-			shouldSkipNextOpenRef.current = true;
-			setOpen(true);
-		}
-		return addEventListener(panel, "beforematch", handleBeforeMatch);
-	}, [onOpenChange, setOpen]);
-	const shouldRender = keepMounted || hiddenUntilFound || mounted || open;
-	return {
-		height: renderedDimensions.height,
-		props: {
-			...shouldPersistHiddenTransitionStyles ? { [CollapsiblePanelDataAttributes.startingStyle]: "" } : void 0,
-			hidden,
-			id: idParam
-		},
-		ref: mergedPanelRef,
-		shouldPreventOpenAnimation,
-		shouldRender,
-		transitionStatus: panelTransitionStatus,
-		width: renderedDimensions.width
-	};
-}
-function getDimensions$1(element) {
-	return {
-		height: element.scrollHeight,
-		width: element.scrollWidth
-	};
-}
-function getAnimationType(element, hasSuppressedMountAnimation) {
-	const panelStyles = getWindow(element).getComputedStyle(element);
-	const hasAnimation = (panelStyles.animationName.split(",").map((name) => name.trim()).some((name) => name !== "" && name !== "none") || hasSuppressedMountAnimation) && hasNonZeroDuration(panelStyles.animationDuration);
-	const hasTransition = hasNonZeroDuration(panelStyles.transitionDuration);
-	if (hasAnimation && hasTransition) return "css-transition";
-	if (hasTransition) return "css-transition";
-	if (hasAnimation) return "css-animation";
-	return "none";
+	react.useEffect(() => {
+		return unregisterControlId;
+	}, [unregisterControlId]);
+	return controlId ?? defaultId;
 }
-function hasNonZeroDuration(value) {
-	return value.split(",").map((part) => part.trim()).some((part) => part !== "" && Number.parseFloat(part) > 0);
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/internals/useValueChanged.mjs
+function useValueChanged(value, onChange) {
+	const valueRef = react.useRef(value);
+	const onChangeCallback = useStableCallback(onChange);
+	useIsoLayoutEffect(() => {
+		if (valueRef.current !== value) onChangeCallback(valueRef.current);
+		valueRef.current = value;
+	}, [value, onChangeCallback]);
 }
-/**
-* Temporarily overrides an inline style property and returns a cleanup that
-* restores the previous inline value and priority.
-* @param element - The element whose inline style should be updated.
-* @param property - The CSS property name to override.
-* @param value - The temporary value to assign.
-* @returns A cleanup function that restores the original inline style state.
-*/
-function setTemporaryStyle(element, property, value) {
-	const previousValue = element.style.getPropertyValue(property);
-	const previousPriority = element.style.getPropertyPriority(property);
-	element.style.setProperty(property, value);
-	return () => {
-		if (previousValue === "") {
-			element.style.removeProperty(property);
-			return;
+
+//#endregion
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/root/SwitchRoot.mjs
+const SwitchRoot = /* @__PURE__ */ react.forwardRef(function SwitchRoot$1(componentProps, forwardedRef) {
+	const { checked: checkedProp, className, defaultChecked, "aria-labelledby": ariaLabelledByProp, form, id: idProp, inputRef: externalInputRef, name: nameProp, nativeButton = false, onCheckedChange, readOnly = false, required = false, disabled: disabledProp = false, render, uncheckedValue, value, style,...elementProps } = componentProps;
+	const { clearErrors } = useFormContext();
+	const { state: fieldState, setTouched, setDirty, validityData, setFilled, setFocused, validationMode, disabled: fieldDisabled, name: fieldName, validation } = useFieldRootContext();
+	const { labelId } = useLabelableContext();
+	const disabled$1 = fieldDisabled || disabledProp;
+	const name = fieldName ?? nameProp;
+	const inputRef = react.useRef(null);
+	const handleInputRef = useMergedRefs(inputRef, externalInputRef, validation.inputRef);
+	const switchRef = react.useRef(null);
+	const id = useBaseUiId();
+	const controlId = useLabelableId({
+		id: idProp,
+		implicit: false,
+		controlRef: switchRef
+	});
+	const hiddenInputId = nativeButton ? void 0 : controlId;
+	const [checked, setCheckedState] = useControlled({
+		controlled: checkedProp,
+		default: Boolean(defaultChecked),
+		name: "Switch",
+		state: "checked"
+	});
+	useRegisterFieldControl(switchRef, id, checked, void 0, !disabled$1, nameProp);
+	useIsoLayoutEffect(() => {
+		if (inputRef.current) setFilled(inputRef.current.checked);
+	}, [setFilled]);
+	useValueChanged(checked, () => {
+		clearErrors(name);
+		setDirty(checked !== validityData.initialValue);
+		setFilled(checked);
+		validation.change(checked);
+	});
+	const { getButtonProps, buttonRef } = useButton({
+		disabled: disabled$1,
+		native: nativeButton
+	});
+	const ariaLabelledBy = useAriaLabelledBy(ariaLabelledByProp, labelId, inputRef, !nativeButton, hiddenInputId);
+	const rootProps = {
+		id: nativeButton ? controlId : id,
+		role: "switch",
+		"aria-checked": checked,
+		"aria-readonly": readOnly || void 0,
+		"aria-required": required || void 0,
+		"aria-labelledby": ariaLabelledBy,
+		onFocus() {
+			if (!disabled$1) setFocused(true);
+		},
+		onBlur() {
+			const element$1 = inputRef.current;
+			if (!element$1 || disabled$1) return;
+			setTouched(true);
+			setFocused(false);
+			if (validationMode === "onBlur") validation.commit(element$1.checked);
+		},
+		onClick(event) {
+			if (readOnly || disabled$1) return;
+			event.preventDefault();
+			const input = inputRef.current;
+			if (!input) return;
+			dispatchClickWithModifiers(input, event);
 		}
-		element.style.setProperty(property, previousValue, previousPriority);
 	};
-}
-/**
-* Temporarily resets inline alignment styles that can distort scroll-based
-* size measurements, then restores them on the next animation frame.
-* @param element - The panel element being measured.
-* @returns A cleanup function that cancels the scheduled restore and reapplies
-* the original inline layout styles immediately.
-*/
-function resetLayoutStyles(element) {
-	const originalLayoutStyles = {
-		"justify-content": element.style.justifyContent,
-		"align-items": element.style.alignItems,
-		"align-content": element.style.alignContent,
-		"justify-items": element.style.justifyItems
+	const inputProps = {
+		...validation.getValidationProps(disabled$1),
+		checked,
+		disabled: disabled$1,
+		form,
+		id: hiddenInputId,
+		name,
+		required,
+		style: name ? visuallyHiddenInput : visuallyHidden,
+		tabIndex: -1,
+		type: "checkbox",
+		"aria-hidden": true,
+		ref: handleInputRef,
+		onChange(event) {
+			if (event.nativeEvent.defaultPrevented) return;
+			if (readOnly) {
+				event.preventDefault();
+				return;
+			}
+			const nextChecked = event.currentTarget.checked;
+			const eventDetails = createChangeEventDetails(none, event.nativeEvent);
+			onCheckedChange?.(nextChecked, eventDetails);
+			if (eventDetails.isCanceled) return;
+			setCheckedState(nextChecked);
+		},
+		onClick(event) {
+			event.stopPropagation();
+		},
+		onFocus() {
+			switchRef.current?.focus();
+		},
+		...value !== void 0 ? { value } : EMPTY_OBJECT
 	};
-	Object.keys(originalLayoutStyles).forEach((key) => {
-		element.style.setProperty(key, "initial", "important");
+	const state = react.useMemo(() => ({
+		...fieldState,
+		checked,
+		disabled: disabled$1,
+		readOnly,
+		required
+	}), [
+		fieldState,
+		checked,
+		disabled$1,
+		readOnly,
+		required
+	]);
+	const element = useRenderElement("span", componentProps, {
+		state,
+		ref: [
+			forwardedRef,
+			switchRef,
+			buttonRef
+		],
+		props: [
+			rootProps,
+			elementProps,
+			getButtonProps,
+			(props) => validation.getValidationProps(disabled$1, props)
+		],
+		stateAttributesMapping: stateAttributesMapping$1
 	});
-	function restoreLayoutStyles() {
-		Object.entries(originalLayoutStyles).forEach(([key, value]) => {
-			if (value === "") {
-				element.style.removeProperty(key);
-				return;
-			}
-			element.style.setProperty(key, value);
-		});
-	}
-	const frame = AnimationFrame.request(restoreLayoutStyles);
-	return () => {
-		AnimationFrame.cancel(frame);
-		restoreLayoutStyles();
-	};
-}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(SwitchRootContext.Provider, {
+		value: state,
+		children: [
+			element,
+			!checked && name && uncheckedValue !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "hidden",
+				form,
+				name,
+				value: uncheckedValue,
+				disabled: disabled$1
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				...inputProps,
+				suppressHydrationWarning: true
+			})
+		]
+	});
+});
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanelCssVars.mjs
-let CollapsiblePanelCssVars = /* @__PURE__ */ function(CollapsiblePanelCssVars$1) {
-	/**
-	* The collapsible panel's height.
-	* @type {number}
-	*/
-	CollapsiblePanelCssVars$1["collapsiblePanelHeight"] = "--collapsible-panel-height";
-	/**
-	* The collapsible panel's width.
-	* @type {number}
-	*/
-	CollapsiblePanelCssVars$1["collapsiblePanelWidth"] = "--collapsible-panel-width";
-	return CollapsiblePanelCssVars$1;
-}({});
+//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/switch/thumb/SwitchThumb.mjs
+/**
+* The movable part of the switch that indicates whether the switch is on or off.
+* Renders a `<span>`.
+*
+* Documentation: [Base UI Switch](https://base-ui.com/react/components/switch)
+*/
+const SwitchThumb = /* @__PURE__ */ react.forwardRef(function SwitchThumb$1(componentProps, forwardedRef) {
+	const { render, className, style,...elementProps } = componentProps;
+	return useRenderElement("span", componentProps, {
+		state: useSwitchRootContext(),
+		ref: forwardedRef,
+		stateAttributesMapping: stateAttributesMapping$1,
+		props: elementProps
+	});
+});
 
 //#endregion
-//#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/collapsible/panel/CollapsiblePanel.mjs
+//#region src/client/switch.ts
 /**
-* A panel with the collapsible contents.
-* Renders a `<div>` element.
+* The capability switch, in one place for both panels.
 *
-* Documentation: [Base UI Collapsible](https://base-ui.com/react/components/collapsible)
+* dsh 0.1.7 ships a design-system `Switch` (36×20 capsule, brand-primary on
+* state, its own disabled dimming and focus ring) — using it keeps the panel's
+* toggles pixel-identical to every settings page the host ships, which is the
+* alignment this file exists for. Hosts older than that export fall back to
+* the local Base UI rendition below, so one build still serves both
+* generations; the probe runs per call, the same way the icon table resolves.
 */
-const CollapsiblePanel = /* @__PURE__ */ react.forwardRef(function CollapsiblePanel$1(componentProps, forwardedRef) {
-	const { className, hiddenUntilFound: hiddenUntilFoundProp, keepMounted: keepMountedProp, render, id: idProp, style,...elementProps } = componentProps;
-	const { defaultPanelId, mounted, onOpenChange, open, setMounted, setPanelIdState, setOpen, state, transitionStatus } = useCollapsibleRootContext();
-	const hiddenUntilFound = hiddenUntilFoundProp ?? false;
-	const keepMounted = keepMountedProp ?? false;
-	const registeredId = idProp || void 0;
-	const id = registeredId ?? defaultPanelId;
-	useIsoLayoutEffect(() => {
-		setPanelIdState((currentId) => registeredId ?? (currentId === null ? void 0 : currentId));
-		return () => {
-			setPanelIdState((currentId) => currentId === registeredId ? null : currentId);
-		};
-	}, [registeredId, setPanelIdState]);
-	const { height, props, ref, shouldPreventOpenAnimation, shouldRender, transitionStatus: panelTransitionStatus, width } = useCollapsiblePanel({
-		externalRef: forwardedRef,
-		hiddenUntilFound,
-		id,
-		keepMounted,
-		mounted,
-		onOpenChange,
-		open,
-		setMounted,
-		setOpen,
-		transitionStatus
-	});
-	const panelState = {
-		...state,
-		transitionStatus: panelTransitionStatus
-	};
-	const resolvedStyle = resolveStyle(style, panelState);
-	const element = useRenderElement("div", {
-		...componentProps,
-		style: void 0
-	}, {
-		state: panelState,
-		ref,
-		props: [
-			props,
-			{ style: {
-				[CollapsiblePanelCssVars.collapsiblePanelHeight]: height === void 0 ? "auto" : `${height}px`,
-				[CollapsiblePanelCssVars.collapsiblePanelWidth]: width === void 0 ? "auto" : `${width}px`
-			} },
-			elementProps,
-			resolvedStyle ? { style: resolvedStyle } : void 0,
-			shouldPreventOpenAnimation ? { style: { animationName: "none" } } : void 0
-		],
-		stateAttributesMapping: collapsibleStateAttributesMapping
+function capabilitySwitch(options) {
+	const inert = options.disabled || options.busy;
+	const HostSwitch = __deepseek_ai_dsh_client_ui_primitives.Switch;
+	if (HostSwitch !== void 0) return react.createElement(HostSwitch, {
+		checked: options.checked,
+		onChange: options.onCheckedChange,
+		label: options.label,
+		disabled: inert
 	});
-	if (!shouldRender) return null;
-	return element;
-});
+	return react.createElement(SwitchRoot, {
+		className: "ci-switch",
+		checked: options.checked,
+		disabled: inert,
+		"aria-label": options.label,
+		onCheckedChange: options.onCheckedChange,
+		style: {
+			position: "relative",
+			width: "32px",
+			height: "18px",
+			padding: 0,
+			border: "none",
+			borderRadius: "999px",
+			background: options.checked ? TOK.switchOn : TOK.switchOff,
+			cursor: inert ? "not-allowed" : "pointer",
+			opacity: options.busy ? .65 : 1,
+			flex: "0 0 auto"
+		}
+	}, react.createElement(SwitchThumb, {
+		className: "ci-thumb",
+		style: {
+			display: "block",
+			width: "14px",
+			height: "14px",
+			margin: "2px",
+			borderRadius: "999px",
+			background: TOK.switchThumb,
+			boxShadow: "0 1px 2px rgba(0,0,0,.22)",
+			transform: options.checked ? "translateX(14px)" : "translateX(0)",
+			transition: `transform .12s ${TOK.switchEase}`
+		}
+	}));
+}
 
 //#endregion
 //#region node_modules/.pnpm/@base-ui+utils@0.3.2_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/utils/platform/shared.mjs
@@ -4577,97 +4799,18 @@ const TabsList = /* @__PURE__ */ react.forwardRef(function TabsList$1(componentP
 });
 
 //#endregion
-//#region src/client/icons.ts
-/** Rendered when a host generation has neither name: the panel stays usable. */
-const MissingIcon = () => null;
-/**
-* Pick the first export name the host's primitives package actually provides.
-* Exported separately from the module-level constants so tests can drive every
-* branch with a fake table.
-*/
-function pickIcon(table$1, modern, legacy) {
-	const found = table$1[modern] ?? table$1[legacy];
-	return typeof found === "function" ? found : MissingIcon;
+//#region src/client/row-icon.ts
+/** A skill row leads with the host's own skill glyph. */
+function skillRowIcon() {
+	return react.createElement(IconSkill, { size: 14 });
 }
-const table = __deepseek_ai_dsh_client_ui_primitives;
-const IconChevronRight = pickIcon(table, "IconChevronRightOutlineRegular", "IconChevronRightOutline14");
-const IconContextInjection = pickIcon(table, "IconContextInjectionOutlineRegular", "IconContextInjectionOutline16");
-const IconFolderClose = pickIcon(table, "IconFolderCloseRegular", "IconFolderClose16");
-const IconSend = pickIcon(table, "IconSendOutlineRegular", "IconSendOutline14");
-const IconSearch = pickIcon(table, "IconSearchOutlineRegular", "IconSearchOutline16");
-const IconRefresh = pickIcon(table, "IconRefreshOutlineRegular", "IconRefreshOutline14");
-const IconChevronDown = pickIcon(table, "IconChevronDownOutlineRegular", "IconChevronDownOutline14");
-const IconSettings = pickIcon(table, "IconSettingsOutlineRegular", "IconSettingsOutline16");
-/**
-* Whether the host ships the 0.1.7 stroke-weight icon set. Exported as a
-* function so tests can drive both branches; the module constant resolves it
-* against the real package.
-*
-* One consumer: the footer settings entry. The `settings.open` keybinding that
-* entry drives shipped in the SAME host generation as the renamed icon set
-* (verified: 0.1.6's settings bundle has no such binding), so this is the
-* closest client-visible signal that the shortcut exists. If a future host
-* renames icons again this reads false and the entry hides — the safe
-* direction.
-*/
-function hasModernShell(table$1) {
-	return typeof table$1["IconSettingsOutlineRegular"] === "function";
+/** An MCP server row leads with the host's own extension glyph. */
+function serverRowIcon() {
+	return react.createElement(IconCordisPlugin, { size: 14 });
 }
-const HOST_HAS_MODERN_SHELL = hasModernShell(table);
-
-//#endregion
-//#region src/client/disclosure-row.ts
-/**
-* The chevron both panels use. Kept here rather than copied into each panel:
-* the two had already drifted apart in geometry once, which is exactly the
-* failure a shared control prevents.
-*/
-const chevronIcon = react.createElement("svg", {
-	width: 12,
-	height: 12,
-	viewBox: "0 0 16 16",
-	fill: "none",
-	"aria-hidden": true
-}, react.createElement("path", {
-	d: "M6 3.5 10.5 8 6 12.5",
-	stroke: "currentColor",
-	strokeWidth: 1.4,
-	strokeLinecap: "round",
-	strokeLinejoin: "round"
-}));
-/**
-* One capability row that may reveal detail.
-*
-* Both panels show the same kind of thing — a name, a switch, and detail worth
-* hiding until asked for — so both get the same affordance from one place. A
-* row with no detail renders no trigger at all rather than an empty one, and
-* takes a spacer so its name still lines up with the rows that do.
-*/
-function disclosureRow(options) {
-	if (!(options.detail !== void 0 && options.detail !== null && options.detail !== "")) return react.createElement("div", {
-		className: options.className,
-		...options.style === void 0 ? {} : { style: options.style }
-	}, react.createElement("div", { className: options.headerClassName }, react.createElement("span", {
-		"aria-hidden": true,
-		...options.spacerClassName === void 0 ? { style: {
-			width: "18px",
-			flex: "none"
-		} } : { className: options.spacerClassName }
-	}), options.heading, ...options.actions));
-	const disclosure = resolveDisclosure(options.expanded, options.filtering);
-	return react.createElement(CollapsibleRoot, {
-		open: disclosure.open,
-		onOpenChange: options.onOpenChange,
-		className: options.className,
-		...options.style === void 0 ? {} : { style: options.style }
-	}, react.createElement("div", { className: options.headerClassName }, react.createElement(CollapsibleTrigger, {
-		className: "ci-disclosure-trigger",
-		disabled: disclosure.disabled,
-		"aria-label": options.triggerLabel
-	}, react.createElement("span", {
-		className: "ci-chevron",
-		"aria-hidden": true
-	}, chevronIcon), options.heading), ...options.actions), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, options.detail));
+/** Every tool row leads with the host's unclassified-tool glyph. */
+function toolRowIcon() {
+	return react.createElement(IconSparkle, { size: 14 });
 }
 
 //#endregion
@@ -5078,7 +5221,7 @@ function PresetToolSection(props) {
 				opacity: 0,
 				transition: "opacity 0.15s"
 			}
-		}, react.createElement(IconFolderClose, { size: 12 })) : null, `${label} (${items.length})`), rule(true)));
+		}, react.createElement(IconFolderClose, { size: 14 })) : null, `${label} (${items.length})`), rule(true)));
 	};
 	const toggle$1 = (tool, presetId) => switchFor(tool.enabled, tool.reserved === true, tool.reserved === true ? t("preset.reserved", { name: tool.label }) : t(tool.enabled ? "action.disable" : "action.enable", { name: tool.label }), (checked) => {
 		setPresetTool(presetId, tool.name, checked);
@@ -5115,6 +5258,7 @@ function PresetToolSection(props) {
 			className: "ci-preset-disclosure",
 			headerClassName: "ci-row-head ci-preset-tool-row",
 			spacerClassName: "ci-preset-spacer",
+			icon: skillRowIcon(),
 			heading: react.createElement("span", { className: "ci-preset-tool-name" }, skill.name, skill.project === true ? react.createElement("span", { className: "ci-preset-badge" }, t("preset.projectSkill")) : null),
 			actions: [switchFor(skill.enabled, false, t(skill.enabled ? "action.disable" : "action.enable", { name: skill.name }), (checked) => {
 				setPresetSkill(presetId, skill.name, checked);
@@ -5141,6 +5285,7 @@ function PresetToolSection(props) {
 			className: "ci-preset-disclosure",
 			headerClassName: "ci-row-head ci-preset-tool-row",
 			spacerClassName: "ci-preset-spacer",
+			icon: toolRowIcon(),
 			heading: react.createElement("span", { className: "ci-preset-tool-name" }, tool.label),
 			actions: [toggle$1(tool, presetId)],
 			...tool.description === void 0 ? {} : { detail: react.createElement("div", { className: "ci-preset-detail" }, tool.description) }
@@ -5174,10 +5319,7 @@ function PresetToolSection(props) {
 						[key]: next
 					}));
 				}
-			}, react.createElement(CollapsibleTrigger, { className: "ci-preset-part-trigger" }, react.createElement("span", {
-				className: "ci-chevron",
-				"aria-hidden": true
-			}, chevronIcon), react.createElement("h3", { className: "ci-preset-part-title" }, title)), react.createElement("p", { className: "ci-preset-part-sub" }, t("group.count", {
+			}, react.createElement(CollapsibleTrigger, { className: "ci-preset-part-trigger" }, react.createElement(IconTriangleRight, { size: 14 }), react.createElement("h3", { className: "ci-preset-part-title" }, title)), react.createElement("p", { className: "ci-preset-part-sub" }, t("group.count", {
 				shown,
 				total
 			})), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, react.createElement("ul", { className: "ci-preset-tool-list" }, ...rows))));
@@ -5200,10 +5342,7 @@ function PresetToolSection(props) {
 			}, react.createElement("div", { className: "ci-row-head ci-preset-tool-row" }, react.createElement(CollapsibleTrigger, {
 				className: "ci-disclosure-trigger ci-preset-server-trigger",
 				disabled: disclosure.disabled
-			}, react.createElement("span", {
-				className: "ci-chevron",
-				"aria-hidden": true
-			}, chevronIcon), react.createElement("span", { className: "ci-preset-tool-copy" }, react.createElement("span", { className: "ci-preset-tool-name" }, server.server), server.unavailable === true ? null : react.createElement("span", { className: "ci-preset-tool-description" }, server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })))), server.unavailable === true ? react.createElement("span", {
+			}, leadingFor(serverRowIcon(), disclosure.open), react.createElement("span", { className: "ci-preset-tool-copy" }, react.createElement("span", { className: "ci-preset-tool-name" }, server.server), server.unavailable === true ? null : react.createElement("span", { className: "ci-preset-tool-description" }, server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })))), server.unavailable === true ? react.createElement("span", {
 				className: "ci-preset-badge",
 				title: t("server.unavailableHint")
 			}, t("server.unavailable")) : switchFor(server.enabled, false, t(server.enabled ? "action.disable" : "action.enable", { name: server.server }), (checked) => {
@@ -5226,7 +5365,7 @@ function PresetToolSection(props) {
 			}, react.createElement("span", {
 				className: "ci-reconnect-glyph",
 				"aria-hidden": true
-			}, react.createElement(IconRefresh, { size: 12 })), t("action.reload.label")) : null), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, react.createElement("ul", { className: "ci-preset-tool-list" }, ...server.tools.map((tool) => toolRow(tool, selected.id, true))))));
+			}, react.createElement(IconRefresh, { size: 14 })), t("action.reload.label")) : null), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, react.createElement("ul", { className: "ci-preset-tool-list" }, ...server.tools.map((tool) => toolRow(tool, selected.id, true))))));
 		};
 		group("mcp", t("tab.mcp"), groupBy(view.mcp, (server) => server.source === void 0 || server.source === "host" ? "host" : `preset:${server.source}`).flatMap(([groupKey, items], i) => [sourceDivider(groupKey, items, i === 0), ...items.map((server) => serverRow(server))]), totals.mcp, view.mcp.length);
 		group("system", t("group.systemTools"), view.systemTools.map((tool) => toolRow(tool, selected.id, false)), totals.systemTools, view.systemTools.length);
@@ -5242,7 +5381,7 @@ function PresetToolSection(props) {
 	}, t("status.loading")) : null, state.payload === null ? null : react.createElement(react.Fragment, null, writable ? null : react.createElement("p", {
 		role: "note",
 		className: "ci-settings-note"
-	}, t("preset.readonly")), react.createElement("div", { className: "ci-preset-toolbar" }, react.createElement("div", { className: "ci-search" }, react.createElement(IconSearch, { size: 16 }), react.createElement(Input, {
+	}, t("preset.readonly")), react.createElement("div", { className: "ci-preset-toolbar" }, react.createElement("div", { className: "ci-search" }, react.createElement(IconSearch, { size: 14 }), react.createElement(Input, {
 		className: "ci-filter ci-preset-filter",
 		value: query,
 		placeholder: t("filter.placeholder"),
@@ -5343,6 +5482,41 @@ function PresetToolSection(props) {
 	})), body()));
 }
 
+//#endregion
+//#region src/client/preview.ts
+/**
+* Read the Host's sidebar navigation, or `undefined` when this deployment has
+* none. The returned closure keeps the service as its receiver: it is a live
+* object whose methods arrive through a guarding proxy, so detaching one and
+* calling it bare would drop `this`.
+* @param ctx - the plugin context; only its optional-lookup channel is used.
+* @returns an opener for a `dsh-resource://file/…` address, or `undefined`.
+*/
+function resolvePreviewOpener(ctx) {
+	const service = ctx.get("sidebarRight");
+	if (service === null || typeof service !== "object" && typeof service !== "function") return void 0;
+	const open = service.openResource;
+	if (typeof open !== "function") return void 0;
+	return (address) => {
+		open.call(service, address);
+	};
+}
+/**
+* Open a resource address in the Host's right sidebar, looking the service up
+* at the moment of the click rather than once when the panel activates.
+*
+* Cordis starts the sidebar's own fiber when IT is ready, which is not
+* necessarily before this panel's: resolving once at activation would read
+* `undefined` whenever the panel won that race and then never retry, silently
+* removing an action the row should have had — a failure with no error to see.
+* The Host's own skill package avoids the race by declaring `sidebarRight` as a
+* required inject, which cordis holds the fiber for; this panel cannot afford
+* that, since an absent sidebar would take the skills/MCP/tools panel with it.
+*/
+function openPreviewResource(ctx, address) {
+	resolvePreviewOpener(ctx)?.(address);
+}
+
 //#endregion
 //#region node_modules/.pnpm/@base-ui+react@1.7.0_@types+react@18.3.31_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/floating-ui-react/hooks/useHoverShared.mjs
 function resolveValue(value, pointerType) {
@@ -11112,15 +11286,24 @@ function apply(ctx) {
 			style.remove();
 		};
 	}, "capability-panel: stylesheet");
-	/** Host iconography: the panel inspects what lands in the session's context. */
-	const layersIcon = (size$3) => h(IconContextInjection, { size: size$3 });
+	/** The trigger's mark: the host's sliders artwork, the same family its own
+	*  option popovers wear (ui-workspace draws the two-row sibling). The panel
+	*  is a set of per-session switches, and the glyph it replaced — the host's
+	*  context-injection box — read as one more box-with-an-arrow. */
+	const slidersIcon = (size$3) => h(IconSliders, { size: size$3 });
 	/** Magnifier sitting inside the filter input. */
 	const searchIcon = (size$3) => h(IconSearch, { size: size$3 });
-	/** Paper plane: the row action lands the command in the composer,
-	*  ready for the user's own Enter. */
-	const insertIcon = (size$3) => h(IconSend, { size: size$3 });
+	/** Plus: the row action adds the skill's slash command to the composer draft.
+	*  The host uses this glyph for "add" everywhere (model, workspace, task), and
+	*  unlike the send arrow it makes no promise that anything is submitted. */
+	const insertIcon = (size$3) => h(IconPlus, { size: size$3 });
 	/** Circular arrows: pull a declared-but-offline server's connection up now. */
 	const reconnectIcon = (size$3) => h(IconRefresh, { size: size$3 });
+	/** Panel mark: the destination of the row action, so it wears the glyph both
+	*  host sidebars draw for the side panel (ui-sidebar-right's expand/collapse).
+	*  The arrow it replaced (↗) meant "open elsewhere" and sat beside a second
+	*  arrow. */
+	const previewIcon = (size$3) => h(IconPanelLeft, { size: size$3 });
 	/** The GitHub mark. Not in the host icon set (brand logos are not shipped
 	*  there), so this one path is inlined for the feedback link's recognizability. */
 	const githubIcon = (size$3) => h("svg", {
@@ -11286,7 +11469,7 @@ function apply(ctx) {
 					opacity: 0,
 					transition: "opacity 0.15s"
 				}
-			}, h(IconFolderClose, { size: 12 })) : null, `${label} (${count})`), rule(true));
+			}, h(IconFolderClose, { size: 14 })) : null, `${label} (${count})`), rule(true));
 		};
 		/** Group items by source, preserving order within each group. */
 		const groupBySource = (items, getSource) => {
@@ -11357,8 +11540,6 @@ function apply(ctx) {
 				if (sessionId !== null) setCapability(sessionId, kind, name, checked);
 			}
 		});
-		/** Right chevron the disclosure CSS rotates 90° when expanded. */
-		const chevronIcon$1 = h(IconChevronRight, { size: 12 });
 		const groupLabel = (text, first) => h("div", {
 			key: `group:${text}`,
 			style: {
@@ -11402,7 +11583,7 @@ function apply(ctx) {
 		* trigger owns only chevron + label; trailing actions remain independent
 		* buttons and never toggle the description.
 		*/
-		const disclosureRow$1 = (key, enabled, label, description, actions, className = ROW_ROOT_CLASS, sourceLabel) => {
+		const disclosureRow$1 = (key, enabled, label, description, actions, className = ROW_ROOT_CLASS, sourceLabel, rowIcon) => {
 			const hasDescription = description !== void 0 && description !== "";
 			const disclosure = resolveDisclosure(expanded[key] === true, filtering);
 			const ariaLabel = disclosureAria(label, "detail.description", disclosure);
@@ -11410,10 +11591,10 @@ function apply(ctx) {
 				key,
 				className,
 				style: { opacity: enabled ? 1 : .55 }
-			}, h("div", { className: ROW_HEADER_CLASS }, h("span", { style: {
+			}, h("div", { className: ROW_HEADER_CLASS }, rowIcon === void 0 ? h("span", { style: {
 				width: "18px",
 				flex: "none"
-			} }), nameText(label, sourceLabel), ...actions));
+			} }) : leadingStatic(rowIcon), nameText(label, sourceLabel), ...actions));
 			return h(CollapsibleRoot, {
 				key,
 				open: disclosure.open,
@@ -11426,10 +11607,7 @@ function apply(ctx) {
 				className: "ci-disclosure-trigger",
 				disabled: disclosure.disabled,
 				"aria-label": ariaLabel
-			}, h("span", {
-				className: "ci-chevron",
-				"aria-hidden": true
-			}, chevronIcon$1), nameText(label, sourceLabel)), ...actions), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { className: "ci-description" }, description)));
+			}, leadingFor(rowIcon, disclosure.open), nameText(label, sourceLabel)), ...actions), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { className: "ci-description" }, description)));
 		};
 		/**
 		* Put a skill's slash command into the composer — never auto-submit:
@@ -11449,14 +11627,22 @@ function apply(ctx) {
 			actions.setDraft(draft.trim() === "" ? `/${name} ` : `${draft} /${name} `);
 			close();
 		};
-		const insertButton = (name) => h("button", {
+		/**
+		* The row's hover-revealed action slot. `.ci-row-head .ci-send` keeps it
+		* invisible until the row is hovered or focused, so a row of controls stays
+		* quiet until the pointer is on it; both row actions share that slot and
+		* its 20×20 ghost chrome.
+		*
+		* The button carries `aria-label` only, no `title`: the host's own controls
+		* show a delayed `Tooltip` rather than the browser's instant native one,
+		* and the sibling action in this same slot has never had a title.
+		*/
+		const iconAction = (label, icon, onClick, disabled$1 = false) => h("button", {
 			type: "button",
 			className: "ci-iconbtn ci-send",
-			"aria-label": t("action.insert", { name }),
-			disabled: props.inputActions === void 0,
-			onClick: () => {
-				insertCommand(name);
-			},
+			"aria-label": label,
+			disabled: disabled$1,
+			onClick,
 			style: {
 				display: "grid",
 				placeItems: "center",
@@ -11467,18 +11653,38 @@ function apply(ctx) {
 				borderRadius: "999px",
 				background: "transparent",
 				color: TOK.textTertiary,
-				cursor: props.inputActions === void 0 ? "not-allowed" : "pointer",
+				cursor: disabled$1 ? "not-allowed" : "pointer",
 				flex: "none",
 				font: "inherit"
 			}
-		}, insertIcon(12));
+		}, icon);
+		const insertButton = (name) => iconAction(t("action.insert", { name }), insertIcon(12), () => {
+			insertCommand(name);
+		}, props.inputActions === void 0);
+		/**
+		* Show this skill's instruction file where the Host's own skill references
+		* show it: the right-sidebar preview, which renders its Markdown. The
+		* panel offers this whenever the row carries an address, which the Host
+		* computes from the skill's instruction file — a skill the runtime
+		* registered in memory has no file, and a Host predating the addressing
+		* grammar cannot name one, and both ship no address at all. The sidebar
+		* service itself is looked up on click, not here: see `preview.ts`.
+		*/
+		const previewButton = (skill) => {
+			const address = skill.fileAddress;
+			if (address === void 0) return null;
+			return iconAction(t("action.preview", { name: skill.name }), previewIcon(12), () => {
+				openPreviewResource(ctx, address);
+			});
+		};
 		const skillRow = (skill) => disclosureRow$1(`skill:${skill.name}`, skill.enabled, skill.name, skill.description, [
 			stateMeta(skill),
+			previewButton(skill),
 			insertButton(skill.name),
 			blockedChip(blocked[skill.name] ?? 0),
 			switchControl("skill", skill.name, skill.enabled)
-		], ROW_ROOT_CLASS);
-		const mcpToolRow = (tool, serverEnabled) => disclosureRow$1(`mcp-tool:${tool.name}`, tool.enabled, tool.label, tool.description, [blockedChip(blocked[tool.name] ?? 0), serverEnabled ? switchControl("mcp-tool", tool.name, tool.enabled) : null], MCP_TOOL_ROOT_CLASS);
+		], ROW_ROOT_CLASS, void 0, skillRowIcon());
+		const mcpToolRow = (tool, serverEnabled) => disclosureRow$1(`mcp-tool:${tool.name}`, tool.enabled, tool.label, tool.description, [blockedChip(blocked[tool.name] ?? 0), serverEnabled ? switchControl("mcp-tool", tool.name, tool.enabled) : null], MCP_TOOL_ROOT_CLASS, void 0, toolRowIcon());
 		const serverRow = (server) => {
 			const serverBlocked = server.tools.reduce((sum, tool) => sum + (blocked[tool.name] ?? 0), 0);
 			const key = `mcp:${server.server}`;
@@ -11509,10 +11715,7 @@ function apply(ctx) {
 					flex: "none",
 					font: "inherit"
 				}
-			}, h("span", {
-				className: "ci-chevron",
-				"aria-hidden": true
-			}, chevronIcon$1)), nameText(server.server), server.unavailable === true ? h("span", {
+			}, leadingFor(serverRowIcon(), disclosure.open)), nameText(server.server), server.unavailable === true ? h("span", {
 				className: "ci-preset-badge",
 				title: t("server.unavailableHint"),
 				style: { flex: "none" }
@@ -11528,14 +11731,14 @@ function apply(ctx) {
 			}, h("span", {
 				className: "ci-reconnect-glyph",
 				"aria-hidden": true
-			}, reconnectIcon(12)), t("action.reload.label")) : null, server.unavailable === true ? null : switchControl("mcp-server", server.server, server.enabled)), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { style: {
+			}, reconnectIcon(14)), t("action.reload.label")) : null, server.unavailable === true ? null : switchControl("mcp-server", server.server, server.enabled)), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { style: {
 				marginTop: "2px",
 				marginLeft: "4px",
 				paddingLeft: "8px",
 				borderLeft: `2px solid ${TOK.border}`
 			} }, ...server.tools.map((tool) => mcpToolRow(tool, server.enabled)))));
 		};
-		const systemRow = (tool) => disclosureRow$1(`sys:${tool.name}`, tool.enabled, tool.label, tool.description, [blockedChip(blocked[tool.name] ?? 0), tool.reserved === true ? null : switchControl("system-tool", tool.name, tool.enabled)]);
+		const systemRow = (tool) => disclosureRow$1(`sys:${tool.name}`, tool.enabled, tool.label, tool.description, [blockedChip(blocked[tool.name] ?? 0), tool.reserved === true ? null : switchControl("system-tool", tool.name, tool.enabled)], ROW_ROOT_CLASS, void 0, toolRowIcon());
 		const emptyNote = (text) => h("div", {
 			key: `empty:${text}`,
 			style: {
@@ -11632,7 +11835,7 @@ function apply(ctx) {
 				flex: "none",
 				font: "inherit"
 			}
-		}, layersIcon(14))), h(PopoverPortal, {}, h(PopoverPositioner, {
+		}, slidersIcon(14))), h(PopoverPortal, {}, h(PopoverPositioner, {
 			side: "top",
 			align: "end",
 			sideOffset: 8,
@@ -11682,7 +11885,7 @@ function apply(ctx) {
 			color: TOK.textTertiary,
 			display: "grid",
 			pointerEvents: "none"
-		} }, searchIcon(12)), h(Input, {
+		} }, searchIcon(14)), h(Input, {
 			className: "ci-filter",
 			value: query,
 			placeholder: t("filter.placeholder"),
@@ -11763,7 +11966,7 @@ function apply(ctx) {
 			}, h("span", {
 				className: "ci-feedback-icon",
 				"aria-hidden": true
-			}, h(IconSettings, { size: 12 })), t("footer.openSettings")) : h("span");
+			}, h(IconSettings, { size: 16 })), t("footer.openSettings")) : h("span");
 		})(), h("a", {
 			href: FEEDBACK_URL,
 			target: "_blank",