dsh-loop-engine 0.1.5-rc4 → 0.1.7-rc1

package/README.md

@@ -22,7 +22,7 @@ A **published** dsh needs no extra setup. Booting the harness from its **source
 
 ## Version compatibility
 
-dsh-loop-engine is versioned **in lockstep with the harness it targets**: `<harness version>-rcN`. `0.1.5-rc3` targets harness `0.1.5-rc.2`; `0.1.5-rc1`/`0.1.5-rc2` target `0.1.5-rc.1`; `1.0.0-rc8` … `1.0.0-rc15` target `0.1.2-rc.1`; `1.0.0-rc7` and earlier target `0.1.1-rc.2`. Every harness package it consumes is pinned exactly in `peerDependencies`, and the two must be matched — a mismatch fails loudly at boot or session resume. To use the plugin with an older harness, install the release matching it (each GitHub Release states the harness version it targets).
+dsh-loop-engine is versioned **in lockstep with the harness it targets**: `<harness version>-rcN`. From `0.1.7-rc1` on, **one release serves two harness generations**: the 0.1.5 line (`>=0.1.5-rc.1 <0.1.6-0`, all sharing the old settings API) and `0.1.7-rc.1` (`>=0.1.7-rc.1 <0.1.8-0`). It detects the running generation at load and takes the matching code path, so a single published package installs onto either. Every harness package it consumes declares that union range in `peerDependencies`; a harness outside it fails loudly at boot or session resume. `0.1.5-rc3` … `0.1.5-rc5` target harness `0.1.5-rc.2`; `0.1.5-rc1`/`0.1.5-rc2` target `0.1.5-rc.1`; `1.0.0-rc8` … `1.0.0-rc15` target `0.1.2-rc.1`; `1.0.0-rc7` and earlier target `0.1.1-rc.2`.
 
 ### Requirements
 

package/README.zh.md

@@ -22,7 +22,7 @@ dsh plugin --profile web add dsh-loop-engine
 
 ## 版本兼容
 
-`dsh-loop-engine` 与它针对的 harness **同版本对齐**:`<harness version>-rcN`。`0.1.5-rc3` 针对 harness `0.1.5-rc.2`;`0.1.5-rc1`/`0.1.5-rc2` 针对 `0.1.5-rc.1`;`1.0.0-rc8` … `1.0.0-rc15` 针对 `0.1.2-rc.1`;`1.0.0-rc7` 及更早针对 `0.1.1-rc.2`。它消费的每个 harness 包都在 `peerDependencies` 里精确钉住,两者必须匹配——不匹配会在启动或会话恢复时响亮地失败。要在更老的 harness 上使用本插件,请安装与之匹配的版本(每个 GitHub Release 正文会写明它针对的 harness 版本)。
+`dsh-loop-engine` 与它针对的 harness **同版本对齐**:`<harness version>-rcN`。自 `0.1.7-rc1` 起,**一个发布版本同时服务两代 harness**:0.1.5 线(`>=0.1.5-rc.1 <0.1.6-0`,三段 `rc` 共用同一套旧 settings API)与 `0.1.7-rc.1`(`>=0.1.7-rc.1 <0.1.8-0`)。它在加载期探测当前是哪一代、走对应分支,所以同一份已发布产物在两代上都能安装运行。它消费的每个 harness 包都在 `peerDependencies` 里声明这个并集范围;超出范围会在启动或会话恢复时响亮地失败。`0.1.5-rc3` … `0.1.5-rc5` 针对 harness `0.1.5-rc.2`;`0.1.5-rc1`/`0.1.5-rc2` 针对 `0.1.5-rc.1`;`1.0.0-rc8` … `1.0.0-rc15` 针对 `0.1.2-rc.1`;`1.0.0-rc7` 及更早针对 `0.1.1-rc.2`。
 
 ### 环境要求
 

package/lib/client.js

@@ -1,8 +1,10 @@
 var module = { exports: {} }; var exports = module.exports; window.__ModuleLoader__.load({ id: "dsh-loop-engine", factory: (require) => {
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/client/index.ts
@@ -28,6 +38,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/client/LoopEngineSection.tsx
 var import_react = require("react");
+var primitives = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/agent-preset-ids.ts
@@ -60,6 +71,7 @@ function hostedEngineOf(session) {
 
 // src/client/LoopEngineSection.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var IconChevronDown = primitives.IconChevronDownOutlineRegular ?? primitives.IconChevronDownOutline14;
 var ENGINE_OPTIONS = [
   { value: "in-process", key: "engineInProcess" },
   { value: "claude-code", key: "engineClaudeCode" },
@@ -208,7 +220,7 @@ function LoopEngineSection(props) {
             },
             children: [
               label,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconChevronDown, { size: 14 })
             ]
           }
         )
@@ -253,9 +265,18 @@ var import_react2 = require("react");
 
 // src/client/turn-status.ts
 var ENGINE_ATTR = "data-loop-engine";
+var RUNNING_ATTR = "data-loop-engine-running";
 var PLUGIN_ID = "dsh-loop-engine";
-var STYLESHEET = `
-[class$="_turnStatus"]::before {
+var ROW_SELECTORS = [
+  /** 0.1.5 line: the turn-status row, whose class name ends `_turnStatus`. */
+  '[class$="_turnStatus"]',
+  /** 0.1.7 line: the turn-process button (`data-turn-process`); its status text is the label span. */
+  'button[data-turn-process] [class$="_label"]'
+];
+var sheetFor = (ROW) => {
+  const GATE = `html[${ENGINE_ATTR}][${RUNNING_ATTR}]`;
+  return `
+${GATE} ${ROW}::before {
   margin-right: 6px;
   background: none;
   -webkit-background-clip: border-box;
@@ -263,18 +284,34 @@ var STYLESHEET = `
 }
 
 /*
- * The row's own sweep, re-asserted for hosted engines.
+ * The engine-colored sweep \u2014 and, on the 0.1.7 line, the sweep itself.
  *
- * ui-chat disables that animation under \`prefers-reduced-motion: reduce\`
- * (ChatView.module.css), and a media query carries no specificity \u2014 so this
- * attribute-gated rule outranks it. That is deliberate here: deployment images
- * ship with Windows' client-area animation off (SPI_GETCLIENTAREAANIMATION
- * false), and with the guard in force EVERY indicator on this row is frozen \u2014
- * the sweep and the glyph alike. Scoped to hosted engines, so in-process
- * sessions keep the stock reduced-motion behaviour; delete this rule and
- * restore the guard at the foot of the sheet to hand the decision back to the OS.
+ * The 0.1.5 row paints its own gradient (a \`linear-gradient\` over
+ * --dsw-static-deepseek-*, clipped to the text) and only needs its animation
+ * re-asserted; this rule declares that same gradient so the 0.1.7 row, whose
+ * turn-process button is plain tertiary text, gets the sweep back. Either way
+ * the per-engine override below recolors it by swapping the two custom
+ * properties. ui-chat disables the animation under
+ * \`prefers-reduced-motion: reduce\`, and a media query carries no specificity \u2014
+ * so this attribute-gated rule outranks it. That is deliberate here:
+ * deployment images ship with Windows' client-area animation off
+ * (SPI_GETCLIENTAREAANIMATION false), and with the guard in force EVERY
+ * indicator on this row is frozen \u2014 the sweep and the glyph alike. Scoped to
+ * hosted engines, so in-process sessions keep the stock reduced-motion
+ * behaviour; delete this rule and restore the guard at the foot of the sheet to
+ * hand the decision back to the OS.
  */
-html[${ENGINE_ATTR}] [class$="_turnStatus"] {
+${GATE} ${ROW} {
+  background: linear-gradient(90deg,
+    var(--dsw-static-deepseek-500) 0%,
+    var(--dsw-static-deepseek-500) 40%,
+    var(--dsw-static-deepseek-200) 50%,
+    var(--dsw-static-deepseek-500) 60%,
+    var(--dsw-static-deepseek-500) 100%);
+  color: #0000;
+  -webkit-text-fill-color: transparent;
+  -webkit-background-clip: text;
+  background-clip: text;
   background-position: 100% 0;
   background-size: 250% 100%;
   animation: le-shimmer 1.8s linear infinite;
@@ -284,22 +321,22 @@ html[${ENGINE_ATTR}] [class$="_turnStatus"] {
   to { background-position: 0 0; }
 }
 
-html[${ENGINE_ATTR}="claude-code"] [class$="_turnStatus"] {
+html[${ENGINE_ATTR}="claude-code"][${RUNNING_ATTR}] ${ROW} {
   --dsw-static-deepseek-500: #d97757;
   --dsw-static-deepseek-200: #f5bda6;
 }
-html[${ENGINE_ATTR}="claude-code"] [class$="_turnStatus"]::before {
+html[${ENGINE_ATTR}="claude-code"][${RUNNING_ATTR}] ${ROW}::before {
   content: "\u273B";
   color: #d97757;
   -webkit-text-fill-color: #d97757;
   animation: le-bloom 1.6s ease-in-out infinite;
 }
 
-html[${ENGINE_ATTR}="codex"] [class$="_turnStatus"] {
+html[${ENGINE_ATTR}="codex"][${RUNNING_ATTR}] ${ROW} {
   --dsw-static-deepseek-500: #a9b1c0;
   --dsw-static-deepseek-200: #e6eaf2;
 }
-html[${ENGINE_ATTR}="codex"] [class$="_turnStatus"]::before {
+html[${ENGINE_ATTR}="codex"][${RUNNING_ATTR}] ${ROW}::before {
   content: "\u2022";
   color: #a9b1c0;
   -webkit-text-fill-color: #a9b1c0;
@@ -307,11 +344,11 @@ html[${ENGINE_ATTR}="codex"] [class$="_turnStatus"]::before {
   animation: le-pulse 1.4s ease-in-out infinite;
 }
 
-html[${ENGINE_ATTR}="pi"] [class$="_turnStatus"] {
+html[${ENGINE_ATTR}="pi"][${RUNNING_ATTR}] ${ROW} {
   --dsw-static-deepseek-500: #8e4ec6;
   --dsw-static-deepseek-200: #d6bff0;
 }
-html[${ENGINE_ATTR}="pi"] [class$="_turnStatus"]::before {
+html[${ENGINE_ATTR}="pi"][${RUNNING_ATTR}] ${ROW}::before {
   content: "\u280B";
   color: #8e4ec6;
   -webkit-text-fill-color: #8e4ec6;
@@ -319,11 +356,11 @@ html[${ENGINE_ATTR}="pi"] [class$="_turnStatus"]::before {
   animation: le-braille 1s linear infinite;
 }
 
-html[${ENGINE_ATTR}="kimi"] [class$="_turnStatus"] {
+html[${ENGINE_ATTR}="kimi"][${RUNNING_ATTR}] ${ROW} {
   --dsw-static-deepseek-500: #e5484d;
   --dsw-static-deepseek-200: #f5b2b4;
 }
-html[${ENGINE_ATTR}="kimi"] [class$="_turnStatus"]::before {
+html[${ENGINE_ATTR}="kimi"][${RUNNING_ATTR}] ${ROW}::before {
   content: "\u{1F317}";
   color: #e5484d;
   -webkit-text-fill-color: #e5484d;
@@ -380,10 +417,13 @@ html[${ENGINE_ATTR}="kimi"] [class$="_turnStatus"]::before {
 }
 
 `;
+};
+var STYLESHEET = ROW_SELECTORS.map(sheetFor).join("\n");
 var focusedSessionId;
-function reflectTurnStatusEngine(sessionId, engine) {
+function reflectTurnStatusEngine(sessionId, engine, running) {
   if (sessionId === void 0 || sessionId !== focusedSessionId) return;
   writeTurnStatusEngine(engine);
+  if (running !== void 0) writeTurnStatusRunning(running);
 }
 function focusTurnStatusSession(sessionId) {
   focusedSessionId = sessionId;
@@ -400,6 +440,12 @@ function writeTurnStatusEngine(engine) {
   }
   root.dataset.loopEngine = engine;
 }
+function writeTurnStatusRunning(running) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  if (running) root.dataset.loopEngineRunning = "";
+  else delete root.dataset.loopEngineRunning;
+}
 function installTurnStatusStyles(ctx) {
   if (typeof document === "undefined") return;
   ctx.effect(() => {
@@ -411,12 +457,13 @@ function installTurnStatusStyles(ctx) {
     return () => {
       tag.remove();
       delete document.documentElement.dataset.loopEngine;
+      delete document.documentElement.dataset.loopEngineRunning;
     };
   }, "loop-engine: per-engine turn status styles");
 }
 
 // src/client/use-session-engine.ts
-function useEngineOfSession(cache, sessionId) {
+function useEngineOfSession(cache, sessionId, running) {
   const [, bump] = (0, import_react2.useState)(0);
   const report = sessionId === void 0 ? void 0 : cache.read(sessionId);
   (0, import_react2.useEffect)(() => {
@@ -429,11 +476,11 @@ function useEngineOfSession(cache, sessionId) {
   (0, import_react2.useEffect)(() => {
     if (sessionId === void 0) return;
     focusTurnStatusSession(sessionId);
-    reflectTurnStatusEngine(sessionId, engine);
+    reflectTurnStatusEngine(sessionId, engine, running);
     return () => {
       blurTurnStatusSession(sessionId);
     };
-  }, [sessionId, engine]);
+  }, [sessionId, engine, running]);
   return report;
 }
 
@@ -574,8 +621,9 @@ var pill = {
   whiteSpace: "nowrap"
 };
 function LoopEngineBadge(props) {
-  const { sessionId, sessionEngines, t } = props;
-  const report = useEngineOfSession(sessionEngines, sessionId);
+  const { sessionId, sessionEngines, useSession, t } = props;
+  const running = useSession?.((snapshot) => snapshot.running);
+  const report = useEngineOfSession(sessionEngines, sessionId, running);
   if (sessionId === void 0 || report === void 0) return null;
   const engine = report.engine;
   if (engine.kind === "unset") return null;
@@ -593,6 +641,7 @@ function LoopEngineBadge(props) {
 
 // src/client/LoopEngineComposerSelect.tsx
 var import_react3 = require("react");
+var primitives2 = __toESM(require("@deepseek-ai/dsh-client-ui-primitives"), 1);
 var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
 
 // src/client/reload.ts
@@ -747,13 +796,15 @@ function descriptor(method, request, result) {
       codec: {
         mode: "strict",
         typeSymbol: `${LOOP_ENGINE_PACKAGE}#${LOOP_ENGINE_REMOTE_NAMESPACE}/${method}:request`,
-        schema: request
+        schema: request,
+        create: () => request
       }
     }],
     result: {
       mode: "strict",
       typeSymbol: `${LOOP_ENGINE_PACKAGE}#${LOOP_ENGINE_REMOTE_NAMESPACE}/${method}:result`,
-      schema: result
+      schema: result,
+      create: () => result
     }
   };
 }
@@ -999,6 +1050,7 @@ function sessionEngineSwitcher(ctx, onSwitched, page = browserPage()) {
 
 // src/client/LoopEngineComposerSelect.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconChevronDown2 = primitives2.IconChevronDownOutlineRegular ?? primitives2.IconChevronDownOutline14;
 var ENGINE_OPTIONS2 = [
   { value: "in-process", key: "engineInProcess" },
   { value: "claude-code", key: "engineClaudeCode" },
@@ -1091,9 +1143,10 @@ var noticeDetail = {
   wordBreak: "break-word"
 };
 function LoopEngineComposerSelect(props) {
-  const { controller, useSnapshot, sessionId, sessionEngines, switchEngine, t } = props;
+  const { controller, useSnapshot, sessionId, sessionEngines, switchEngine, useSession, t } = props;
   const { status, engine: defaultEngine, showInComposer, writable } = useSnapshot((snapshot) => snapshot);
-  const resolved = useEngineOfSession(sessionEngines, sessionId);
+  const running = useSession?.((snapshot) => snapshot.running);
+  const resolved = useEngineOfSession(sessionEngines, sessionId, running);
   const { label, engine, selectedId, pending } = sessionId === void 0 ? defaultFace(defaultEngine) : resolved === void 0 ? READING : triggerFace(resolved);
   const switchReady = sessionId === void 0 || engineSwitchReady(resolved);
   const [open, setOpen] = (0, import_react3.useState)(false);
@@ -1206,7 +1259,7 @@ function LoopEngineComposerSelect(props) {
                 labelText,
                 pendingText
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: open ? chevronOpen : chevron, "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconChevronDownOutline14, { size: 14 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: open ? chevronOpen : chevron, "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconChevronDown2, { size: 14 }) })
             ]
           }
         )
@@ -1255,12 +1308,12 @@ function decodeLoopEngine(section) {
 }
 var LoopEngineStore = class {
   /**
-   * @param scope - the loop engine settings namespace scope.
+   * @param transport - the settings channel the store follows.
    */
-  constructor(scope) {
-    this.scope = scope;
+  constructor(transport) {
+    this.transport = transport;
   }
-  scope;
+  transport;
   /** uSES-safe state source shared by the registered settings section. */
   store = (0, import_dsh_client_store.createSnapshotStore)({
     status: "loading",
@@ -1271,16 +1324,17 @@ var LoopEngineStore = class {
   });
   following;
   saving = false;
-  /** Begin following the bound scope and publish its current answer. */
+  /** Begin following the transport and publish its current answer. */
   load() {
-    this.following ??= this.scope.subscribe(() => {
+    this.following ??= this.transport.subscribe(() => {
       this.derive();
     });
     this.derive();
   }
   /**
-   * Persist the selected engine. Success is judged against the snapshot the
-   * write left behind, so a refused write reports error after its recovery.
+   * Persist the selected engine. Success is the transport's accepted answer
+   * (when it reports one) checked against the snapshot the write left behind,
+   * so a refused write reports error after its recovery.
    * @param engine - the engine to select for future Agent turns.
    * @returns whether the write landed.
    */
@@ -1290,14 +1344,14 @@ var LoopEngineStore = class {
       state.status = "saving";
       state.error = null;
     });
+    let accepted = true;
     try {
-      await this.scope.set("engine", engine);
+      accepted = await this.transport.set("engine", engine);
     } finally {
       this.saving = false;
     }
     this.derive();
-    const { engine: settled } = this.store.getSnapshot();
-    const landed = settled === engine;
+    const landed = accepted !== false && this.store.getSnapshot().engine === engine;
     if (!landed) {
       this.store.update((state) => {
         state.status = "unavailable";
@@ -1307,10 +1361,9 @@ var LoopEngineStore = class {
     return landed;
   }
   /**
-   * Persist whether the composer shows the engine picker. Success is judged
-   * against the snapshot the write left behind, so a refused write reports
-   * error after its recovery. Unlike {@link setEngine}, landing does not reload
-   * the page — the toggle only changes composer visibility.
+   * Persist whether the composer shows the engine picker. Unlike
+   * {@link setEngine}, landing does not reload the page — the toggle only
+   * changes composer visibility.
    * @param show - whether the chat page composer reveals the engine picker.
    * @returns whether the write landed.
    */
@@ -1320,14 +1373,14 @@ var LoopEngineStore = class {
       state.status = "saving";
       state.error = null;
     });
+    let accepted = true;
     try {
-      await this.scope.set("showInComposer", show);
+      accepted = await this.transport.set("showInComposer", show);
     } finally {
       this.saving = false;
     }
     this.derive();
-    const { showInComposer: settled } = this.store.getSnapshot();
-    const landed = settled === show;
+    const landed = accepted !== false && this.store.getSnapshot().showInComposer === show;
     if (!landed) {
       this.store.update((state) => {
         state.status = "unavailable";
@@ -1336,15 +1389,15 @@ var LoopEngineStore = class {
     }
     return landed;
   }
-  /** Stop following the scope. */
+  /** Stop following the transport. */
   dispose() {
     this.following?.();
     this.following = void 0;
   }
   derive() {
     if (this.saving) return;
-    const scope = this.scope.getSnapshot();
-    switch (scope.status) {
+    const snapshot = this.transport.getSnapshot();
+    switch (snapshot.status) {
       case "loading":
         this.store.update((state) => {
           state.status = "loading";
@@ -1360,64 +1413,109 @@ var LoopEngineStore = class {
         });
         return;
       case "ready": {
-        const engine = scope.value?.engine ?? "in-process";
-        const showInComposer = scope.value?.showInComposer ?? true;
+        const engine = snapshot.value?.engine ?? "in-process";
+        const showInComposer = snapshot.value?.showInComposer ?? true;
         this.store.update((state) => {
           state.status = "ready";
           state.engine = engine;
           state.showInComposer = showInComposer;
-          state.writable = scope.writable;
+          state.writable = snapshot.writable;
           state.error = null;
         });
         return;
       }
       default: {
-        const exhaustive = scope.status;
-        throw new Error(`unexpected loop engine scope status: ${String(exhaustive)}`);
+        const exhaustive = snapshot.status;
+        throw new Error(`unexpected loop engine form status: ${String(exhaustive)}`);
       }
     }
   }
 };
 
 // src/namespace.ts
-var LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL = "agent-loop-engine";
+var LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL = "loop-engine";
+var LEGACY_LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL = "agent-loop-engine";
 
 // src/client/index.ts
 var NS = "settings.loop-engine";
-var inject = ["slots", "locale", "settingsScope"];
+var inject = ["slots", "locale"];
 function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "loop-engine: copy dictionaries");
-  const scope = ctx.settingsScope.bind({
-    namespace: LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL,
-    decode: decodeLoopEngine
-  });
-  const controller = new LoopEngineStore(scope);
+  installTurnStatusStyles(ctx);
+  const sessionEngines = createSessionEngineCache(ctx);
+  installReloadReturn(ctx);
+  const t = ctx.locale.bind(NS);
+  let source;
+  const listeners = /* @__PURE__ */ new Set();
+  const transport = {
+    getSnapshot: () => source?.getSnapshot() ?? { status: "loading", value: void 0, writable: false },
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    set: (field, value) => source === void 0 ? Promise.resolve(false) : source.set(field, value)
+  };
+  const adopt = (next) => {
+    source = next;
+    const forget = next.subscribe(() => {
+      for (const listener of [...listeners]) listener();
+    });
+    for (const listener of [...listeners]) listener();
+    return () => {
+      forget();
+      if (source === next) source = void 0;
+    };
+  };
+  const controller = new LoopEngineStore(transport);
   ctx.effect(() => {
     controller.load();
     return () => {
       controller.dispose();
     };
   }, "loop-engine: store lifecycle");
-  installTurnStatusStyles(ctx);
-  const sessionEngines = createSessionEngineCache(ctx);
-  installReloadReturn(ctx);
-  const t = ctx.locale.bind(NS);
   const injected = () => ({
     controller,
     hooks: { snapshot: controller.store },
     t
   });
-  ctx.slots.inject("settings.section", () => ctx.slots.register({
+  const registerPage = () => ctx.slots.inject("settings.section", () => ctx.slots.register({
     name: "settings.section",
     id: "loop-engine",
     order: 30,
     label: () => t("nav"),
     inject: injected
   }, LoopEngineSection));
-  ctx.inject(["slots", "conversation"], (scope2) => {
+  ctx.inject(["configForms"], (scope) => {
+    const form = scope.configForms.get(LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL);
+    scope.effect(() => adopt({
+      getSnapshot: () => form.getSnapshot(),
+      subscribe: (listener) => form.subscribe(listener),
+      set: (field, value) => form.set(field, value)
+    }), "loop-engine: settings transport (config forms)");
+    scope.effect(
+      () => scope.configForms.whileServed([LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL], registerPage),
+      "loop-engine: settings page"
+    );
+  });
+  ctx.inject(["settingsScope"], (scope) => {
+    const scopes = scope.settingsScope;
+    const bound = scopes.bind({
+      namespace: LEGACY_LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL,
+      decode: decodeLoopEngine
+    });
+    scope.effect(() => adopt({
+      getSnapshot: () => bound.getSnapshot(),
+      subscribe: (listener) => bound.subscribe(listener),
+      set: (field, value) => bound.set(field, value)
+    }), "loop-engine: settings transport (settings scope)");
+    scope.effect(registerPage, "loop-engine: settings page");
+  });
+  ctx.inject(["slots", "conversation"], (scope) => {
     const badgeInjected = () => ({ sessionEngines, t });
-    scope2.effect(() => {
-      return scope2.slots.register({
+    scope.effect(() => {
+      return scope.slots.register({
         name: "conversation.session.header.actions",
         id: "loop-engine",
         // Static session context precedes interactive actions (agent-preset's
@@ -1431,7 +1529,7 @@ function apply(ctx) {
   const switchEngine = sessionEngineSwitcher(ctx, (sessionId) => {
     sessionEngines.invalidate(sessionId);
   });
-  ctx.inject(["slots", "conversation"], (scope2) => {
+  ctx.inject(["slots", "conversation"], (scope) => {
     const composerInjected = () => ({
       controller,
       hooks: { snapshot: controller.store },
@@ -1439,8 +1537,8 @@ function apply(ctx) {
       switchEngine,
       t
     });
-    scope2.effect(() => {
-      return scope2.slots.register({
+    scope.effect(() => {
+      return scope.slots.register({
         name: "conversation.input.right",
         id: "loop-engine",
         order: 0,