dsh-session-cloud 0.1.0

package/lib/client.js

@@ -0,0 +1,1912 @@
+window.__ModuleLoader__.load({ id: "dsh-cloud-sync", factory: (require) => { var module = { exports: {} }; var exports = module.exports;
+"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/CloudSyncCard.tsx
+var import_react = require("react");
+
+// src/client/pure.ts
+function isValidServerUrl(text) {
+  if (text === "") return true;
+  let url;
+  try {
+    url = new URL(text);
+  } catch {
+    return false;
+  }
+  return url.protocol === "http:" || url.protocol === "https:";
+}
+function isValidDeviceName(text) {
+  return text === "" || /^[a-zA-Z0-9-_]{1,32}$/.test(text);
+}
+var MINUTE_MS = 6e4;
+var HOUR_MS = 36e5;
+var DAY_MS = 864e5;
+function relativeTime(at, now) {
+  if (at <= 0) return null;
+  const diff = Math.max(0, now - at);
+  if (diff < MINUTE_MS) return { key: "time.justNow" };
+  if (diff < HOUR_MS) return { key: "time.minutesAgo", count: Math.max(1, Math.round(diff / MINUTE_MS)) };
+  if (diff < DAY_MS) return { key: "time.hoursAgo", count: Math.max(1, Math.round(diff / HOUR_MS)) };
+  return { key: "time.daysAgo", count: Math.max(1, Math.round(diff / DAY_MS)) };
+}
+function projectStatusLine(input) {
+  if (input.phase === "unconfigured") return { kind: "unconfigured" };
+  if (input.phase === "failed") return { kind: "failed", error: input.error, detail: input.errorDetail };
+  return {
+    kind: "connected",
+    count: input.cloudCount,
+    lastSync: relativeTime(input.lastSyncAt, input.now),
+    warn: input.error === "syncFailed" || input.error === "deviceConflict",
+    error: input.error,
+    detail: input.errorDetail
+  };
+}
+function errorKeyOf(error) {
+  switch (error) {
+    case "unreachable":
+      return "error.unreachable";
+    case "tokenInvalid":
+      return "error.tokenInvalid";
+    case "userMismatch":
+      return "error.userMismatch";
+    case "passphraseMismatch":
+      return "error.passphraseMismatch";
+    case "deviceConflict":
+      return "error.deviceConflict";
+    default:
+      return "error.unknown";
+  }
+}
+function canRunServerAction(serverUrlDraft, tokenAvailable) {
+  return serverUrlDraft !== "" && isValidServerUrl(serverUrlDraft) && tokenAvailable;
+}
+var TRIGGER_RETRY_MS = 1e3;
+var TRIGGER_TIMEOUT_MS = 2e4;
+function triggerAction(echoAt, issuedAt, lastSentAt, now) {
+  if (echoAt >= issuedAt) return "done";
+  if (now - issuedAt >= TRIGGER_TIMEOUT_MS) return "timeout";
+  if (now - lastSentAt >= TRIGGER_RETRY_MS) return "resend";
+  return "wait";
+}
+function parseCatalog(raw) {
+  if (raw === "") return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.at !== "number" || !Array.isArray(parsed.sessions) || typeof parsed.selfDevice !== "string") return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function parseRestoreResult(raw) {
+  if (raw === "") return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.at !== "number" || typeof parsed.ok !== "number" || typeof parsed.failed !== "number") return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function parseMappings(raw) {
+  if (raw === "") return [];
+  try {
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) return [];
+    return parsed.filter((pair) => typeof pair?.from === "string" && typeof pair?.to === "string");
+  } catch {
+    return [];
+  }
+}
+function parseStartupNotice(raw) {
+  if (raw === "") return null;
+  try {
+    const parsed = JSON.parse(raw);
+    if (typeof parsed.at !== "number" || typeof parsed.count !== "number" || parsed.at <= 0) return null;
+    return parsed;
+  } catch {
+    return null;
+  }
+}
+function encodeRestoreRequest(at, items) {
+  return JSON.stringify({ at, items });
+}
+function encodeMappingDelete(at, from) {
+  return JSON.stringify({ at, from });
+}
+function rowKeyOf(entry) {
+  return `${entry.device}/${entry.sessionId}`;
+}
+function isRowRestorable(entry) {
+  return !entry.existsLocal && !entry.versionIncompatible;
+}
+function defaultSelectedKeys(catalog) {
+  return catalog.sessions.filter((entry) => entry.device !== catalog.selfDevice && isRowRestorable(entry)).map(rowKeyOf);
+}
+function deviceOptions(catalog) {
+  return [...new Set(catalog.sessions.map((entry) => entry.device))].sort();
+}
+function filterEntries(entries, filter) {
+  if (filter === "") return entries;
+  return entries.filter((entry) => entry.device === filter);
+}
+function catalogErrorKeyOf(error) {
+  if (error === "tokenInvalid") return "error.tokenInvalid";
+  if (error === "userMismatch") return "error.userMismatch";
+  if (error === "unconfigured") return "status.unconfigured";
+  return "error.unreachable";
+}
+
+// src/client/CloudSyncCard.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var EYE_GLYPH = "\u{1F441}";
+var TRASH_GLYPH = "\u{1F5D1}";
+var SECRET_MASK = "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022";
+var NOT_A_CREDENTIAL = {
+  autoComplete: "new-password",
+  "data-lpignore": "true",
+  "data-1p-ignore": "true",
+  "data-bwignore": "true",
+  "data-form-type": "other"
+};
+function relativeText(t, spec) {
+  return spec.key === "time.justNow" ? t("time.justNow") : t(spec.key, { count: spec.count });
+}
+function CloudSyncCard(props) {
+  const { t } = props;
+  const state = props.useCloudSyncCard((snapshot) => snapshot);
+  const [showToken, setShowToken] = (0, import_react.useState)(false);
+  const [showPassphrase, setShowPassphrase] = (0, import_react.useState)(false);
+  if (!state.available) return null;
+  const disabled = !state.writable;
+  const line = state.statusLine;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "dsh-cloud-sync-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__name", children: t("title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__description", children: t("description") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-cloud-sync-card__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "dsh-cloud-sync-card__section-title", children: t("section.connection") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-cloud-sync-card__field-head", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "dsh-cloud-sync-card__label", htmlFor: "dsh-cloud-sync-server-url", children: t("field.serverUrl") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              id: "dsh-cloud-sync-server-url",
+              className: "dsh-cloud-sync-card__input",
+              type: "text",
+              value: state.serverUrlDraft,
+              placeholder: t("field.serverUrl.placeholder"),
+              disabled,
+              ...state.serverUrlInvalid ? { "aria-invalid": true } : {},
+              onChange: (event) => {
+                props.editServerUrl(event.target.value);
+              },
+              onBlur: () => {
+                props.commitServerUrl();
+              },
+              onKeyDown: (event) => {
+                if (event.key === "Enter") props.commitServerUrl();
+              }
+            }
+          ),
+          state.serverUrlInvalid ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-cloud-sync-card__error", children: t("invalid.serverUrl") }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-cloud-sync-card__field-head", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "dsh-cloud-sync-card__label", htmlFor: "dsh-cloud-sync-username", children: t("field.username") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              id: "dsh-cloud-sync-username",
+              className: "dsh-cloud-sync-card__input",
+              type: "text",
+              autoComplete: "off",
+              value: state.usernameDraft,
+              placeholder: state.usernameDraft === "" ? t("field.username.hint") : void 0,
+              disabled,
+              onChange: (event) => {
+                props.editUsername(event.target.value);
+              },
+              onBlur: () => {
+                props.commitUsername();
+              },
+              onKeyDown: (event) => {
+                if (event.key === "Enter") props.commitUsername();
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "dsh-cloud-sync-card__label", htmlFor: "dsh-cloud-sync-token", children: t("field.token") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: state.tokenConfigured ? "dsh-cloud-sync-card__badge" : "dsh-cloud-sync-card__badge dsh-cloud-sync-card__badge--muted",
+                children: t(state.tokenConfigured ? "field.configured" : "field.unconfigured")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__input-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                id: "dsh-cloud-sync-token",
+                className: "dsh-cloud-sync-card__input",
+                type: showToken ? "text" : "password",
+                ...NOT_A_CREDENTIAL,
+                placeholder: state.tokenConfigured ? SECRET_MASK : void 0,
+                value: state.tokenDraft,
+                disabled,
+                onChange: (event) => {
+                  props.editToken(event.target.value);
+                },
+                onBlur: () => {
+                  props.commitToken();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") props.commitToken();
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-cloud-sync-card__icon-button",
+                "aria-label": t(showToken ? "field.secret.hide" : "field.secret.show"),
+                disabled,
+                onClick: () => {
+                  setShowToken(!showToken);
+                },
+                children: EYE_GLYPH
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field-head", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "dsh-cloud-sync-card__label", htmlFor: "dsh-cloud-sync-passphrase", children: t("field.passphrase") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: state.passphraseConfigured ? "dsh-cloud-sync-card__badge" : "dsh-cloud-sync-card__badge dsh-cloud-sync-card__badge--muted",
+                children: t(state.passphraseConfigured ? "field.configured" : "field.unconfigured")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__input-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                id: "dsh-cloud-sync-passphrase",
+                className: "dsh-cloud-sync-card__input",
+                type: showPassphrase ? "text" : "password",
+                ...NOT_A_CREDENTIAL,
+                placeholder: state.passphraseConfigured ? SECRET_MASK : void 0,
+                value: state.passphraseDraft,
+                disabled,
+                onChange: (event) => {
+                  props.editPassphrase(event.target.value);
+                },
+                onBlur: () => {
+                  props.commitPassphrase();
+                },
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") props.commitPassphrase();
+                }
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "dsh-cloud-sync-card__icon-button",
+                "aria-label": t(showPassphrase ? "field.secret.hide" : "field.secret.show"),
+                disabled,
+                onClick: () => {
+                  setShowPassphrase(!showPassphrase);
+                },
+                children: EYE_GLYPH
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-cloud-sync-card__field-head", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: "dsh-cloud-sync-card__label", htmlFor: "dsh-cloud-sync-device-name", children: t("field.deviceName") }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              id: "dsh-cloud-sync-device-name",
+              className: "dsh-cloud-sync-card__input",
+              type: "text",
+              value: state.deviceNameDraft,
+              disabled,
+              ...state.deviceNameInvalid ? { "aria-invalid": true } : {},
+              onChange: (event) => {
+                props.editDeviceName(event.target.value);
+              },
+              onBlur: () => {
+                props.commitDeviceName();
+              },
+              onKeyDown: (event) => {
+                if (event.key === "Enter") props.commitDeviceName();
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "p",
+            {
+              className: state.deviceNameInvalid ? "dsh-cloud-sync-card__error" : "dsh-cloud-sync-card__hint",
+              children: t(state.deviceNameInvalid ? "invalid.deviceName" : "field.deviceName.hint")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dsh-cloud-sync-card__row-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-cloud-sync-card__button",
+            disabled: disabled || state.testPending || !state.canTest,
+            onClick: () => {
+              props.testConnection();
+            },
+            children: t(state.testPending ? "action.testing" : "action.testConnection")
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-cloud-sync-card__section", children: [
+        line.kind === "unconfigured" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "dsh-cloud-sync-card__status dsh-cloud-sync-card__status--muted", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__dot" }),
+          t("status.unconfigured")
+        ] }) : null,
+        line.kind === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "p",
+          {
+            className: "dsh-cloud-sync-card__status dsh-cloud-sync-card__status--error",
+            title: line.detail === "" ? void 0 : line.detail,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__dot", "data-state": "error" }),
+              t("status.disconnected", { reason: t(errorKeyOf(line.error)) })
+            ]
+          }
+        ) : null,
+        line.kind === "connected" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "p",
+          {
+            className: "dsh-cloud-sync-card__status",
+            title: line.warn ? line.error === "deviceConflict" ? t("error.deviceConflict") : line.detail === "" ? void 0 : line.detail : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__dot", "data-state": line.warn ? "warning" : "done" }),
+              line.warn ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__warn", children: t("status.warnMark") }) : null,
+              t("status.connected", { count: line.count }),
+              line.lastSync !== null ? ` \xB7 ${t("status.lastSync", { time: relativeText(t, line.lastSync) })}` : null
+            ]
+          }
+        ) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-cloud-sync-card__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "dsh-cloud-sync-card__section-title", children: t("section.sync") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__switch-label", id: "dsh-cloud-sync-auto-upload-label", children: t("field.autoUpload") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": state.autoUpload,
+              "aria-labelledby": "dsh-cloud-sync-auto-upload-label",
+              className: "dsh-cloud-sync-card__switch",
+              "data-on": state.autoUpload,
+              disabled,
+              onClick: () => {
+                props.toggleAutoUpload();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__switch-knob" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__hint", children: t("field.autoUpload.hint") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__switch-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__switch-label", id: "dsh-cloud-sync-check-on-startup-label", children: t("field.checkOnStartup") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              role: "switch",
+              "aria-checked": state.checkOnStartup,
+              "aria-labelledby": "dsh-cloud-sync-check-on-startup-label",
+              className: "dsh-cloud-sync-card__switch",
+              "data-on": state.checkOnStartup,
+              disabled,
+              onClick: () => {
+                props.toggleCheckOnStartup();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__switch-knob" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__hint", children: t("field.checkOnStartup.hint") })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-cloud-sync-card__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "dsh-cloud-sync-card__section-title", children: t("section.actions") }),
+        state.syncResult !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "dsh-cloud-sync-card__sync-result", role: "status", children: [
+          t("sync.result", { ok: state.syncResult.ok, failed: state.syncResult.failed }),
+          state.syncResult.failed > 0 && state.syncResult.error !== "" ? ` \u2014 ${state.syncResult.error}` : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dsh-cloud-sync-card__row-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dsh-cloud-sync-card__button",
+              disabled: disabled || state.catalogPending,
+              onClick: () => {
+                props.openRestore();
+              },
+              children: t("action.restore")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dsh-cloud-sync-card__button dsh-cloud-sync-card__button--primary",
+              disabled: disabled || state.syncPending || !state.canSync,
+              onClick: () => {
+                props.syncAll();
+              },
+              children: t(state.syncPending ? "action.syncing" : "action.syncAll")
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dsh-cloud-sync-card__section", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "dsh-cloud-sync-card__section-title", children: t("section.mappings") }),
+        state.mappings.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dsh-cloud-sync-card__hint", children: t("mapping.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dsh-cloud-sync-card__mappings", children: state.mappings.map((pair) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "dsh-cloud-sync-card__mapping", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-cloud-sync-card__mapping-paths", title: `${pair.from} \u2192 ${pair.to}`, children: [
+            pair.from,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-cloud-sync-card__mapping-arrow", children: "\u2192" }),
+            pair.to
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dsh-cloud-sync-card__icon-button",
+              "aria-label": t("mapping.delete"),
+              disabled,
+              onClick: () => {
+                props.deleteMapping(pair.from);
+              },
+              children: TRASH_GLYPH
+            }
+          )
+        ] }, pair.from)) })
+      ] })
+    ] })
+  ] });
+}
+
+// src/client/CloudSyncOverlay.tsx
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/RestoreDialog.tsx
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function TargetCell(props) {
+  const { t, entry, rowKey, state, actions } = props;
+  if (entry.existsLocal) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__badge dsh-cloud-sync-restore__badge--muted", children: t("restore.existsLocal") });
+  }
+  if (entry.versionIncompatible) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "dsh-cloud-sync-restore__badge dsh-cloud-sync-restore__badge--muted",
+        title: `format v${String(entry.formatVersion)}`,
+        children: t("restore.versionIncompatible")
+      }
+    );
+  }
+  const override = state.overrides[rowKey];
+  const target = override ?? entry.resolvedCwd;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dsh-cloud-sync-restore__target", children: [
+    target !== null && target !== void 0 && target !== "" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dsh-cloud-sync-restore__path", title: target, children: [
+      target,
+      override === void 0 && entry.resolution === "suggested" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__badge", children: t("restore.pathSuggested") }) : null,
+      override === void 0 && entry.resolution === "mapping" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__badge", children: t("restore.pathMapped") }) : null
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__unmatched", children: t("restore.unmatchedPath") }),
+    state.pickerAvailable ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "dsh-cloud-sync-restore__pick",
+        onClick: () => {
+          actions.pickTarget(rowKey);
+        },
+        children: t("restore.pickDirectory")
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      {
+        className: "dsh-cloud-sync-restore__manual",
+        type: "text",
+        value: override ?? "",
+        placeholder: t("restore.manualPath.placeholder"),
+        onChange: (event) => {
+          actions.overrideTarget(rowKey, event.target.value);
+        }
+      }
+    )
+  ] });
+}
+function RestoreDialog({ t, state, actions }) {
+  const catalog = state.catalog;
+  const entries = catalog === null ? [] : filterEntries(catalog.sessions, state.deviceFilter);
+  const selectedCount = state.selectedKeys.length;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_dsh_client_ui_primitives.Modal,
+    {
+      open: true,
+      onClose: () => {
+        actions.closeRestore();
+      },
+      title: t("restore.title"),
+      closeLabel: t("restore.close"),
+      className: "dsh-cloud-sync-restore",
+      contentClassName: "dsh-cloud-sync-restore__content",
+      footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__selected", children: t("restore.selected", { count: selectedCount }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-cloud-sync-card__button",
+            onClick: () => {
+              actions.closeRestore();
+            },
+            children: t("restore.cancel")
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dsh-cloud-sync-card__button dsh-cloud-sync-card__button--primary",
+            disabled: selectedCount === 0 || state.restorePending,
+            onClick: () => {
+              actions.restoreSelected();
+            },
+            children: t(state.restorePending ? "restore.restoring" : "restore.action")
+          }
+        )
+      ] }),
+      children: [
+        catalog !== null && catalog.error !== "" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-cloud-sync-card__error", children: t(catalogErrorKeyOf(catalog.error)) }) : null,
+        catalog === null && state.catalogPending ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-cloud-sync-card__hint", children: t("restore.loading") }) : null,
+        catalog !== null && catalog.error === "" && entries.length === 0 && !state.catalogPending ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dsh-cloud-sync-card__hint", children: t("restore.empty") }) : null,
+        catalog !== null && catalog.sessions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dsh-cloud-sync-restore__filter", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            "select",
+            {
+              className: "dsh-cloud-sync-restore__select",
+              value: state.deviceFilter,
+              onChange: (event) => {
+                actions.setDeviceFilter(event.target.value);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "", children: t("restore.filter.all") }),
+                deviceOptions(catalog).map((device) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: device, children: device }, device))
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dsh-cloud-sync-restore__head", role: "row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("restore.column.title") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("restore.column.updated") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("restore.column.events") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("restore.column.target") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "dsh-cloud-sync-restore__list", children: entries.map((entry) => {
+            const rowKey = rowKeyOf(entry);
+            const restorable = isRowRestorable(entry);
+            const updated = relativeTime(entry.updatedAt, Date.now());
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dsh-cloud-sync-restore__row", "data-disabled": !restorable, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: state.selectedKeys.includes(rowKey),
+                  disabled: !restorable || state.restorePending,
+                  onChange: () => {
+                    actions.toggleRow(rowKey);
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "dsh-cloud-sync-restore__title", title: entry.title, children: [
+                entry.title === "" ? entry.sessionId : entry.title,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__device", children: entry.device })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__updated", children: updated === null ? "" : relativeText(t, updated) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dsh-cloud-sync-restore__events", children: entry.eventCount }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TargetCell, { t, entry, rowKey, state, actions })
+            ] }, rowKey);
+          }) })
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/client/CloudSyncOverlay.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function CloudSyncOverlay(props) {
+  const { t } = props;
+  const state = props.useCloudSyncCard((snapshot) => snapshot);
+  if (!state.available) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    state.restoreOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RestoreDialog, { t, state, actions: props }) : null,
+    state.notice !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dsh-cloud-sync-notice", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dsh-cloud-sync-notice__text", children: t("toast.newCloudSessions") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "dsh-cloud-sync-notice__action",
+          onClick: () => {
+            props.viewNotice();
+          },
+          children: t("toast.view")
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "dsh-cloud-sync-notice__dismiss",
+          "aria-label": t("toast.dismiss"),
+          onClick: () => {
+            props.dismissNotice();
+          },
+          children: "\xD7"
+        }
+      )
+    ] }) : null,
+    state.restoreOutcome !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_dsh_client_ui_primitives2.Toast,
+      {
+        text: t("restore.result", { ok: state.restoreOutcome.ok, failed: state.restoreOutcome.failed }),
+        onDone: () => {
+          props.clearRestoreOutcome();
+        }
+      }
+    ) : null
+  ] });
+}
+
+// src/client/cloud-sync-card-controller.ts
+var import_dsh_client_store = require("@deepseek-ai/dsh-client-store");
+var CLOUD_SYNC_NS = "cloud-sync";
+var CLOUD_SYNC_STATUS_NS = "cloud-sync-status";
+var SYNC_RESULT_VISIBLE_MS = 8e3;
+var CLOCK_TICK_MS = 3e4;
+var NOTICE_SEEN_KEY = "dsh-cloud-sync:notice-seen-at";
+var CloudSyncCardController = class {
+  /**
+   * @param configScope - 绑定 'cloud-sync' 的 scope（配置读写）。
+   * @param statusScope - 绑定 'cloud-sync-status' 的 scope（状态读 + 触发器写）。
+   * @param directoryPicker - 目录选择器能力（可选；缺失时恢复对话框降级为手动输入）。
+   */
+  constructor(configScope, statusScope, directoryPicker) {
+    this.configScope = configScope;
+    this.statusScope = statusScope;
+    this.directoryPicker = directoryPicker;
+    this.store = (0, import_dsh_client_store.createSnapshotStore)(this.projection());
+    this.disposers.push(this.configScope.subscribe(() => {
+      this.onConfigChange();
+    }));
+    this.disposers.push(this.statusScope.subscribe(() => {
+      this.onStatusChange();
+    }));
+    const clock = setInterval(() => {
+      this.now = Date.now();
+      this.reproject();
+    }, CLOCK_TICK_MS);
+    this.disposers.push(() => {
+      clearInterval(clock);
+    });
+    try {
+      this.noticeSeenAt = Number(globalThis.sessionStorage?.getItem(NOTICE_SEEN_KEY) ?? 0) || 0;
+    } catch {
+    }
+    this.onConfigChange();
+    this.onStatusChange();
+  }
+  configScope;
+  statusScope;
+  directoryPicker;
+  store;
+  /** 本地草稿 + 各草稿对应的 scope 已同步值（用于识别外部变更该否覆盖草稿）。 */
+  serverUrlDraft = "";
+  serverUrlSynced = "";
+  usernameDraft = "";
+  usernameSynced = "";
+  deviceNameDraft = "";
+  deviceNameSynced = "";
+  tokenDraft = "";
+  passphraseDraft = "";
+  /** 本次会话内 secret 提交过的乐观标记（Host 的 tokenConfigured 回写前的即时反馈） */
+  tokenCommitted = false;
+  passphraseCommitted = false;
+  now = Date.now();
+  pendingTest = null;
+  pendingSync = null;
+  syncResult = null;
+  syncResultTimer = null;
+  /** 触发器进行期间的 1s 驱动节拍（无 pending 时停掉，不白转）。 */
+  triggerWatch = null;
+  disposers = [];
+  // ---- M4 内部状态 ----
+  restoreOpen = false;
+  catalog = null;
+  pendingRestoreList = null;
+  pendingRestore = null;
+  restoreOutcome = null;
+  deviceFilter = "";
+  selectedKeys = /* @__PURE__ */ new Set();
+  overrides = /* @__PURE__ */ new Map();
+  /** 映射删除的进行中请求（回显 = pathMappingsJson 里不再有该 from）。 */
+  pendingMappingDelete = null;
+  /** 启动通知的已读标记（同 at 不重复弹；sessionStorage 记忆，跨页面刷新不重现）。 */
+  noticeSeenAt = 0;
+  /** 释放订阅与计时器（插件卸载时由 ctx.effect 的清理函数调用）。 */
+  dispose() {
+    for (const dispose of this.disposers.splice(0)) dispose();
+    if (this.triggerWatch !== null) clearInterval(this.triggerWatch);
+    if (this.syncResultTimer !== null) clearTimeout(this.syncResultTimer);
+  }
+  /** 构建注册侧 face。 */
+  inject() {
+    return {
+      hooks: { cloudSyncCard: this.store },
+      editServerUrl: (text) => {
+        this.serverUrlDraft = text;
+        this.reproject();
+      },
+      commitServerUrl: () => {
+        this.commitServerUrl();
+      },
+      editUsername: (text) => {
+        this.usernameDraft = text;
+        this.reproject();
+      },
+      commitUsername: () => {
+        this.commitUsername();
+      },
+      editToken: (text) => {
+        this.tokenDraft = text;
+        this.reproject();
+      },
+      commitToken: () => {
+        this.commitSecret("token");
+      },
+      editPassphrase: (text) => {
+        this.passphraseDraft = text;
+        this.reproject();
+      },
+      commitPassphrase: () => {
+        this.commitSecret("passphrase");
+      },
+      editDeviceName: (text) => {
+        this.deviceNameDraft = text;
+        this.reproject();
+      },
+      commitDeviceName: () => {
+        this.commitDeviceName();
+      },
+      toggleAutoUpload: () => {
+        this.toggleBoolean("autoUpload");
+      },
+      toggleCheckOnStartup: () => {
+        this.toggleBoolean("checkOnStartup");
+      },
+      testConnection: () => {
+        this.startTrigger("test");
+      },
+      syncAll: () => {
+        this.startTrigger("sync");
+      },
+      openRestore: () => {
+        this.openRestore();
+      },
+      closeRestore: () => {
+        this.restoreOpen = false;
+        this.reproject();
+      },
+      setDeviceFilter: (filter) => {
+        this.deviceFilter = filter;
+        this.reproject();
+      },
+      toggleRow: (key) => {
+        if (this.selectedKeys.has(key)) this.selectedKeys.delete(key);
+        else this.selectedKeys.add(key);
+        this.reproject();
+      },
+      pickTarget: (key) => {
+        void this.pickTarget(key);
+      },
+      overrideTarget: (key, text) => {
+        const trimmed = text.trim();
+        if (trimmed === "") this.overrides.delete(key);
+        else this.overrides.set(key, trimmed);
+        this.reproject();
+      },
+      restoreSelected: () => {
+        this.startRestore();
+      },
+      deleteMapping: (from) => {
+        this.startMappingDelete(from);
+      },
+      dismissNotice: () => {
+        this.markNoticeSeen();
+      },
+      viewNotice: () => {
+        this.markNoticeSeen();
+        this.openRestore();
+      },
+      clearRestoreOutcome: () => {
+        this.restoreOutcome = null;
+        this.reproject();
+      }
+    };
+  }
+  /** 配置 scope 变更：同步未修改的草稿（正在编辑的草稿不被外部变更覆盖）。 */
+  onConfigChange() {
+    const value = this.configScope.getSnapshot().value;
+    const serverUrl = value?.serverUrl ?? "";
+    if (this.serverUrlDraft === this.serverUrlSynced) this.serverUrlDraft = serverUrl;
+    this.serverUrlSynced = serverUrl;
+    const username = value?.username ?? "";
+    if (this.usernameDraft === this.usernameSynced) this.usernameDraft = username;
+    this.usernameSynced = username;
+    const deviceName = value?.deviceName ?? "";
+    if (this.deviceNameDraft === this.deviceNameSynced) this.deviceNameDraft = deviceName;
+    this.deviceNameSynced = deviceName;
+    this.reproject();
+  }
+  /** 状态 scope 变更：驱动触发器的完成/重试判定，再重投影。 */
+  onStatusChange() {
+    if (this.catalog === null) {
+      this.catalog = parseCatalog(this.statusScope.getSnapshot().value?.restoreCatalogJson ?? "");
+    }
+    this.driveTriggers();
+    this.reproject();
+  }
+  /** 发起一次触发器写（测试连接 / 立即全部同步），进行态由 driveTriggers 维护。 */
+  startTrigger(kind) {
+    if (kind === "test" ? this.pendingTest !== null : this.pendingSync !== null) return;
+    const issuedAt = Date.now();
+    const op = { issuedAt, lastSentAt: 0 };
+    if (kind === "test") this.pendingTest = op;
+    else this.pendingSync = op;
+    this.sendTrigger(op, kind === "test" ? "testRequestedAt" : "syncAllRequestedAt");
+    this.ensureTriggerWatch();
+    this.reproject();
+  }
+  /** 写一次触发字段；失败不重抛——重试节拍会补发，总超时兜底退出。 */
+  sendTrigger(op, field) {
+    op.lastSentAt = Date.now();
+    void this.statusScope.set(field, op.issuedAt).catch(() => {
+    });
+  }
+  /** 触发器驱动：对每个 pending 判定 done/timeout/resend/wait 并执行。 */
+  driveTriggers() {
+    if (this.pendingTest === null && this.pendingSync === null && this.pendingRestoreList === null && this.pendingRestore === null && this.pendingMappingDelete === null) {
+      this.maybeStopTriggerWatch();
+      return;
+    }
+    const now = Date.now();
+    this.now = now;
+    const value = this.statusScope.getSnapshot().value;
+    if (this.pendingTest !== null) {
+      const action = triggerAction(value?.statusCheckedAt ?? 0, this.pendingTest.issuedAt, this.pendingTest.lastSentAt, now);
+      if (action === "done" || action === "timeout") this.pendingTest = null;
+      else if (action === "resend") this.sendTrigger(this.pendingTest, "testRequestedAt");
+    }
+    if (this.pendingSync !== null) {
+      const op = this.pendingSync;
+      const action = triggerAction(value?.statusSyncAllAt ?? 0, op.issuedAt, op.lastSentAt, now);
+      if (action === "done") {
+        this.pendingSync = null;
+        this.showSyncResult({
+          ok: value?.statusSyncAllOk ?? 0,
+          failed: value?.statusSyncAllFailed ?? 0,
+          error: value?.statusSyncAllError ?? ""
+        });
+      } else if (action === "timeout") {
+        this.pendingSync = null;
+      } else if (action === "resend") {
+        this.sendTrigger(op, "syncAllRequestedAt");
+      }
+    }
+    if (this.pendingRestoreList !== null) {
+      const op = this.pendingRestoreList;
+      const catalog = parseCatalog(value?.restoreCatalogJson ?? "");
+      const action = triggerAction(catalog?.at ?? 0, op.issuedAt, op.lastSentAt, now);
+      if (action === "done") {
+        this.pendingRestoreList = null;
+        this.catalog = catalog;
+        if (catalog !== null) {
+          for (const key of defaultSelectedKeys(catalog)) this.selectedKeys.add(key);
+          const live = new Set(catalog.sessions.map(rowKeyOf));
+          for (const key of [...this.selectedKeys]) if (!live.has(key)) this.selectedKeys.delete(key);
+          for (const key of [...this.overrides.keys()]) if (!live.has(key)) this.overrides.delete(key);
+        }
+      } else if (action === "timeout") {
+        this.pendingRestoreList = null;
+      } else if (action === "resend") {
+        op.lastSentAt = now;
+        void this.statusScope.set("restoreListRequestedAt", op.issuedAt).catch(() => {
+        });
+      }
+    }
+    if (this.pendingRestore !== null) {
+      const op = this.pendingRestore;
+      const result = parseRestoreResult(value?.restoreResultJson ?? "");
+      const action = triggerAction(result?.at ?? 0, op.issuedAt, op.lastSentAt, now);
+      if (action === "done" || action === "timeout") {
+        this.pendingRestore = null;
+        if (action === "done" && result !== null) {
+          this.restoreOutcome = result;
+          this.restoreOpen = false;
+          this.selectedKeys.clear();
+          this.overrides.clear();
+        }
+      } else if (action === "resend") {
+        op.lastSentAt = now;
+        void this.statusScope.set("restoreRequestJson", encodeRestoreRequest(op.issuedAt, this.restoreItems())).catch(() => {
+        });
+      }
+    }
+    if (this.pendingMappingDelete !== null) {
+      const op = this.pendingMappingDelete;
+      const gone = !parseMappings(value?.pathMappingsJson ?? "[]").some((pair) => pair.from === op.from);
+      const action = gone ? "done" : triggerAction(0, op.issuedAt, op.lastSentAt, now);
+      if (action === "done" || action === "timeout") this.pendingMappingDelete = null;
+      else if (action === "resend") {
+        op.lastSentAt = now;
+        void this.statusScope.set("mappingDeleteJson", encodeMappingDelete(op.issuedAt, op.from)).catch(() => {
+        });
+      }
+    }
+    this.maybeStopTriggerWatch();
+    this.reproject();
+  }
+  /** pending 出现时起 1s 驱动节拍（写被静默丢弃时没有任何事件可等，必须主动轮询）。 */
+  ensureTriggerWatch() {
+    if (this.triggerWatch !== null) return;
+    this.triggerWatch = setInterval(() => {
+      this.driveTriggers();
+    }, TRIGGER_RETRY_MS);
+  }
+  maybeStopTriggerWatch() {
+    if (this.pendingTest !== null || this.pendingSync !== null || this.pendingRestoreList !== null || this.pendingRestore !== null || this.pendingMappingDelete !== null) return;
+    if (this.triggerWatch === null) return;
+    clearInterval(this.triggerWatch);
+    this.triggerWatch = null;
+  }
+  // ---- M4 动作 ----
+  /** 打开恢复对话框并发起目录拉取（每次打开都重新拉，保证 existsLocal 等标注新鲜）。 */
+  openRestore() {
+    this.restoreOpen = true;
+    if (this.pendingRestoreList === null) {
+      const op = { issuedAt: Date.now(), lastSentAt: 0 };
+      this.pendingRestoreList = op;
+      op.lastSentAt = op.issuedAt;
+      void this.statusScope.set("restoreListRequestedAt", op.issuedAt).catch(() => {
+      });
+      this.ensureTriggerWatch();
+    }
+    this.reproject();
+  }
+  /** 目录选择器改选一行落位路径。 */
+  async pickTarget(key) {
+    if (!this.directoryPicker) return;
+    try {
+      const result = await this.directoryPicker.pick();
+      if (result.ok && result.value !== null) {
+        this.overrides.set(key, result.value);
+        this.reproject();
+      }
+    } catch (error) {
+      console.warn("cloud-sync: directory pick failed:", error);
+    }
+  }
+  /** 组装恢复请求条目：改选优先，其次 Host 解析结果，都没有则 null（原样落位）。 */
+  restoreItems() {
+    const catalog = this.catalog;
+    if (catalog === null) return [];
+    const items = [];
+    for (const entry of catalog.sessions) {
+      const key = rowKeyOf(entry);
+      if (!this.selectedKeys.has(key) || !isRowRestorable(entry)) continue;
+      items.push({
+        sessionId: entry.sessionId,
+        device: entry.device,
+        targetCwd: this.overrides.get(key) ?? entry.resolvedCwd
+      });
+    }
+    return items;
+  }
+  /** 发起恢复执行触发器（重试保持同一 at 与条目集）。 */
+  startRestore() {
+    if (this.pendingRestore !== null) return;
+    const items = this.restoreItems();
+    if (items.length === 0) return;
+    const op = { issuedAt: Date.now(), lastSentAt: 0 };
+    this.pendingRestore = op;
+    op.lastSentAt = op.issuedAt;
+    void this.statusScope.set("restoreRequestJson", encodeRestoreRequest(op.issuedAt, items)).catch(() => {
+    });
+    this.ensureTriggerWatch();
+    this.reproject();
+  }
+  /** 删除一条已学习映射（乐观移除 + 触发器重试到 Host 回显消失）。 */
+  startMappingDelete(from) {
+    if (this.pendingMappingDelete !== null) return;
+    const op = { issuedAt: Date.now(), lastSentAt: 0, from };
+    this.pendingMappingDelete = op;
+    op.lastSentAt = op.issuedAt;
+    void this.statusScope.set("mappingDeleteJson", encodeMappingDelete(op.issuedAt, from)).catch(() => {
+    });
+    this.ensureTriggerWatch();
+    this.reproject();
+  }
+  /** 启动通知已读：本次 at 记入 sessionStorage，同 at 不再弹（01 §5.5 不重复弹出）。 */
+  markNoticeSeen() {
+    const notice = parseStartupNotice(this.statusScope.getSnapshot().value?.startupNoticeJson ?? "");
+    if (notice !== null) {
+      this.noticeSeenAt = notice.at;
+      try {
+        globalThis.sessionStorage?.setItem(NOTICE_SEEN_KEY, String(notice.at));
+      } catch {
+      }
+    }
+    this.reproject();
+  }
+  /** 展示同步结果摘要，短暂停留后自动消失。 */
+  showSyncResult(result) {
+    this.syncResult = result;
+    if (this.syncResultTimer !== null) clearTimeout(this.syncResultTimer);
+    this.syncResultTimer = setTimeout(() => {
+      this.syncResult = null;
+      this.syncResultTimer = null;
+      this.reproject();
+    }, SYNC_RESULT_VISIBLE_MS);
+  }
+  /** 服务器地址提交（blur/Enter）：非法值不落盘，就地报错交给投影。 */
+  commitServerUrl() {
+    const text = this.serverUrlDraft.trim();
+    this.serverUrlDraft = text;
+    if (text !== "" && !isValidServerUrl(text)) {
+      this.reproject();
+      return;
+    }
+    if (text === this.serverUrlSynced) return;
+    this.serverUrlSynced = text;
+    void this.configScope.set("serverUrl", text).catch(() => {
+    });
+  }
+  /** 用户名提交（blur/Enter）：trim 后落盘，不做格式校验——合法性由服务端
+   *  配对校验裁决（403 → userMismatch），插件无从感知服务端是单用户还是多用户。 */
+  commitUsername() {
+    const text = this.usernameDraft.trim();
+    this.usernameDraft = text;
+    if (text === this.usernameSynced) return;
+    this.usernameSynced = text;
+    void this.configScope.set("username", text).catch(() => {
+    });
+  }
+  /** 设备名提交：合法或空（= 回退主机名）才落盘。 */
+  commitDeviceName() {
+    const text = this.deviceNameDraft.trim();
+    this.deviceNameDraft = text;
+    if (!isValidDeviceName(text)) {
+      this.reproject();
+      return;
+    }
+    if (text === this.deviceNameSynced) return;
+    this.deviceNameSynced = text;
+    void this.configScope.set("deviceName", text).catch(() => {
+    });
+  }
+  /** secret 提交：空草稿不动既有配置；提交后立刻清空本地草稿。
+   *  乐观置已配置标记（Host 纠偏回写前用户即可看到反馈），否则输入框清空
+   *  又没有即时反馈，读起来像"值被吞了"。 */
+  commitSecret(field) {
+    const text = field === "token" ? this.tokenDraft : this.passphraseDraft;
+    if (text === "") return;
+    if (field === "token") {
+      this.tokenDraft = "";
+      this.tokenCommitted = true;
+    } else {
+      this.passphraseDraft = "";
+      this.passphraseCommitted = true;
+    }
+    this.reproject();
+    void this.configScope.set(field, text).catch(() => {
+    });
+  }
+  /** 布尔开关：点击即写（配置即时保存，无"确定"按钮）。 */
+  toggleBoolean(field) {
+    const current = this.configScope.getSnapshot().value?.[field] ?? true;
+    void this.configScope.set(field, !current).catch(() => {
+    });
+  }
+  reproject() {
+    this.store.set(this.projection());
+  }
+  projection() {
+    const config = this.configScope.getSnapshot();
+    const status = this.statusScope.getSnapshot().value;
+    const tokenAvailable = status?.tokenConfigured === true || this.tokenDraft !== "";
+    return {
+      available: config.status !== "unavailable",
+      writable: config.writable,
+      serverUrlDraft: this.serverUrlDraft,
+      serverUrlInvalid: this.serverUrlDraft !== "" && !isValidServerUrl(this.serverUrlDraft),
+      usernameDraft: this.usernameDraft,
+      deviceNameDraft: this.deviceNameDraft,
+      deviceNameInvalid: !isValidDeviceName(this.deviceNameDraft),
+      tokenDraft: this.tokenDraft,
+      passphraseDraft: this.passphraseDraft,
+      tokenConfigured: status?.tokenConfigured === true || this.tokenCommitted,
+      passphraseConfigured: status?.passphraseConfigured === true || this.passphraseCommitted,
+      autoUpload: config.value?.autoUpload ?? true,
+      checkOnStartup: config.value?.checkOnStartup ?? true,
+      canTest: canRunServerAction(this.serverUrlDraft, tokenAvailable),
+      canSync: canRunServerAction(this.serverUrlDraft, tokenAvailable),
+      testPending: this.pendingTest !== null,
+      syncPending: this.pendingSync !== null,
+      statusLine: projectStatusLine({
+        phase: status?.statusPhase ?? "unconfigured",
+        error: status?.statusError ?? "",
+        errorDetail: status?.statusErrorDetail ?? "",
+        cloudCount: status?.statusCloudCount ?? 0,
+        lastSyncAt: status?.statusLastSyncAt ?? 0,
+        now: this.now
+      }),
+      syncResult: this.syncResult,
+      restoreOpen: this.restoreOpen,
+      catalog: this.catalog,
+      catalogPending: this.pendingRestoreList !== null,
+      restorePending: this.pendingRestore !== null,
+      restoreOutcome: this.restoreOutcome,
+      deviceFilter: this.deviceFilter,
+      selectedKeys: [...this.selectedKeys],
+      overrides: Object.fromEntries(this.overrides),
+      mappings: parseMappings(status?.pathMappingsJson ?? "[]"),
+      notice: this.projectNotice(status?.startupNoticeJson ?? ""),
+      pickerAvailable: this.directoryPicker !== void 0
+    };
+  }
+  /** 启动通知投影：未读（at 晚于已读标记）才弹出。 */
+  projectNotice(raw) {
+    const notice = parseStartupNotice(raw);
+    if (notice === null || notice.at <= this.noticeSeenAt) return null;
+    return notice;
+  }
+};
+
+// src/client/locales.ts
+var zh = {
+  title: "\u4E91\u7AEF\u540C\u6B65",
+  description: "\u628A\u4F1A\u8BDD\u7AEF\u5230\u7AEF\u52A0\u5BC6\u540C\u6B65\u5230\u81EA\u5EFA\u670D\u52A1\u5668",
+  "section.connection": "\u670D\u52A1\u5668\u8FDE\u63A5",
+  "section.sync": "\u540C\u6B65\u65B9\u5F0F",
+  "section.actions": "\u64CD\u4F5C",
+  "field.serverUrl": "\u670D\u52A1\u5668\u5730\u5740",
+  "field.serverUrl.placeholder": "http://host:8787",
+  "field.username": "\u7528\u6237\u540D",
+  "field.username.hint": "\u591A\u7528\u6237\u670D\u52A1\u7AEF\u586B\u7BA1\u7406\u5458\u5206\u914D\u7684\u7528\u6237\u540D\uFF1B\u5355\u7528\u6237\u670D\u52A1\u7AEF\u7559\u7A7A",
+  "field.token": "\u8BBF\u95EE\u4EE4\u724C",
+  "field.passphrase": "\u52A0\u5BC6\u53E3\u4EE4",
+  "field.deviceName": "\u8BBE\u5907\u540D",
+  "field.deviceName.hint": "\u7559\u7A7A\u4F7F\u7528\u672C\u673A\u4E3B\u673A\u540D",
+  "field.autoUpload": "\u81EA\u52A8\u4E0A\u4F20",
+  "field.autoUpload.hint": "\u4F1A\u8BDD\u6709\u65B0\u5185\u5BB9\u65F6\u540E\u53F0\u63A8\u9001",
+  "field.checkOnStartup": "\u542F\u52A8\u65F6\u68C0\u67E5\u4E91\u7AEF",
+  "field.checkOnStartup.hint": "\u53D1\u73B0\u5176\u4ED6\u8BBE\u5907\u7684\u4F1A\u8BDD\u65F6\u63D0\u793A",
+  "field.configured": "\u5DF2\u914D\u7F6E",
+  "field.unconfigured": "\u672A\u914D\u7F6E",
+  "field.secret.show": "\u663E\u793A",
+  "field.secret.hide": "\u9690\u85CF",
+  "invalid.serverUrl": "\u8BF7\u8F93\u5165\u5408\u6CD5\u7684 http:// \u6216 https:// \u5730\u5740",
+  "invalid.deviceName": "\u4EC5\u9650\u5B57\u6BCD\u3001\u6570\u5B57\u3001- \u548C _\uFF0C\u4E0D\u8D85\u8FC7 32 \u4E2A\u5B57\u7B26",
+  "action.testConnection": "\u6D4B\u8BD5\u8FDE\u63A5",
+  "action.testing": "\u6D4B\u8BD5\u4E2D\u2026",
+  "action.syncAll": "\u7ACB\u5373\u5168\u90E8\u540C\u6B65",
+  "action.syncing": "\u540C\u6B65\u4E2D\u2026",
+  "status.unconfigured": "\u672A\u914D\u7F6E",
+  "status.connected": "\u5DF2\u8FDE\u63A5 \xB7 \u4E91\u7AEF {count} \u4E2A\u4F1A\u8BDD",
+  "status.lastSync": "\u4E0A\u6B21\u540C\u6B65 {time}",
+  "status.disconnected": "\u8FDE\u63A5\u5931\u8D25\uFF1A{reason}",
+  "status.warnMark": "\u26A0",
+  "error.unreachable": "\u670D\u52A1\u5668\u5730\u5740\u4E0D\u53EF\u8FBE",
+  "error.tokenInvalid": "\u8BBF\u95EE\u4EE4\u724C\u65E0\u6548",
+  "error.userMismatch": "\u7528\u6237\u540D\u4E0E\u8BBF\u95EE\u4EE4\u724C\u4E0D\u5339\u914D",
+  "error.passphraseMismatch": "\u52A0\u5BC6\u53E3\u4EE4\u4E0E\u4E91\u7AEF\u6570\u636E\u4E0D\u5339\u914D",
+  "error.deviceConflict": "\u8BBE\u5907\u540D\u4E0E\u4E91\u7AEF\u5DF2\u6709\u6570\u636E\u51B2\u7A81\uFF0C\u8BF7\u66F4\u6362\u8BBE\u5907\u540D",
+  "error.unknown": "\u540C\u6B65\u5931\u8D25",
+  "time.justNow": "\u521A\u521A",
+  "time.minutesAgo": "{count} \u5206\u949F\u524D",
+  "time.hoursAgo": "{count} \u5C0F\u65F6\u524D",
+  "time.daysAgo": "{count} \u5929\u524D",
+  "sync.result": "\u6210\u529F {ok} \xB7 \u5931\u8D25 {failed}",
+  "section.mappings": "\u8DEF\u5F84\u6620\u5C04",
+  "mapping.empty": "\u6062\u590D\u4F1A\u8BDD\u65F6\u81EA\u52A8\u5B66\u4E60\uFF0C\u53EF\u5220\u9664\u540E\u91CD\u65B0\u5EFA\u7ACB",
+  "mapping.delete": "\u5220\u9664",
+  "action.restore": "\u4ECE\u4E91\u7AEF\u6062\u590D\u4F1A\u8BDD\u2026",
+  "restore.title": "\u4ECE\u4E91\u7AEF\u6062\u590D\u4F1A\u8BDD",
+  "restore.close": "\u5173\u95ED",
+  "restore.cancel": "\u53D6\u6D88",
+  "restore.loading": "\u6B63\u5728\u52A0\u8F7D\u4E91\u7AEF\u4F1A\u8BDD\u2026",
+  "restore.empty": "\u4E91\u7AEF\u6CA1\u6709\u4F1A\u8BDD",
+  "restore.filter.all": "\u5168\u90E8\u8BBE\u5907",
+  "restore.column.title": "\u6807\u9898",
+  "restore.column.updated": "\u6700\u540E\u66F4\u65B0",
+  "restore.column.events": "\u4E8B\u4EF6\u6570",
+  "restore.column.target": "\u843D\u4F4D\u8DEF\u5F84",
+  "restore.pathSuggested": "\u5EFA\u8BAE",
+  "restore.pathMapped": "\u5DF2\u6620\u5C04",
+  "restore.unmatchedPath": "\u6062\u590D\u540E\u672A\u5206\u7EC4",
+  "restore.pickDirectory": "\u9009\u62E9\u76EE\u5F55",
+  "restore.manualPath.placeholder": "\u8F93\u5165\u672C\u673A\u76EE\u5F55\u8DEF\u5F84",
+  "restore.existsLocal": "\u672C\u5730\u5DF2\u5B58\u5728",
+  "restore.versionIncompatible": "\u7248\u672C\u4E0D\u517C\u5BB9",
+  "restore.action": "\u6062\u590D\u9009\u4E2D\u4F1A\u8BDD",
+  "restore.restoring": "\u6062\u590D\u4E2D\u2026",
+  "restore.selected": "\u5DF2\u9009 {count} \u4E2A",
+  "restore.result": "\u6062\u590D\u5B8C\u6210\uFF1A\u6210\u529F {ok} \xB7 \u5931\u8D25 {failed}",
+  "toast.newCloudSessions": "\u4E91\u7AEF\u6709\u6765\u81EA\u5176\u4ED6\u8BBE\u5907\u7684\u4F1A\u8BDD\uFF0C\u70B9\u51FB\u67E5\u770B",
+  "toast.view": "\u67E5\u770B",
+  "toast.dismiss": "\u5173\u95ED"
+};
+var en = {
+  title: "Cloud Sync",
+  description: "End-to-end encrypted sync of sessions to your own server",
+  "section.connection": "Server connection",
+  "section.sync": "Sync",
+  "section.actions": "Actions",
+  "field.serverUrl": "Server address",
+  "field.serverUrl.placeholder": "http://host:8787",
+  "field.username": "Username",
+  "field.username.hint": "Only for multi-user servers (assigned by the admin); leave empty otherwise",
+  "field.token": "Access token",
+  "field.passphrase": "Encryption passphrase",
+  "field.deviceName": "Device name",
+  "field.deviceName.hint": "Leave blank to use the hostname",
+  "field.autoUpload": "Automatic upload",
+  "field.autoUpload.hint": "Push in the background when sessions change",
+  "field.checkOnStartup": "Check cloud on startup",
+  "field.checkOnStartup.hint": "Prompt when other devices have sessions",
+  "field.configured": "Configured",
+  "field.unconfigured": "Not configured",
+  "field.secret.show": "Show",
+  "field.secret.hide": "Hide",
+  "invalid.serverUrl": "Enter a valid http:// or https:// URL",
+  "invalid.deviceName": "Letters, digits, - and _ only, up to 32 characters",
+  "action.testConnection": "Test connection",
+  "action.testing": "Testing\u2026",
+  "action.syncAll": "Sync all now",
+  "action.syncing": "Syncing\u2026",
+  "status.unconfigured": "Not configured",
+  "status.connected": "Connected \xB7 {count} sessions in cloud",
+  "status.lastSync": "Last synced {time}",
+  "status.disconnected": "Connection failed: {reason}",
+  "status.warnMark": "\u26A0",
+  "error.unreachable": "Server unreachable",
+  "error.tokenInvalid": "Invalid access token",
+  "error.userMismatch": "Username does not match the access token",
+  "error.passphraseMismatch": "Passphrase does not match cloud data",
+  "error.deviceConflict": "Device name conflicts with cloud data; rename this device",
+  "error.unknown": "Sync failed",
+  "time.justNow": "just now",
+  "time.minutesAgo": "{count} min ago",
+  "time.hoursAgo": "{count} h ago",
+  "time.daysAgo": "{count} d ago",
+  "sync.result": "Succeeded {ok} \xB7 failed {failed}",
+  "section.mappings": "Path mappings",
+  "mapping.empty": "Learned automatically when restoring sessions; delete to re-establish",
+  "mapping.delete": "Delete",
+  "action.restore": "Restore from cloud\u2026",
+  "restore.title": "Restore sessions from cloud",
+  "restore.close": "Close",
+  "restore.cancel": "Cancel",
+  "restore.loading": "Loading cloud sessions\u2026",
+  "restore.empty": "No sessions in cloud",
+  "restore.filter.all": "All devices",
+  "restore.column.title": "Title",
+  "restore.column.updated": "Last updated",
+  "restore.column.events": "Events",
+  "restore.column.target": "Target path",
+  "restore.pathSuggested": "Suggested",
+  "restore.pathMapped": "Mapped",
+  "restore.unmatchedPath": "Ungrouped after restore",
+  "restore.pickDirectory": "Choose directory",
+  "restore.manualPath.placeholder": "Enter a local directory path",
+  "restore.existsLocal": "Exists locally",
+  "restore.versionIncompatible": "Version incompatible",
+  "restore.action": "Restore selected",
+  "restore.restoring": "Restoring\u2026",
+  "restore.selected": "{count} selected",
+  "restore.result": "Restore finished: {ok} succeeded \xB7 {failed} failed",
+  "toast.newCloudSessions": "Sessions from other devices found in cloud \u2014 click to view",
+  "toast.view": "View",
+  "toast.dismiss": "Dismiss"
+};
+
+// src/client/styles.ts
+var CARD_CSS = `
+.dsh-cloud-sync-card {
+  list-style: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 12px;
+  background: var(--dsw-alias-bg-layer-3);
+}
+.dsh-cloud-sync-card__header {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 14px 16px;
+}
+.dsh-cloud-sync-card__name {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-card__description {
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__body {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin: 0 16px;
+  padding: 4px 0 12px;
+}
+.dsh-cloud-sync-card__section {
+  padding: 12px 0 0;
+}
+.dsh-cloud-sync-card__section + .dsh-cloud-sync-card__section {
+  border-top: 1px solid var(--dsw-alias-border-l2);
+  margin-top: 12px;
+}
+.dsh-cloud-sync-card__section-title {
+  margin: 0 0 4px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 8px 0;
+}
+.dsh-cloud-sync-card__field-head {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.dsh-cloud-sync-card__label {
+  flex: 1;
+  min-width: 0;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-card__badge {
+  border-radius: 999px;
+  padding: 1px 8px;
+  font-size: 11px;
+  line-height: 17px;
+  white-space: nowrap;
+  font-weight: 500;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-card__badge--muted {
+  background: none;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__input {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  height: 34px;
+  padding: 0 12px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-card__input::placeholder {
+  color: var(--dsw-alias-label-dimmed);
+}
+.dsh-cloud-sync-card__input:focus-visible {
+  outline: none;
+  border-color: var(--dsw-alias-brand-primary);
+}
+.dsh-cloud-sync-card__input:disabled {
+  color: var(--dsw-alias-label-tertiary);
+  cursor: default;
+}
+.dsh-cloud-sync-card__input[aria-invalid='true'] {
+  border-color: var(--dsw-alias-label-error);
+}
+/* secret \u884C\uFF1A\u5916\u6846\u662F\u89C6\u89C9\u63A7\u4EF6\uFF08\u7126\u70B9\u73AF\u843D\u5728\u884C\u4E0A\uFF09\uFF0C\u8F93\u5165\u6846\u88F8\u5D4C\u3001\u{1F441} \u6536\u8FDB\u6846\u5185\u3002
+   \u6CE8\u610F\u8F93\u5165\u6846\u81EA\u8EAB\u4E0D\u80FD\u518D\u5E26 flex: 1 \u2014\u2014 \u5728\u7EB5\u5411 flex \u5BB9\u5668\u91CC flex-basis: 0%
+   \u4F1A\u628A\u9AD8\u5EA6\u538B\u6CA1\uFF08M3 \u9A8C\u6536\u5B9E\u6D4B text \u8F93\u5165\u584C\u5230 15px\uFF09\uFF0C\u53EA\u80FD\u653E\u5728\u6A2A\u5411\u884C\u91CC\u7528\u3002 */
+.dsh-cloud-sync-card__input-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 34px;
+  box-sizing: border-box;
+  padding: 0 6px 0 12px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  background: var(--dsw-alias-bg-layer-3);
+}
+.dsh-cloud-sync-card__input-row:focus-within {
+  border-color: var(--dsw-alias-brand-primary);
+}
+.dsh-cloud-sync-card__input-row .dsh-cloud-sync-card__input {
+  flex: 1;
+  min-width: 0;
+  height: auto;
+  padding: 0;
+  border: none;
+  background: transparent;
+}
+.dsh-cloud-sync-card__input-row .dsh-cloud-sync-card__input:focus-visible {
+  border: none;
+}
+.dsh-cloud-sync-card__hint {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__error {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-error);
+}
+.dsh-cloud-sync-card__icon-button {
+  flex: none;
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 4px;
+  font: inherit;
+  line-height: 1;
+  color: var(--dsw-alias-label-tertiary);
+  cursor: pointer;
+  border-radius: 6px;
+}
+.dsh-cloud-sync-card__icon-button:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-card__icon-button:disabled {
+  cursor: default;
+  opacity: 0.4;
+}
+.dsh-cloud-sync-card__row-end {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 4px 0;
+}
+.dsh-cloud-sync-card__button {
+  appearance: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  padding: 5px 14px;
+  background: none;
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+.dsh-cloud-sync-card__button:hover:not(:disabled) {
+  color: var(--dsw-alias-label-primary);
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.dsh-cloud-sync-card__button:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.dsh-cloud-sync-card__button:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: 1px;
+}
+.dsh-cloud-sync-card__button--primary {
+  background: var(--dsw-alias-label-primary);
+  border-color: transparent;
+  color: var(--dsw-alias-bg-layer-3);
+}
+.dsh-cloud-sync-card__button--primary:hover:not(:disabled) {
+  color: var(--dsw-alias-bg-layer-3);
+  border-color: transparent;
+}
+.dsh-cloud-sync-card__status {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  margin: 0;
+  font-size: 13px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-card__status--muted {
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__status--error {
+  color: var(--dsw-alias-label-error);
+}
+.dsh-cloud-sync-card__dot {
+  position: relative;
+  top: -1px;
+  align-self: center;
+  flex: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-card__dot[data-state='done'] {
+  background: var(--dsw-alias-state-success-primary);
+}
+.dsh-cloud-sync-card__dot[data-state='warning'] {
+  background: var(--dsw-alias-state-warn-primary);
+}
+.dsh-cloud-sync-card__dot[data-state='error'] {
+  background: var(--dsw-alias-state-error-primary);
+}
+.dsh-cloud-sync-card__warn {
+  color: var(--dsw-alias-state-warn-primary);
+}
+.dsh-cloud-sync-card__switch-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 0;
+}
+.dsh-cloud-sync-card__switch-label {
+  width: 120px;
+  flex: none;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-card__switch {
+  position: relative;
+  flex: none;
+  width: 36px;
+  height: 20px;
+  border: none;
+  border-radius: 999px;
+  padding: 0;
+  background: var(--dsw-alias-bg-module-platform);
+  cursor: pointer;
+  transition: background .16s;
+}
+.dsh-cloud-sync-card__switch[data-on='true'] {
+  background: var(--dsw-alias-brand-primary);
+}
+.dsh-cloud-sync-card__switch:disabled {
+  opacity: 0.4;
+  cursor: default;
+}
+.dsh-cloud-sync-card__switch:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: 1px;
+}
+.dsh-cloud-sync-card__switch-knob {
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--dsw-alias-bg-layer-3);
+  transition: transform .16s;
+}
+.dsh-cloud-sync-card__switch[data-on='true'] .dsh-cloud-sync-card__switch-knob {
+  transform: translateX(16px);
+}
+.dsh-cloud-sync-card__sync-result {
+  margin: 0 0 4px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-secondary);
+}
+/* ---- M4\uFF1A\u8DEF\u5F84\u6620\u5C04\u533A ---- */
+.dsh-cloud-sync-card__mappings {
+  list-style: none;
+  margin: 4px 0 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.dsh-cloud-sync-card__mapping {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 0;
+}
+.dsh-cloud-sync-card__mapping-paths {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-card__mapping-arrow {
+  margin: 0 6px;
+  color: var(--dsw-alias-label-dimmed);
+}
+/* ---- M4\uFF1A\u6062\u590D\u5BF9\u8BDD\u6846 ---- */
+.dsh-cloud-sync-restore {
+  width: 720px;
+  max-width: calc(100vw - 64px);
+}
+.dsh-cloud-sync-restore__content {
+  max-height: 60vh;
+  overflow-y: auto;
+}
+.dsh-cloud-sync-restore__filter {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+.dsh-cloud-sync-restore__select {
+  appearance: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 8px;
+  padding: 4px 10px;
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 12px;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-restore__head,
+.dsh-cloud-sync-restore__row {
+  display: grid;
+  grid-template-columns: 24px minmax(0, 2fr) 88px 56px minmax(0, 2.2fr);
+  align-items: center;
+  gap: 10px;
+}
+.dsh-cloud-sync-restore__head {
+  padding: 4px 0;
+  font-size: 11px;
+  color: var(--dsw-alias-label-dimmed);
+  border-bottom: 1px solid var(--dsw-alias-border-l2);
+}
+.dsh-cloud-sync-restore__list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.dsh-cloud-sync-restore__row {
+  padding: 8px 0;
+  border-bottom: 1px solid var(--dsw-alias-border-l2);
+}
+.dsh-cloud-sync-restore__row[data-disabled='true'] {
+  opacity: 0.55;
+}
+.dsh-cloud-sync-restore__title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 13px;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-restore__device {
+  margin-left: 6px;
+  font-size: 11px;
+  color: var(--dsw-alias-label-dimmed);
+}
+.dsh-cloud-sync-restore__updated,
+.dsh-cloud-sync-restore__events {
+  font-size: 12px;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-restore__target {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+}
+.dsh-cloud-sync-restore__path {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-restore__badge {
+  flex: none;
+  margin-left: 6px;
+  border-radius: 999px;
+  padding: 0 6px;
+  font-size: 10px;
+  line-height: 16px;
+  background: var(--dsw-alias-bg-module-platform);
+  color: var(--dsw-alias-label-secondary);
+}
+.dsh-cloud-sync-restore__badge--muted {
+  background: none;
+  color: var(--dsw-alias-label-tertiary);
+}
+.dsh-cloud-sync-restore__unmatched {
+  flex: none;
+  font-size: 12px;
+  color: var(--dsw-alias-state-warn-primary);
+}
+.dsh-cloud-sync-restore__pick {
+  flex: none;
+  appearance: none;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 6px;
+  padding: 2px 8px;
+  background: none;
+  font: inherit;
+  font-size: 11px;
+  color: var(--dsw-alias-label-secondary);
+  cursor: pointer;
+}
+.dsh-cloud-sync-restore__manual {
+  flex: 1;
+  min-width: 0;
+  height: 26px;
+  padding: 0 8px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 6px;
+  background: var(--dsw-alias-bg-layer-3);
+  font: inherit;
+  font-size: 12px;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-restore__selected {
+  flex: 1;
+  font-size: 12px;
+  color: var(--dsw-alias-label-tertiary);
+}
+/* ---- M4\uFF1A\u542F\u52A8\u68C0\u67E5\u901A\u77E5\uFF0801 \xA75.5 \u53F3\u4E0B\u89D2\u8F7B\u63D0\u793A\uFF1Bshell.overlay \u5C42\u9ED8\u8BA4 click-through\uFF0C\u9700\u81EA\u884C\u6062\u590D\u6307\u9488\u4E8B\u4EF6\uFF09 ---- */
+.dsh-cloud-sync-notice {
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  z-index: 60;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 14px;
+  border: 1px solid var(--dsw-alias-border-l2);
+  border-radius: 10px;
+  background: var(--dsw-alias-bg-layer-3);
+  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
+  pointer-events: auto;
+}
+.dsh-cloud-sync-notice__text {
+  font-size: 13px;
+  color: var(--dsw-alias-label-primary);
+}
+.dsh-cloud-sync-notice__action {
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 0;
+  font: inherit;
+  font-size: 13px;
+  color: var(--dsw-alias-brand-primary);
+  cursor: pointer;
+}
+.dsh-cloud-sync-notice__dismiss {
+  appearance: none;
+  border: none;
+  background: none;
+  padding: 2px 4px;
+  font: inherit;
+  line-height: 1;
+  color: var(--dsw-alias-label-tertiary);
+  cursor: pointer;
+}
+`;
+var STYLE_TAG_ID = "dsh-cloud-sync/card";
+function installCardStyles() {
+  if (typeof document === "undefined") return;
+  if (document.querySelector(`style[data-plugin-css="${STYLE_TAG_ID}"]`) !== null) return;
+  const tag = document.createElement("style");
+  tag.dataset.plugin = "dsh-cloud-sync";
+  tag.dataset.pluginCss = STYLE_TAG_ID;
+  tag.textContent = CARD_CSS;
+  document.head.appendChild(tag);
+}
+
+// src/client/index.ts
+var LOCALE_NS = "settings.cloudSync";
+var inject = ["slots", "locale", "settingsScope"];
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(LOCALE_NS, { zh, en }), "cloud-sync: dictionaries");
+  const directoryPicker = ctx.get("remote")?.directoryPicker;
+  const controller = new CloudSyncCardController(
+    ctx.settingsScope.bind({ namespace: CLOUD_SYNC_NS }),
+    ctx.settingsScope.bind({ namespace: CLOUD_SYNC_STATUS_NS }),
+    directoryPicker
+  );
+  ctx.effect(() => () => {
+    controller.dispose();
+  }, "cloud-sync: card controller");
+  installCardStyles();
+  ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+    name: "settings.plugin.item",
+    key: CLOUD_SYNC_NS,
+    locale: LOCALE_NS,
+    inject: () => controller.inject()
+  }, CloudSyncCard));
+  ctx.slots.inject("shell.overlay", () => ctx.slots.register({
+    name: "shell.overlay",
+    id: "cloud-sync-overlay",
+    order: 100,
+    locale: LOCALE_NS,
+    inject: () => controller.inject()
+  }, CloudSyncOverlay));
+}
+return module.exports; } });
+//# sourceMappingURL=client.js.map