@leiyi-works/dsh-cloud-sync 0.0.0-stage → 0.1.5

package/README.md

@@ -1,3 +1,132 @@
-# Temporary Holding Version
+# dsh-cloud-sync — 云端同步
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+把 DSH 的状态增量备份到**你自己的**云服务器，换机或新机登录后一键拉回。
+**通道只用 SSH**，服务器上不装服务、不开端口。
+
+## 服务器地址从哪来（包里不含地址）
+
+插件包**不内置任何服务器地址或密钥路径**。连接信息按这个顺序取：
+
+1. 插件配置里的 `host` / `identityFile` / `port`（在 profile 的 `cordis.patch.yml` 里写）；
+2. 没写的话，读 `<DSH_HOME>/keyrule-secrets/ssh.json`（默认位置，可用 `connectionFile` 改）：
+
+```json
+{ "host": "root@1.2.3.4", "identityFile": "C:/Users/你/.dsh/keyrule-secrets/key.pem", "port": 22 }
+```
+
+3. 两处都没有 → 插件显示「未配置服务器」，**不联网、不报错**，等你填。
+
+这样地址跟着「钥则」的密钥目录走（该目录本身在同步范围内），插件本身是通用的。
+
+## 同步什么
+
+**黑名单制**：默认同步**整个 `~/.dsh`**，只排除「可重建 / 机器相关 / 不能乱传」的那几类。
+任何插件在 `~/.dsh` 下新建的数据目录（`h3-kit`、`llm-deepseek`、`runninghub`…）**自动就带上**，不用改代码。
+
+| 会同步（示例） | 内容 |
+|---|---|
+| `sessions/` | 聊天记录（`session.v4.jsonl.zstd`） |
+| `storages/` | 工作区列表、归档/置顶、定时任务、会话投影缓存 |
+| `data/*` | 插件状态（`session-tmpdir-*` 除外） |
+| `profiles/<profile>/` | 除 `node_modules`、`.dsh-market`、`.plugin-manager` 之外的全部配置 |
+| `attachments/` | 聊天图片附件（可关） |
+| `h3-kit/`、`llm-deepseek/`、`runninghub/` | 插件自己建的数据目录 |
+| 根目录 | `AGENTS.md`、`standing-rules.md`、`standing-rules/`、`ops/`、`.credentials.yaml`、`keyrule-secrets/`、插件的小 json |
+| 本地 link 插件源码 | profile 里 `link:` 的目录（自动发现） |
+
+**不同步（黑名单）**：
+
+| 排除项 | 原因 |
+|---|---|
+| `dsh-runtimes/`（446 MB） | 安装器会重建 |
+| `cache/` | 缓存 |
+| `profiles/*/node_modules/` | pnpm 装，跨机复制会坏（新机 `pnpm install` 重建） |
+| `.cloud-sync/` | 本机的同步记忆（known/tombstones/backup/removed），传了会污染别的机器 |
+| `profiles/*/.dsh-market`、`profiles/*/.plugin-manager` | 本机插件管理日志/索引 |
+| `*.log`、`*.tmp`、`*.bak*`、`.DS_Store` | 垃圾 |
+| `data/session-tmpdir-*` | 会话临时目录的本机簿记 |
+| `.dshw-*`、`.anonymous-user-id`、`.credentials.yaml.newmachine` | 机器相关 |
+
+## 云上结构
+
+```
+/opt/dsh-sync/
+  machines/<槽位名>/manifest.json         ← 文件清单（相对路径 + 大小 + mtime）
+  machines/<槽位名>/files/dsh/...         ← ~/.dsh 的内容
+  machines/<槽位名>/files/plugins/<名字>/ ← 本地插件源码
+  machines/<槽位名>/incoming/<机器名>/    ← 上传暂存（每台机器一个，互不干扰）
+  shared/tombstones.json                  ← 所有机器共享的删除记录
+  trash/<时间戳>/...                      ← 本地删掉的会话/附件，保留 14 天
+  versions/<时间戳>/...                   ← 被覆盖前的旧版本，保留 7 天
+```
+
+槽位名默认是主机名（本机 `lavm`/桌面机名），可在插件配置里改。
+
+## 行为
+
+- **推送**：增量（大小 + mtime 比对，2 秒容差），只传变化的文件；本地不存在的条目
+  → 服务端移到 `trash/`（配合会话临时目录插件的 7 天清理，云端不会越攒越多）。
+  上传前先把文件复制到本机暂存区并核对大小，避开「会话日志正在追加」的撕裂；核对不过的
+  文件留到下一轮（`quietSeconds` 内的文件同理）。传输 120 秒没有进展会主动断开并报错，
+  不会无限挂着。
+- **恢复**：只补「本地没有」或「云端更新」的文件；覆盖前备份到
+  `~/.dsh/.cloud-sync/backup/<时间戳>/`；**永不删本地文件**；最近 5 分钟改过的本地文件跳过。
+- **删掉的不复活**（`tombstones.json` / `known.json`）：本机删过的文件记一条墓碑，
+  恢复时看到墓碑就跳过（云端那份比墓碑还新时才允许拉回）；本机「确实拥有过、现在没了」
+  的文件也按本地删除处理。新机没有任何记录，所以该恢复的照样全部恢复。
+  想强行拉回就传 `force: true`（会把共享删除记录一起撤掉）。
+- **多台电脑共用一个删除记录**（云端 `shared/tombstones.json`）：A 机删掉的文件，
+  B 机下次同步时会跟着删（先放进 `.cloud-sync/removed/<时间戳>/`，可找回）；
+  比记录还新的文件视为「删掉后又被重建」，保留并撤销那条记录。
+  跨机删除覆盖**整个 `~/.dsh`**（会话、storages、data、附件，以及 h3-kit / llm-deepseek
+  这类插件数据目录）；只有 `plugins/`（源码靠 npm）、`profiles/`（靠覆盖更新）、
+  `.credentials.yaml`、`keyrule-secrets/` 不会被别的机器删掉。
+  `applyRemoteDeletes: false` 可以关掉「跟着删」，只保留「不拉回」。
+- **本地不留垃圾**：`backup/`、`removed/` 只保留 `backupDays`（默认 7）天、
+  `staging/` 只留 1 天，每次推送/恢复都会顺手清理，不会越攒越多。
+- **自动**：本机配置成 **每天一次**（`dailySync: true`）：当天还没同步过就在
+  「打开 DSH 后 20 秒内」补一轮，当天已同步则不再跑；应用跨过零点一直开着时，0:05 后补一轮。
+  推送时跳过最近 10 秒内还在写的文件；`pauseWhenIdle` 已关；
+  新机（本地没有任何会话）首次启动自动从唯一的云端槽位恢复。
+- **入口**：左侧面板列表里的 **「云端同步」**（`sidebar.panellist` + `main` 面板），
+  点开即自动补一轮同步，面板里有「立即同步」大按钮；设置页不再单独占一页。
+- **恢复插件**：新机上原 `link:` 路径不存在时，插件源码落到 `localPluginRoot`（默认
+  `D:/DSH工作区`），并把 profile `package.json` 的 `link:` 改写成本机路径。
+
+## 工具
+
+| 工具 | 用途 |
+|---|---|
+| `cloud_sync_status` | 状态：槽位、云端各机器大小/时间、上次推/拉、下次自动推送、最近日志 |
+| `cloud_sync_push` | 立即增量推送（首次含附件约 5 分钟） |
+| `cloud_sync_pull` | 从云端恢复（可指定 `from`、`force`） |
+
+## 新机恢复步骤
+
+1. 装好 DSH（安装器）。
+2. 装本插件：`dsh` 设置 → 插件 → 添加本地目录 `D:\DSH工作区\dsh-cloud-sync`，
+   或从 npm 安装。
+3. 确认私钥在 `C:\Users\<用户>\.dsh\keyrule-secrets\jdcloud-lavm.pem`
+   （换机包里有；没有的话从旧机拷，登录授权也走这把钥匙）。
+   `ssh jdcloud` 别名由「常驻钥则」插件自动重建（profile 里配了 `sshHost`），不需要手改。
+4. 点左侧面板列表的「云端同步」→ 面板里点「立即同步」补一轮；要拉回旧数据用
+   `cloud_sync_pull` 工具（或面板恢复后按提示操作）。
+5. 恢复完成后到 设置 → 插件 里执行一次依赖安装（`pnpm install`），重启 DSH。
+6. 打开老会话即可看到聊天记录；图片附件要等首批上传完成。
+
+## 配置项（改 profile 的 `cordis.patch.yml`）
+
+`host` / `port` / `identityFile` / `connectionFile` / `remoteRoot` / `machineId` / `localPluginRoot` /
+`intervalMinutes` / `dailySync` / `autoSync` / `pauseWhenIdle` / `idlePauseMinutes` /
+`applyRemoteDeletes` / `restoreOnEmpty` / `includeAttachments` / `includeCredentials` /
+`includeKeyruleSecrets` / `includeLocalPlugins` / `quietSeconds` / `trashDays` /
+`versionDays` / `backupDays`。
+
+## 自测
+
+```bash
+node test-engine.mjs
+```
+
+在临时目录造假 DSH 数据，推到 `/opt/dsh-sync-test`，再拉回新目录逐文件比哈希
+（覆盖增量、删除传播、中文名、超长路径、插件源码 relocation、幂等）。

package/client.js

@@ -0,0 +1,284 @@
+/**
+ * dsh-cloud-sync — Client 半。
+ *
+ * 左侧面板列表里一个「云端同步」入口：点开就是同步面板，打开即自动补一轮，
+ * 面板里还有一个大号「立即同步」按钮。设置页不再单独占一页。
+ */
+window.__ModuleLoader__.load({
+  id: '@leiyi-works/dsh-cloud-sync',
+  factory(require) {
+    const React = require('react')
+    const h = React.createElement
+    const NS = 'cloudSync'
+    const PANEL_ID = 'cloud-sync'
+    const API_PREFIX = '__dsh-cloud-sync/'
+    const CSS_TAG_ID = '@leiyi-works/dsh-cloud-sync/client.css'
+    const CSS = [
+      '.csyRoot{height:100%;overflow:auto;box-sizing:border-box;padding:calc(var(--dsh-frame-top-clearance,0px) + 24px) 24px 40px;color:var(--dsw-alias-label-primary);font-size:14px;line-height:1.55}',
+      '.csyInner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}',
+      '.csyTitle{margin:0;font-size:22px;font-weight:600}',
+      '.csyHint{margin:0;color:var(--dsw-alias-label-secondary);font-size:13px}',
+      '.csyCard{display:flex;align-items:center;gap:14px;border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.22));border-radius:12px;padding:16px}',
+      '.csyBig{appearance:none;cursor:pointer;border:none;border-radius:10px;padding:12px 26px;font-size:15px;font-weight:600;line-height:20px;background:var(--dsw-alias-state-business-primary,#3f7fd4);color:#fff}',
+      '.csyBig:disabled{opacity:.55;cursor:default}',
+      '.csyCardText{display:flex;flex-direction:column;gap:3px;min-width:0}',
+      '.csyCardMain{font-size:14px;font-weight:600}',
+      '.csyNote{font-size:12px;color:var(--dsw-alias-label-secondary);word-break:break-all}',
+      '.csyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}',
+      '.csyCell{border:1px solid var(--dsw-alias-border-l1,rgba(127,127,127,.18));border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}',
+      '.csyCellName{font-size:12px;color:var(--dsw-alias-label-secondary)}',
+      '.csyCellValue{font-size:15px;font-weight:600}',
+      '.csyLog{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.08));border-radius:10px;padding:12px;max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0}',
+      '.csyBar{height:5px;border-radius:3px;background:var(--dsw-alias-bg-layer-2,rgba(127,127,127,.14));overflow:hidden;width:100%}',
+      '.csyBarFill{height:100%;background:var(--dsw-alias-state-business-primary,#3f7fd4);transition:width .3s ease}',
+      '.csyOk{color:var(--dsw-alias-state-success-primary,#2c9d5a)}',
+      '.csyErr{color:var(--dsw-alias-state-error-primary,#d14a4a)}',
+    ].join('')
+    try {
+      if (typeof document !== 'undefined' && document.querySelector(`style[data-plugin-css="${CSS_TAG_ID}"]`) === null) {
+        const tag = document.createElement('style')
+        tag.dataset.plugin = '@leiyi-works/dsh-cloud-sync'
+        tag.dataset.pluginCss = CSS_TAG_ID
+        tag.textContent = CSS
+        document.head.appendChild(tag)
+      }
+    } catch { /* ignore */ }
+
+    function pageBase() {
+      if (typeof document !== 'undefined' && typeof document.baseURI === 'string' && document.baseURI !== '') return document.baseURI
+      if (typeof location !== 'undefined' && typeof location.href === 'string') return location.href
+      return 'http://localhost/'
+    }
+    const apiUrl = (suffix) => {
+      try { return new URL(API_PREFIX + suffix, pageBase()).href } catch { return API_PREFIX + suffix }
+    }
+
+    const zh = {
+      label: '云端同步',
+      title: '云端同步',
+      hint: '把聊天记录、工作区/定时任务、插件清单与本地插件源码、钥则、凭据增量推到自己的云服务器；换机时从设置里点这个面板就能拉回。',
+      syncNow: '立即同步',
+      syncing: '同步中…',
+      alreadyRunning: '已在同步中，稍候会自动刷新',
+      unconfigured: '未配置服务器：在 profile 的 cordis.patch.yml 里填 host，或在 keyrule-secrets/ssh.json 里写连接信息',
+      lastSync: '上次同步',
+      cloudSize: '云端占用',
+      autoPlan: '自动同步',
+      files: '个文件',
+      never: '还没有',
+      running: '正在同步',
+      done: '已完成',
+      failed: '失败',
+      log: '最近日志',
+      idle: '空闲',
+      minutes: '分钟一次',
+      daily: '每天一次',
+      nextAt: '下次',
+      machine: '本机槽位',
+      updatedAt: '更新于',
+    }
+    const en = {
+      label: 'Cloud sync',
+      title: 'Cloud sync',
+      hint: 'Push chat history, plugins, rules and credentials to your cloud server; open this panel on another machine to restore.',
+      syncNow: 'Sync now',
+      syncing: 'Syncing…',
+      alreadyRunning: 'A sync is already running — this panel will refresh automatically',
+      unconfigured: 'No server configured: set host in the profile cordis.patch.yml, or put connection info in keyrule-secrets/ssh.json',
+      lastSync: 'Last sync',
+      cloudSize: 'Cloud usage',
+      autoPlan: 'Auto sync',
+      files: 'files',
+      never: 'never',
+      running: 'syncing',
+      done: 'done',
+      failed: 'failed',
+      log: 'Recent log',
+      idle: 'idle',
+      minutes: 'min',
+      daily: 'daily',
+      nextAt: 'next',
+      machine: 'Machine slot',
+      updatedAt: 'updated',
+    }
+
+    const mb = (bytes) => `${((Number(bytes) || 0) / 1048576).toFixed(1)} MB`
+    const when = (value) => {
+      if (value === undefined || value === null || Number(value) === 0) return null
+      try { return new Date(Number(value)).toLocaleString() } catch { return String(value) }
+    }
+
+    /** 左侧面板列表里的小图标。 */
+    function SyncIcon(props) {
+      const size = props && typeof props.size === 'number' && props.size > 0 ? props.size : 18
+      return h('svg', {
+        width: size,
+        height: size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        'aria-hidden': true,
+        style: { display: 'block' },
+      },
+        h('path', {
+          d: 'M7.2 18.2h9.4a3.4 3.4 0 0 0 .3-6.78A5.1 5.1 0 0 0 7.7 9.6a4.1 4.1 0 0 0-.5 8.6z',
+          stroke: 'currentColor', strokeWidth: 1.6, strokeLinejoin: 'round',
+        }),
+        h('path', { d: 'M12 12.6v4.2M10 14.4l2-1.9 2 1.9', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' }))
+    }
+
+    function SyncPanel(props) {
+      const t = (key) => (typeof props.t === 'function' ? props.t(key) : zh[key] !== undefined ? zh[key] : key)
+      const [status, setStatus] = React.useState(null)
+      const [error, setError] = React.useState(null)
+      const [notice, setNotice] = React.useState(null)
+      const [starting, setStarting] = React.useState(false)
+      const autoTried = React.useRef(false)
+      const refreshing = React.useRef(false)
+
+      const post = React.useCallback(async (path, body) => {
+        const response = await fetch(apiUrl(path), {
+          method: 'POST',
+          headers: { 'content-type': 'application/json' },
+          body: JSON.stringify(body ?? {}),
+        })
+        const payload = await response.json().catch(() => ({}))
+        if (!response.ok || payload.ok === false) throw new Error(payload.error ?? `HTTP ${response.status}`)
+        return payload
+      }, [])
+
+      const refresh = React.useCallback(async () => {
+        if (refreshing.current) return
+        refreshing.current = true
+        try {
+          const response = await fetch(apiUrl('status'), { cache: 'no-store' })
+          if (!response.ok) throw new Error(`HTTP ${response.status}`)
+          const payload = await response.json()
+          setStatus(payload)
+          setError(null)
+          // 打开面板就自动补一轮（刚同步过 30 秒内不重复）
+          if (!autoTried.current) {
+            autoTried.current = true
+            const running = payload?.job?.phase === 'running'
+            const lastAt = Number(payload?.schedule?.lastPushAt) || 0
+            if (!running && Date.now() - lastAt > 30 * 1000) {
+              setStarting(true)
+              const payload = await post('push', { auto: false })
+                .catch((failure) => { setError(failure instanceof Error ? failure.message : String(failure)); return undefined })
+              setStarting(false)
+              setNotice(payload?.alreadyRunning === true ? t('alreadyRunning') : null)
+            }
+          }
+        } catch (failure) {
+          setError(failure instanceof Error ? failure.message : String(failure))
+        } finally {
+          refreshing.current = false
+        }
+      }, [post])
+
+      React.useEffect(() => {
+        void refresh()
+      }, [refresh])
+
+      const running = status?.job?.phase === 'running'
+      React.useEffect(() => {
+        if (!running) return undefined
+        const timer = window.setInterval(() => { void refresh() }, 1500)
+        return () => window.clearInterval(timer)
+      }, [running, refresh])
+
+      const syncNow = async () => {
+        setStarting(true)
+        setError(null)
+        setNotice(null)
+        try {
+          const payload = await post('push', { auto: false })
+          if (payload?.alreadyRunning === true) setNotice(t('alreadyRunning'))
+          await refresh()
+        } catch (failure) {
+          setError(failure instanceof Error ? failure.message : String(failure))
+        } finally {
+          setStarting(false)
+        }
+      }
+
+      const job = status?.job
+      const machines = status?.remote?.machines ?? []
+      const mine = machines.find((item) => item.id === status?.machine)
+      const progress = job?.progress
+      const percent = progress !== undefined && progress.total !== undefined && Number(progress.total) > 0
+        ? Math.min(100, Math.round((Number(progress.done) / Number(progress.total)) * 100))
+        : undefined
+      const configured = status === null || (typeof status?.config?.host === 'string' && status.config.host !== '')
+      const busy = running || starting || (status !== null && !configured)
+      const lastPushAt = status?.schedule?.lastPushAt
+      const resultText = error !== null
+        ? error
+        : !configured
+          ? t('unconfigured')
+          : notice !== null
+            ? notice
+            : job?.phase === 'running'
+              ? `${t('running')}：${job.log?.slice(-1)[0] ?? ''}`
+              : job?.phase === 'failed'
+                ? `${t('failed')}：${job.error ?? ''}`
+                : lastPushAt !== undefined
+                  ? `${when(lastPushAt)} · ${status?.last?.push?.uploaded ?? 0} ${t('files')}`
+                  : t('never')
+
+      return h('div', { className: 'csyRoot' }, h('div', { className: 'csyInner' },
+        h('h1', { className: 'csyTitle' }, t('title')),
+        h('p', { className: 'csyHint' }, t('hint')),
+
+        h('div', { className: 'csyCard' },
+          h('button', { type: 'button', className: 'csyBig', disabled: busy, onClick: () => { void syncNow() } },
+            busy ? t('syncing') : t('syncNow')),
+          h('div', { className: 'csyCardText' },
+            h('span', { className: error !== null ? 'csyCardMain csyErr' : notice !== null ? 'csyCardMain csyNote' : 'csyCardMain' }, resultText),
+            percent === undefined ? null : h('div', { className: 'csyBar' }, h('div', { className: 'csyBarFill', style: { width: `${percent}%` } })))),
+
+        h('div', { className: 'csyGrid' },
+          h('div', { className: 'csyCell' },
+            h('span', { className: 'csyCellName' }, t('lastSync')),
+            h('span', { className: 'csyCellValue' }, when(lastPushAt) ?? t('never'))),
+          h('div', { className: 'csyCell' },
+            h('span', { className: 'csyCellName' }, t('cloudSize')),
+            h('span', { className: 'csyCellValue' }, mine === undefined ? '—' : mb(mine.filesBytes)),
+            h('span', { className: 'csyNote' }, `${status?.local?.files ?? 0} ${t('files')} · ${status?.machine ?? ''}`)),
+          h('div', { className: 'csyCell' },
+            h('span', { className: 'csyCellName' }, t('autoPlan')),
+            h('span', { className: 'csyCellValue' }, status?.config?.autoSync !== true
+              ? t('off')
+              : status?.config?.dailySync === true ? t('daily') : `${status.config.intervalMinutes} ${t('minutes')}`),
+            h('span', { className: 'csyNote' }, status?.schedule?.nextPushAt === undefined ? '' : `${t('nextAt')} ${when(status.schedule.nextPushAt)}`)),
+
+        Array.isArray(job?.log) && job.log.length > 0
+          ? h('pre', { className: 'csyLog' }, job.log.slice(-12).join('\n'))
+          : null)))
+    }
+
+    function apply(ctx) {
+      ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'dsh-cloud-sync: dictionaries')
+      const t = ctx.locale.bind(NS)
+      // 主面板（点左侧入口后显示）
+      ctx.effect(() => ctx.slots.inject('main', () => ctx.slots.register({
+        name: 'main',
+        key: PANEL_ID,
+        locale: NS,
+      }, SyncPanel)), 'dsh-cloud-sync: main panel')
+      // 左侧面板列表入口
+      ctx.effect(() => ctx.slots.inject('sidebar.panellist', () => ctx.slots.register({
+        name: 'sidebar.panellist',
+        id: PANEL_ID,
+        order: 45,
+        label: () => t('label'),
+        locale: NS,
+      }, SyncIcon)), 'dsh-cloud-sync: sidebar entry')
+    }
+
+    return {
+      name: '@leiyi-works/dsh-cloud-sync',
+      inject: ['slots', 'locale'],
+      apply,
+    }
+  },
+})

package/cordis.patch.yml

@@ -0,0 +1,7 @@
+# @leiyi-works/dsh-cloud-sync — 云端同步
+#
+# 挂载「云端同步」插件：左侧面板列表多一个入口，Agent 多出 cloud_sync_status /
+# cloud_sync_push / cloud_sync_pull 三个工具；默认每天第一次打开 DSH 时自动补一轮。
+- insert:
+    - id: cloud-sync
+      name: '@leiyi-works/dsh-cloud-sync'

package/icon.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="云端同步">
+  <defs>
+    <linearGradient id="csyCloud" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#6fb3f2"/>
+      <stop offset="1" stop-color="#3f7fd4"/>
+    </linearGradient>
+    <linearGradient id="csyArrow" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#ffffff"/>
+      <stop offset="1" stop-color="#dbe9fb"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="#101a2b"/>
+  <path d="M20 40h24a8 8 0 0 0 .6-15.97A12 12 0 0 0 21.6 22.8 9.6 9.6 0 0 0 20 40Z"
+        fill="url(#csyCloud)" opacity="0.95"/>
+  <path d="M32 46V31" stroke="url(#csyArrow)" stroke-width="4" stroke-linecap="round"/>
+  <path d="M25.5 36.5 32 30l6.5 6.5" fill="none" stroke="url(#csyArrow)" stroke-width="4"
+        stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="32" cy="49.5" r="2.6" fill="#9ec9f7"/>
+</svg>