@qilin-agent/client-ui-sidebar 0.0.0-stage → 3.1.4

package/lib/client.js

@@ -0,0 +1,660 @@
+window.__ModuleLoader__.load({
+	id: "@qilin-agent/client-ui-sidebar",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let _qilin_agent_client_store = require("@qilin-agent/client-store");
+		let _qilin_agent_client_ui_slots = require("@qilin-agent/client-ui-slots");
+		let _qilin_agent_client_ui_primitives = require("@qilin-agent/client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		let react = require("react");
+		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-sidebar/src/client/HeaderLeadingControls.module.css.mjs
+		const css$1 = ".bVkeZq_controls{display:none}[data-sidebar-collapsed] .bVkeZq_controls{align-items:center;gap:8px;margin-right:8px;padding-left:68px;display:flex}html[data-platform=darwin] [data-sidebar-collapsed] .bVkeZq_controls{margin-top:4px}.bVkeZq_iconButton{corner-shape:round;width:28px;height:28px;color:var(--qilin-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.bVkeZq_iconButton:hover{background:var(--qilin-alias-interactive-bg-hover)}.bVkeZq_iconButton svg{width:15px;height:15px}";
+		const tagId$1 = "@qilin-agent/client-ui-sidebar/HeaderLeadingControls.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@qilin-agent/client-ui-sidebar";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var HeaderLeadingControls_module_css_default = {
+			"controls": "bVkeZq_controls",
+			"iconButton": "bVkeZq_iconButton"
+		};
+		//#endregion
+		//#region lib/types/client/HeaderLeadingControls.js
+		/** macOS-desktop conversation-header controls for the fully hidden sidebar. */
+		/**
+		* Sidebar-open and New Session controls in the conversation header's
+		* root-scoped leading seat, which the resident header renders with or without
+		* a selected Session. On macOS desktop a collapsed sidebar hides entirely (no
+		* rail), taking both controls off screen; this occupant puts them back beside
+		* the traffic lights. Mounted whenever the platform matches; visibility rides the
+		* AppFrame-published `data-sidebar-collapsed` attribute in CSS, so no
+		* collapse-state pipe is added here.
+		* @param props - Injected sidebar actions plus the sidebar locale seat.
+		* @returns the two header controls, or null off macOS desktop.
+		*/
+		function HeaderLeadingControls({ toggleSidebar, startSession, useShortcuts, t }) {
+			const shortcut = useShortcuts((rows) => rows.find((row) => row.id === "sidebar.left.toggle"));
+			const newShortcut = useShortcuts((rows) => rows.find((row) => row.id === "session.new"));
+			const newHint = newShortcut?.keys.length ? t("shortcut.hint", {
+				label: t("session.new.label"),
+				keys: newShortcut.keys.join(" ")
+			}) : t("session.new.label");
+			if (!(0, _qilin_agent_client_ui_primitives.isDarwinDesktop)()) return null;
+			return (0, react_jsx_runtime.jsxs)("div", {
+				className: HeaderLeadingControls_module_css_default.controls,
+				children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+					label: shortcut?.keys.length ? t("shortcut.hint", {
+						label: t("toggle.open"),
+						keys: shortcut.keys.join(" ")
+					}) : t("toggle.open"),
+					delayMs: 500,
+					children: (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: HeaderLeadingControls_module_css_default.iconButton,
+						"aria-label": t("toggle.open"),
+						"aria-keyshortcuts": shortcut?.aria,
+						onClick: () => {
+							toggleSidebar();
+						},
+						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPanelLeftOutline16, { size: 16 })
+					})
+				}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+					label: newHint,
+					delayMs: 500,
+					children: (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: HeaderLeadingControls_module_css_default.iconButton,
+						"aria-label": t("session.new.label"),
+						"aria-keyshortcuts": newShortcut?.aria,
+						onClick: () => {
+							startSession();
+						},
+						children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconNewChatOutline16, { size: 16 })
+					})
+				})]
+			});
+		}
+		//#endregion
+		//#region ../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+		function r(e) {
+			var t, f, n = "";
+			if ("string" == typeof e || "number" == typeof e) n += e;
+			else if ("object" == typeof e) if (Array.isArray(e)) {
+				var o = e.length;
+				for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+			} else for (f in e) e[f] && (n && (n += " "), n += f);
+			return n;
+		}
+		function clsx() {
+			for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+			return n;
+		}
+		//#endregion
+		//#region \0qilin-css:/home/runner/work/QiLin/QiLin/packages/client/ui-sidebar/src/client/SidebarRoot.module.css.mjs
+		const css = "._1HRR8W_root{--qilin-sidebar-inline-padding:12px;height:100%;padding:6px var(--qilin-sidebar-inline-padding);box-sizing:border-box;background:var(--qilin-specific-sidebar-fill);color:var(--qilin-alias-label-primary);--qilin-scrollbar-thumb:var(--qilin-alias-scrollbar-bg-l2);--qilin-scrollbar-thumb-hover:var(--qilin-alias-scrollbar-hover-l2);flex-direction:column;font-size:14px;display:flex}[data-platform=darwin] ._1HRR8W_root{background:0 0}._1HRR8W_root._1HRR8W_collapsed{padding:18px 10px 6px}[data-windows-titlebar] ._1HRR8W_root ._1HRR8W_logoRow{height:40px;margin:0;padding:0}[data-windows-titlebar] ._1HRR8W_toggle{top:calc((var(--qilin-windows-titlebar-height) - 28px) / 2);z-index:30;-webkit-app-region:no-drag;position:fixed;left:12px}[data-windows-titlebar] ._1HRR8W_root._1HRR8W_collapsed ._1HRR8W_logoRow{height:0}[data-windows-titlebar] ._1HRR8W_root:not(._1HRR8W_collapsed) ._1HRR8W_brand{padding-left:4px}[data-windows-titlebar] ._1HRR8W_brandIdentity{transform:translateY(1px)}[data-windows-titlebar] ._1HRR8W_brandMark{transform:translate(1px)}[data-windows-titlebar] ._1HRR8W_brandName{font-weight:400}[data-windows-titlebar] ._1HRR8W_root._1HRR8W_collapsed{padding:0}[data-windows-titlebar] ._1HRR8W_root:not(._1HRR8W_collapsed) ._1HRR8W_newSession{margin-top:8px;margin-left:0}[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_panelList,[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_regionArea,[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_footArea{display:none}html[data-windows-titlebar]:has([data-sidebar-collapsed=true]){--qilin-windows-menu-start:84px}[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_newSession{top:calc((var(--qilin-windows-titlebar-height) - 28px) / 2);z-index:30;-webkit-app-region:no-drag;border:none;margin:0;padding:0;position:fixed;left:48px}[data-windows-titlebar] ._1HRR8W_railIn ._1HRR8W_iconButton,[data-windows-titlebar] ._1HRR8W_railIn ._1HRR8W_newSession{animation:none}[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_toggle,[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_newSession{corner-shape:round;width:28px;height:28px;color:var(--qilin-alias-label-secondary);border-radius:50%}[data-windows-titlebar] ._1HRR8W_collapsed ._1HRR8W_toggle ._1HRR8W_panelIcon{display:inline}._1HRR8W_root._1HRR8W_quietBars{--qilin-scrollbar-thumb:transparent;--qilin-scrollbar-thumb-hover:transparent}._1HRR8W_fading>*{opacity:0;transition:opacity .15s var(--ds-ease-in-out)}._1HRR8W_wide{animation:_1HRR8W_wide-in .2s var(--ds-ease-in-out)}@keyframes _1HRR8W_wide-in{0%{opacity:0}}._1HRR8W_railIn ._1HRR8W_iconButton,._1HRR8W_railIn ._1HRR8W_newSession,._1HRR8W_railIn ._1HRR8W_panelList,._1HRR8W_railIn ._1HRR8W_regionArea{animation:_1HRR8W_rail-in .15s var(--ds-ease-in-out) backwards}._1HRR8W_railIn ._1HRR8W_footArea{animation:_1HRR8W_rail-fade-in .15s var(--ds-ease-in-out) backwards}@keyframes _1HRR8W_rail-in{0%{opacity:0;transform:translate(49px)}}@keyframes _1HRR8W_rail-fade-in{0%{opacity:0}}._1HRR8W_topStrip{box-sizing:border-box;height:52px;margin:-6px calc(-1 * var(--qilin-sidebar-inline-padding)) 0;flex:none;justify-content:flex-end;align-items:center;padding:0 12px;display:flex}._1HRR8W_topStrip+._1HRR8W_logoRow{margin-top:-12px}._1HRR8W_logoRow{box-sizing:border-box;flex:none;justify-content:flex-end;align-items:center;gap:8px;height:60px;margin-bottom:8px;padding:8px 0 8px 4px;display:flex;overflow:hidden}._1HRR8W_collapsed ._1HRR8W_logoRow{justify-content:flex-start;height:36px;margin-bottom:12px;padding:0}._1HRR8W_brand{min-width:0;color:inherit;cursor:pointer;background:0 0;border:none;flex:1;align-items:center;padding:0;display:inline-flex;overflow:hidden}._1HRR8W_brandIdentity{align-items:center;gap:8px;min-width:0;height:24px;display:inline-flex}._1HRR8W_brandMark{flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:visible}._1HRR8W_brandName{letter-spacing:.04em;align-items:center;gap:6px;min-width:0;height:24px;font-size:18px;font-weight:600;line-height:24px;display:inline-flex}._1HRR8W_fallbackBrandName{letter-spacing:0;white-space:nowrap;font-size:17px}._1HRR8W_iconButton{corner-shape:round;cursor:pointer;width:28px;height:28px;color:var(--qilin-alias-label-secondary);background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}._1HRR8W_iconButton:hover{background:var(--qilin-alias-interactive-bg-hover)}._1HRR8W_collapsed ._1HRR8W_iconButton{border-radius:12px;width:36px;height:36px}._1HRR8W_collapsed ._1HRR8W_toggle ._1HRR8W_panelIcon{display:none}._1HRR8W_collapsed ._1HRR8W_toggle:hover ._1HRR8W_panelIcon{display:inline}._1HRR8W_collapsed ._1HRR8W_toggle:hover ._1HRR8W_railMark{display:none}._1HRR8W_railMark{justify-content:center;align-items:center;display:inline-flex}._1HRR8W_collapsed ._1HRR8W_iconButton{color:var(--qilin-alias-label-primary)}._1HRR8W_buildBadge{border:.5px solid var(--qilin-alias-border-l2);height:16px;color:var(--qilin-alias-label-tertiary);background:var(--qilin-alias-bg-layer-2);font-family:var(--ds-font-family-code);white-space:nowrap;pointer-events:none;border-radius:5px;flex:none;align-self:flex-start;align-items:center;margin-top:1px;padding:0 5px;font-size:10px;font-weight:500;line-height:16px;display:inline-flex}._1HRR8W_newSession{box-sizing:border-box;border:.5px solid var(--qilin-alias-border-l3);background:var(--qilin-alias-button-elevated-fill);height:38px;color:var(--qilin-alias-label-primary);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:6px;margin:0 2px 12px;padding:8px 16px;font-size:14px;font-weight:500;line-height:22px;display:flex;position:relative;overflow:hidden}._1HRR8W_newSession:hover{background:var(--qilin-alias-button-floating-hover)}[data-platform=darwin] ._1HRR8W_newSession{background:color-mix(in srgb, var(--qilin-alias-button-elevated-fill) 75%, transparent)}[data-platform=darwin] ._1HRR8W_newSession:hover{background:color-mix(in srgb, var(--qilin-alias-button-elevated-fill) 75%, transparent)}._1HRR8W_collapsed ._1HRR8W_newSession{background:0 0;border-color:#0000;justify-content:center;align-self:flex-start;gap:0;width:36px;height:36px;margin:0 0 12px;padding:0}._1HRR8W_collapsed ._1HRR8W_newSession:hover{background:var(--qilin-alias-interactive-bg-hover)}._1HRR8W_newSessionLabel{white-space:nowrap;max-width:min(200px,100% - 88px);overflow:hidden}._1HRR8W_collapsed ._1HRR8W_newSessionLabel{max-width:0}._1HRR8W_newSessionShortcut{pointer-events:none;opacity:0;flex:none;font-weight:400;display:inline-flex;position:absolute;right:12px}._1HRR8W_newSession:is(:hover,:focus-visible) ._1HRR8W_newSessionShortcut{opacity:1}._1HRR8W_panelList{flex-direction:column;flex:none;gap:4px;margin-bottom:8px;display:flex}._1HRR8W_panelSection{letter-spacing:.08em;min-height:0;color:var(--qilin-alias-label-tertiary,#7a8b9f);user-select:none;align-items:center;padding:12px 10px 2px;font-size:11px;display:flex}._1HRR8W_sectionCaret{opacity:.55;margin-left:auto;transition:transform .15s;display:inline-flex}._1HRR8W_panelSection[role=button]{cursor:pointer}._1HRR8W_sectionCaretFolded{transform:rotate(-90deg)}._1HRR8W_panelSectionRail{background:var(--qilin-alias-border-l1,#e8eff712);width:100%;height:.5px;display:block}._1HRR8W_panelList>._1HRR8W_panelSection:first-child{padding-top:4px}._1HRR8W_collapsed ._1HRR8W_panelList ._1HRR8W_panelSection{margin:-3px 0;padding:0}._1HRR8W_panelRow{box-sizing:border-box;min-height:36px;color:var(--qilin-alias-label-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;margin:0 2px;padding:7px 8px;line-height:22px;display:flex}._1HRR8W_panelRow:hover{background:var(--qilin-alias-interactive-bg-hover)}._1HRR8W_panelRow._1HRR8W_panelActive{background:var(--qilin-alias-interactive-bg-hover);color:var(--qilin-alias-label-primary)}._1HRR8W_panelRow:focus-visible{outline:var(--qilin-focus-ring-width) solid var(--qilin-focus-ring-color,var(--qilin-alias-state-business-primary));outline-offset:-2px}._1HRR8W_panelGlyph{flex:none;justify-content:center;align-items:center;display:inline-flex}._1HRR8W_panelTitle{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}._1HRR8W_collapsed ._1HRR8W_panelList{gap:12px;margin-bottom:12px}._1HRR8W_collapsed ._1HRR8W_panelRow{width:36px;height:36px;color:var(--qilin-alias-label-primary);justify-content:center;margin:0;padding:0}._1HRR8W_regionArea{min-height:0;margin-left:-4px;margin-right:calc(-1 * var(--qilin-sidebar-inline-padding));flex-direction:column;flex:1;padding-left:4px;display:flex;overflow:hidden}._1HRR8W_collapsed ._1HRR8W_regionArea{margin-left:0;margin-right:0;padding-left:0}._1HRR8W_footArea{flex-direction:column;flex:none;display:flex}._1HRR8W_settingsArea,._1HRR8W_accountArea,._1HRR8W_footerActions{flex:none;width:100%;min-width:0}._1HRR8W_footerActions{display:flex}._1HRR8W_collapsed ._1HRR8W_footArea{align-items:center}._1HRR8W_collapsed ._1HRR8W_settingsArea,._1HRR8W_collapsed ._1HRR8W_accountArea,._1HRR8W_collapsed ._1HRR8W_footerActions{justify-content:center;width:auto;display:flex}@media (prefers-reduced-motion:reduce){._1HRR8W_wide,._1HRR8W_fading>*,._1HRR8W_railIn ._1HRR8W_iconButton,._1HRR8W_railIn ._1HRR8W_newSession,._1HRR8W_railIn ._1HRR8W_panelList,._1HRR8W_railIn ._1HRR8W_footArea,._1HRR8W_railIn ._1HRR8W_regionArea{transition:none;animation:none}}._1HRR8W_topStripFixed{z-index:40;align-items:center;gap:8px;height:52px;padding:0 8px 0 88px;display:none;position:fixed;top:0;left:0}[data-sidebar-collapsed] ._1HRR8W_topStripFixed{display:flex}[data-sidebar-collapsed]:has([class*=_headerLeading]) ._1HRR8W_topStripFixed{display:none}";
+		const tagId = "@qilin-agent/client-ui-sidebar/SidebarRoot.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@qilin-agent/client-ui-sidebar";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SidebarRoot_module_css_default = {
+			"accountArea": "_1HRR8W_accountArea",
+			"brand": "_1HRR8W_brand",
+			"brandIdentity": "_1HRR8W_brandIdentity",
+			"brandMark": "_1HRR8W_brandMark",
+			"brandName": "_1HRR8W_brandName",
+			"buildBadge": "_1HRR8W_buildBadge",
+			"collapsed": "_1HRR8W_collapsed",
+			"fading": "_1HRR8W_fading",
+			"fallbackBrandName": "_1HRR8W_fallbackBrandName",
+			"footArea": "_1HRR8W_footArea",
+			"footerActions": "_1HRR8W_footerActions",
+			"iconButton": "_1HRR8W_iconButton",
+			"logoRow": "_1HRR8W_logoRow",
+			"newSession": "_1HRR8W_newSession",
+			"newSessionLabel": "_1HRR8W_newSessionLabel",
+			"newSessionShortcut": "_1HRR8W_newSessionShortcut",
+			"panelActive": "_1HRR8W_panelActive",
+			"panelGlyph": "_1HRR8W_panelGlyph",
+			"panelIcon": "_1HRR8W_panelIcon",
+			"panelList": "_1HRR8W_panelList",
+			"panelRow": "_1HRR8W_panelRow",
+			"panelSection": "_1HRR8W_panelSection",
+			"panelSectionRail": "_1HRR8W_panelSectionRail",
+			"panelTitle": "_1HRR8W_panelTitle",
+			"quietBars": "_1HRR8W_quietBars",
+			"rail-fade-in": "_1HRR8W_rail-fade-in",
+			"rail-in": "_1HRR8W_rail-in",
+			"railIn": "_1HRR8W_railIn",
+			"railMark": "_1HRR8W_railMark",
+			"regionArea": "_1HRR8W_regionArea",
+			"root": "_1HRR8W_root",
+			"sectionCaret": "_1HRR8W_sectionCaret",
+			"sectionCaretFolded": "_1HRR8W_sectionCaretFolded",
+			"settingsArea": "_1HRR8W_settingsArea",
+			"toggle": "_1HRR8W_toggle",
+			"topStrip": "_1HRR8W_topStrip",
+			"topStripFixed": "_1HRR8W_topStripFixed",
+			"wide": "_1HRR8W_wide",
+			"wide-in": "_1HRR8W_wide-in"
+		};
+		//#endregion
+		//#region lib/types/client/SidebarRoot.js
+		/**
+		* Sidebar shell: column geometry and global panel navigation.
+		* Collapse is a slide plus crossfade:
+		* content freezes at its expanded width (inline style) and fades out in place
+		* while the sliding column (AppFrame grid tracks) clips it — nothing reflows
+		* mid-slide. At settle the wide-only content unmounts and the upper
+		* controls enter the 56px rail from the same horizontal offset (one icon each,
+		* same top-down order) on one fade that ends with the slide. The bottom-pinned
+		* footer seats only fade. The workspace/session browsing region between
+		* global panel rows and the foot is the `sidebar.workspaces` registrant's,
+		* and the foot stacks `sidebar.footer.action`, the `sidebar.account` row, and
+		* `sidebar.settings`; the shell hands them the wide flag (plus an expand
+		* request callback for the browser).
+		*
+		* The column also owns whether the scroll regions nested in it draw a
+		* scrollbar at all: the shell tracks the pointer and rebinds ui-theme's
+		* scrollbar indirection away while it is elsewhere, so a list the user is not
+		* pointing at carries no bar.
+		*/
+		/** Folded sections of the panel list, scoped to the account the document names. */
+		const FOLDED_SECTIONS_KEY = "qilin.sidebar.folded-sections.v1";
+		/** Wide-content unmount delay; matches the 150ms wide-content fade-out. */
+		const COLLAPSE_SETTLE_MS = 150;
+		/**
+		* How long the column's scrollbars stay drawn after the pointer leaves it.
+		* The bar is a pointer affordance here, and hiding it on the leave event
+		* itself makes it blink out while the pointer is only crossing the column's
+		* edge — on the way to the conversation, or around a portalled menu.
+		*/
+		const SCROLLBAR_LINGER_MS = 2e3;
+		/**
+		* Read the build identity the client artifact was compiled with.
+		* @returns the badge facts, or undefined when the artifact carries no version.
+		*/
+		function localBuild() {
+			const engine = "3.1.4";
+			const version = {}.QILIN_CLIENT_PRODUCT_VERSION ?? engine;
+			if (version === void 0) return void 0;
+			return {
+				version,
+				detail: version + `-e180446` + ({}.QILIN_CLIENT_GIT_DIRTY === "true" ? "-dirty" : "") + (engine === version ? "" : `（引擎 ${engine}）`)
+			};
+		}
+		/** Each panel row subscribes only to its own selection state. */
+		function PanelRow({ id, label, wide, usePanelInfo, selectPanel, renderSlot }) {
+			const active = usePanelInfo((info) => info.activePanelId === id);
+			return (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+				label,
+				delayMs: 500,
+				disabled: wide,
+				children: (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: clsx(SidebarRoot_module_css_default.panelRow, active && SidebarRoot_module_css_default.panelActive),
+					"aria-label": label,
+					"aria-current": active ? "page" : void 0,
+					onClick: () => {
+						selectPanel(id);
+					},
+					children: [(0, react_jsx_runtime.jsx)("span", {
+						className: SidebarRoot_module_css_default.panelGlyph,
+						"aria-hidden": "true",
+						children: renderSlot("sidebar.panellist", {
+							size: wide ? 16 : 18,
+							active
+						}, { only: id })
+					}), wide && (0, react_jsx_runtime.jsx)("span", {
+						className: clsx(SidebarRoot_module_css_default.panelTitle, SidebarRoot_module_css_default.wide),
+						children: label
+					})]
+				})
+			});
+		}
+		/**
+		* Render the sidebar column shell.
+		* @param props - composed slot props (runtime share + injected callbacks, contract/slots.ts).
+		* @returns the sidebar element tree.
+		*/
+		function SidebarRoot({ collapsed, width, startSession, toggleSidebar, selectPanel, usePanels, useShortcuts, usePanelInfo, t, renderSlot }) {
+			const panels = usePanels((snapshot) => snapshot);
+			const shortcut = useShortcuts((rows) => rows.find((row) => row.id === "sidebar.left.toggle"));
+			const newShortcut = useShortcuts((rows) => rows.find((row) => row.id === "session.new"));
+			const [settled, setSettled] = (0, react.useState)(collapsed);
+			(0, react.useEffect)(() => {
+				if (!collapsed) {
+					setSettled(false);
+					return;
+				}
+				const timer = window.setTimeout(() => {
+					setSettled(true);
+				}, COLLAPSE_SETTLE_MS);
+				return () => {
+					window.clearTimeout(timer);
+				};
+			}, [collapsed]);
+			const windowsTitlebar = document.documentElement.hasAttribute("data-windows-titlebar");
+			const wide = windowsTitlebar ? !collapsed : !collapsed || !settled;
+			const lastWideWidth = (0, react.useRef)(width);
+			if (!collapsed) lastWideWidth.current = width;
+			const everWide = (0, react.useRef)(!collapsed);
+			if (!collapsed) everWide.current = true;
+			const column = (0, react.useRef)(null);
+			const [pointerInside, setPointerInside] = (0, react.useState)(false);
+			const lingerTimer = (0, react.useRef)(void 0);
+			const armLinger = () => {
+				if (lingerTimer.current !== void 0) return;
+				lingerTimer.current = window.setTimeout(() => {
+					lingerTimer.current = void 0;
+					setPointerInside(false);
+				}, SCROLLBAR_LINGER_MS);
+			};
+			const cancelLinger = () => {
+				window.clearTimeout(lingerTimer.current);
+				lingerTimer.current = void 0;
+			};
+			(0, react.useEffect)(() => {
+				if (!pointerInside) return;
+				const onMove = (event) => {
+					const rect = column.current?.getBoundingClientRect();
+					/* v8 ignore next -- the listener only exists while the column is mounted and revealed. */
+					if (rect === void 0) return;
+					if (event.clientX >= rect.left && event.clientX < rect.right && event.clientY >= rect.top && event.clientY < rect.bottom) cancelLinger();
+					else armLinger();
+				};
+				document.addEventListener("pointermove", onMove);
+				return () => {
+					document.removeEventListener("pointermove", onMove);
+					cancelLinger();
+				};
+			}, [pointerInside]);
+			const build = localBuild();
+			const darwinDesktop = (0, _qilin_agent_client_ui_primitives.isDarwinDesktop)();
+			const [foldedSections, setFoldedSections] = (0, react.useState)(() => {
+				try {
+					const raw = localStorage.getItem((0, _qilin_agent_client_store.accountScopedName)(FOLDED_SECTIONS_KEY));
+					const list = raw === null ? [] : JSON.parse(raw);
+					return new Set(Array.isArray(list) ? list.filter((row) => typeof row === "string") : []);
+				} catch {
+					return /* @__PURE__ */ new Set();
+				}
+			});
+			const toggleSection = (section) => {
+				setFoldedSections((previous) => {
+					const next = new Set(previous);
+					if (next.has(section)) next.delete(section);
+					else next.add(section);
+					try {
+						localStorage.setItem((0, _qilin_agent_client_store.accountScopedName)(FOLDED_SECTIONS_KEY), JSON.stringify([...next]));
+					} catch {}
+					return next;
+				});
+			};
+			const toggle = (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+				label: collapsed ? t("toggle.open") : t("toggle.collapse"),
+				shortcutKeys: shortcut?.keys,
+				delayMs: 500,
+				children: (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: clsx(SidebarRoot_module_css_default.iconButton, SidebarRoot_module_css_default.toggle),
+					"aria-label": collapsed ? t("toggle.open") : t("toggle.collapse"),
+					"aria-keyshortcuts": shortcut?.aria,
+					onClick: () => {
+						toggleSidebar();
+					},
+					children: [
+						!wide && !windowsTitlebar && (0, react_jsx_runtime.jsx)("span", {
+							className: SidebarRoot_module_css_default.railMark,
+							"aria-hidden": "true",
+							children: renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.QilinSeal, { size: 24 }) })
+						}),
+						(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPanelLeftOutline16, {
+							className: SidebarRoot_module_css_default.panelIcon,
+							size: wide || windowsTitlebar ? 16 : 18
+						}),
+						!wide && renderSlot("sidebar.toggle.badge", {})
+					]
+				})
+			});
+			return (0, react_jsx_runtime.jsxs)("div", {
+				ref: column,
+				className: clsx(SidebarRoot_module_css_default.root, !wide && SidebarRoot_module_css_default.collapsed, !wide && everWide.current && SidebarRoot_module_css_default.railIn, collapsed && wide && SidebarRoot_module_css_default.fading, !pointerInside && SidebarRoot_module_css_default.quietBars),
+				style: wide ? { width: collapsed ? lastWideWidth.current : width } : void 0,
+				onPointerEnter: () => {
+					cancelLinger();
+					setPointerInside(true);
+				},
+				onPointerLeave: () => {
+					armLinger();
+				},
+				children: [
+					darwinDesktop && (0, react_jsx_runtime.jsx)("div", {
+						className: SidebarRoot_module_css_default.topStrip,
+						"data-window-drag": true,
+						children: toggle
+					}),
+					darwinDesktop && !wide && (0, react_jsx_runtime.jsxs)("div", {
+						className: SidebarRoot_module_css_default.topStripFixed,
+						"data-window-drag": true,
+						children: [(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+							label: t("toggle.open"),
+							delayMs: 500,
+							children: (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SidebarRoot_module_css_default.iconButton,
+								"aria-label": t("toggle.open"),
+								onClick: () => {
+									toggleSidebar();
+								},
+								children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconPanelLeftOutline16, { size: 16 })
+							})
+						}), (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+							label: t("session.new.label"),
+							delayMs: 500,
+							children: (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: SidebarRoot_module_css_default.iconButton,
+								"aria-label": t("session.new.label"),
+								"aria-keyshortcuts": newShortcut?.aria,
+								onClick: () => {
+									startSession();
+								},
+								children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconNewChatOutline16, { size: 16 })
+							})
+						})]
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: SidebarRoot_module_css_default.logoRow,
+						children: [wide && (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: clsx(SidebarRoot_module_css_default.brand, SidebarRoot_module_css_default.wide),
+							"aria-label": t("session.new.label"),
+							"aria-keyshortcuts": newShortcut?.aria,
+							onClick: () => {
+								startSession();
+							},
+							children: (0, react_jsx_runtime.jsxs)("span", {
+								className: SidebarRoot_module_css_default.brandIdentity,
+								"aria-hidden": "true",
+								children: [(0, react_jsx_runtime.jsx)("span", {
+									className: SidebarRoot_module_css_default.brandMark,
+									children: renderSlot("sidebar.brand.mark", { size: 24 }, { fallback: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.QilinSeal, { size: 24 }) })
+								}), (0, react_jsx_runtime.jsxs)("span", {
+									className: SidebarRoot_module_css_default.brandName,
+									children: [renderSlot("sidebar.brand.name", {}, { fallback: (0, react_jsx_runtime.jsx)("span", {
+										className: SidebarRoot_module_css_default.fallbackBrandName,
+										children: t("brand.localBuild")
+									}) }), build !== void 0 && (0, react_jsx_runtime.jsx)("span", {
+										className: SidebarRoot_module_css_default.buildBadge,
+										title: build.detail,
+										children: build.version
+									})]
+								})]
+							})
+						}), !darwinDesktop && toggle]
+					}),
+					(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.Tooltip, {
+						label: t("session.new.label"),
+						shortcutKeys: newShortcut?.keys,
+						delayMs: 500,
+						disabled: wide,
+						children: (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							className: SidebarRoot_module_css_default.newSession,
+							"aria-label": t("session.new.label"),
+							"aria-keyshortcuts": newShortcut?.aria,
+							onClick: () => {
+								startSession();
+							},
+							children: [
+								(0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.IconNewChatOutline16, { size: wide ? 14 : windowsTitlebar ? 16 : 18 }),
+								wide && (0, react_jsx_runtime.jsx)("span", {
+									className: clsx(SidebarRoot_module_css_default.newSessionLabel, SidebarRoot_module_css_default.wide),
+									children: t("session.new")
+								}),
+								wide && newShortcut !== void 0 && newShortcut.keys.length > 0 && (0, react_jsx_runtime.jsx)("span", {
+									className: SidebarRoot_module_css_default.newSessionShortcut,
+									"aria-hidden": "true",
+									children: (0, react_jsx_runtime.jsx)(_qilin_agent_client_ui_primitives.ShortcutKeys, { keys: newShortcut.keys })
+								})
+							]
+						})
+					}),
+					panels.length > 0 && (0, react_jsx_runtime.jsx)("nav", {
+						className: SidebarRoot_module_css_default.panelList,
+						"aria-label": t("panels.label"),
+						children: panels.map(({ id, label, section }, index) => {
+							const sectionFolded = section !== void 0 && foldedSections.has(section);
+							return (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [section !== void 0 && section !== panels[index - 1]?.section ? (0, react_jsx_runtime.jsxs)("div", {
+								className: clsx(SidebarRoot_module_css_default.panelSection, wide && SidebarRoot_module_css_default.wide),
+								"aria-hidden": !wide,
+								...wide ? {
+									role: "button",
+									tabIndex: 0,
+									"aria-expanded": !foldedSections.has(section),
+									onClick: () => {
+										toggleSection(section);
+									},
+									onKeyDown: (event) => {
+										if (event.key === "Enter" || event.key === " ") {
+											event.preventDefault();
+											toggleSection(section);
+										}
+									}
+								} : {},
+								children: [wide ? section : (0, react_jsx_runtime.jsx)("span", { className: SidebarRoot_module_css_default.panelSectionRail }), wide && (0, react_jsx_runtime.jsx)("span", {
+									className: clsx(SidebarRoot_module_css_default.sectionCaret, foldedSections.has(section) && SidebarRoot_module_css_default.sectionCaretFolded),
+									"aria-hidden": "true",
+									children: (0, react_jsx_runtime.jsx)("svg", {
+										width: "10",
+										height: "10",
+										viewBox: "0 0 16 16",
+										fill: "none",
+										stroke: "currentColor",
+										strokeWidth: "1.6",
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										children: (0, react_jsx_runtime.jsx)("path", { d: "M4 6.5 8 10.5 12 6.5" })
+									})
+								})]
+							}) : null, section === void 0 || !sectionFolded ? (0, react_jsx_runtime.jsx)(PanelRow, {
+								id,
+								label,
+								wide,
+								usePanelInfo,
+								selectPanel,
+								renderSlot
+							}) : null] }, id);
+						})
+					}),
+					(0, react_jsx_runtime.jsx)("div", {
+						className: SidebarRoot_module_css_default.regionArea,
+						children: renderSlot("sidebar.workspaces", {
+							wide,
+							expandSidebar: () => {
+								if (collapsed) toggleSidebar();
+							}
+						})
+					}),
+					(0, react_jsx_runtime.jsxs)("div", {
+						className: SidebarRoot_module_css_default.footArea,
+						children: [
+							(0, react_jsx_runtime.jsx)("div", {
+								className: SidebarRoot_module_css_default.footerActions,
+								children: renderSlot("sidebar.footer.action", { wide })
+							}),
+							(0, react_jsx_runtime.jsx)("div", {
+								className: SidebarRoot_module_css_default.accountArea,
+								children: renderSlot("sidebar.account", { wide })
+							}),
+							(0, react_jsx_runtime.jsx)("div", {
+								className: SidebarRoot_module_css_default.settingsArea,
+								children: renderSlot("sidebar.settings", { wide })
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region lib/types/client/locales.js
+		/** `sidebar` namespace dictionaries for shell controls and global panels. */
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"shortcut.hint": "{label} {keys}",
+			"session.new": "新会话",
+			"session.new.label": "新建会话",
+			"toggle.open": "打开侧边栏",
+			"toggle.collapse": "收起侧边栏",
+			"panels.label": "全局面板"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"shortcut.hint": "{label} {keys}",
+			"session.new": "New Session",
+			"session.new.label": "New session",
+			"toggle.open": "Open sidebar",
+			"toggle.collapse": "Collapse sidebar",
+			"panels.label": "Global panels"
+		};
+		//#endregion
+		//#region lib/types/client/index.js
+		/** Dictionary namespace owned by this plugin. */
+		const NS = "sidebar";
+		/** Services required by the sidebar plugin. */
+		const inject = [
+			"slots",
+			"layout",
+			"uiWorkspace",
+			"locale",
+			"shortcuts"
+		];
+		/** Registers the sidebar shell and its service callbacks.
+		* @param ctx - Client root context.
+		*/
+		function apply(ctx) {
+			const workspaceNavigation = ctx.get("uiWorkspace");
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "ui-sidebar: dictionaries");
+			const panels = (0, _qilin_agent_client_store.createSnapshotStore)([]);
+			const syncPanels = () => {
+				const desktop = (0, _qilin_agent_client_ui_primitives.isDarwinDesktop)();
+				const assigned = {};
+				for (const entry of ctx.slots.entriesOfSlot("sidebar.section.assignments")) {
+					const face = entry.inject?.(void 0);
+					if (face?.assignments !== void 0) Object.assign(assigned, face.assignments);
+				}
+				const next = ctx.slots.entriesOfSlot("sidebar.panellist").map(({ options }) => {
+					const id = options.id;
+					const trailing = desktop && assigned[id] === void 0 && (0, _qilin_agent_client_ui_slots.resolveSlotLabel)(options.section) === void 0 ? "扩展" : void 0;
+					const section = assigned[id] ?? (0, _qilin_agent_client_ui_slots.resolveSlotLabel)(options.section) ?? trailing;
+					return {
+						id,
+						order: options.order ?? 0,
+						label: (0, _qilin_agent_client_ui_slots.resolveSlotLabel)(options.label) ?? id,
+						section
+					};
+				}).sort((a, b) => a.order - b.order);
+				const previous = panels.getSnapshot();
+				if (previous.length === next.length && previous.every((panel, index) => {
+					const candidate = next[index];
+					return panel.id === candidate.id && panel.order === candidate.order && panel.label === candidate.label && panel.section === candidate.section;
+				})) return;
+				panels.set(next);
+			};
+			ctx.effect(() => ctx.slots.subscribe("sidebar.panellist", syncPanels), "ui-sidebar: panel entries");
+			ctx.effect(() => ctx.slots.subscribe("sidebar.section.assignments", syncPanels), "ui-sidebar: section assignments");
+			ctx.effect(() => ctx.locale.subscribe(syncPanels), "ui-sidebar: panel labels");
+			ctx.effect(() => (0, _qilin_agent_client_ui_primitives.watchDarwinDesktop)(syncPanels), "ui-sidebar: darwin mark");
+			const injectProps = () => ({
+				startSession: (workspaceId) => {
+					workspaceNavigation.startSession(workspaceId);
+				},
+				toggleSidebar: () => {
+					ctx.layout.toggleSidebar();
+				},
+				selectPanel: (id) => {
+					ctx.layout.selectPanel(id);
+				},
+				hooks: {
+					panels,
+					shortcuts: ctx.shortcuts.catalog
+				}
+			});
+			ctx.slots.inject("sidebar", () => ctx.slots.register({
+				name: "sidebar",
+				locale: NS,
+				children: {
+					"sidebar.brand.mark": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.brand.name": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.toggle.badge": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.panellist": {
+						kind: "list",
+						scope: "root"
+					},
+					"sidebar.section.assignments": {
+						kind: "list",
+						scope: "root"
+					},
+					"sidebar.workspaces": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.settings": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.account": {
+						kind: "single",
+						scope: "root"
+					},
+					"sidebar.footer.action": {
+						kind: "list",
+						scope: "root"
+					}
+				},
+				inject: injectProps
+			}, SidebarRoot));
+			ctx.slots.inject("conversation.header.leading", () => ctx.slots.register({
+				name: "conversation.header.leading",
+				locale: NS,
+				inject: injectProps
+			}, HeaderLeadingControls));
+			ctx.slots.inject("sidebar.section.assignments", () => ctx.slots.register({
+				name: "sidebar.section.assignments",
+				id: "ok-desktop-sections",
+				inject: () => (0, _qilin_agent_client_ui_primitives.isDarwinDesktop)() ? { assignments: {
+					plugins: "通用",
+					schedules: "通用"
+				} } : {}
+			}, () => null));
+			syncPanels();
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map