@anweat/dsh-browser 0.1.8 → 0.1.9

package/lib/client.js

@@ -61,6 +61,55 @@ window.__ModuleLoader__.load({
 			backoffBaseMs: [1, 6e4],
 			cooldownMs: [100, 3e5]
 		};
+		const ASSET_POLICY_KEYS = /* @__PURE__ */ new Set([
+			"enabled",
+			"directory",
+			"persistenceMode",
+			"activationMode",
+			"minSuccessfulRuns",
+			"minDistinctSessions",
+			"successWindowDays",
+			"minSuccessRate",
+			"maxCandidates",
+			"candidateTtlDays",
+			"maxSuggestionsPerDay",
+			"maxDrafts",
+			"maxActiveAssets",
+			"retrievalTopK",
+			"catalogTokenBudget",
+			"modelDevelopmentEnabled",
+			"maxModelDraftWritesPerSession"
+		]);
+		function validAssetPolicy(value) {
+			if (Object.keys(value).some((key) => !ASSET_POLICY_KEYS.has(key))) return false;
+			if (value.enabled !== void 0 && typeof value.enabled !== "boolean") return false;
+			if (value.directory !== void 0 && typeof value.directory !== "string") return false;
+			if (value.modelDevelopmentEnabled !== void 0 && typeof value.modelDevelopmentEnabled !== "boolean") return false;
+			if (value.persistenceMode !== void 0 && ![
+				"off",
+				"manual",
+				"suggest",
+				"auto-draft"
+			].includes(String(value.persistenceMode))) return false;
+			if (value.activationMode !== void 0 && !["manual", "auto-tested"].includes(String(value.activationMode))) return false;
+			return Object.entries(value).every(([key, entry]) => {
+				if (![
+					"minSuccessfulRuns",
+					"minDistinctSessions",
+					"successWindowDays",
+					"minSuccessRate",
+					"maxCandidates",
+					"candidateTtlDays",
+					"maxSuggestionsPerDay",
+					"maxDrafts",
+					"maxActiveAssets",
+					"retrievalTopK",
+					"catalogTokenBudget",
+					"maxModelDraftWritesPerSession"
+				].includes(key)) return true;
+				return typeof entry === "number" && Number.isFinite(entry) && entry >= 0;
+			});
+		}
 		function validUsagePolicy(value) {
 			if (Object.keys(value).some((key) => !(key in POLICY_BOUNDS))) return false;
 			return Object.entries(POLICY_BOUNDS).every(([key, [min, max]]) => {
@@ -81,6 +130,7 @@ window.__ModuleLoader__.load({
 			booleanField("headless"),
 			booleanField("opencliEnabled"),
 			jsonField("usagePolicy", validUsagePolicy),
+			jsonField("automationAssets", validAssetPolicy),
 			booleanField("autoInstall"),
 			textField("storageStatePath"),
 			jsonField("authProfiles"),
@@ -316,7 +366,18 @@ window.__ModuleLoader__.load({
 			failed: "dsb-failed",
 			actions: "dsb-actions",
 			primary: "dsb-primary",
-			secondary: "dsb-secondary"
+			secondary: "dsb-secondary",
+			assetGroup: "dsb-asset-group",
+			assetRow: "dsb-asset-row",
+			assetToolbar: "dsb-asset-toolbar",
+			assetLayout: "dsb-asset-layout",
+			assetList: "dsb-asset-list",
+			assetItem: "dsb-asset-item",
+			assetSelected: "dsb-asset-selected",
+			assetTest: "dsb-asset-test",
+			assetTestForm: "dsb-asset-test-form",
+			assetEditor: "dsb-asset-editor",
+			invalidInput: "dsb-invalid-input"
 		};
 		function ensureStyles() {
 			if (document.getElementById("dsh-browser-settings-styles")) return;
@@ -331,7 +392,9 @@ window.__ModuleLoader__.load({
 .dsb-input{box-sizing:border-box;width:100%;min-width:0;height:34px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);font:inherit;font-size:13px;color:var(--dsw-alias-label-primary)}.dsb-input:focus-visible{outline:none;border-color:var(--dsw-alias-brand-primary)}.dsb-input:disabled{opacity:.55}.dsb-invalid .dsb-input{border-color:var(--dsw-alias-label-error)}.dsb-textarea{height:auto;padding:9px 10px;resize:vertical;line-height:1.45}.dsb-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.dsb-reset{appearance:none;border:0;background:none;padding:0;color:var(--dsw-alias-brand-primary);font:inherit;font-size:11px;cursor:pointer}
 .dsb-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-top:2px}.dsb-toggle-label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.dsb-check{width:16px;height:16px;flex:none;margin:2px 0 0;accent-color:var(--dsw-alias-brand-primary)}.dsb-advanced{padding:16px 0;border-top:1px solid var(--dsw-alias-border-l2)}.dsb-advanced>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--dsw-alias-label-primary)}
 .dsb-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 4px;border-top:1px solid var(--dsw-alias-border-l2)}.dsb-status,.dsb-failed{margin:0;font-size:12px}.dsb-status{color:var(--dsw-alias-label-tertiary)}.dsb-failed{color:var(--dsw-alias-label-error)}.dsb-actions{display:flex;gap:8px}.dsb-primary,.dsb-secondary{appearance:none;border-radius:8px;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer}.dsb-primary{border:1px solid transparent;background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}.dsb-secondary{border:1px solid var(--dsw-alias-border-l2);background:transparent;color:var(--dsw-alias-label-primary)}.dsb-primary:disabled,.dsb-secondary:disabled,.dsb-reset:disabled{opacity:.4;cursor:default}
-@media(max-width:720px){.dsb-grid{grid-template-columns:minmax(0,1fr)}.dsb-footer{align-items:stretch;flex-direction:column}.dsb-actions{justify-content:flex-end}}@media(max-width:420px){.dsb-body{margin:0 12px}.dsb-actions{display:grid;grid-template-columns:1fr 1fr}.dsb-primary,.dsb-secondary{width:100%}}
+.dsb-asset-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.dsb-asset-group h4{margin:0;font-size:13px}.dsb-asset-row,.dsb-asset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px}.dsb-asset-row p,.dsb-asset-toolbar p{margin:3px 0 0;font-size:11px;color:var(--dsw-alias-label-tertiary)}.dsb-asset-toolbar{margin-bottom:10px;border:0;padding:0}.dsb-asset-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:12px}.dsb-asset-list{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow:auto}.dsb-asset-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);text-align:left;cursor:pointer}.dsb-asset-item span:first-child{display:flex;min-width:0;flex-direction:column;gap:3px}.dsb-asset-item small,.dsb-asset-test{font-size:10px;color:var(--dsw-alias-label-tertiary)}.dsb-asset-selected{border-color:var(--dsw-alias-brand-primary);background:color-mix(in srgb,var(--dsw-alias-brand-primary) 8%,var(--dsw-alias-bg-layer-3))}.dsb-asset-editor{display:flex;min-width:0;flex-direction:column;gap:8px}.dsb-asset-editor .dsb-actions{justify-content:flex-end;flex-wrap:wrap}.dsb-invalid-input{border-color:var(--dsw-alias-label-error)}
+.dsb-asset-test-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.dsb-asset-test-form .dsb-textarea{min-height:64px}
+@media(max-width:720px){.dsb-grid,.dsb-asset-layout{grid-template-columns:minmax(0,1fr)}.dsb-footer,.dsb-asset-row,.dsb-asset-toolbar{align-items:stretch;flex-direction:column}.dsb-actions{justify-content:flex-end}}@media(max-width:420px){.dsb-body{margin:0 12px}.dsb-actions{display:grid;grid-template-columns:1fr 1fr}.dsb-primary,.dsb-secondary{width:100%}}
 `;
 			document.head.append(style);
 		}
@@ -538,7 +601,10 @@ window.__ModuleLoader__.load({
 									className: styles.sectionHead,
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("usage") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("usageHint") })]
 								}),
-								json("usagePolicy", "usagePolicy", "usagePolicyHint", 10),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: styles.grid,
+									children: [json("usagePolicy", "usagePolicy", "usagePolicyHint", 10), json("automationAssets", "automationAssets", "automationAssetsHint", 14)]
+								}),
 								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 									className: styles.notice,
 									role: "note",
@@ -546,6 +612,7 @@ window.__ModuleLoader__.load({
 								})
 							]
 						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutomationAssetsPanel, { ...props }),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
 							className: styles.advanced,
 							children: [
@@ -595,6 +662,254 @@ window.__ModuleLoader__.load({
 				}) : null]
 			});
 		}
+		function AutomationAssetsPanel(props) {
+			const { t } = props;
+			const state = props.useAutomationAssets((snapshot) => snapshot);
+			const [draft, setDraft] = (0, react.useState)("");
+			const [draftError, setDraftError] = (0, react.useState)(false);
+			const [testUrl, setTestUrl] = (0, react.useState)("");
+			const [testInputs, setTestInputs] = (0, react.useState)("{}");
+			const selected = state.selected;
+			(0, react.useEffect)(() => {
+				if (selected) setDraft(JSON.stringify(selected, null, 2));
+			}, [selected?.id, selected?.revision]);
+			const newAsset = (kind) => {
+				props.selectAutomationAsset(void 0);
+				setDraft(JSON.stringify(kind === "recipe" ? {
+					kind,
+					name: "New recipe",
+					description: "",
+					domains: [],
+					tags: [],
+					inputNames: [],
+					recipe: [{
+						type: "extract",
+						selector: "main",
+						mode: "text",
+						limit: 20
+					}]
+				} : {
+					kind,
+					name: "New userscript",
+					description: "",
+					domains: [],
+					tags: [],
+					inputNames: [],
+					source: "// ==UserScript==\n// @name New userscript\n// @match https://example.com/*\n// @grant none\n// ==/UserScript==\nreturn { title: document.title }"
+				}, null, 2));
+				setDraftError(false);
+			};
+			const save = async () => {
+				try {
+					const value = JSON.parse(draft);
+					if (selected?.id) value.id = selected.id;
+					await props.saveAutomationAsset(value);
+					setDraftError(false);
+				} catch {
+					setDraftError(true);
+				}
+			};
+			const runTest = async () => {
+				if (!selected || !testUrl.trim()) {
+					setDraftError(true);
+					return;
+				}
+				try {
+					const inputs = JSON.parse(testInputs);
+					await props.testAutomationAsset(selected.id, testUrl.trim(), inputs);
+					setDraftError(false);
+				} catch {
+					setDraftError(true);
+				}
+			};
+			const candidates = state.snapshot?.candidates.filter((candidate) => candidate.suggestedAt && !candidate.dismissedAt) ?? [];
+			const assets = state.snapshot?.assets ?? [];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: styles.section,
+				"data-dsh-browser-assets": true,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles.sectionHead,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", { children: t("assetLibrary") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: t("assetLibraryHint") })]
+					}),
+					state.loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: styles.notice,
+						children: t("assetLoading")
+					}) : null,
+					state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: styles.failed,
+						role: "alert",
+						children: state.error || t("assetFailed")
+					}) : null,
+					candidates.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles.assetGroup,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: t("assetSuggestions") }), candidates.map((candidate) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("article", {
+							className: styles.assetRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: candidate.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [
+								candidate.domain,
+								" · ",
+								candidate.successfulRuns,
+								" ",
+								t("assetRuns"),
+								" · ",
+								candidate.distinctSessions,
+								" ",
+								t("assetSessions")
+							] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: styles.actions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: styles.secondary,
+									disabled: state.busy,
+									onClick: () => props.dismissAutomationCandidate(candidate.id),
+									children: t("assetDismiss")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: styles.primary,
+									disabled: state.busy,
+									onClick: () => props.summarizeAutomationCandidate(candidate.id),
+									children: t("assetSummarize")
+								})]
+							})]
+						}, candidate.id))]
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles.assetToolbar,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: t("assetScripts") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: styles.hint,
+							children: t("assetScriptsHint")
+						})] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: styles.actions,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: styles.secondary,
+									onClick: () => newAsset("recipe"),
+									children: t("assetNewRecipe")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: styles.secondary,
+									onClick: () => newAsset("userscript"),
+									children: t("assetNewScript")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: styles.secondary,
+									onClick: props.refreshAutomationAssets,
+									children: t("assetRefresh")
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: styles.assetLayout,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: styles.assetList,
+							children: assets.length ? assets.map((asset) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+								type: "button",
+								className: `${styles.assetItem} ${selected?.id === asset.id ? styles.assetSelected : ""}`,
+								onClick: () => props.selectAutomationAsset(asset.id),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: asset.name }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("small", { children: [
+									asset.kind,
+									" · ",
+									asset.status,
+									" · r",
+									asset.revision
+								] })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: styles.assetTest,
+									children: asset.testStatus
+								})]
+							}, asset.id)) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: styles.hint,
+								children: t("assetEmpty")
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: styles.assetEditor,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: styles.label,
+									htmlFor: "dsh-browser-asset-editor",
+									children: t("assetEditor")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+									id: "dsh-browser-asset-editor",
+									className: `${styles.input} ${styles.textarea} ${styles.code} ${draftError ? styles.invalidInput : ""}`,
+									rows: 18,
+									value: draft,
+									spellCheck: false,
+									placeholder: t("assetEditorHint"),
+									onChange: (event) => {
+										setDraft(event.currentTarget.value);
+										setDraftError(false);
+									}
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: styles.hint,
+									children: draftError ? t("assetInvalid") : t("assetSourceBoundary")
+								}),
+								selected?.status === "draft" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: styles.assetTestForm,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+										className: styles.input,
+										value: testUrl,
+										placeholder: t("assetTestUrl"),
+										onChange: (event) => setTestUrl(event.currentTarget.value)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+										className: `${styles.input} ${styles.textarea} ${styles.code}`,
+										rows: 3,
+										value: testInputs,
+										spellCheck: false,
+										"aria-label": t("assetTestInputs"),
+										onChange: (event) => setTestInputs(event.currentTarget.value)
+									})]
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: styles.actions,
+									children: [
+										selected ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: styles.secondary,
+											disabled: state.busy,
+											onClick: () => props.validateAutomationAsset(selected.id),
+											children: t("assetValidate")
+										}) : null,
+										selected?.status === "draft" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: styles.secondary,
+											disabled: state.busy || !testUrl.trim(),
+											onClick: () => void runTest(),
+											children: t("assetTest")
+										}) : null,
+										selected?.status === "draft" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: styles.secondary,
+											disabled: state.busy || selected.testStatus !== "passed",
+											onClick: () => props.setAutomationAssetStatus(selected.id, "active"),
+											children: t("assetActivate")
+										}) : null,
+										selected && selected.status !== "archived" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: styles.secondary,
+											disabled: state.busy,
+											onClick: () => props.setAutomationAssetStatus(selected.id, "archived"),
+											children: t("assetArchive")
+										}) : null,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: styles.primary,
+											disabled: state.busy || !draft || selected?.status === "active",
+											onClick: () => void save(),
+											children: t("assetSaveDraft")
+										})
+									]
+								})
+							]
+						})]
+					})
+				]
+			});
+		}
 		//#endregion
 		//#region src/client/locales.ts
 		const zh = {
@@ -626,6 +941,34 @@ window.__ModuleLoader__.load({
 			opencliEnabledHint: "站点 adapter 和 Chrome Browser Bridge 总开关。",
 			usagePolicy: "调用缓冲 JSON",
 			usagePolicyHint: "minDelayMs、maxConcurrency、burst、maxPagesPerRun、maxDepth、retryLimit、backoffBaseMs、cooldownMs。",
+			automationAssets: "自动化资产策略 JSON",
+			automationAssetsHint: "候选阈值、持久化模式、激活模式、数量与上下文预算。",
+			assetLibrary: "可复用自动化资产（实验性）",
+			assetLibraryHint: "实验功能：候选先提示是否总结；草稿真实回放后再手动激活。源码仅在点选编辑时读取。",
+			assetLoading: "正在读取本地自动化资产…",
+			assetFailed: "自动化资产读取失败。",
+			assetSuggestions: "建议总结",
+			assetRuns: "次成功",
+			assetSessions: "个会话",
+			assetDismiss: "暂不总结",
+			assetSummarize: "总结为草稿",
+			assetScripts: "脚本与 recipe",
+			assetScriptsHint: "模型只能检索已激活资产的有界摘要。",
+			assetNewRecipe: "新建 recipe",
+			assetNewScript: "新建油猴脚本",
+			assetRefresh: "刷新",
+			assetEmpty: "还没有资产。",
+			assetEditor: "资产编辑器（JSON）",
+			assetEditorHint: "选择资产或新建草稿。",
+			assetInvalid: "JSON、测试 URL 或输入无效。",
+			assetSourceBoundary: "不要保存 cookie、token、密码、完整页面内容或聊天记录。",
+			assetValidate: "静态校验",
+			assetTest: "真实回放",
+			assetTestUrl: "测试 URL（必须命中允许域名）",
+			assetTestInputs: "测试输入 JSON",
+			assetActivate: "激活",
+			assetArchive: "归档",
+			assetSaveDraft: "保存草稿",
 			autoInstall: "缺失时自动安装 Chromium",
 			autoInstallHint: "可能触发较大下载，日常建议关闭并显式调用 browser_install。",
 			storageStatePath: "全局 storageState 路径",
@@ -683,6 +1026,34 @@ window.__ModuleLoader__.load({
 			opencliEnabledHint: "Master switch for site adapters and the Chrome Browser Bridge.",
 			usagePolicy: "Usage buffer JSON",
 			usagePolicyHint: "minDelayMs, maxConcurrency, burst, maxPagesPerRun, maxDepth, retryLimit, backoffBaseMs, cooldownMs.",
+			automationAssets: "Automation asset policy JSON",
+			automationAssetsHint: "Candidate thresholds, persistence, activation, count, and context budgets.",
+			assetLibrary: "Reusable automation assets (Experimental)",
+			assetLibraryHint: "Experimental: candidates ask before summarization; drafts require runtime replay before manual activation. Source loads only when selected.",
+			assetLoading: "Loading local automation assets…",
+			assetFailed: "Failed to load automation assets.",
+			assetSuggestions: "Summarization suggestions",
+			assetRuns: "successful runs",
+			assetSessions: "sessions",
+			assetDismiss: "Not now",
+			assetSummarize: "Summarize to draft",
+			assetScripts: "Scripts and recipes",
+			assetScriptsHint: "The model can retrieve only bounded summaries of active assets.",
+			assetNewRecipe: "New recipe",
+			assetNewScript: "New userscript",
+			assetRefresh: "Refresh",
+			assetEmpty: "No assets yet.",
+			assetEditor: "Asset editor (JSON)",
+			assetEditorHint: "Select an asset or create a draft.",
+			assetInvalid: "Invalid JSON, test URL, or inputs.",
+			assetSourceBoundary: "Do not store cookies, tokens, passwords, full page content, or conversation transcripts.",
+			assetValidate: "Static validate",
+			assetTest: "Runtime replay",
+			assetTestUrl: "Test URL (must match an allowed domain)",
+			assetTestInputs: "Test inputs JSON",
+			assetActivate: "Activate",
+			assetArchive: "Archive",
+			assetSaveDraft: "Save draft",
 			autoInstall: "Auto-install Chromium when missing",
 			autoInstallHint: "May download a large binary; explicit browser_install is safer for daily use.",
 			storageStatePath: "Global storageState path",
@@ -716,6 +1087,151 @@ window.__ModuleLoader__.load({
 		/** Settings namespace used by both the Host registry and the card slot key. */
 		const SETTINGS_NAMESPACE = "browser";
 		//#endregion
+		//#region src/client/automation-assets-client.ts
+		function localStore(initial) {
+			let snapshot = initial;
+			const listeners = /* @__PURE__ */ new Set();
+			return {
+				getSnapshot: () => snapshot,
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				set(next) {
+					snapshot = next;
+					for (const listener of listeners) listener();
+				},
+				update(updater) {
+					const draft = structuredClone(snapshot);
+					updater(draft);
+					snapshot = draft;
+					for (const listener of listeners) listener();
+				}
+			};
+		}
+		var AutomationAssetsController = class {
+			rpc;
+			store = localStore({
+				loading: true,
+				busy: false,
+				failed: false
+			});
+			disposed = false;
+			constructor(rpc) {
+				this.rpc = rpc;
+				this.refresh();
+			}
+			inject() {
+				return {
+					hooks: { automationAssets: this.store },
+					refreshAutomationAssets: () => {
+						this.refresh();
+					},
+					selectAutomationAsset: (id) => {
+						this.select(id);
+					},
+					saveAutomationAsset: (asset) => this.mutate("save", { asset }),
+					summarizeAutomationCandidate: (id) => this.mutate("summarize", { id }),
+					dismissAutomationCandidate: (id) => this.mutate("dismiss", { id }),
+					validateAutomationAsset: (id) => this.mutate("validate", { id }),
+					testAutomationAsset: (id, url, inputs) => this.mutate("test", {
+						id,
+						url,
+						inputs
+					}),
+					setAutomationAssetStatus: (id, status) => this.mutate("status", {
+						id,
+						status
+					})
+				};
+			}
+			snapshot() {
+				return this.store.getSnapshot();
+			}
+			dispose() {
+				this.disposed = true;
+			}
+			async refresh() {
+				this.publish({
+					...this.store.getSnapshot(),
+					loading: true,
+					failed: false,
+					error: void 0
+				});
+				try {
+					const snapshot = await this.call("snapshot", {});
+					this.publish({
+						...this.store.getSnapshot(),
+						loading: false,
+						snapshot
+					});
+				} catch (error) {
+					this.fail(error);
+				}
+			}
+			async select(id) {
+				if (!id) {
+					this.publish({
+						...this.store.getSnapshot(),
+						selected: void 0
+					});
+					return;
+				}
+				try {
+					const selected = await this.call("get", { id });
+					this.publish({
+						...this.store.getSnapshot(),
+						selected: selected ?? void 0,
+						failed: false,
+						error: void 0
+					});
+				} catch (error) {
+					this.fail(error);
+				}
+			}
+			async mutate(endpoint, payload) {
+				this.publish({
+					...this.store.getSnapshot(),
+					busy: true,
+					failed: false,
+					error: void 0
+				});
+				try {
+					const value = await this.call(endpoint, payload);
+					const selected = value && typeof value === "object" && "id" in value ? value : this.store.getSnapshot().selected;
+					const snapshot = await this.call("snapshot", {});
+					this.publish({
+						loading: false,
+						busy: false,
+						failed: false,
+						snapshot,
+						...selected ? { selected } : {}
+					});
+				} catch (error) {
+					this.fail(error);
+				}
+			}
+			async call(endpoint, payload) {
+				const result = await this.rpc.call("/dsh-browser-assets", endpoint, payload);
+				if (!result.ok) throw new Error(result.error.message);
+				return result.value;
+			}
+			fail(error) {
+				this.publish({
+					...this.store.getSnapshot(),
+					loading: false,
+					busy: false,
+					failed: true,
+					error: String(error instanceof Error ? error.message : error).slice(0, 300)
+				});
+			}
+			publish(state) {
+				if (!this.disposed) this.store.set(state);
+			}
+		};
+		//#endregion
 		//#region src/client/index.ts
 		const name = "dsh-browser-client";
 		const inject = [
@@ -732,12 +1248,25 @@ window.__ModuleLoader__.load({
 				en
 			}), "dsh-browser: settings dictionaries");
 			const controller = new BrowserSettingsController(ctx.settingsScope.bind({ namespace: SETTINGS_NAMESPACE }));
+			const assets = new AutomationAssetsController(ctx.connection.rpc);
 			ctx.effect(() => () => controller.dispose(), "dsh-browser: settings controller");
+			ctx.effect(() => () => assets.dispose(), "dsh-browser: automation assets controller");
 			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
 				name: "settings.plugin.item",
 				key: SETTINGS_NAMESPACE,
 				locale: NS,
-				inject: () => controller.inject()
+				inject: () => {
+					const settingsProps = controller.inject();
+					const assetProps = assets.inject();
+					return {
+						...settingsProps,
+						...assetProps,
+						hooks: {
+							...settingsProps.hooks,
+							...assetProps.hooks
+						}
+					};
+				}
 			}, SettingsCard));
 		}
 		//#endregion