dsh-loop-engine 0.1.5-rc1

package/lib/client.js

@@ -0,0 +1,675 @@
+var module = { exports: {} }; var exports = module.exports; window.__ModuleLoader__.load({ id: "dsh-loop-engine", factory: (require) => {
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/LoopEngineSection.tsx
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ENGINE_OPTIONS = [
+  { value: "in-process", key: "engineInProcess" },
+  { value: "claude-code", key: "engineClaudeCode" },
+  { value: "codex", key: "engineCodex" },
+  { value: "pi", key: "enginePi" },
+  { value: "kimi", key: "engineKimi" }
+];
+function engineLabelKey(engine) {
+  switch (engine) {
+    case "claude-code":
+      return "engineClaudeCode";
+    case "codex":
+      return "engineCodex";
+    case "pi":
+      return "enginePi";
+    case "kimi":
+      return "engineKimi";
+    default:
+      return "engineInProcess";
+  }
+}
+var shell = {
+  display: "flex",
+  flexDirection: "column",
+  gap: 12,
+  maxWidth: 720,
+  color: "var(--dsw-alias-label-primary)"
+};
+var titleStyle = {
+  margin: 0,
+  fontSize: 18,
+  fontWeight: 600
+};
+var intro = {
+  margin: 0,
+  fontSize: 13,
+  color: "var(--dsw-alias-label-tertiary)"
+};
+var trigger = {
+  appearance: "none",
+  boxSizing: "border-box",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 8,
+  width: "fit-content",
+  minWidth: 200,
+  padding: "9px 12px",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: 10,
+  background: "var(--dsw-alias-bg-layer-1)",
+  color: "var(--dsw-alias-label-primary)",
+  font: "inherit",
+  fontSize: 13,
+  cursor: "pointer"
+};
+var triggerDisabled = { ...trigger, opacity: 0.5, cursor: "default" };
+var notice = {
+  margin: 0,
+  fontSize: 12,
+  color: "var(--dsw-alias-label-secondary)"
+};
+var error = {
+  margin: 0,
+  fontSize: 13,
+  color: "var(--dsw-alias-state-error-primary)"
+};
+var toggleRow = {
+  display: "flex",
+  alignItems: "center",
+  gap: 8,
+  fontSize: 13,
+  color: "var(--dsw-alias-label-primary)",
+  cursor: "pointer"
+};
+var toggleCheckbox = {
+  width: 16,
+  height: 16,
+  accentColor: "var(--dsw-alias-brand-primary, var(--dsw-alias-label-primary))",
+  cursor: "pointer"
+};
+var confirmBody = {
+  margin: 0,
+  fontSize: 13,
+  lineHeight: 1.55,
+  color: "var(--dsw-alias-label-secondary)"
+};
+function LoopEngineSection(props) {
+  const { controller, useSnapshot, t } = props;
+  const { status, engine, showInComposer, writable } = useSnapshot((snapshot) => snapshot);
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [pending, setPending] = (0, import_react.useState)(null);
+  const navId = (0, import_react.useId)();
+  const triggerRef = (0, import_react.useRef)(null);
+  if (status === "unavailable") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { "aria-labelledby": navId, style: shell, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: navId, style: titleStyle, children: t("nav") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: intro, children: t("description") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", style: error, children: t("unavailable") })
+    ] });
+  }
+  const disabled = status === "saving" || !writable;
+  const label = t(engineLabelKey(engine));
+  const onSelect = (next) => {
+    setOpen(false);
+    const value = next;
+    if (value === engine) return;
+    setPending(value);
+  };
+  const confirmSwitch = () => {
+    const value = pending;
+    setPending(null);
+    if (value !== null) {
+      void controller.setEngine(value).then((landed) => {
+        if (landed) window.location.reload();
+      });
+    }
+  };
+  const cancelSwitch = () => {
+    setPending(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { "aria-labelledby": navId, style: shell, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { id: navId, style: titleStyle, children: t("nav") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: intro, children: t("description") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Menu,
+      {
+        open,
+        onClose: () => {
+          setOpen(false);
+        },
+        items: ENGINE_OPTIONS.map((option) => ({ id: option.value, label: t(option.key) })),
+        selectedId: engine,
+        onSelect,
+        align: "start",
+        portal: true,
+        getAnchorRect: () => triggerRef.current?.getBoundingClientRect() ?? null,
+        anchor: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            type: "button",
+            ref: triggerRef,
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            disabled,
+            style: disabled ? triggerDisabled : trigger,
+            onClick: () => {
+              setOpen(!open);
+            },
+            children: [
+              label,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 })
+            ]
+          }
+        )
+      }
+    ),
+    status === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: notice, children: t("saving") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: notice, children: t("switchNotice") }),
+    engine === "claude-code" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: notice, children: t("claudeModelNotice") }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: toggleRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: showInComposer,
+          disabled,
+          style: toggleCheckbox,
+          onChange: (event) => {
+            void controller.setShowInComposer(event.currentTarget.checked);
+          }
+        }
+      ),
+      t("showInComposerLabel")
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: pending !== null,
+        onClose: cancelSwitch,
+        title: t("confirmTitle"),
+        closeLabel: t("closeLabel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", onClick: cancelSwitch, children: t("cancelAction") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", onClick: confirmSwitch, children: t("confirmAction") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: confirmBody, children: t("confirmBody") })
+      }
+    )
+  ] });
+}
+
+// src/client/LoopEngineBadge.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var pill = {
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 4,
+  padding: "2px 8px",
+  border: "1px solid var(--dsw-alias-border-l2)",
+  borderRadius: 999,
+  background: "var(--dsw-alias-bg-layer-1)",
+  color: "var(--dsw-alias-label-secondary)",
+  fontSize: 12,
+  lineHeight: "18px",
+  whiteSpace: "nowrap"
+};
+function LoopEngineBadge(props) {
+  const { useSnapshot, t } = props;
+  const { status, engine } = useSnapshot((state) => state);
+  if (status !== "ready") return null;
+  const label = t(
+    engine === "claude-code" ? "engineClaudeCode" : engine === "codex" ? "engineCodex" : engine === "pi" ? "enginePi" : engine === "kimi" ? "engineKimi" : "engineInProcess"
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { style: pill, title: t("description"), children: [
+    t("nav"),
+    " \xB7 ",
+    label
+  ] });
+}
+
+// src/client/LoopEngineComposerSelect.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ENGINE_OPTIONS2 = [
+  { value: "in-process", key: "engineInProcess" },
+  { value: "claude-code", key: "engineClaudeCode" },
+  { value: "codex", key: "engineCodex" },
+  { value: "pi", key: "enginePi" },
+  { value: "kimi", key: "engineKimi" }
+];
+function engineLabelKey2(engine) {
+  switch (engine) {
+    case "claude-code":
+      return "engineClaudeCode";
+    case "codex":
+      return "engineCodex";
+    case "pi":
+      return "enginePi";
+    case "kimi":
+      return "engineKimi";
+    default:
+      return "engineInProcess";
+  }
+}
+function engineGlyph(engine, size = 16) {
+  switch (engine) {
+    case "claude-code":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M21 10.5h3v3h-3v3h-1.5v3H18v-3h-1.5v3H15v-3H9v3H7.5v-3H6v3H4.5v-3H3v-3H0v-3h3v-6h18Zm-15 0h1.5v-3H6Zm10.5 0H18v-3h-1.5z" }) });
+    case "codex":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 256 260", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M239.183914,106.202783 C245.054304,88.5242096 243.02228,69.1733805 233.607599,53.0998864 C219.451678,28.4588021 190.999703,15.7836129 163.213007,21.739505 C147.554077,4.32145883 123.794909,-3.42398554 100.87901,1.41873898 C77.9631105,6.26146349 59.3690093,22.9572536 52.0959621,45.2214219 C33.8436494,48.9644867 18.0901721,60.392749 8.86672513,76.5818033 C-5.443491,101.182962 -2.19544431,132.215255 16.8986662,153.320094 C11.0060865,170.990656 13.0197283,190.343991 22.4238231,206.422991 C36.5975553,231.072344 65.0680342,243.746566 92.8695738,237.783372 C105.235639,251.708249 123.001113,259.630942 141.623968,259.52692 C170.105359,259.552169 195.337611,241.165718 204.037777,214.045661 C222.28734,210.296356 238.038489,198.869783 247.267014,182.68528 C261.404453,158.127515 258.142494,127.262775 239.183914,106.202783 L239.183914,106.202783 Z M141.623968,242.541207 C130.255682,242.559177 119.243876,238.574642 110.519381,231.286197 L112.054146,230.416496 L163.724595,200.590881 C166.340648,199.056444 167.954321,196.256818 167.970781,193.224005 L167.970781,120.373788 L189.815614,133.010026 C190.034132,133.121423 190.186235,133.330564 190.224885,133.572774 L190.224885,193.940229 C190.168603,220.758427 168.442166,242.484864 141.623968,242.541207 Z M37.1575749,197.93062 C31.456498,188.086359 29.4094818,176.546984 31.3766237,165.342426 L32.9113895,166.263285 L84.6329973,196.088901 C87.2389349,197.618207 90.4682717,197.618207 93.0742093,196.088901 L156.255402,159.663793 L156.255402,184.885111 C156.243557,185.149771 156.111725,185.394602 155.89729,185.550176 L103.561776,215.733903 C80.3054953,229.131632 50.5924954,221.165435 37.1575749,197.93062 Z M23.5493181,85.3811273 C29.2899861,75.4733097 38.3511911,67.9162648 49.1287482,64.0478825 L49.1287482,125.438515 C49.0891492,128.459425 50.6965386,131.262556 53.3237748,132.754232 L116.198014,169.025864 L94.3531808,181.662102 C94.1132325,181.789434 93.8257461,181.789434 93.5857979,181.662102 L41.3526015,151.529534 C18.1419426,138.076098 10.1817681,108.385562 23.5493181,85.125333 L23.5493181,85.3811273 Z M203.0146,127.075598 L139.935725,90.4458545 L161.7294,77.8607748 C161.969348,77.7334434 162.256834,77.7334434 162.496783,77.8607748 L214.729979,108.044502 C231.032329,117.451747 240.437294,135.426109 238.871504,154.182739 C237.305714,172.939368 225.050719,189.105572 207.414262,195.67963 L207.414262,134.288998 C207.322521,131.276867 205.650697,128.535853 203.0146,127.075598 Z M224.757116,94.3850867 L223.22235,93.4642272 L171.60306,63.3828173 C168.981293,61.8443751 165.732456,61.8443751 163.110689,63.3828173 L99.9806554,99.8079259 L99.9806554,74.5866077 C99.9533004,74.3254088 100.071095,74.0701869 100.287609,73.9215426 L152.520805,43.7889738 C168.863098,34.3743518 189.174256,35.2529043 204.642579,46.0434841 C220.110903,56.8340638 227.949269,75.5923959 224.757116,94.1804513 L224.757116,94.3850867 Z M88.0606409,139.097931 L66.2158076,126.512851 C65.9950399,126.379091 65.8450965,126.154176 65.8065367,125.898945 L65.8065367,65.684966 C65.8314495,46.8285367 76.7500605,29.6846032 93.8270852,21.6883055 C110.90411,13.6920079 131.063833,16.2835462 145.5632,28.338998 L144.028434,29.2086986 L92.3579852,59.0343142 C89.7419327,60.5687513 88.1282597,63.3683767 88.1117998,66.4011901 L88.0606409,139.097931 Z M99.9294965,113.5185 L128.06687,97.3011417 L156.255402,113.5185 L156.255402,145.953218 L128.169187,162.170577 L99.9806554,145.953218 L99.9294965,113.5185 Z" }) });
+    case "pi":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { width: size, height: size, viewBox: "0 0 800 800", fill: "none", "aria-hidden": true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M165.29 165.29H517.36V400H400V517.36H282.65V634.72H165.29ZM282.65 282.65V400H400V282.65Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M517.36 400H634.72V634.72H517.36Z" })
+      ] });
+    case "kimi":
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M6 3h2.6v6.5L14.4 3h3.4l-5.6 7.4L17.8 21h-3.4l-5.9-8v8H6z" }) });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.FishLogo, { size });
+  }
+}
+var trigger2 = {
+  appearance: "none",
+  boxSizing: "border-box",
+  display: "inline-flex",
+  alignItems: "center",
+  gap: 4,
+  minWidth: 0,
+  maxWidth: 220,
+  height: 28,
+  padding: "0 4px 0 8px",
+  border: "none",
+  borderRadius: 24,
+  outline: "none",
+  background: "transparent",
+  color: "var(--dsw-alias-label-secondary)",
+  font: "inherit",
+  fontSize: 13,
+  lineHeight: "20px",
+  fontWeight: 500,
+  cursor: "pointer"
+};
+var triggerHover = { ...trigger2, background: "var(--dsw-alias-interactive-bg-hover)" };
+var triggerDisabled2 = { ...trigger2, color: "var(--dsw-alias-label-dimmed)", cursor: "default" };
+var triggerIcon = {
+  display: "inline-flex",
+  flex: "0 0 auto"
+};
+var triggerLabel = {
+  minWidth: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var chevron = {
+  display: "inline-flex",
+  flex: "0 0 auto",
+  color: "var(--dsw-alias-label-caption)",
+  transition: "transform 120ms ease"
+};
+var chevronOpen = { ...chevron, transform: "rotate(180deg)" };
+var confirmBody2 = {
+  margin: 0,
+  fontSize: 13,
+  lineHeight: 1.55,
+  color: "var(--dsw-alias-label-secondary)"
+};
+function LoopEngineComposerSelect(props) {
+  const { controller, useSnapshot, t } = props;
+  const { status, engine, showInComposer, writable } = useSnapshot((snapshot) => snapshot);
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [hovered, setHovered] = (0, import_react2.useState)(false);
+  const [pending, setPending] = (0, import_react2.useState)(null);
+  const triggerRef = (0, import_react2.useRef)(null);
+  if (status !== "ready" || !showInComposer) return null;
+  const disabled = !writable;
+  const label = t(engineLabelKey2(engine));
+  const title = engine === "claude-code" ? t("claudeModelNotice") : t("description");
+  const onSelect = (next) => {
+    setOpen(false);
+    const value = next;
+    if (value === engine) return;
+    setPending(value);
+  };
+  const confirmSwitch = () => {
+    const value = pending;
+    setPending(null);
+    if (value !== null) {
+      void controller.setEngine(value).then((landed) => {
+        if (landed) window.location.reload();
+      });
+    }
+  };
+  const cancelSwitch = () => {
+    setPending(null);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_dsh_client_ui_primitives2.Menu,
+      {
+        open,
+        onClose: () => {
+          setOpen(false);
+        },
+        items: ENGINE_OPTIONS2.map((option) => ({
+          id: option.value,
+          label: t(option.key),
+          icon: engineGlyph(option.value)
+        })),
+        selectedId: engine,
+        onSelect,
+        align: "start",
+        portal: true,
+        getAnchorRect: () => triggerRef.current?.getBoundingClientRect() ?? null,
+        anchor: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "button",
+          {
+            type: "button",
+            ref: triggerRef,
+            "aria-haspopup": "menu",
+            "aria-expanded": open,
+            disabled,
+            style: disabled ? triggerDisabled2 : hovered ? triggerHover : trigger2,
+            title,
+            onMouseEnter: () => {
+              setHovered(true);
+            },
+            onMouseLeave: () => {
+              setHovered(false);
+            },
+            onClick: () => {
+              setOpen(!open);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: triggerIcon, "aria-hidden": true, children: engineGlyph(engine, 14) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: triggerLabel, children: label }),
+              /* @__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)(
+      import_dsh_client_ui_primitives2.Modal,
+      {
+        open: pending !== null,
+        onClose: cancelSwitch,
+        title: t("confirmTitle"),
+        closeLabel: t("closeLabel"),
+        footer: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", onClick: cancelSwitch, children: t("cancelAction") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", onClick: confirmSwitch, children: t("confirmAction") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: confirmBody2, children: t("confirmBody") })
+      }
+    )
+  ] });
+}
+
+// src/client/store.ts
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+function decodeLoopEngine(section) {
+  if (typeof section !== "object" || section === null || Array.isArray(section)) return void 0;
+  const { engine, showInComposer } = section;
+  if (engine !== "in-process" && engine !== "claude-code" && engine !== "codex" && engine !== "pi" && engine !== "kimi") {
+    return void 0;
+  }
+  return { engine, showInComposer: showInComposer !== false };
+}
+var LoopEngineStore = class {
+  /**
+   * @param scope - the loop engine settings namespace scope.
+   */
+  constructor(scope) {
+    this.scope = scope;
+  }
+  scope;
+  /** uSES-safe state source shared by the registered settings section. */
+  store = (0, import_dsh_client_store.createSnapshotStore)({
+    status: "loading",
+    engine: "in-process",
+    showInComposer: true,
+    writable: false,
+    error: null
+  });
+  following;
+  saving = false;
+  /** Begin following the bound scope and publish its current answer. */
+  load() {
+    this.following ??= this.scope.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.
+   * @param engine - the engine to select for future Agent turns.
+   * @returns whether the write landed.
+   */
+  async setEngine(engine) {
+    this.saving = true;
+    this.store.update((state) => {
+      state.status = "saving";
+      state.error = null;
+    });
+    try {
+      await this.scope.set("engine", engine);
+    } finally {
+      this.saving = false;
+    }
+    this.derive();
+    const { engine: settled } = this.store.getSnapshot();
+    const landed = settled === engine;
+    if (!landed) {
+      this.store.update((state) => {
+        state.status = "unavailable";
+        state.error = "the loop engine selection did not persist";
+      });
+    }
+    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.
+   * @param show - whether the chat page composer reveals the engine picker.
+   * @returns whether the write landed.
+   */
+  async setShowInComposer(show) {
+    this.saving = true;
+    this.store.update((state) => {
+      state.status = "saving";
+      state.error = null;
+    });
+    try {
+      await this.scope.set("showInComposer", show);
+    } finally {
+      this.saving = false;
+    }
+    this.derive();
+    const { showInComposer: settled } = this.store.getSnapshot();
+    const landed = settled === show;
+    if (!landed) {
+      this.store.update((state) => {
+        state.status = "unavailable";
+        state.error = "the loop engine display setting did not persist";
+      });
+    }
+    return landed;
+  }
+  /** Stop following the scope. */
+  dispose() {
+    this.following?.();
+    this.following = void 0;
+  }
+  derive() {
+    if (this.saving) return;
+    const scope = this.scope.getSnapshot();
+    switch (scope.status) {
+      case "loading":
+        this.store.update((state) => {
+          state.status = "loading";
+          state.error = null;
+        });
+        return;
+      case "unavailable":
+        this.store.update((state) => {
+          state.status = "unavailable";
+          state.engine = "in-process";
+          state.showInComposer = true;
+          state.error = null;
+        });
+        return;
+      case "ready": {
+        const engine = scope.value?.engine ?? "in-process";
+        const showInComposer = scope.value?.showInComposer ?? true;
+        this.store.update((state) => {
+          state.status = "ready";
+          state.engine = engine;
+          state.showInComposer = showInComposer;
+          state.writable = scope.writable;
+          state.error = null;
+        });
+        return;
+      }
+      default: {
+        const exhaustive = scope.status;
+        throw new Error(`unexpected loop engine scope status: ${String(exhaustive)}`);
+      }
+    }
+  }
+};
+
+// src/client/locales.ts
+var zh = {
+  nav: "\u5FAA\u73AF\u5F15\u64CE",
+  description: "\u9009\u62E9\u9A71\u52A8\u4F1A\u8BDD\u7684 Agent \u6267\u884C\u5F15\u64CE\uFF0C\u5207\u6362\u5BF9\u540E\u7EED\u4F1A\u8BDD\u751F\u6548\u3002",
+  engineInProcess: "\u8FDB\u7A0B\u5185\u5F15\u64CE\uFF08\u9ED8\u8BA4\uFF09",
+  engineClaudeCode: "Claude Code CLI",
+  engineCodex: "Codex CLI",
+  enginePi: "Pi CLI",
+  engineKimi: "Kimi Code CLI",
+  showInComposerLabel: "\u5728\u5BF9\u8BDD\u9875\u663E\u793A\u5F15\u64CE\u9009\u62E9\u5668",
+  unavailable: "\u5FAA\u73AF\u5F15\u64CE\u8BBE\u7F6E\u4E0D\u53EF\u7528",
+  switchNotice: "\u5207\u6362\u5F15\u64CE\u4F1A\u4E2D\u65AD\u5F53\u524D\u4F7F\u7528\u65E7\u5F15\u64CE\u8FD0\u884C\u4E2D\u7684\u4F1A\u8BDD\u3002",
+  saving: "\u4FDD\u5B58\u4E2D\u2026",
+  confirmTitle: "\u5207\u6362\u5FAA\u73AF\u5F15\u64CE\uFF1F",
+  confirmBody: "\u5207\u6362\u4F1A\u4E2D\u65AD\u5F53\u524D\u4F7F\u7528\u65E7\u5F15\u64CE\u8FD0\u884C\u4E2D\u7684\u4F1A\u8BDD\uFF0C\u786E\u8BA4\u540E\u9875\u9762\u5C06\u81EA\u52A8\u5237\u65B0\uFF0C\u65B0\u5BF9\u8BDD\u4F7F\u7528\u65B0\u5F15\u64CE\u3002\u786E\u8BA4\u5207\u6362\u5417\uFF1F",
+  confirmAction: "\u5207\u6362",
+  cancelAction: "\u53D6\u6D88",
+  closeLabel: "\u5173\u95ED",
+  claudeModelNotice: "\u5F53\u524D\u4F7F\u7528 Claude Code \u5F15\u64CE\uFF1A\u5B9E\u9645\u6A21\u578B\u7531 Claude Code \u539F\u751F\u51B3\u5B9A\uFF0C\u9875\u9762\u4E0A\u7684\u6A21\u578B\u9009\u62E9\u4E0D\u751F\u6548\u3002"
+};
+var en = {
+  nav: "Loop engine",
+  description: "Choose the agent execution engine that drives sessions; the switch applies to new turns.",
+  engineInProcess: "In-process engine (default)",
+  engineClaudeCode: "Claude Code CLI",
+  engineCodex: "Codex CLI",
+  enginePi: "Pi CLI",
+  engineKimi: "Kimi Code CLI",
+  showInComposerLabel: "Show the engine selector in the chat page",
+  unavailable: "Loop engine settings are unavailable",
+  switchNotice: "Switching engines interrupts sessions currently running on the previous engine.",
+  saving: "Saving\u2026",
+  confirmTitle: "Switch loop engine?",
+  confirmBody: "Switching interrupts sessions currently running on the previous engine; the page reloads after the switch and new turns use the new engine. Switch now?",
+  confirmAction: "Switch",
+  cancelAction: "Cancel",
+  closeLabel: "Close",
+  claudeModelNotice: "Claude Code engine active: the actual model is decided natively by Claude Code; the model selector in this session has no effect."
+};
+
+// src/namespace.ts
+var LOOP_ENGINE_SETTINGS_NAMESPACE_LITERAL = "agent-loop-engine";
+
+// src/client/index.ts
+var NS = "settings.loop-engine";
+var inject = ["slots", "locale", "settingsScope"];
+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);
+  ctx.effect(() => {
+    controller.load();
+    return () => {
+      controller.dispose();
+    };
+  }, "loop-engine: store lifecycle");
+  const t = ctx.locale.bind(NS);
+  const injected = () => ({
+    controller,
+    hooks: { snapshot: controller.store },
+    t
+  });
+  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) => {
+    const badgeInjected = () => ({
+      hooks: { snapshot: controller.store },
+      t
+    });
+    scope2.effect(() => {
+      return scope2.slots.register({
+        name: "conversation.session.header.actions",
+        id: "loop-engine",
+        // Static session context precedes interactive actions (agent-preset's
+        // label sits at -10, so the engine chip leads the header).
+        order: -20,
+        locale: NS,
+        inject: badgeInjected
+      }, LoopEngineBadge);
+    }, "loop-engine: session header engine badge");
+  });
+  ctx.inject(["slots", "conversation"], (scope2) => {
+    const composerInjected = () => ({
+      controller,
+      hooks: { snapshot: controller.store },
+      t
+    });
+    scope2.effect(() => {
+      return scope2.slots.register({
+        name: "conversation.input.right",
+        id: "loop-engine",
+        order: 0,
+        locale: NS,
+        inject: composerInjected
+      }, LoopEngineComposerSelect);
+    }, "loop-engine: composer engine select");
+  });
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map