dsh-calorie 0.3.5 → 0.3.7

package/dist/client.js

@@ -185,6 +185,27 @@ window.__ModuleLoader__.load({
 		//#region src/dsh-ctx.ts
 		/** 宿主目录选择命名空间的服务名（#736；出处与禁令见 cookbook §13）。 */
 		const REMOTE_DIRECTORY_PICKER = "remote.directoryPicker";
+		/** 宿主「这条路没给」的回执码（#744）：一次组合里只服务一种能力（native 或 browse），
+		* 另一条路上的动词一律回它。
+		*
+		* 出处：`@deepseek-ai/dsh-api-workspace-controller/lib/types/directory-picker.js` 的 `requireCapability()`
+		* ——`RemoteError('directory-picker/unavailable', …)`。三条动词在客户端命名空间上都在，
+		* 所以只有真调一次、看它拒没拒，才知道组合里服务哪种能力。
+		* 共用件不认识这个名字（只照比对），于是这条宿主事实住在本镜像里。 */
+		const DIRECTORY_PICKER_REFUSED = "directory-picker/unavailable";
+		/** 总管那条电话通道的两个字面量（#744）：载体第一段与第二段。
+		*
+		* 出处：主管包 `packages/plugin-manager/src/update-contract.ts` 的 `MANAGER_RPC.base`／`.endpoint`
+		* ——那边是一处定义，这边是镜像（本包不许 import 总管的宿主半：会把 node 内建带进浏览器束）。
+		* 传错第一段就是 404：总管自己在 #678 栽过一次、各家的配置体检在 #735 又栽过一次。 */
+		const MANAGER_RPC_BASE = "/api";
+		const MANAGER_RPC_ENDPOINT = "ilife-manager";
+		/** 总管那通「本机根清单」电话名（#744）：入参 `{}`，回包 `{roots: [{path, kind}]}`。
+		*
+		* 出处：主管包 `update-contract.ts` 的 `MANAGER_ACTIONS.roots`。为什么要走总管：
+		* 浏览器里没有卷清单接口，宿主那条目录选择接缝也只有 `list`／`createDirectory` 两格，
+		* 「这台机器上有哪些盘」只能由宿主去问操作系统——那份实现在总管宿主半的 `roots.ts`。 */
+		const MANAGER_ROOTS_METHOD = "ilife-manager.roots";
 		//#endregion
 		//#region ../plugin-manager/dist/directory-browser-contract.js
 		/** 目录浏览器的纯逻辑半（**不认识宿主**：只认两格原语）。
@@ -212,10 +233,15 @@ window.__ModuleLoader__.load({
 			if (typeof raw !== "object" || raw === null) return false;
 			return typeof raw.pick === "function";
 		}
-		/** 三态判定：先 native（有 pick），再 browse（有两格原语），都没有＝`none`。 */
+		/** 三态判定：**先看两格浏览原语**（都在＝应用内浏览器这条路在），再看单独的 `pick`，都没有＝`none`。
+		*
+		* 为什么浏览优先：客户端命名空间上三条动词一定都在（由 `TYPERT_REMOTE.descriptors` 生成，
+		* 与组合里服务哪种能力无关），所以两格原语在＝这台宿主**可能**给浏览；真调一次才知道给不给，
+		* 不给（{@link CAPABILITY_REFUSED}）再由调用方换系统对话框。反过来先认 `pick` 就会在
+		* Desktop 这种「只服务 browse」的宿主上每次都去唤一次系统对话框、被拒一次（#744 实测）。 */
 		function pickerModeOf$1(raw) {
-			if (hasPickFn(raw)) return "native";
-			return isBrowseFace(raw) ? "browse" : "none";
+			if (isBrowseFace(raw)) return "browse";
+			return hasPickFn(raw) ? "native" : "none";
 		}
 		/** 平台回执 → 三态（**永不抛**）：成功回的是信封里的 `value` 不是路径；`ok:false` 是「供不了」不是「取消」。
 		*
@@ -236,11 +262,52 @@ window.__ModuleLoader__.load({
 				} : { kind: "cancelled" };
 			}
 			const detail = answer.error?.message?.trim() ?? "";
+			const code = answer.error?.code;
 			return {
 				kind: "unavailable",
+				...typeof code === "string" && code !== "" ? { code } : {},
 				message: "打不开系统文件夹对话框" + (detail === "" ? "" : "（" + detail + "）") + "：请直接在框里填绝对路径。"
 			};
 		}
+		/** 取数原语失败：带上宿主给的回执码，好让调用方分辨「没这条路」与「这一层读不出来」。
+		*
+		* `code` 就是 `humanize`（状态那半）读的那一格，人话直接上图。 */
+		var BrowseAnswerError = class extends Error {
+			code;
+			constructor(code, message) {
+				super(message);
+				this.name = "BrowseAnswerError";
+				this.code = code;
+			}
+		};
+		/** 宿主 browse 原语的**信封** → 值，或按信封里的 `error` 抛。
+		*
+		* 为什么必须走这一道：`list`／`createDirectory` 与 `pick` 一样是 Remote 动词，客户端拿到的是
+		* `{ok:true,value}`／`{ok:false,error}`（`@deepseek-ai/dsh-api-gateway/lib/client.js` 的 `invoke()`）。
+		* 把信封当值用，图上就会是一层「读出来了但一行都没有」的空目录（#744 实测），
+		* 而不是报错——所以宁可在这里抛，也不许把它当列举结果传下去。
+		* 第一方消费方同口径：`@deepseek-ai/dsh-client-ui-workspace/lib/client.js:105-113` 也是这么拆的。 */
+		function readBrowseAnswer(raw, what) {
+			const answer = typeof raw === "object" && raw !== null ? raw : {};
+			if (answer.ok === true && answer.value !== void 0 && answer.value !== null) return answer.value;
+			const detail = answer.error?.message?.trim() ?? "";
+			const code = answer.error?.code;
+			throw new BrowseAnswerError(typeof code === "string" && code !== "" ? code : "browse-failed", detail === "" ? what + "没有回执" : detail);
+		}
+		/** 宿主命名空间 → 本件的取数面：把两条原语的信封拆开，成功给值、失败按码抛。
+		*
+		* 命名空间上两格原语不在就回 null（调用方据此不画入口）。**透传参数个数照宿主的规矩**：
+		* 描述符声明了可选 `AbortSignal`（`cancellation: {parameter:'signal'}`），而客户端按
+		* `values.length === 业务参数个数 + 1` 判有没有 signal——显式传一个 `undefined` 会被当成 signal
+		* 去 `AbortSignal.any([…, undefined])` 而炸。本件的界面不做取消，故**从不传 signal**。 */
+		function browseFaceOf(raw) {
+			if (!isBrowseFace(raw)) return null;
+			const namespace = raw;
+			return {
+				list: async (path) => readBrowseAnswer(path === void 0 ? await namespace.list() : await namespace.list(path), "列举目录"),
+				createDirectory: async (path, name) => readBrowseAnswer(await namespace.createDirectory(path, name), "新建文件夹")
+			};
+		}
 		/** 一段路径里最后那个分隔符的位置（Windows 上 `\` 与 `/` 都算；POSIX 上 `\` 是合法文件名字符，不算）。 */
 		function lastSeparator(path) {
 			const back = path.lastIndexOf("\\");
@@ -343,7 +410,8 @@ window.__ModuleLoader__.load({
 				draft: deps.initialPath,
 				filter: "",
 				creating: null,
-				notice: null
+				notice: null,
+				roots: []
 			};
 			/** 每次列举带一个序号：晚回来的旧回执直接丢掉，不许覆盖新一层。 */
 			let generation = 0;
@@ -354,6 +422,18 @@ window.__ModuleLoader__.load({
 				};
 				for (const listener of [...listeners]) listener(state);
 			};
+			/** 根清单只问一次：取不到就是空（不报错、不重试——它只是图上的一行入口）。
+			*
+			* 「问一次」钉在这里而不是图里：视图那半每次重画都会重新求值，问在这里才谈得上一次。 */
+			let rootsAsked = false;
+			const loadRoots = async () => {
+				if (rootsAsked || deps.rootsSource === void 0) return;
+				rootsAsked = true;
+				try {
+					const roots = await deps.rootsSource();
+					if (roots.length > 0) emit({ roots });
+				} catch {}
+			};
 			const humanize = (cause) => {
 				const raw = typeof cause === "object" && cause !== null ? cause : {};
 				const message = typeof raw.message === "string" && raw.message.trim() !== "" ? raw.message.trim() : String(cause);
@@ -410,7 +490,16 @@ window.__ModuleLoader__.load({
 					listeners.add(listener);
 					return () => listeners.delete(listener);
 				},
-				open: () => load(null),
+				async open() {
+					loadRoots();
+					const wanted = deps.initialPath.trim();
+					if (wanted !== "") {
+						await load(wanted);
+						if (state.phase === "ready") return state;
+					}
+					await load(null);
+					return state;
+				},
 				enter: (path) => load(path),
 				async up() {
 					const listing = state.listing;
@@ -506,10 +595,12 @@ window.__ModuleLoader__.load({
 				initialPath: deps.initialPath,
 				onPicked: deps.onPicked,
 				onClose: () => deps.onClosed?.(),
-				...deps.failureLabel === void 0 ? {} : { failureLabel: deps.failureLabel }
+				...deps.failureLabel === void 0 ? {} : { failureLabel: deps.failureLabel },
+				...deps.rootsSource === void 0 ? {} : { rootsSource: deps.rootsSource }
 			});
 			return {
 				open: () => controller.open(),
+				subscribe: (listener) => controller.subscribe(listener),
 				state: () => controller.getState(),
 				summary: () => describe(controller.getState()),
 				actions: {
@@ -526,19 +617,99 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/** 一条目录行点下去该走哪条路（**六家共用这一处策略**，单独写在各家就会各错各的）。
+		*
+		* 顺序是「先应用内浏览，被拒再换系统对话框」，因为客户端命名空间上三条动词都在、问不出组合里服务哪种
+		* 能力（见 `pickerModeOf`）。回执：
+		*  - `undefined`＝连两格浏览原语都没有（这条路没有，调用方自己想办法）；
+		*  - `'refused'`＝宿主回了 `refusalCode`（组合里是系统对话框），图已收起；
+		*  - `'open'`＝图开着，后面的事都在图里。
+		*
+		* **状态由调用方持有**：`onRow` 收到刚建好的那条（或 null＝收起），React 那边据此决定画不画图。
+		*
+		* `refusalCode` 是**宿主的回执码**（各家自己从宿主镜像里拿，本件只照比不认名）：
+		* 它换名字本件照样跑，六家一起换。 */
+		function openRowBrowser(input) {
+			const face = browseFaceOf(input.picker);
+			if (face === null) return void 0;
+			const row = createDirectoryRowBrowser({
+				face,
+				initialPath: input.initialPath,
+				onPicked: (picked) => {
+					input.onChange(picked);
+					input.onRow(null);
+				},
+				onClosed: () => input.onRow(null),
+				...input.rootsSource === void 0 ? {} : { rootsSource: input.rootsSource }
+			});
+			input.onRow(row);
+			return row.open().then((settled) => {
+				if (settled.phase === "failed" && settled.failure?.code === input.refusalCode) {
+					input.onRow(null);
+					return "refused";
+				}
+				return "open";
+			});
+		}
 		//#endregion
-		//#region ../plugin-manager/dist/directory-browser-ui.js
-		/** 文件浏览器的视图半：把 `BrowseState` 画成一张对话框。**不认识宿主**，也不自己做 IO。
+		//#region ../plugin-manager/dist/directory-browser-roots.js
+		/** 「本机根清单」的取数接线（客户端半）：把一通电话变成图上那一行可跳转的根。
 		*
-		* 手写 `React.createElement`（本包 client 束禁 JSX，见 `tsdown.config.ts` 的既成口径）。
-		* 只读状态、只回调；进哪一层、选到什么由操作半（`directory-browser-state.ts`）算。
+		* **不认识宿主**：载体基段、通道名（第二段）、电话名全由调用方传进来——各家从自己的宿主镜像里拿
+		* 那几个字面量（和 `openRowBrowser` 的 `refusalCode` 同一条规矩）。本件只做两件事：
+		* 发一次调用、把回执信封拆成根清单；**任何失败都当空清单**（图上少画一行，不报错、不挡路）。
 		*/
-		const EMPTY_LISTING = {
-			path: "",
-			home: "",
-			crumbs: [],
-			entries: [],
-			truncated: false
+		/** 认一认某个值像不像一个根（认不出的行丢掉：图的干净比多画一行重要）。 */
+		function isRootRow(raw) {
+			if (typeof raw !== "object" || raw === null) return false;
+			const row = raw;
+			return typeof row.path === "string" && row.path !== "" && typeof row.kind === "string";
+		}
+		/** 信封 → 根清单（纯函数，**永不抛**）：`{ok:true, value:{roots:[…]}}` 之外的形状一律当空。 */
+		function readRootsAnswer(raw) {
+			const answer = typeof raw === "object" && raw !== null ? raw : {};
+			if (answer.ok !== true) return [];
+			const value = typeof answer.value === "object" && answer.value !== null ? answer.value : {};
+			if (!Array.isArray(value.roots)) return [];
+			return value.roots.filter(isRootRow).map((row) => ({
+				path: row.path,
+				kind: row.kind
+			}));
+		}
+		/** 建一个「根清单取数器」：给调用口与三个名字，回一个 `() => Promise<RootRow[]>`。
+		*
+		* 界面按需调它（开图一次），不在渲染里调，也不缓存到这里——缓存是宿主半的事。 */
+		function createRootsSource(input) {
+			return async () => {
+				const call = input.getCall();
+				if (typeof call !== "function") return [];
+				try {
+					return readRootsAnswer(await call(input.base, input.endpoint, {
+						method: input.method,
+						payload: {}
+					}));
+				} catch {
+					return [];
+				}
+			};
+		}
+		//#endregion
+		//#region ../plugin-manager/dist/directory-browser-parts.js
+		/** 文件浏览器视图半的**零件**：样式表与四行控件（面包屑／根／一行子目录／新建行）。
+		*
+		* 为什么拆出来：整张对话框的组版与这些零件的变化频率不同——零件跟着「图上多一行／少一行」动，
+		* 组版跟着「对话框长什么样」动。拆开之后两边都在 350 行告警线内，而对外面不变
+		* （`directory-browser-ui.ts` 照旧转出组件与两个接线函数）。
+		*
+		* 本件与视图半同样**不认识宿主**：只认状态与文案。
+		*/
+		/** 根的类型说明（悬停可见）：**本件自己的词汇**，与取数方无关。 */
+		const ROOT_KIND_TEXT = {
+			fixed: "固定磁盘",
+			network: "网络驱动器",
+			removable: "可移动磁盘",
+			optical: "光驱",
+			other: "磁盘"
 		};
 		const S$1 = {
 			scrim: {
@@ -604,6 +775,24 @@ window.__ModuleLoader__.load({
 				opacity: .45,
 				fontSize: 12
 			},
+			roots: {
+				display: "flex",
+				flexWrap: "wrap",
+				alignItems: "center",
+				gap: 6,
+				padding: "0 12px 8px",
+				fontSize: 12
+			},
+			rootsLabel: {
+				opacity: .72,
+				marginRight: 2
+			},
+			rootButton: {
+				border: "1px solid var(--dsw-alias-border-l2, rgba(128,128,128,0.35))",
+				borderRadius: 6,
+				padding: "3px 8px",
+				opacity: 1
+			},
 			pathRow: {
 				display: "flex",
 				gap: 6,
@@ -682,7 +871,8 @@ window.__ModuleLoader__.load({
 			},
 			error: { color: "var(--dsw-alias-label-error, #e66)" }
 		};
-		function crumbRow(state, labels, onEnter) {
+		/** 面包屑：从文件系统根到当前层，每一格都是跳转目标（`listing.crumbs` 由取数方给）。 */
+		function crumbRow(state, onEnter) {
 			const listing = state.listing;
 			if (listing === null || listing.crumbs.length === 0) return null;
 			const parts = [];
@@ -701,10 +891,34 @@ window.__ModuleLoader__.load({
 					},
 					title: crumb.path,
 					onClick: () => onEnter(crumb.path)
-				}, index === 0 ? labels.up : crumb.name));
+				}, crumb.name));
 			});
 			return react.createElement("div", { style: S$1.crumbs }, parts);
 		}
+		/** 可跳转的根那一行（Windows 上的盘符等）。**少于两个根就不画**：一个根没有「跳到别处」可言。 */
+		function rootsRow(state, labels, onEnter) {
+			if (state.roots.length < 2) return null;
+			const parts = [react.createElement("span", {
+				key: "roots-label",
+				style: S$1.rootsLabel
+			}, labels.roots)];
+			for (const root of state.roots) parts.push(react.createElement("button", {
+				key: root.path,
+				type: "button",
+				style: {
+					...S$1.chromeButton,
+					...S$1.rootButton
+				},
+				title: ROOT_KIND_TEXT[root.kind] ?? ROOT_KIND_TEXT.other,
+				onClick: () => onEnter(root.path)
+			}, root.path));
+			return react.createElement("div", {
+				style: S$1.roots,
+				role: "group",
+				"aria-label": labels.roots
+			}, parts);
+		}
+		/** 一行子目录：点名字进它，点「选」把它当目标（「选」再点一次取消）。 */
 		function entryRow(entry, selected, labels, onToggleSelect, onEnter) {
 			return react.createElement("div", {
 				key: entry.path,
@@ -733,6 +947,7 @@ window.__ModuleLoader__.load({
 				onClick: () => onToggleSelect(entry.path)
 			}, selected ? "✓" : labels.select));
 		}
+		/** 「新建文件夹」那一行（`creatingName === null` 时收起）。 */
 		function createRow(labels, onName, onCancel, onCreate, creatingName) {
 			if (creatingName === null) return null;
 			return react.createElement("div", { style: {
@@ -758,6 +973,21 @@ window.__ModuleLoader__.load({
 				onClick: onCancel
 			}, labels.createCancel));
 		}
+		//#endregion
+		//#region ../plugin-manager/dist/directory-browser-ui.js
+		/** 文件浏览器的视图半：把 `BrowseState` 画成一张对话框。**不认识宿主**，也不自己做 IO。
+		*
+		* 手写 `React.createElement`（本包 client 束禁 JSX，见 `tsdown.config.ts` 的既成口径）。
+		* 只读状态、只回调；进哪一层、选到什么由操作半（`directory-browser-state.ts`）算。
+		* 样式与四行控件在 `directory-browser-parts.ts`（那里跟着「多一行／少一行」动，本件只管组版）。
+		*/
+		const EMPTY_LISTING = {
+			path: "",
+			home: "",
+			crumbs: [],
+			entries: [],
+			truncated: false
+		};
 		/** 画一张文件浏览器对话框。`open=false` 时返回 null（本件不挂 portal，由调用方决定挂在哪）。 */
 		function DirectoryBrowser(props) {
 			const { open, state, labels } = props;
@@ -767,7 +997,8 @@ window.__ModuleLoader__.load({
 			const listing = state.listing ?? EMPTY_LISTING;
 			const hidden = hiddenCount(listing);
 			const body = [];
-			body.push(crumbRow(state, labels, props.onEnter));
+			body.push(crumbRow(state, props.onEnter));
+			body.push(rootsRow(state, labels, props.onEnter));
 			body.push(react.createElement("div", { style: S$1.pathRow }, react.createElement("input", {
 				style: S$1.input,
 				value: state.draft,
@@ -848,11 +1079,15 @@ window.__ModuleLoader__.load({
 		/** 目录行接线的 React 半边：把操作半那组动作直接喂给组件。
 		*
 		* 操作半（`directory-browser-state.ts` 的 `createDirectoryRowBrowser`）不碰 React，
-		* 这里只把它的 `actions` 摊进 props —— 于是「进哪一层」那套在 Node 里可测，这里只做接线。 */
+		* 这里只把它的 `actions` 摊进 props —— 于是「进哪一层」那套在 Node 里可测，这里只做接线。
+		*
+		* `useSyncExternalStore` 是**必需**的：列举是异步落定的，不订阅的话这一帧画完就再没有重画，
+		* 图上会永远停在「正在读取…」（#744 实测）。 */
 		function DirectoryBrowserFromRow(props) {
+			const state = react.useSyncExternalStore(props.row.subscribe, props.row.state);
 			return DirectoryBrowser({
 				open: props.open,
-				state: props.row.state(),
+				state,
 				labels: props.labels,
 				...props.row.actions
 			});
@@ -1339,23 +1574,6 @@ window.__ModuleLoader__.load({
 		function directoryEntryMode(picker) {
 			return picker === null ? "none" : pickerModeOf(picker);
 		}
-		/** 开一行的应用内浏览器；返回 undefined＝这条路供不了（调用方据此不画入口）。
-		*
-		* **状态由调用方持有**（`setBrowseRow`）：本函数只造浏览器、开图，不碰 React 状态。 */
-		function openRowBrowser(input) {
-			if (input.picker === null || pickerModeOf(input.picker) !== "browse") return void 0;
-			const row = createDirectoryRowBrowser({
-				face: input.picker,
-				initialPath: input.path,
-				onPicked: (picked) => {
-					input.onChange(input.key, picked);
-					input.setBrowseRow(null);
-				},
-				onClosed: () => input.setBrowseRow(null)
-			});
-			input.setBrowseRow(row);
-			return row.open();
-		}
 		/** 「选择文件夹」按钮的真装配函数（目录行渲染出来的按钮，onClick 就是它）。
 		*
 		* 回 Promise 是为了本地可判（用例直接 await）；接进 React 时调用方 `void` 掉。 */
@@ -1474,34 +1692,44 @@ window.__ModuleLoader__.load({
 			* 状态全部住在组件自己（hook 顺序与旧版同形）：浏览器那一份只存「当前开着的那条」。 */
 			const picker = pickerGone ? null : props.pickerSource();
 			const [browseRow, setBrowseRow] = react.useState(null);
-			/** 目录行的入口动作：三态各一条路；都供不了就不给入口（`undefined` ⇒ Row 不画按钮）。 */
-			const onOpenRow = react.useCallback(async (key) => {
-				if (pickerModeOf(picker) === "native") {
-					setPicking(true);
-					setError(null);
-					const outcome = await pickDirectory(picker);
-					setPicking(false);
-					if (outcome.kind === "picked") onChange(key, outcome.path);
-					else if (outcome.kind === "unavailable") {
-						setError(outcome.message);
-						setPickerGone(true);
-					}
-					return;
+			/** 唤起系统文件夹选择器那一条路（应用内浏览被拒时的兜底，也是命名空间只给 `pick` 时的唯一一条）。 */
+			const openNative = react.useCallback(async (key) => {
+				const face = pickerGone ? null : props.pickerSource();
+				if (face === null) return;
+				setPicking(true);
+				setError(null);
+				const outcome = await pickDirectory(face);
+				setPicking(false);
+				if (outcome.kind === "picked") onChange(key, outcome.path);
+				else if (outcome.kind === "unavailable") {
+					setError(outcome.message);
+					setPickerGone(true);
 				}
+			}, [
+				pickerGone,
+				onChange,
+				props.pickerSource
+			]);
+			/** 目录行的入口动作：**先应用内浏览，宿主没给这条路再换系统对话框**（判断在共用件里）。
+			*
+			* 两条都供不了就不给入口（`undefined` 时 `rowEntry` 为 null ⇒ Row 不画按钮）。 */
+			const onOpenRow = react.useCallback(async (key) => {
+				setError(null);
 				const opened = openRowBrowser({
 					picker,
-					key,
-					path: draft[key] ?? "",
-					onChange,
-					setBrowseRow
+					initialPath: draft[key] ?? "",
+					onChange: (next) => onChange(key, next),
+					onRow: setBrowseRow,
+					refusalCode: DIRECTORY_PICKER_REFUSED,
+					rootsSource: props.rootsSource
 				});
-				if (opened === void 0) return;
-				setError(null);
-				await opened;
+				if (opened === void 0 || await opened === "refused") await openNative(key);
 			}, [
 				picker,
 				onChange,
-				draft
+				draft,
+				openNative,
+				props.rootsSource
 			]);
 			/** 给 Row 的三态入口：`none` 时给 null（不画按钮，文本框照旧）。 */
 			const rowEntry = pickerModeOf(picker) === "none" ? null : {
@@ -1610,7 +1838,8 @@ window.__ModuleLoader__.load({
 					selected: "已选",
 					open: "选定这个目录",
 					cancel: "取消",
-					willPick: "将选定："
+					willPick: "将选定：",
+					roots: "其他磁盘："
 				}
 			}) : null, notice !== null ? react.createElement("div", { style: S.okText }, notice) : null, error !== null ? react.createElement("div", { style: S.error }, error) : null, react.createElement(VersionLine, {
 				pluginVersion: versions.plugin,
@@ -1628,7 +1857,13 @@ window.__ModuleLoader__.load({
 				channel: RPC_CHANNEL
 			}, () => react.createElement(CalorieConfig, {
 				getCall,
-				pickerSource: getPicker
+				pickerSource: getPicker,
+				rootsSource: createRootsSource({
+					getCall,
+					base: MANAGER_RPC_BASE,
+					endpoint: MANAGER_RPC_ENDPOINT,
+					method: MANAGER_ROOTS_METHOD
+				})
 			})));
 			const ensureWorkTab = () => {
 				try {