@ran-sh/dsh-crew 1.0.1 → 1.0.3

package/official-web-bridge/lib/client.js

@@ -509,6 +509,15 @@ const COPY = {
 		providerState: (state) => `状态：${state}`,
 		providerModels: (count) => `${count} 个模型`,
 		providerJobs: (count) => `${count} 个运行任务`,
+		providerOfficialBuiltin: "· 官方内置（不可删除）",
+		providerSourceUnresolved: "· 来源未解析（安全锁定）",
+		providerLayerMigration: "检测到旧版 profile Provider",
+		providerLayerMigrationHint: "这些 Provider 仍在 Crew profile/base 层，所以 3210 原生页面不会显示删除。请先按迁移计划提升到 Harness 用户设置层；不会复制密钥。",
+		providerLayerMigrationPlan: "迁移计划",
+		providerLayerMigrate: "迁移到用户层",
+		providerLayerMigrating: "迁移中…",
+		providerLayerMigrationConfirm: "确认把这个 Provider 移到 Harness 用户设置层？会先保存可回滚快照，不会复制密钥值。",
+		providerLayerRollback: "回滚迁移",
 		providerDeletePlan: "生成删除计划",
 		providerDelete: "确认删除",
 		providerPlanReady: "计划已生成；再次确认后才会修改 3210 配置。",
@@ -519,6 +528,12 @@ const COPY = {
 		providerDeleteConfirm: "确认按计划删除这个 Harness Provider？会清理路由引用并重启 3210。",
 		providerDeleteBlocked: "当前 Provider 不能删除（内置、在用、已删除或缺少可用替换）。",
 		providerLifecycleError: "Provider 生命周期操作失败",
+		providerDeletePending: "配置可能已变更，事务仍待重启/验证；请刷新状态后选择回滚。",
+		providerRollbackContinue: "继续回滚验证",
+		recoveryUnresolved: "发现不可自动恢复的事务",
+		recoveryStorage: "存储项",
+		recoveryQuarantine: "隔离",
+		recoveryQuarantineConfirm: "该事务清单无法安全恢复。将其移入隔离区并阻止自动使用，继续？",
 		providerNoInventory: "暂时无法读取 3210 Provider inventory。",
 		credentialReferences: "Credential 引用",
 		credentialReferenceHint: "仅显示引用名、归属和孤儿状态；不会读取或删除密钥。",
@@ -529,8 +544,8 @@ const COPY = {
 		credentialPurging: "清理中…",
 		credentialPurgeUnavailable: "凭据清理不可用",
 		credentialPurgeUnverified: "已执行清理，但验证失败；引用仍保留用于恢复检查",
-		customProviders: "自定义 Provider",
-		addProvider: "＋ 添加 Provider",
+		customProviders: "多模态适配器",
+		addProvider: "＋ 添加多模态适配器",
 		noCustomProviders: "暂无。添加后会出现在上方的视觉 / 生图 provider 选择里。",
 		providerName: "名称",
 		modelsField: "模型列表（逗号分隔）",
@@ -832,6 +847,15 @@ const COPY = {
 		providerState: (state) => `State: ${state}`,
 		providerModels: (count) => `${count} models`,
 		providerJobs: (count) => `${count} running jobs`,
+		providerOfficialBuiltin: "· official built-in (immutable)",
+		providerSourceUnresolved: "· source unresolved (locked)",
+		providerLayerMigration: "Legacy profile Providers detected",
+		providerLayerMigrationHint: "These Providers still exist in the Crew profile/base layer, so the native 3210 page cannot show Delete. Promote them to Harness user settings with an explicit plan; keys are never copied.",
+		providerLayerMigrationPlan: "Migration plan",
+		providerLayerMigrate: "Migrate to user layer",
+		providerLayerMigrating: "Migrating…",
+		providerLayerMigrationConfirm: "Move this Provider into Harness user settings? A rollback snapshot is saved first; credential values are never copied.",
+		providerLayerRollback: "Rollback migration",
 		providerDeletePlan: "Plan deletion",
 		providerDelete: "Confirm delete",
 		providerPlanReady: "Plan ready; a second confirmation is required before changing 3210 config.",
@@ -842,6 +866,12 @@ const COPY = {
 		providerDeleteConfirm: "Delete this Harness Provider per the plan? Routing refs will be scrubbed and 3210 restarted.",
 		providerDeleteBlocked: "This Provider cannot be deleted (built-in, in use, already absent, or missing a valid replacement).",
 		providerLifecycleError: "Provider lifecycle operation failed",
+		providerDeletePending: "Configuration may already be changed; the transaction still needs restart/verification. Refresh status and use rollback if needed.",
+		providerRollbackContinue: "Continue rollback verification",
+		recoveryUnresolved: "An unrecoverable recovery transaction is blocking deletion",
+		recoveryStorage: "storage entry",
+		recoveryQuarantine: "Quarantine",
+		recoveryQuarantineConfirm: "This recovery manifest cannot be safely reopened. Move it into the quarantine area and keep it out of automatic recovery?",
 		providerNoInventory: "3210 Provider inventory is temporarily unavailable.",
 		credentialReferences: "Credential references",
 		credentialReferenceHint: "Names, ownership, and orphan status only; values are never read or deleted.",
@@ -852,8 +882,8 @@ const COPY = {
 		credentialPurging: "Purging…",
 		credentialPurgeUnavailable: "Credential purge unavailable",
 		credentialPurgeUnverified: "Purge ran but verification failed; the reference remains visible for recovery",
-		customProviders: "Custom providers",
-		addProvider: "＋ Add provider",
+		customProviders: "Multimodal adapters",
+		addProvider: "＋ Add multimodal adapter",
 		noCustomProviders: "None yet. Added providers appear in the vision / image-gen selects above.",
 		providerName: "Name",
 		modelsField: "Models (comma-separated)",
@@ -1959,13 +1989,13 @@ function WorkersPanel({ ctx }) {
 		applyPatch(patch);
 	};
 	const deleteHarnessProvider = async (record) => {
-		if (!record || record.ownership === "harness" || record.desired_state === "absent" || Number(record.references?.active_jobs ?? 0) > 0) {
+		if (!record || record.delete_capability !== "supported" || record.desired_state === "absent" || Number(record.references?.active_jobs ?? 0) > 0) {
 			setNotice(copy.providerDeleteBlocked);
 			return;
 		}
 		let replacementDefault;
 		if (record.references?.harness_default === true) {
-			const candidate = (providerInventory?.records ?? []).find((item) => item.id !== record.id && item.desired_state !== "absent" && item.ownership !== "harness" && (item.models?.length ?? 0) > 0)?.id ?? "";
+			const candidate = (providerInventory?.records ?? []).find((item) => item.id === "deepseek-official" && item.id !== record.id && item.desired_state !== "absent" && (item.models?.length ?? 0) > 0)?.id ?? (providerInventory?.records ?? []).find((item) => item.id !== record.id && item.desired_state !== "absent" && item.delete_capability !== "source-unresolved" && (item.models?.length ?? 0) > 0)?.id ?? "";
 			const entered = window.prompt(copy.providerReplacement, candidate);
 			if (!entered?.trim()) return;
 			replacementDefault = entered.trim();
@@ -2005,14 +2035,106 @@ function WorkersPanel({ ctx }) {
 			}
 			setNotice(copy.saved);
 			await refreshProviderInventory();
+		} catch (error) {
+			try {
+				await refreshProviderInventory();
+			} catch {}
+			setNotice(`${String(error?.message ?? error)} · ${copy.providerDeletePending}`);
+		} finally {
+			setProviderLifecycleBusy(null);
+		}
+	};
+	const migrateHarnessProvider = async (entry) => {
+		if (!entry || !["promote-existing-user", "materialize-user"].includes(entry.action)) {
+			setNotice(entry?.blocked_reason ?? copy.providerLayerMigrationHint);
+			return;
+		}
+		if (!window.confirm(copy.providerLayerMigrationConfirm)) return;
+		const id = String(entry.provider_id ?? "");
+		if (!id) return;
+		setProviderLifecycleBusy(`migrate:${id}`);
+		setNotice(copy.providerLayerMigrating);
+		try {
+			const encoded = encodeURIComponent(id);
+			const planned = await post(`/providers/${encoded}/migrate-plan`, {});
+			if (!planned.ok || !planned.plan) throw new Error(planned.code ?? copy.providerLifecycleError);
+			if (!window.confirm(`${copy.providerLayerMigrationConfirm}\n\n${id}`)) return;
+			const result = await post(`/providers/${encoded}/migrate`, {
+				plan_id: planned.plan.plan_id,
+				confirm: true
+			});
+			if (!result.ok) throw new Error(result.code ?? result.error ?? copy.providerLifecycleError);
+			if (result.restart_required === true && result.result?.state === "RESTART_PENDING") {
+				const restartPath = "http://127.0.0.1:3080/_dsh/dsh-crew/supervisor/restart";
+				const restarted = await readJson(await fetch(restartPath, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ confirm: true })
+				}), restartPath);
+				if (!restarted.ok) throw new Error(restarted.code ?? restarted.error ?? copy.providerLifecycleError);
+				const verified = await post(`/providers/${encoded}/verify-migration`, {
+					transaction_id: planned.plan.plan_id,
+					confirm: true
+				});
+				if (!verified.ok || verified.state !== "VERIFIED") throw new Error(verified.code ?? verified.error ?? copy.providerLifecycleError);
+			}
+			setNotice(copy.saved);
+			await refreshProviderInventory();
+		} catch (error) {
+			try {
+				await refreshProviderInventory();
+			} catch {}
+			setNotice(String(error?.message ?? error));
+		} finally {
+			setProviderLifecycleBusy(null);
+		}
+	};
+	const rollbackHarnessMigration = async (record, transactionId) => {
+		if (!record?.id || !transactionId || !window.confirm(copy.providerRollbackConfirm)) return;
+		setProviderLifecycleBusy(`rollback-migrate:${record.id}`);
+		setNotice(copy.working);
+		try {
+			const encoded = encodeURIComponent(record.id);
+			const result = await post(`/providers/${encoded}/rollback-migration`, {
+				transaction_id: transactionId,
+				confirm: true
+			});
+			if (!result.ok) throw new Error(result.code ?? result.error ?? copy.providerLifecycleError);
+			if (result.restart_required === true) {
+				const restartPath = "http://127.0.0.1:3080/_dsh/dsh-crew/supervisor/restart";
+				const restarted = await readJson(await fetch(restartPath, {
+					method: "POST",
+					headers: { "content-type": "application/json" },
+					body: JSON.stringify({ confirm: true })
+				}), restartPath);
+				if (!restarted.ok) throw new Error(restarted.code ?? restarted.error ?? copy.providerLifecycleError);
+			}
+			setNotice(copy.saved);
+			await refreshProviderInventory();
 		} catch (error) {
 			setNotice(String(error?.message ?? error));
+			try {
+				await refreshProviderInventory();
+			} catch {}
 		} finally {
 			setProviderLifecycleBusy(null);
 		}
 	};
-	const rollbackHarnessProvider = async (record, transactionId) => {
-		if (!record || !transactionId || record.desired_state !== "absent") {
+	const rollbackHarnessProvider = async (record, transactionId, transactionState = "VERIFIED") => {
+		const continuing = ["ROLLBACK_PENDING", "ROLLBACK_RESTART_PENDING"].includes(transactionState);
+		const recoverable = [
+			"PLANNED",
+			"TOMBSTONE_APPLYING",
+			"TOMBSTONE_APPLIED",
+			"REFERENCES_APPLYING",
+			"REFERENCES_APPLIED",
+			"DECLARATIONS_APPLYING",
+			"DECLARATIONS_APPLIED",
+			"DELETE_RESTART_PENDING",
+			"ROLLBACK_APPLYING",
+			"ROLLBACK_RESTORED"
+		].includes(transactionState);
+		if (!record || !transactionId || !continuing && !recoverable && record.desired_state !== "absent") {
 			setNotice(copy.providerRollbackUnavailable);
 			return;
 		}
@@ -2021,7 +2143,11 @@ function WorkersPanel({ ctx }) {
 		setNotice(copy.working);
 		try {
 			const encoded = encodeURIComponent(record.id);
-			const result = await post(`/providers/${encoded}/rollback`, {
+			const result = continuing ? {
+				ok: true,
+				restart_required: true,
+				state: "ROLLBACK_PENDING"
+			} : await post(`/providers/${encoded}/rollback`, {
 				transaction_id: transactionId,
 				confirm: true
 			});
@@ -2043,6 +2169,32 @@ function WorkersPanel({ ctx }) {
 			setNotice(copy.saved);
 			await refreshProviderInventory();
 		} catch (error) {
+			try {
+				await refreshProviderInventory();
+			} catch {}
+			setNotice(`${String(error?.message ?? error)} · ${copy.providerDeletePending}`);
+		} finally {
+			setProviderLifecycleBusy(null);
+		}
+	};
+	const quarantineRecoveryTransaction = async (entry) => {
+		const actionId = typeof entry?.action_id === "string" ? entry.action_id : "";
+		if (!actionId || entry?.recoverable === true) return;
+		if (!window.confirm(copy.recoveryQuarantineConfirm)) return;
+		setProviderLifecycleBusy(`quarantine:${actionId}`);
+		setNotice(copy.working);
+		try {
+			const result = await post("/providers/_recovery/quarantine", {
+				action_id: actionId,
+				confirm: true
+			});
+			if (!result.ok) throw new Error(result.code ?? result.error ?? copy.providerLifecycleError);
+			setNotice(copy.saved);
+			await refreshProviderInventory();
+		} catch (error) {
+			try {
+				await refreshProviderInventory();
+			} catch {}
 			setNotice(String(error?.message ?? error));
 		} finally {
 			setProviderLifecycleBusy(null);
@@ -3040,7 +3192,7 @@ function WorkersPanel({ ctx }) {
 											style: S.fieldLabel,
 											children: copy.workerProvider
 										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CustomSelect, {
-											value: config.worker_provider_mode ?? "follow-dsh",
+											value: config.worker_provider_mode ?? "deepseek-official",
 											onChange: (v) => field("worker_provider_mode", v),
 											options: ["follow-dsh", "deepseek-official"].map((m) => ({
 												value: m,
@@ -3580,6 +3732,78 @@ function WorkersPanel({ ctx }) {
 							},
 							children: providerInventoryError
 						}),
+						!providerInventoryError && (providerInventory?.migration?.providers?.length ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								border: "1px solid rgba(201,135,53,0.45)",
+								borderRadius: 7,
+								padding: "8px 10px",
+								marginBottom: 8
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontWeight: 650,
+										fontSize: 12.5
+									},
+									children: copy.providerLayerMigration
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11.5,
+										opacity: .7,
+										marginTop: 3
+									},
+									children: copy.providerLayerMigrationHint
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									style: {
+										fontSize: 11,
+										marginTop: 6,
+										fontFamily: "monospace"
+									},
+									children: (providerInventory.migration.providers ?? []).map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											gap: 6,
+											marginTop: 3
+										},
+										children: [
+											entry.provider_id,
+											" · ",
+											entry.action,
+											entry.harness_default ? " · Harness Default" : "",
+											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+											["promote-existing-user", "materialize-user"].includes(entry.action) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+												type: "button",
+												style: {
+													...S.btn,
+													padding: "2px 7px"
+												},
+												disabled: providerLifecycleBusy !== null,
+												onClick: () => {
+													migrateHarnessProvider(entry);
+												},
+												children: providerLifecycleBusy === `migrate:${entry.provider_id}` ? copy.providerLayerMigrating : copy.providerLayerMigrate
+											})
+										]
+									}, entry.provider_id))
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+									href: "http://127.0.0.1:3210/",
+									target: "_blank",
+									rel: "noopener noreferrer",
+									style: {
+										...S.btn,
+										display: "inline-block",
+										textDecoration: "none",
+										marginTop: 7,
+										padding: "3px 8px"
+									},
+									children: [copy.providerLayerMigrationPlan, " → 3210"]
+								})
+							]
+						}),
 						!providerInventoryError && (providerInventory?.records?.length ?? 0) === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							style: {
 								fontSize: 12,
@@ -3588,9 +3812,34 @@ function WorkersPanel({ ctx }) {
 							children: copy.providerNoInventory
 						}),
 						(providerInventory?.records ?? []).map((record) => {
-							const blocked = record.ownership === "harness" || record.desired_state === "absent" || Number(record.references?.active_jobs ?? 0) > 0;
+							const immutable = record.delete_capability === "immutable-builtin";
+							const unresolved = record.delete_capability === "source-unresolved";
+							const blocked = immutable || unresolved || record.desired_state === "absent" || Number(record.references?.active_jobs ?? 0) > 0;
 							const lifecycle = record.desired_state === "absent" ? "absent" : record.lifecycle?.enabled === false ? "disabled" : record.lifecycle?.catalogued ? "catalogued" : "configured";
-							const rollbackTransaction = (providerInventory?.lifecycle_transactions ?? []).find((entry) => entry.provider_id === record.id && ["VERIFIED", "RESTART_PENDING"].includes(entry.state));
+							const lifecycleTransactions = providerInventory?.lifecycle_transactions ?? [];
+							const recoveryTransactions = (providerInventory?.recovery_transactions ?? []).map((entry) => ({
+								...entry,
+								state: entry.phase
+							}));
+							const rollbackTransaction = [...lifecycleTransactions, ...recoveryTransactions].filter((entry) => entry.provider_id === record.id && [
+								"VERIFIED",
+								"RESTART_PENDING",
+								"ROLLBACK_PENDING",
+								"PLANNED",
+								"TOMBSTONE_APPLYING",
+								"TOMBSTONE_APPLIED",
+								"REFERENCES_APPLYING",
+								"REFERENCES_APPLIED",
+								"DECLARATIONS_APPLYING",
+								"DECLARATIONS_APPLIED",
+								"DELETE_RESTART_PENDING",
+								"ROLLBACK_RESTART_PENDING",
+								"ROLLBACK_RESTORED",
+								"ROLLBACK_APPLYING",
+								"PREPARED",
+								"USER_MATERIALIZED",
+								"BASE_REMOVED"
+							].includes(entry.state)).sort((a, b) => String(a.updated_at ?? "").localeCompare(String(b.updated_at ?? ""))).at(-1);
 							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								style: {
 									display: "flex",
@@ -3619,12 +3868,20 @@ function WorkersPanel({ ctx }) {
 										style: { opacity: .65 },
 										children: copy.providerModels(record.models?.length ?? 0)
 									}),
+									immutable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { opacity: .65 },
+										children: copy.providerOfficialBuiltin
+									}),
+									unresolved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: { color: "#c98735" },
+										children: copy.providerSourceUnresolved
+									}),
 									Number(record.references?.active_jobs ?? 0) > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										style: { color: "#c98735" },
 										children: copy.providerJobs(record.references.active_jobs)
 									}),
 									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
-									record.ownership !== "harness" && record.desired_state !== "absent" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									record.delete_capability === "supported" && record.desired_state !== "absent" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										style: {
 											...S.btn,
@@ -3636,7 +3893,32 @@ function WorkersPanel({ ctx }) {
 										},
 										children: providerLifecycleBusy === record.id ? copy.working : copy.providerDeletePlan
 									}),
-									record.desired_state === "absent" && rollbackTransaction && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									(record.desired_state === "absent" || [
+										"PLANNED",
+										"TOMBSTONE_APPLYING",
+										"TOMBSTONE_APPLIED",
+										"REFERENCES_APPLYING",
+										"REFERENCES_APPLIED",
+										"DECLARATIONS_APPLYING",
+										"DECLARATIONS_APPLIED",
+										"DELETE_RESTART_PENDING",
+										"ROLLBACK_PENDING",
+										"ROLLBACK_RESTART_PENDING",
+										"ROLLBACK_RESTORED",
+										"ROLLBACK_APPLYING"
+									].includes(rollbackTransaction?.state)) && rollbackTransaction && rollbackTransaction.source !== "provider-layer-migration" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										style: {
+											...S.btn,
+											padding: "2px 8px"
+										},
+										disabled: providerLifecycleBusy !== null,
+										onClick: () => {
+											rollbackHarnessProvider(record, rollbackTransaction.transaction_id, rollbackTransaction.state);
+										},
+										children: providerLifecycleBusy === `rollback:${record.id}` ? copy.working : rollbackTransaction.state === "ROLLBACK_PENDING" ? copy.providerRollbackContinue : copy.providerRollback
+									}),
+									rollbackTransaction?.source === "provider-layer-migration" && rollbackTransaction.transaction_id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 										type: "button",
 										style: {
 											...S.btn,
@@ -3644,13 +3926,51 @@ function WorkersPanel({ ctx }) {
 										},
 										disabled: providerLifecycleBusy !== null,
 										onClick: () => {
-											rollbackHarnessProvider(record, rollbackTransaction.transaction_id);
+											rollbackHarnessMigration(record, rollbackTransaction.transaction_id);
 										},
-										children: providerLifecycleBusy === `rollback:${record.id}` ? copy.working : copy.providerRollback
+										children: providerLifecycleBusy === `rollback-migrate:${record.id}` ? copy.working : copy.providerLayerRollback
 									})
 								]
 							}, record.id);
 						}),
+						(providerInventory?.recovery_transactions ?? []).filter((entry) => entry?.unresolved === true || !entry?.provider_id).map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							style: {
+								display: "flex",
+								alignItems: "center",
+								gap: 8,
+								fontSize: 12,
+								flexWrap: "wrap",
+								color: "#c98735",
+								marginTop: 6
+							},
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { fontWeight: 600 },
+									children: copy.recoveryUnresolved
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: S.mono,
+									children: entry.storage_id ?? entry.transaction_id ?? "unknown"
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: { opacity: .7 },
+									children: entry.phase
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { style: { flex: 1 } }),
+								entry.action_id && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									style: {
+										...S.btn,
+										padding: "2px 8px"
+									},
+									disabled: providerLifecycleBusy !== null,
+									onClick: () => {
+										quarantineRecoveryTransaction(entry);
+									},
+									children: providerLifecycleBusy === `quarantine:${entry.action_id}` ? copy.working : copy.recoveryQuarantine
+								})
+							]
+						}, `recovery:${entry.storage_id ?? entry.transaction_id ?? "unknown"}`)),
 						(credentialRefs.length > 0 || credentialUnverified.length > 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							style: {
 								marginTop: 10,