openclaw-workspace-sync 2.1.2 → 2.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.src.md +558 -0
- package/docs/diagrams/mode-0.svg +42 -1
- package/docs/diagrams/mode-1.svg +42 -1
- package/docs/diagrams/mode-2.svg +42 -1
- package/package.json +3 -3
package/README.src.md
ADDED
|
@@ -0,0 +1,558 @@
|
|
|
1
|
+
# OpenClaw Workspace Cloud Sync Plugin
|
|
2
|
+
|
|
3
|
+
Sync your OpenClaw agent workspace with cloud storage via [rclone](https://rclone.org/).
|
|
4
|
+
|
|
5
|
+
Supports **Dropbox, Google Drive, OneDrive, S3/R2/Minio**, and [70+ cloud providers](https://rclone.org/overview/).
|
|
6
|
+
|
|
7
|
+
## How it works
|
|
8
|
+
|
|
9
|
+
<p align="center">
|
|
10
|
+
<img src="https://raw.githubusercontent.com/ashbrener/openclaw-workspace-sync/main/docs/how-it-works.png" alt="How it works — Local Machine syncs to Cloud Provider syncs to Remote Gateway" width="600" />
|
|
11
|
+
</p>
|
|
12
|
+
|
|
13
|
+
The remote gateway workspace is the **source of truth**. Changes made by the agent flow down to your local machine through cloud storage. You can send files to the agent through an optional inbox.
|
|
14
|
+
|
|
15
|
+
**Zero LLM cost.** All sync operations are pure rclone file operations — they never wake the bot or trigger LLM calls.
|
|
16
|
+
|
|
17
|
+
## Architecture
|
|
18
|
+
|
|
19
|
+
<p align="center">
|
|
20
|
+
<img src="https://raw.githubusercontent.com/ashbrener/openclaw-workspace-sync/main/docs/architecture.png" alt="Plugin architecture — CLI, Hooks, and Sync Manager feed into rclone wrapper" width="600" />
|
|
21
|
+
</p>
|
|
22
|
+
|
|
23
|
+
## Sync modes (breaking change in v2.0)
|
|
24
|
+
|
|
25
|
+
**`mode` is now required.** Previous versions used bidirectional bisync implicitly. Starting with v2.0, you must explicitly set `"mode"` in your config. The plugin will refuse to start and log an error until `mode` is set. This prevents accidental data loss from an unexpected sync direction.
|
|
26
|
+
|
|
27
|
+
The plugin supports three sync modes. Choose the one that fits your workflow:
|
|
28
|
+
|
|
29
|
+
| Mode | Direction | Description |
|
|
30
|
+
|------|-----------|-------------|
|
|
31
|
+
| `mailbox` | Push + inbox/outbox | Workspace pushes to cloud; users drop files in `_outbox` to send them to the agent. **Safest.** |
|
|
32
|
+
| `mirror` | Remote → Local | One-way sync: workspace mirrors down to local. Safe — local can never overwrite remote. |
|
|
33
|
+
| `bisync` | Bidirectional | Full two-way sync. Powerful but requires careful setup. |
|
|
34
|
+
|
|
35
|
+
**Upgrading from a previous version?** If you were using bisync before, add `"mode": "bisync"` to your config to preserve the existing behavior. For the safest option, use `"mode": "mailbox"`.
|
|
36
|
+
|
|
37
|
+
### `mailbox` mode (recommended)
|
|
38
|
+
|
|
39
|
+
The agent workspace is the source of truth. Each sync cycle:
|
|
40
|
+
|
|
41
|
+
1. **Push**: `rclone sync` pushes the workspace to the cloud (excluding `_inbox/` and `_outbox/`)
|
|
42
|
+
2. **Drain**: `rclone move` pulls files from the cloud `_outbox/` into the workspace `_inbox/`, deleting them from the cloud after transfer
|
|
43
|
+
|
|
44
|
+
```mermaid
|
|
45
|
+
flowchart LR
|
|
46
|
+
subgraph GW["Gateway (source of truth)"]
|
|
47
|
+
WS["/workspace"]
|
|
48
|
+
INBOX["_inbox/"]
|
|
49
|
+
end
|
|
50
|
+
subgraph CLOUD["Cloud Provider"]
|
|
51
|
+
CF["workspace files"]
|
|
52
|
+
OUTBOX_C["_outbox/"]
|
|
53
|
+
end
|
|
54
|
+
subgraph LOCAL["Your Machine"]
|
|
55
|
+
LM["local mirror"]
|
|
56
|
+
OUTBOX_L["_outbox/ (drop files here)"]
|
|
57
|
+
end
|
|
58
|
+
WS -- "1. rclone sync (push)" --> CF
|
|
59
|
+
CF -. "desktop app (auto)" .-> LM
|
|
60
|
+
OUTBOX_L -. "desktop app (auto)" .-> OUTBOX_C
|
|
61
|
+
OUTBOX_C -- "2. rclone move (drain)" --> INBOX
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
This creates a clean separation:
|
|
65
|
+
|
|
66
|
+
- **Your local machine** gets a live mirror of the workspace via your cloud provider's desktop app (e.g., Dropbox). You also see an `_outbox/` folder — drop files there to send them to the agent.
|
|
67
|
+
- **The agent workspace** has an `_inbox/` folder where incoming files land. The agent (or a skill) can process them from there.
|
|
68
|
+
|
|
69
|
+
On startup, the plugin bootstraps both directories:
|
|
70
|
+
- `rclone mkdir cloud:_outbox` — ensures the cloud `_outbox` exists so your desktop app creates the local folder
|
|
71
|
+
- `mkdir -p <workspace>/_inbox` — ensures the agent's landing zone exists
|
|
72
|
+
|
|
73
|
+
Because the push explicitly excludes `_inbox/**` and `_outbox/**`, there is no risk of sync loops or accidental overwrites. Files only flow in one direction through each channel.
|
|
74
|
+
|
|
75
|
+
```json
|
|
76
|
+
{
|
|
77
|
+
"mode": "mailbox",
|
|
78
|
+
"provider": "dropbox",
|
|
79
|
+
"remotePath": "",
|
|
80
|
+
"localPath": "/",
|
|
81
|
+
"interval": 60
|
|
82
|
+
}
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### `mirror` mode
|
|
86
|
+
|
|
87
|
+
The agent workspace is the source of truth. Every sync cycle copies the latest workspace state down to your local folder. Local files outside the workspace are never sent up.
|
|
88
|
+
|
|
89
|
+
```mermaid
|
|
90
|
+
flowchart LR
|
|
91
|
+
subgraph CLOUD["Cloud Provider"]
|
|
92
|
+
CF["workspace files"]
|
|
93
|
+
end
|
|
94
|
+
subgraph LOCAL["Your Machine"]
|
|
95
|
+
LM["local copy (read-only)"]
|
|
96
|
+
end
|
|
97
|
+
subgraph GW["Gateway (source of truth)"]
|
|
98
|
+
WS["/workspace"]
|
|
99
|
+
NOTE["agent writes here"]
|
|
100
|
+
end
|
|
101
|
+
CF -- "rclone sync (pull)" --> LM
|
|
102
|
+
WS -. "rclone sync (push)" .-> CF
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
This is safe: even if something goes wrong, only your local copy is affected — the workspace stays untouched.
|
|
106
|
+
|
|
107
|
+
### `ingest` option (mirror mode only)
|
|
108
|
+
|
|
109
|
+
Want to send files to the agent while using mirror mode? Enable the `ingest` option. This creates a local `inbox/` folder (sibling to the sync folder) that syncs one-way **up** to the workspace. Drop a file in the inbox — it appears on the remote workspace. The inbox is separate from the mirror, so there is no risk of overwriting workspace files.
|
|
110
|
+
|
|
111
|
+
```json
|
|
112
|
+
{
|
|
113
|
+
"mode": "mirror",
|
|
114
|
+
"ingest": true,
|
|
115
|
+
"ingestPath": "inbox"
|
|
116
|
+
}
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
When enabled, a local `inbox/` folder syncs its contents to `<remotePath>/inbox/` on the workspace. This is additive only — files are copied up, never deleted from the remote side.
|
|
120
|
+
|
|
121
|
+
> For a more robust file-exchange pattern, consider `mailbox` mode instead. Mailbox uses `rclone move` to drain files (deleting from the source after transfer), which prevents duplicates and is easier to reason about.
|
|
122
|
+
|
|
123
|
+
### `bisync` mode (advanced)
|
|
124
|
+
|
|
125
|
+
Full bidirectional sync using rclone bisync. Changes on either side propagate to the other.
|
|
126
|
+
|
|
127
|
+
```mermaid
|
|
128
|
+
flowchart LR
|
|
129
|
+
subgraph GW["Gateway"]
|
|
130
|
+
WS["/workspace"]
|
|
131
|
+
end
|
|
132
|
+
subgraph CLOUD["Cloud Provider"]
|
|
133
|
+
CF["workspace files"]
|
|
134
|
+
end
|
|
135
|
+
subgraph LOCAL["Your Machine"]
|
|
136
|
+
LM["local copy"]
|
|
137
|
+
end
|
|
138
|
+
WS -- "rclone bisync" --> CF
|
|
139
|
+
CF -- "rclone bisync" --> WS
|
|
140
|
+
CF -. "desktop app" .-> LM
|
|
141
|
+
LM -. "desktop app" .-> CF
|
|
142
|
+
```
|
|
143
|
+
|
|
144
|
+
Use this only if you understand the trade-offs:
|
|
145
|
+
|
|
146
|
+
- Both sides must be in a known-good state before starting
|
|
147
|
+
- A `--resync` is required once to establish the baseline — and it copies **everything**
|
|
148
|
+
- If bisync state is lost (e.g., after a deploy that wipes ephemeral storage), you must `--resync` again
|
|
149
|
+
- Deleted files can reappear if the other side still has them during a resync
|
|
150
|
+
- On container platforms (Fly.io, Railway), bisync state lives in ephemeral storage and is lost on every deploy
|
|
151
|
+
|
|
152
|
+
If you are running on a container platform, `mailbox` mode is strongly recommended.
|
|
153
|
+
|
|
154
|
+
## Setup sequence
|
|
155
|
+
|
|
156
|
+
Getting sync right depends on doing things in the right order. Follow these steps:
|
|
157
|
+
|
|
158
|
+
1. **Configure the plugin** in `openclaw.json` with your provider credentials and `mode`
|
|
159
|
+
2. **Verify the remote** is accessible: `openclaw workspace-sync status`
|
|
160
|
+
3. **Run a dry-run first** to see what would happen: `openclaw workspace-sync sync --dry-run`
|
|
161
|
+
4. **Run the first sync**: `openclaw workspace-sync sync`
|
|
162
|
+
- In `mailbox` mode, this pushes the workspace and drains the `_outbox`
|
|
163
|
+
- In `mirror` mode, this pulls the current workspace down
|
|
164
|
+
- In `bisync` mode, this requires `--resync` to establish the baseline
|
|
165
|
+
5. **Enable periodic sync** by setting `interval` in your config
|
|
166
|
+
|
|
167
|
+
Take care when changing config (switching `remotePath`, `localPath`, or `mode`) — always disable periodic sync first, verify the new paths, then re-enable.
|
|
168
|
+
|
|
169
|
+
## Install
|
|
170
|
+
|
|
171
|
+
```bash
|
|
172
|
+
openclaw plugins install openclaw-workspace-sync
|
|
173
|
+
```
|
|
174
|
+
|
|
175
|
+
Or clone into your extensions directory:
|
|
176
|
+
|
|
177
|
+
```bash
|
|
178
|
+
cd ~/.openclaw/extensions
|
|
179
|
+
git clone https://github.com/ashbrener/openclaw-workspace-sync workspace-sync
|
|
180
|
+
cd workspace-sync && npm install --omit=dev
|
|
181
|
+
```
|
|
182
|
+
|
|
183
|
+
## Quick start
|
|
184
|
+
|
|
185
|
+
```bash
|
|
186
|
+
# Interactive setup wizard (recommended)
|
|
187
|
+
openclaw workspace-sync setup
|
|
188
|
+
```
|
|
189
|
+
|
|
190
|
+
The setup wizard guides you through:
|
|
191
|
+
1. Checking/installing rclone
|
|
192
|
+
2. Selecting cloud provider
|
|
193
|
+
3. Choosing sync mode
|
|
194
|
+
4. Dropbox app folder option (for scoped access)
|
|
195
|
+
5. Background sync interval
|
|
196
|
+
6. OAuth authorization
|
|
197
|
+
7. First sync
|
|
198
|
+
|
|
199
|
+
Or configure manually — see [Configuration](#configuration) below.
|
|
200
|
+
|
|
201
|
+
## Configuration
|
|
202
|
+
|
|
203
|
+
Add to your `openclaw.json`:
|
|
204
|
+
|
|
205
|
+
```json
|
|
206
|
+
{
|
|
207
|
+
"plugins": {
|
|
208
|
+
"entries": {
|
|
209
|
+
"openclaw-workspace-sync": {
|
|
210
|
+
"enabled": true,
|
|
211
|
+
"config": {
|
|
212
|
+
"provider": "dropbox",
|
|
213
|
+
"mode": "mailbox",
|
|
214
|
+
"remotePath": "",
|
|
215
|
+
"localPath": "/",
|
|
216
|
+
"interval": 60,
|
|
217
|
+
"timeout": 1800,
|
|
218
|
+
"onSessionStart": true,
|
|
219
|
+
"onSessionEnd": false,
|
|
220
|
+
"exclude": [".git/**", "node_modules/**", "*.log"]
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
```
|
|
227
|
+
|
|
228
|
+
### Config reference
|
|
229
|
+
|
|
230
|
+
| Key | Type | Default | Description |
|
|
231
|
+
|-----|------|---------|-------------|
|
|
232
|
+
| `provider` | string | `"off"` | `dropbox` \| `gdrive` \| `onedrive` \| `s3` \| `custom` \| `off` |
|
|
233
|
+
| `mode` | string | **required** | `mailbox` \| `mirror` \| `bisync` — see [Sync modes](#sync-modes-breaking-change-in-v20) |
|
|
234
|
+
| `ingest` | boolean | `false` | Enable local inbox for sending files to the agent (mirror mode only) |
|
|
235
|
+
| `ingestPath` | string | `"inbox"` | Local subfolder name for ingestion (relative to `localPath`) |
|
|
236
|
+
| `remotePath` | string | `"openclaw-share"` | Folder name in cloud storage |
|
|
237
|
+
| `localPath` | string | `"shared"` | Subfolder within workspace to sync |
|
|
238
|
+
| `interval` | number | `0` | Background sync interval in seconds (0 = manual only, min 60) |
|
|
239
|
+
| `timeout` | number | `1800` | Max seconds for a single rclone sync operation (min 60) |
|
|
240
|
+
| `onSessionStart` | boolean | `false` | Sync when an agent session begins |
|
|
241
|
+
| `onSessionEnd` | boolean | `false` | Sync when an agent session ends |
|
|
242
|
+
| `remoteName` | string | `"cloud"` | rclone remote name |
|
|
243
|
+
| `configPath` | string | auto | Path to rclone.conf |
|
|
244
|
+
| `conflictResolve` | string | `"newer"` | `newer` \| `local` \| `remote` (bisync only) |
|
|
245
|
+
| `exclude` | string[] | see below | Glob patterns to exclude |
|
|
246
|
+
| `copySymlinks` | boolean | `false` | Follow symlinks during sync |
|
|
247
|
+
|
|
248
|
+
Default excludes: `**/.DS_Store`
|
|
249
|
+
|
|
250
|
+
### Provider-specific options
|
|
251
|
+
|
|
252
|
+
**Dropbox with app folder (recommended for security):**
|
|
253
|
+
|
|
254
|
+
```json
|
|
255
|
+
{
|
|
256
|
+
"provider": "dropbox",
|
|
257
|
+
"remotePath": "",
|
|
258
|
+
"dropbox": {
|
|
259
|
+
"appFolder": true,
|
|
260
|
+
"appKey": "your-app-key",
|
|
261
|
+
"appSecret": "your-app-secret",
|
|
262
|
+
"token": "{\"access_token\":\"...\"}"
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
```
|
|
266
|
+
|
|
267
|
+
With `appFolder: true`, set `remotePath` to `""`. The app folder root is your sync root — do not repeat the app folder name in `remotePath` or rclone will fail with "directory not found."
|
|
268
|
+
|
|
269
|
+
**Google Drive:**
|
|
270
|
+
|
|
271
|
+
```json
|
|
272
|
+
{
|
|
273
|
+
"provider": "gdrive",
|
|
274
|
+
"remotePath": "openclaw-sync",
|
|
275
|
+
"gdrive": {
|
|
276
|
+
"token": "{\"access_token\":\"...\"}",
|
|
277
|
+
"teamDrive": "0ABcDeFgHiJ",
|
|
278
|
+
"rootFolderId": "folder-id"
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
```
|
|
282
|
+
|
|
283
|
+
`teamDrive` and `rootFolderId` are optional — omit them for personal Google Drive.
|
|
284
|
+
|
|
285
|
+
**OneDrive:**
|
|
286
|
+
|
|
287
|
+
```json
|
|
288
|
+
{
|
|
289
|
+
"provider": "onedrive",
|
|
290
|
+
"remotePath": "openclaw-sync",
|
|
291
|
+
"onedrive": {
|
|
292
|
+
"token": "{\"access_token\":\"...\"}",
|
|
293
|
+
"driveId": "drive-id",
|
|
294
|
+
"driveType": "business"
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
```
|
|
298
|
+
|
|
299
|
+
`driveType` can be `personal`, `business`, or `sharepoint`. Both fields are optional.
|
|
300
|
+
|
|
301
|
+
**S3 / Cloudflare R2 / Minio:**
|
|
302
|
+
|
|
303
|
+
```json
|
|
304
|
+
{
|
|
305
|
+
"provider": "s3",
|
|
306
|
+
"remotePath": "openclaw-sync",
|
|
307
|
+
"s3": {
|
|
308
|
+
"endpoint": "https://s3.us-east-1.amazonaws.com",
|
|
309
|
+
"bucket": "your-bucket",
|
|
310
|
+
"region": "us-east-1",
|
|
311
|
+
"accessKeyId": "AKID...",
|
|
312
|
+
"secretAccessKey": "SECRET..."
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
```
|
|
316
|
+
|
|
317
|
+
**Any rclone backend (SFTP, B2, Mega, pCloud, etc.):**
|
|
318
|
+
|
|
319
|
+
```json
|
|
320
|
+
{
|
|
321
|
+
"provider": "custom",
|
|
322
|
+
"remotePath": "openclaw-sync",
|
|
323
|
+
"custom": {
|
|
324
|
+
"rcloneType": "sftp",
|
|
325
|
+
"rcloneOptions": {
|
|
326
|
+
"host": "example.com",
|
|
327
|
+
"user": "deploy",
|
|
328
|
+
"key_file": "/path/to/key"
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
```
|
|
333
|
+
|
|
334
|
+
The `custom` provider accepts any [rclone backend type](https://rclone.org/overview/) and passes `rcloneOptions` directly to the rclone config. This gives you config-driven access to all 70+ providers without manually editing `rclone.conf`.
|
|
335
|
+
|
|
336
|
+
## CLI commands
|
|
337
|
+
|
|
338
|
+
```bash
|
|
339
|
+
# Interactive setup wizard
|
|
340
|
+
openclaw workspace-sync setup
|
|
341
|
+
|
|
342
|
+
# Check sync status
|
|
343
|
+
openclaw workspace-sync status
|
|
344
|
+
|
|
345
|
+
# Sync (behavior depends on mode)
|
|
346
|
+
openclaw workspace-sync sync
|
|
347
|
+
|
|
348
|
+
# Preview changes without syncing
|
|
349
|
+
openclaw workspace-sync sync --dry-run
|
|
350
|
+
|
|
351
|
+
# One-way sync (explicit, overrides mode for this run)
|
|
352
|
+
openclaw workspace-sync sync --direction pull # remote -> local
|
|
353
|
+
openclaw workspace-sync sync --direction push # local -> remote
|
|
354
|
+
|
|
355
|
+
# Force re-establish bisync baseline (bisync mode only)
|
|
356
|
+
openclaw workspace-sync sync --resync
|
|
357
|
+
|
|
358
|
+
# Authorize with cloud provider
|
|
359
|
+
openclaw workspace-sync authorize
|
|
360
|
+
openclaw workspace-sync authorize --provider gdrive
|
|
361
|
+
|
|
362
|
+
# List remote files
|
|
363
|
+
openclaw workspace-sync list
|
|
364
|
+
```
|
|
365
|
+
|
|
366
|
+
## Auto-sync
|
|
367
|
+
|
|
368
|
+
### Session hooks
|
|
369
|
+
|
|
370
|
+
Sync automatically when sessions start or end. These run during existing agent activity and incur zero LLM cost:
|
|
371
|
+
|
|
372
|
+
```json
|
|
373
|
+
{
|
|
374
|
+
"onSessionStart": true,
|
|
375
|
+
"onSessionEnd": false
|
|
376
|
+
}
|
|
377
|
+
```
|
|
378
|
+
|
|
379
|
+
### Periodic background sync
|
|
380
|
+
|
|
381
|
+
Set `interval` to enable automatic background sync (in seconds):
|
|
382
|
+
|
|
383
|
+
```json
|
|
384
|
+
{
|
|
385
|
+
"interval": 300,
|
|
386
|
+
"timeout": 3600
|
|
387
|
+
}
|
|
388
|
+
```
|
|
389
|
+
|
|
390
|
+
The gateway runs sync in the background at this interval. Minimum interval is 60 seconds. The `timeout` controls how long each sync operation is allowed to run (default: 1800s / 30 min). Increase this for large workspaces or slow connections.
|
|
391
|
+
|
|
392
|
+
In `mailbox` mode, periodic sync pushes the workspace to the cloud and drains the `_outbox`. In `mirror` mode, periodic sync pulls the latest workspace state down to local. In `bisync` mode, it runs a full bidirectional sync.
|
|
393
|
+
|
|
394
|
+
### External cron (alternative)
|
|
395
|
+
|
|
396
|
+
```bash
|
|
397
|
+
# Add to crontab (crontab -e)
|
|
398
|
+
*/5 * * * * openclaw workspace-sync sync >> /var/log/openclaw-sync.log 2>&1
|
|
399
|
+
```
|
|
400
|
+
|
|
401
|
+
## Supported providers
|
|
402
|
+
|
|
403
|
+
| Provider | Config value | Auth method | Config-driven |
|
|
404
|
+
|----------|-------------|-------------|---------------|
|
|
405
|
+
| Dropbox | `dropbox` | OAuth token | Full (token, appKey, appSecret, appFolder) |
|
|
406
|
+
| Google Drive | `gdrive` | OAuth token | Full (token, teamDrive, rootFolderId) |
|
|
407
|
+
| OneDrive | `onedrive` | OAuth token | Full (token, driveId, driveType) |
|
|
408
|
+
| S3/R2/Minio | `s3` | Access keys | Full (endpoint, bucket, region, credentials) |
|
|
409
|
+
| Any rclone backend | `custom` | Varies | Full (rcloneType + rcloneOptions) |
|
|
410
|
+
|
|
411
|
+
All providers are fully config-driven — no manual `rclone.conf` editing needed. The `custom` provider gives access to all [70+ rclone backends](https://rclone.org/overview/) (SFTP, B2, Mega, pCloud, Azure Blob, etc.).
|
|
412
|
+
|
|
413
|
+
## Manual setup (without wizard)
|
|
414
|
+
|
|
415
|
+
If you prefer to skip the interactive wizard, configure the plugin in `openclaw.json` and use the CLI:
|
|
416
|
+
|
|
417
|
+
```bash
|
|
418
|
+
# 1. Authorize with your cloud provider
|
|
419
|
+
openclaw workspace-sync authorize --provider dropbox
|
|
420
|
+
|
|
421
|
+
# 2. Run a dry-run to preview what will sync
|
|
422
|
+
openclaw workspace-sync sync --dry-run
|
|
423
|
+
|
|
424
|
+
# 3. Run the first sync
|
|
425
|
+
openclaw workspace-sync sync
|
|
426
|
+
```
|
|
427
|
+
|
|
428
|
+
The plugin handles rclone installation, config generation, and token storage automatically based on your `openclaw.json` settings.
|
|
429
|
+
|
|
430
|
+
## Dropbox app folder access (recommended)
|
|
431
|
+
|
|
432
|
+
For better security, create a scoped Dropbox app that only accesses a single folder:
|
|
433
|
+
|
|
434
|
+
1. Go to [Dropbox App Console](https://www.dropbox.com/developers/apps)
|
|
435
|
+
2. Click **Create app** > **Scoped access** > **App folder**
|
|
436
|
+
3. Name it (e.g., `openclaw-sync`)
|
|
437
|
+
4. In **Settings** tab, add a **Redirect URI**: `http://localhost:53682/`
|
|
438
|
+
- This is required for rclone's OAuth flow to work. Without it, Dropbox returns "Invalid redirect_uri" during authorization.
|
|
439
|
+
5. In **Permissions** tab, enable:
|
|
440
|
+
- `files.metadata.read` / `files.metadata.write`
|
|
441
|
+
- `files.content.read` / `files.content.write`
|
|
442
|
+
6. Copy **App key** and **App secret** from Settings
|
|
443
|
+
|
|
444
|
+
> **Important:** When using an app folder scoped app, set `"remotePath": ""` (empty string) in your config. The app folder **is** the root — rclone sees it as `/`. If you set `remotePath` to your app folder name (e.g., `"openclaw-sync"`), rclone will look for a subfolder *inside* the app folder with that name and fail with "directory not found."
|
|
445
|
+
|
|
446
|
+
Benefits:
|
|
447
|
+
- Token only accesses one folder, not your entire Dropbox
|
|
448
|
+
- If token is compromised, blast radius is limited
|
|
449
|
+
- Clean separation — sync folder lives under `Apps/<your-app-name>/`
|
|
450
|
+
|
|
451
|
+
## Understanding sync safety
|
|
452
|
+
|
|
453
|
+
Cloud sync involves two copies of your data. When things go wrong, one side can overwrite the other. Here is what to keep in mind:
|
|
454
|
+
|
|
455
|
+
**Mailbox mode is the safest.** The workspace pushes to the cloud; users send files via `_outbox`. The two streams never overlap. Even if your local folder is wiped, the next push re-creates everything. Even if the `_outbox` has stale files, they just land in `_inbox` for the agent to handle.
|
|
456
|
+
|
|
457
|
+
**Mirror mode is safe by design.** The remote workspace is the authority. Local is a read-only copy. Even if your local folder is empty, stale, or corrupted, the next sync just re-downloads the workspace. The agent's work is never affected by local state.
|
|
458
|
+
|
|
459
|
+
**Bisync requires both sides to agree.** Bisync tracks what changed since the last sync. If that tracking state is lost (deploy, disk wipe, moving to a new machine), rclone does not know what changed and requires a `--resync`. A resync copies everything from both sides — if one side has stale or unwanted files, they propagate to the other.
|
|
460
|
+
|
|
461
|
+
**Common pitfalls to avoid:**
|
|
462
|
+
- Changing `remotePath` or `localPath` while periodic sync is enabled
|
|
463
|
+
- Running `--resync` without checking both sides first
|
|
464
|
+
- Using `bisync` on container platforms where state is ephemeral
|
|
465
|
+
- Syncing very large directories (use `exclude` patterns liberally)
|
|
466
|
+
|
|
467
|
+
**If in doubt, use `mailbox` mode.** It gives you a live local mirror of the workspace and a clean way to send files to the agent, with no risk of data loss.
|
|
468
|
+
|
|
469
|
+
## Important: `--resync` is destructive (bisync only)
|
|
470
|
+
|
|
471
|
+
**Never use `--resync` unless you know exactly what it does.** The `--resync` flag tells rclone to throw away its knowledge of what has changed and do a full reconciliation — it copies every file that exists on either side to the other side. This means:
|
|
472
|
+
|
|
473
|
+
- Files you deleted remotely will come back from local (and vice versa)
|
|
474
|
+
- It transfers your **entire** sync scope, not just recent changes
|
|
475
|
+
- On a large Dropbox, this can take 30+ minutes and fill your disk
|
|
476
|
+
|
|
477
|
+
Normal bisync (without `--resync`) only transfers files that changed since the last sync. The plugin **never** auto-resyncs. If bisync's internal state gets corrupted, it will log a message telling you to run `--resync` manually — but only do this after confirming both sides are in the state you want.
|
|
478
|
+
|
|
479
|
+
```bash
|
|
480
|
+
# Only when you explicitly need to re-establish the baseline:
|
|
481
|
+
openclaw workspace-sync sync --resync
|
|
482
|
+
```
|
|
483
|
+
|
|
484
|
+
## Troubleshooting
|
|
485
|
+
|
|
486
|
+
### Token expired
|
|
487
|
+
|
|
488
|
+
```bash
|
|
489
|
+
openclaw workspace-sync authorize
|
|
490
|
+
```
|
|
491
|
+
|
|
492
|
+
### Conflicts (bisync only)
|
|
493
|
+
|
|
494
|
+
Files modified on both sides get a `.conflict` suffix. The winner is determined by `conflictResolve` (default: `newer`). To find conflict files:
|
|
495
|
+
|
|
496
|
+
```bash
|
|
497
|
+
find <workspace>/shared -name "*.conflict"
|
|
498
|
+
```
|
|
499
|
+
|
|
500
|
+
### Stale lock files
|
|
501
|
+
|
|
502
|
+
The plugin automatically handles stale rclone lock files. If a sync is interrupted (timeout, crash, kill), the next run detects the stale lock, clears it, and retries. Lock files older than 15 minutes are treated as expired by rclone's `--max-lock` flag.
|
|
503
|
+
|
|
504
|
+
If you still see lock errors, you can manually clear them:
|
|
505
|
+
|
|
506
|
+
```bash
|
|
507
|
+
rclone deletefile ~/.cache/rclone/bisync/<lockfile>.lck
|
|
508
|
+
```
|
|
509
|
+
|
|
510
|
+
### Sync times out
|
|
511
|
+
|
|
512
|
+
Increase the `timeout` config (in seconds). The default is 1800 (30 min). For large workspaces:
|
|
513
|
+
|
|
514
|
+
```json
|
|
515
|
+
{
|
|
516
|
+
"timeout": 3600
|
|
517
|
+
}
|
|
518
|
+
```
|
|
519
|
+
|
|
520
|
+
### Permission errors
|
|
521
|
+
|
|
522
|
+
```bash
|
|
523
|
+
chmod -R 755 <workspace>/shared
|
|
524
|
+
```
|
|
525
|
+
|
|
526
|
+
## Deployment recommendations
|
|
527
|
+
|
|
528
|
+
If you are running OpenClaw on a cloud container (Fly.io, Railway, Render) or a VPS:
|
|
529
|
+
|
|
530
|
+
- **Use a separate persistent volume for the workspace.** Container root filesystems are ephemeral — a redeploy wipes everything. Mount a dedicated volume (e.g., Fly.io volumes, EBS, DigitalOcean block storage) at your workspace path so data survives deploys and restarts.
|
|
531
|
+
- **Enable daily volume snapshots.** Most cloud providers offer automated snapshots (Fly.io does this by default with 5-day retention). If something goes wrong — a bad sync, accidental deletion, or a failed reorganization — a recent snapshot lets you restore in minutes instead of rebuilding from scratch.
|
|
532
|
+
- **Test your restore process.** A backup you have never restored is a backup you do not have. Create a volume from a snapshot at least once to confirm the process works and you know the steps.
|
|
533
|
+
|
|
534
|
+
These recommendations apply regardless of whether you use this plugin. Cloud sync adds convenience but is not a substitute for proper backups.
|
|
535
|
+
|
|
536
|
+
## Security notes
|
|
537
|
+
|
|
538
|
+
- **Token storage**: rclone tokens are stored in `rclone.conf` with `0600` permissions
|
|
539
|
+
- **Sensitive files**: Don't sync secrets, API keys, or credentials
|
|
540
|
+
- **Encryption**: Consider [rclone crypt](https://rclone.org/crypt/) for sensitive data
|
|
541
|
+
- **App folder**: Use Dropbox app folder access for minimal permissions
|
|
542
|
+
|
|
543
|
+
## Development
|
|
544
|
+
|
|
545
|
+
```bash
|
|
546
|
+
# Install dependencies
|
|
547
|
+
npm install
|
|
548
|
+
|
|
549
|
+
# Run tests
|
|
550
|
+
npm test
|
|
551
|
+
|
|
552
|
+
# Type check
|
|
553
|
+
npx tsc --noEmit
|
|
554
|
+
```
|
|
555
|
+
|
|
556
|
+
## License
|
|
557
|
+
|
|
558
|
+
MIT
|
package/docs/diagrams/mode-0.svg
CHANGED
|
@@ -1 +1,42 @@
|
|
|
1
|
-
<svg id="my-svg" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" style="max-width: 1088.31px; background-color: transparent;" viewBox="0 0 1088.3125 532" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#666;stroke:#666;}#my-svg .marker.cross{stroke:#666;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#000000;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#000000;color:#000000;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#eee;stroke:#999;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#666!important;stroke-width:0;stroke:#666;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#666;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#666;fill:none;}#my-svg .edgeLabel{background-color:white;text-align:center;}#my-svg .edgeLabel p{background-color:white;}#my-svg .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:white;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:white;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:white;fill:white;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="8" y="8" width="1072.3125" height="124"/><g class="cluster-label" transform="translate(497.1015625, 8)"><foreignObject width="94.109375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="479.921875" y="152" width="220.453125" height="228"/><g class="cluster-label" transform="translate(537.8515625, 152)"><foreignObject width="104.59375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="400" width="1072.3125" height="124"/><g class="cluster-label" transform="translate(451.015625, 400)"><foreignObject width="186.28125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway (source of truth)</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M228.625,462L253.9,462C279.174,462,329.724,462,371.607,462C413.49,462,446.706,462,479.414,425.776C512.122,389.552,544.323,317.103,560.423,280.879L576.523,244.655" id="L_WS_CF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_WS_CF_0" data-points="W3sieCI6MjI4LjYyNSwieSI6NDYyfSx7IngiOjM4MC4yNzM0Mzc1LCJ5Ijo0NjJ9LHsieCI6NDc5LjkyMTg3NSwieSI6NDYyfSx7IngiOjU3OC4xNDc5NjQ5Njk3NTgsInkiOjI0MX1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M675.375,214L679.542,214C683.708,214,692.042,214,713.764,190C735.487,166,770.599,118,805.044,94C839.49,70,873.268,70,890.158,70L907.047,70" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6Njc1LjM3NSwieSI6MjE0fSx7IngiOjcwMC4zNzUsInkiOjIxNH0seyJ4Ijo4MDUuNzEwOTM3NSwieSI6NzB9LHsieCI6OTExLjA0Njg3NSwieSI6NzB9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M280.625,70L297.233,70C313.841,70,347.057,70,380.273,70C413.49,70,446.706,70,479.414,106.224C512.122,142.448,544.323,214.897,560.423,251.121L576.523,287.345" id="L_OUTBOX_L_OUTBOX_C_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_OUTBOX_L_OUTBOX_C_0" data-points="W3sieCI6MjgwLjYyNSwieSI6NzB9LHsieCI6MzgwLjI3MzQzNzUsInkiOjcwfSx7IngiOjQ3OS45MjE4NzUsInkiOjcwfSx7IngiOjU3OC4xNDc5NjQ5Njk3NTgsInkiOjI5MX1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M653.133,318L661.007,318C668.88,318,684.628,318,710.057,342C735.487,366,770.599,414,807.432,438C844.266,462,882.82,462,902.098,462L921.375,462" id="L_OUTBOX_C_INBOX_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_OUTBOX_C_INBOX_0" data-points="W3sieCI6NjUzLjEzMjgxMjUsInkiOjMxOH0seyJ4Ijo3MDAuMzc1LCJ5IjozMTh9LHsieCI6ODA1LjcxMDkzNzUsInkiOjQ2Mn0seyJ4Ijo5MjUuMzc1LCJ5Ijo0NjJ9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(380.2734375, 462)"><g class="label" data-id="L_WS_CF_0" transform="translate(-74.6484375, -12)"><foreignObject width="149.296875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel">1. rclone sync (push)</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(805.7109375, 70)"><g class="label" data-id="L_CF_LM_0" transform="translate(-67.8671875, -12)"><foreignObject width="135.734375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app (auto)</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(380.2734375, 70)"><g class="label" data-id="L_OUTBOX_L_OUTBOX_C_0" transform="translate(-67.8671875, -12)"><foreignObject width="135.734375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app (auto)</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(805.7109375, 462)"><g class="label" data-id="L_OUTBOX_C_INBOX_0" transform="translate(-80.3359375, -12)"><foreignObject width="160.671875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel">2. rclone move (drain)</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-WS-0" transform="translate(156.8125, 462)"><rect class="basic label-container" style="" x="-71.8125" y="-27" width="143.625" height="54"/><g class="label" style="" transform="translate(-41.8125, -12)"><rect/><foreignObject width="83.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-INBOX-1" transform="translate(983.1796875, 462)"><rect class="basic label-container" style="" x="-57.8046875" y="-27" width="115.609375" height="54"/><g class="label" style="" transform="translate(-27.8046875, -12)"><rect/><foreignObject width="55.609375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_inbox/</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-CF-2" transform="translate(590.1484375, 214)"><rect class="basic label-container" style="" x="-85.2265625" y="-27" width="170.453125" height="54"/><g class="label" style="" transform="translate(-55.2265625, -12)"><rect/><foreignObject width="110.453125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-OUTBOX_C-3" transform="translate(590.1484375, 318)"><rect class="basic label-container" style="" x="-62.984375" y="-27" width="125.96875" height="54"/><g class="label" style="" transform="translate(-32.984375, -12)"><rect/><foreignObject width="65.96875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_outbox/</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-4" transform="translate(983.1796875, 70)"><rect class="basic label-container" style="" x="-72.1328125" y="-27" width="144.265625" height="54"/><g class="label" style="" transform="translate(-42.1328125, -12)"><rect/><foreignObject width="84.265625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local mirror</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-OUTBOX_L-5" transform="translate(156.8125, 70)"><rect class="basic label-container" style="" x="-123.8125" y="-27" width="247.625" height="54"/><g class="label" style="" transform="translate(-93.8125, -12)"><rect/><foreignObject width="187.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_outbox/ (drop files here)</p></span></div></foreignObject></g></g></g></g></g></svg>
|
|
1
|
+
<svg id="my-svg" width="1141.78125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" height="600" viewBox="0 0 1141.78125 600" role="graphics-document document" aria-roledescription="flowchart-v2" style="background-color: white;"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;fill:#333333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#50C878;}#my-svg .error-text{fill:#ffffff;stroke:#ffffff;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#5C6B77;stroke:#5C6B77;}#my-svg .marker.cross{stroke:#5C6B77;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ffffff;}#my-svg .cluster-label text{fill:#333333;}#my-svg .cluster-label span{color:#333333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#ffffff;color:#ffffff;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#4A90D9;stroke:#2E6EB5;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#5C6B77!important;stroke-width:0;stroke:#5C6B77;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#5C6B77;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#5C6B77;fill:none;}#my-svg .edgeLabel{background-color:#ffffff;text-align:center;}#my-svg .edgeLabel p{background-color:#ffffff;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:#F0F4F8;stroke:#94B8D9;stroke-width:1px;}#my-svg .cluster text{fill:#333333;}#my-svg .cluster span{color:#333333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#50C878;border:1px solid #3BA35C;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333333;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:#ffffff;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:#ffffff;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="8" y="8" width="1125.78125" height="141"/><g class="cluster-label" transform="translate(529.7109375, 8)"><foreignObject width="82.359375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="487.8125" y="169" width="246.640625" height="262"/><g class="cluster-label" transform="translate(565.375, 169)"><foreignObject width="91.515625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="451" width="1125.78125" height="141"/><g class="cluster-label" transform="translate(489.390625, 451)"><foreignObject width="163" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway (source of truth)</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M241.672,521.5L265.975,521.5C290.279,521.5,338.885,521.5,379.909,521.5C420.932,521.5,454.372,521.5,489.156,480.194C523.939,438.888,560.066,356.277,578.129,314.971L596.192,273.665" id="L_WS_CF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_WS_CF_0" data-points="W3sieCI6MjQxLjY3MTg3NSwieSI6NTIxLjV9LHsieCI6Mzg3LjQ5MjE4NzUsInkiOjUyMS41fSx7IngiOjQ4Ny44MTI1LCJ5Ijo1MjEuNX0seyJ4Ijo1OTcuNzk0OTc3MjgyODAxNCwieSI6MjcwfV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M699.453,239.5L705.286,239.5C711.12,239.5,722.786,239.5,746.169,212.667C769.552,185.833,804.651,132.167,839.083,105.333C873.516,78.5,907.281,78.5,924.164,78.5L941.047,78.5" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6Njk5LjQ1MzEyNSwieSI6MjM5LjV9LHsieCI6NzM0LjQ1MzEyNSwieSI6MjM5LjV9LHsieCI6ODM5Ljc1LCJ5Ijo3OC41fSx7IngiOjk0NS4wNDY4NzUsInkiOjc4LjV9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M287.172,78.5L303.892,78.5C320.612,78.5,354.052,78.5,387.492,78.5C420.932,78.5,454.372,78.5,489.156,119.806C523.939,161.112,560.066,243.723,578.129,285.029L596.192,326.335" id="L_OUTBOX_L_OUTBOX_C_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_OUTBOX_L_OUTBOX_C_0" data-points="W3sieCI6Mjg3LjE3MTg3NSwieSI6NzguNX0seyJ4IjozODcuNDkyMTg3NSwieSI6NzguNX0seyJ4Ijo0ODcuODEyNSwieSI6NzguNX0seyJ4Ijo1OTcuNzk0OTc3MjgyODAxNCwieSI6MzMwfV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M680,360.5L689.076,360.5C698.151,360.5,716.302,360.5,742.927,387.333C769.552,414.167,804.651,467.833,841.173,494.667C877.695,521.5,915.641,521.5,934.613,521.5L953.586,521.5" id="L_OUTBOX_C_INBOX_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_OUTBOX_C_INBOX_0" data-points="W3sieCI6NjgwLCJ5IjozNjAuNX0seyJ4Ijo3MzQuNDUzMTI1LCJ5IjozNjAuNX0seyJ4Ijo4MzkuNzUsInkiOjUyMS41fSx7IngiOjk1Ny41ODU5Mzc1LCJ5Ijo1MjEuNX1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(387.4921875, 521.5)"><g class="label" data-id="L_WS_CF_0" transform="translate(-65.3203125, -10.5)"><foreignObject width="130.640625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel">1. rclone sync (push)</span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(839.75, 78.5)"><g class="label" data-id="L_CF_LM_0" transform="translate(-59.390625, -10.5)"><foreignObject width="118.78125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app (auto)</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(387.4921875, 78.5)"><g class="label" data-id="L_OUTBOX_L_OUTBOX_C_0" transform="translate(-59.390625, -10.5)"><foreignObject width="118.78125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app (auto)</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(839.75, 521.5)"><g class="label" data-id="L_OUTBOX_C_INBOX_0" transform="translate(-70.296875, -10.5)"><foreignObject width="140.59375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel">2. rclone move (drain)</span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-WS-0" transform="translate(165.0859375, 521.5)"><rect class="basic label-container" style="" x="-76.5859375" y="-30.5" width="153.171875" height="61"/><g class="label" style="" transform="translate(-36.5859375, -10.5)"><rect/><foreignObject width="73.171875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-INBOX-1" transform="translate(1021.9140625, 521.5)"><rect class="basic label-container" style="" x="-64.328125" y="-30.5" width="128.65625" height="61"/><g class="label" style="" transform="translate(-24.328125, -10.5)"><rect/><foreignObject width="48.65625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_inbox/</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-CF-2" transform="translate(611.1328125, 239.5)"><rect class="basic label-container" style="" x="-88.3203125" y="-30.5" width="176.640625" height="61"/><g class="label" style="" transform="translate(-48.3203125, -10.5)"><rect/><foreignObject width="96.640625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-OUTBOX_C-3" transform="translate(611.1328125, 360.5)"><rect class="basic label-container" style="" x="-68.8671875" y="-30.5" width="137.734375" height="61"/><g class="label" style="" transform="translate(-28.8671875, -10.5)"><rect/><foreignObject width="57.734375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_outbox/</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-4" transform="translate(1021.9140625, 78.5)"><rect class="basic label-container" style="" x="-76.8671875" y="-30.5" width="153.734375" height="61"/><g class="label" style="" transform="translate(-36.8671875, -10.5)"><rect/><foreignObject width="73.734375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local mirror</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-OUTBOX_L-5" transform="translate(165.0859375, 78.5)"><rect class="basic label-container" style="" x="-122.0859375" y="-30.5" width="244.171875" height="61"/><g class="label" style="" transform="translate(-82.0859375, -10.5)"><rect/><foreignObject width="164.171875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>_outbox/ (drop files here)</p></span></div></foreignObject></g></g></g></g></g><style>.edgeLabel {
|
|
2
|
+
color: #333333 !important;
|
|
3
|
+
background-color: #ffffff !important;
|
|
4
|
+
}
|
|
5
|
+
.edgeLabel span {
|
|
6
|
+
color: #333333 !important;
|
|
7
|
+
fill: #333333 !important;
|
|
8
|
+
}
|
|
9
|
+
.edgeLabel p {
|
|
10
|
+
color: #333333 !important;
|
|
11
|
+
}
|
|
12
|
+
.labelBkg {
|
|
13
|
+
background-color: #ffffff !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* Gateway subgraph — green tint */
|
|
17
|
+
#GW rect {
|
|
18
|
+
fill: #E8F5E9 !important;
|
|
19
|
+
stroke: #66BB6A !important;
|
|
20
|
+
}
|
|
21
|
+
#GW .cluster-label span {
|
|
22
|
+
color: #2E7D32 !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Cloud subgraph — amber tint */
|
|
26
|
+
#CLOUD rect {
|
|
27
|
+
fill: #FFF8E1 !important;
|
|
28
|
+
stroke: #FFB74D !important;
|
|
29
|
+
}
|
|
30
|
+
#CLOUD .cluster-label span {
|
|
31
|
+
color: #E65100 !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Local subgraph — blue tint */
|
|
35
|
+
#LOCAL rect {
|
|
36
|
+
fill: #E3F2FD !important;
|
|
37
|
+
stroke: #64B5F6 !important;
|
|
38
|
+
}
|
|
39
|
+
#LOCAL .cluster-label span {
|
|
40
|
+
color: #1565C0 !important;
|
|
41
|
+
}
|
|
42
|
+
</style></svg>
|
package/docs/diagrams/mode-1.svg
CHANGED
|
@@ -1 +1,42 @@
|
|
|
1
|
-
<svg id="my-svg" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" style="max-width: 751.07px; background-color: transparent;" viewBox="0 0 751.0703125 478.20001220703125" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#666;stroke:#666;}#my-svg .marker.cross{stroke:#666;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#000000;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#000000;color:#000000;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#eee;stroke:#999;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#666!important;stroke-width:0;stroke:#666;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#666;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#666;fill:none;}#my-svg .edgeLabel{background-color:white;text-align:center;}#my-svg .edgeLabel p{background-color:white;}#my-svg .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:white;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:white;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:white;fill:white;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="475.9296875" y="8" width="267.140625" height="124"/><g class="cluster-label" transform="translate(562.4453125, 8)"><foreignObject width="94.109375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="8" y="8" width="293.4921875" height="124"/><g class="cluster-label" transform="translate(102.44921875, 8)"><foreignObject width="104.59375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M239.973,70L250.226,70C260.479,70,280.986,70,305.775,70C330.565,70,359.638,70,388.711,70C417.784,70,446.857,70,464.893,70C482.93,70,489.93,70,493.43,70L496.93,70" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6MjM5Ljk3MjY1NjI1LCJ5Ijo3MH0seyJ4IjozMDEuNDkyMTg3NSwieSI6NzB9LHsieCI6Mzg4LjcxMDkzNzUsInkiOjcwfSx7IngiOjQ3NS45Mjk2ODc1LCJ5Ijo3MH0seyJ4Ijo1MDAuOTI5Njg3NSwieSI6NzB9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(388.7109375, 70)"><g class="label" data-id="L_CF_LM_0" transform="translate(-62.21875, -12)"><foreignObject width="124.4375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone sync (pull)</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="root" transform="translate(25, 159)"><g class="clusters"><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="8" width="243.4921875" height="303.20000000298023"/><g class="cluster-label" transform="translate(36.60546875, 8)"><foreignObject width="186.28125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway (source of truth)</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M127.25,99.5L123.216,105.75C119.181,112,111.112,124.5,107.078,137C103.043,149.5,103.043,162,103.043,168.25L103.043,174.5" id="WS-cyclic-special-1" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="WS-cyclic-special-1" data-points="W3sieCI6MTI3LjI1MDM2MzM3MjA5MzAyLCJ5Ijo5OS41fSx7IngiOjEwMy4wNDI5Njg3NSwieSI6MTM3fSx7IngiOjEwMy4wNDI5Njg3NSwieSI6MTc0LjV9XQ=="/><path d="M103.043,174.6L103.043,182.85C103.043,191.1,103.043,207.6,109.975,224.1C116.908,240.6,130.773,257.1,137.705,265.35L144.638,273.6" id="WS-cyclic-special-mid" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="WS-cyclic-special-mid" data-points="W3sieCI6MTAzLjA0Mjk2ODc1LCJ5IjoxNzQuNjAwMDAwMDAxNDkwMTJ9LHsieCI6MTAzLjA0Mjk2ODc1LCJ5IjoyMjQuMTAwMDAwMDAxNDkwMTJ9LHsieCI6MTQ0LjYzNzY3MjY0Njk1Mjc4LCJ5IjoyNzMuNjAwMDAwMDAxNDkwMX1d"/><path d="M144.723,273.6L151.951,265.35C159.178,257.1,173.632,240.6,180.859,224.092C188.086,207.583,188.086,191.067,188.086,176.55C188.086,162.033,188.086,149.517,184.252,137.561C180.418,125.606,172.751,114.212,168.917,108.515L165.083,102.819" id="WS-cyclic-special-2" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="WS-cyclic-special-2" data-points="W3sieCI6MTQ0LjcyMzQ4Nzk1NDczODgsInkiOjI3My42MDAwMDAwMDE0OTAxfSx7IngiOjE4OC4wODU5Mzc1LCJ5IjoyMjQuMTAwMDAwMDAxNDkwMTJ9LHsieCI6MTg4LjA4NTkzNzUsInkiOjE3NC41NTAwMDAwMDA3NDUwNn0seyJ4IjoxODguMDg1OTM3NSwieSI6MTM3fSx7IngiOjE2Mi44NDk3NDU2Mzk1MzQ5LCJ5Ijo5OS41fV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" data-id="WS-cyclic-special-1" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(103.04296875, 224.10000000149012)"><g class="label" data-id="WS-cyclic-special-mid" transform="translate(-63.2734375, -12)"><foreignObject width="126.546875" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>agent writes here</p></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" data-id="WS-cyclic-special-2" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-WS-0" transform="translate(144.6796875, 72.5)"><rect class="basic label-container" style="" x="-71.8125" y="-27" width="143.625" height="54"/><g class="label" style="" transform="translate(-41.8125, -12)"><rect/><foreignObject width="83.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="label edgeLabel" id="WS---WS---1" transform="translate(103.04296875, 174.55000000074506)"><rect width="0.1" height="0.1"/><g class="label" style="" transform="translate(0, 0)"><rect/><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 10px; text-align: center;"><span class="nodeLabel"></span></div></foreignObject></g></g><g class="label edgeLabel" id="WS---WS---2" transform="translate(144.6796875, 273.6500000022352)"><rect width="0.1" height="0.1"/><g class="label" style="" transform="translate(0, 0)"><rect/><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 10px; text-align: center;"><span class="nodeLabel"></span></div></foreignObject></g></g></g></g><g class="node default" id="flowchart-CF-1" transform="translate(154.74609375, 70)"><rect class="basic label-container" style="" x="-85.2265625" y="-27" width="170.453125" height="54"/><g class="label" style="" transform="translate(-55.2265625, -12)"><rect/><foreignObject width="110.453125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-2" transform="translate(609.5, 70)"><rect class="basic label-container" style="" x="-108.5703125" y="-27" width="217.140625" height="54"/><g class="label" style="" transform="translate(-78.5703125, -12)"><rect/><foreignObject width="157.140625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local copy (read-only)</p></span></div></foreignObject></g></g></g></g></g></svg>
|
|
1
|
+
<svg id="my-svg" width="1173.703125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" height="278" viewBox="0 0 1173.703125 278" role="graphics-document document" aria-roledescription="flowchart-v2" style="background-color: white;"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;fill:#333333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#50C878;}#my-svg .error-text{fill:#ffffff;stroke:#ffffff;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#5C6B77;stroke:#5C6B77;}#my-svg .marker.cross{stroke:#5C6B77;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ffffff;}#my-svg .cluster-label text{fill:#333333;}#my-svg .cluster-label span{color:#333333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#ffffff;color:#ffffff;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#4A90D9;stroke:#2E6EB5;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#5C6B77!important;stroke-width:0;stroke:#5C6B77;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#5C6B77;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#5C6B77;fill:none;}#my-svg .edgeLabel{background-color:#ffffff;text-align:center;}#my-svg .edgeLabel p{background-color:#ffffff;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:#F0F4F8;stroke:#94B8D9;stroke-width:1px;}#my-svg .cluster text{fill:#333333;}#my-svg .cluster span{color:#333333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#50C878;border:1px solid #3BA35C;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333333;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:#ffffff;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:#ffffff;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="8" width="260.734375" height="262"/><g class="cluster-label" transform="translate(56.8671875, 8)"><foreignObject width="163" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway (source of truth)</p></span></div></foreignObject></g></g><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="878.203125" y="8" width="287.5" height="141"/><g class="cluster-label" transform="translate(980.7734375, 8)"><foreignObject width="82.359375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="452.671875" y="8" width="246.640625" height="141"/><g class="cluster-label" transform="translate(530.234375, 8)"><foreignObject width="91.515625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M664.313,78.5L670.146,78.5C675.979,78.5,687.646,78.5,708.387,78.5C729.128,78.5,758.943,78.5,788.758,78.5C818.573,78.5,848.388,78.5,868.462,78.5C888.536,78.5,898.87,78.5,904.036,78.5L909.203,78.5" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6NjY0LjMxMjUsInkiOjc4LjV9LHsieCI6Njk5LjMxMjUsInkiOjc4LjV9LHsieCI6Nzg4Ljc1NzgxMjUsInkiOjc4LjV9LHsieCI6ODc4LjIwMzEyNSwieSI6NzguNX0seyJ4Ijo5MTMuMjAzMTI1LCJ5Ijo3OC41fV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M214.953,78.5L223.917,78.5C232.88,78.5,250.807,78.5,275.099,78.5C299.391,78.5,330.047,78.5,360.703,78.5C391.359,78.5,422.016,78.5,442.51,78.5C463.005,78.5,473.339,78.5,478.505,78.5L483.672,78.5" id="L_WS_CF_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_WS_CF_0" data-points="W3sieCI6MjE0Ljk1MzEyNSwieSI6NzguNX0seyJ4IjoyNjguNzM0Mzc1LCJ5Ijo3OC41fSx7IngiOjM2MC43MDMxMjUsInkiOjc4LjV9LHsieCI6NDUyLjY3MTg3NSwieSI6NzguNX0seyJ4Ijo0ODcuNjcxODc1LCJ5Ijo3OC41fV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(788.7578125, 78.5)"><g class="label" data-id="L_CF_LM_0" transform="translate(-54.4453125, -10.5)"><foreignObject width="108.890625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone sync (pull)</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(360.703125, 78.5)"><g class="label" data-id="L_WS_CF_0" transform="translate(-56.96875, -10.5)"><foreignObject width="113.9375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone sync (push)</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-CF-0" transform="translate(575.9921875, 78.5)"><rect class="basic label-container" style="" x="-88.3203125" y="-30.5" width="176.640625" height="61"/><g class="label" style="" transform="translate(-48.3203125, -10.5)"><rect/><foreignObject width="96.640625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-1" transform="translate(1021.953125, 78.5)"><rect class="basic label-container" style="" x="-108.75" y="-30.5" width="217.5" height="61"/><g class="label" style="" transform="translate(-68.75, -10.5)"><rect/><foreignObject width="137.5" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local copy (read-only)</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-WS-2" transform="translate(138.3671875, 78.5)"><rect class="basic label-container" style="" x="-76.5859375" y="-30.5" width="153.171875" height="61"/><g class="label" style="" transform="translate(-36.5859375, -10.5)"><rect/><foreignObject width="73.171875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-NOTE-3" transform="translate(138.3671875, 199.5)"><rect class="basic label-container" style="" x="-95.3671875" y="-30.5" width="190.734375" height="61"/><g class="label" style="" transform="translate(-55.3671875, -10.5)"><rect/><foreignObject width="110.734375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>agent writes here</p></span></div></foreignObject></g></g></g></g></g><style>.edgeLabel {
|
|
2
|
+
color: #333333 !important;
|
|
3
|
+
background-color: #ffffff !important;
|
|
4
|
+
}
|
|
5
|
+
.edgeLabel span {
|
|
6
|
+
color: #333333 !important;
|
|
7
|
+
fill: #333333 !important;
|
|
8
|
+
}
|
|
9
|
+
.edgeLabel p {
|
|
10
|
+
color: #333333 !important;
|
|
11
|
+
}
|
|
12
|
+
.labelBkg {
|
|
13
|
+
background-color: #ffffff !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* Gateway subgraph — green tint */
|
|
17
|
+
#GW rect {
|
|
18
|
+
fill: #E8F5E9 !important;
|
|
19
|
+
stroke: #66BB6A !important;
|
|
20
|
+
}
|
|
21
|
+
#GW .cluster-label span {
|
|
22
|
+
color: #2E7D32 !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Cloud subgraph — amber tint */
|
|
26
|
+
#CLOUD rect {
|
|
27
|
+
fill: #FFF8E1 !important;
|
|
28
|
+
stroke: #FFB74D !important;
|
|
29
|
+
}
|
|
30
|
+
#CLOUD .cluster-label span {
|
|
31
|
+
color: #E65100 !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Local subgraph — blue tint */
|
|
35
|
+
#LOCAL rect {
|
|
36
|
+
fill: #E3F2FD !important;
|
|
37
|
+
stroke: #64B5F6 !important;
|
|
38
|
+
}
|
|
39
|
+
#LOCAL .cluster-label span {
|
|
40
|
+
color: #1565C0 !important;
|
|
41
|
+
}
|
|
42
|
+
</style></svg>
|
package/docs/diagrams/mode-2.svg
CHANGED
|
@@ -1 +1,42 @@
|
|
|
1
|
-
<svg id="my-svg" width="100%" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" style="max-width: 893.906px; background-color: transparent;" viewBox="0 0 893.90625 152" role="graphics-document document" aria-roledescription="flowchart-v2"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#000000;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#552222;}#my-svg .error-text{fill:#552222;stroke:#552222;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#666;stroke:#666;}#my-svg .marker.cross{stroke:#666;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#000000;}#my-svg .cluster-label text{fill:#333;}#my-svg .cluster-label span{color:#333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#000000;color:#000000;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#eee;stroke:#999;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#666!important;stroke-width:0;stroke:#666;}#my-svg .arrowheadPath{fill:#333333;}#my-svg .edgePath .path{stroke:#666;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#666;fill:none;}#my-svg .edgeLabel{background-color:white;text-align:center;}#my-svg .edgeLabel p{background-color:white;}#my-svg .edgeLabel rect{opacity:0.5;background-color:white;fill:white;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:hsl(0, 0%, 98.9215686275%);stroke:#707070;stroke-width:1px;}#my-svg .cluster text{fill:#333;}#my-svg .cluster span{color:#333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(-160, 0%, 93.3333333333%);border:1px solid #707070;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#000000;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:white;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:white;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:white;fill:white;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="703.421875" y="8" width="182.484375" height="136"/><g class="cluster-label" transform="translate(747.609375, 8)"><foreignObject width="94.109375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="345.875" y="8" width="220.453125" height="136"/><g class="cluster-label" transform="translate(403.8046875, 8)"><foreignObject width="104.59375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="8" width="193.625" height="136"/><g class="cluster-label" transform="translate(73.5625, 8)"><foreignObject width="62.5" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M176.625,64.681L180.792,63.734C184.958,62.787,193.292,60.894,209.479,59.947C225.667,59,249.708,59,273.75,59C297.792,59,321.833,59,337.367,59.701C352.901,60.402,359.927,61.805,363.439,62.506L366.952,63.207" id="L_WS_CF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_WS_CF_0" data-points="W3sieCI6MTc2LjYyNSwieSI6NjQuNjgxMDg0NTcwNjkwNzd9LHsieCI6MjAxLjYyNSwieSI6NTl9LHsieCI6MjczLjc1LCJ5Ijo1OX0seyJ4IjozNDUuODc1LCJ5Ijo1OX0seyJ4IjozNzAuODc1LCJ5Ijo2My45ODk3MjI4NzE5MjU3Mn1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M370.875,98.01L366.708,98.842C362.542,99.674,354.208,101.337,338.021,102.168C321.833,103,297.792,103,273.75,103C249.708,103,225.667,103,210.129,102.201C194.592,101.402,187.559,99.804,184.042,99.004L180.526,98.205" id="L_CF_WS_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_WS_0" data-points="W3sieCI6MzcwLjg3NSwieSI6OTguMDEwMjc3MTI4MDc0Mjh9LHsieCI6MzQ1Ljg3NSwieSI6MTAzfSx7IngiOjI3My43NSwieSI6MTAzfSx7IngiOjIwMS42MjUsInkiOjEwM30seyJ4IjoxNzYuNjI1LCJ5Ijo5Ny4zMTg5MTU0MjkzMDkyM31d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M541.328,63.99L545.495,63.158C549.661,62.326,557.995,60.663,573.586,59.832C589.177,59,612.026,59,634.875,59C657.724,59,680.573,59,695.516,59.848C710.459,60.697,717.496,62.394,721.015,63.242L724.533,64.09" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6NTQxLjMyODEyNSwieSI6NjMuOTg5NzIyODcxOTI1NzJ9LHsieCI6NTY2LjMyODEyNSwieSI6NTl9LHsieCI6NjM0Ljg3NSwieSI6NTl9LHsieCI6NzAzLjQyMTg3NSwieSI6NTl9LHsieCI6NzI4LjQyMTg3NSwieSI6NjUuMDI3OTEzMzQ4NzQ1NjF9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M728.422,96.972L724.255,97.977C720.089,98.981,711.755,100.991,696.164,101.995C680.573,103,657.724,103,634.875,103C612.026,103,589.177,103,574.24,102.299C559.302,101.598,552.277,100.195,548.764,99.494L545.251,98.793" id="L_LM_CF_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_LM_CF_0" data-points="W3sieCI6NzI4LjQyMTg3NSwieSI6OTYuOTcyMDg2NjUxMjU0Mzl9LHsieCI6NzAzLjQyMTg3NSwieSI6MTAzfSx7IngiOjYzNC44NzUsInkiOjEwM30seyJ4Ijo1NjYuMzI4MTI1LCJ5IjoxMDN9LHsieCI6NTQxLjMyODEyNSwieSI6OTguMDEwMjc3MTI4MDc0Mjh9XQ==" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(273.75, 59)"><g class="label" data-id="L_WS_CF_0" transform="translate(-47.125, -12)"><foreignObject width="94.25" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone bisync</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(273.75, 103)"><g class="label" data-id="L_CF_WS_0" transform="translate(-47.125, -12)"><foreignObject width="94.25" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone bisync</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(634.875, 59)"><g class="label" data-id="L_CF_LM_0" transform="translate(-43.546875, -12)"><foreignObject width="87.09375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(634.875, 103)"><g class="label" data-id="L_LM_CF_0" transform="translate(-43.546875, -12)"><foreignObject width="87.09375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-WS-0" transform="translate(104.8125, 81)"><rect class="basic label-container" style="" x="-71.8125" y="-27" width="143.625" height="54"/><g class="label" style="" transform="translate(-41.8125, -12)"><rect/><foreignObject width="83.625" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-CF-1" transform="translate(456.1015625, 81)"><rect class="basic label-container" style="" x="-85.2265625" y="-27" width="170.453125" height="54"/><g class="label" style="" transform="translate(-55.2265625, -12)"><rect/><foreignObject width="110.453125" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-2" transform="translate(794.6640625, 81)"><rect class="basic label-container" style="" x="-66.2421875" y="-27" width="132.484375" height="54"/><g class="label" style="" transform="translate(-36.2421875, -12)"><rect/><foreignObject width="72.484375" height="24"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local copy</p></span></div></foreignObject></g></g></g></g></g></svg>
|
|
1
|
+
<svg id="my-svg" width="997.921875" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="flowchart" height="162.25" viewBox="0 0 997.921875 162.25" role="graphics-document document" aria-roledescription="flowchart-v2" style="background-color: white;"><style>#my-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;fill:#333333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#my-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#my-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#my-svg .error-icon{fill:#50C878;}#my-svg .error-text{fill:#ffffff;stroke:#ffffff;}#my-svg .edge-thickness-normal{stroke-width:1px;}#my-svg .edge-thickness-thick{stroke-width:3.5px;}#my-svg .edge-pattern-solid{stroke-dasharray:0;}#my-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#my-svg .edge-pattern-dashed{stroke-dasharray:3;}#my-svg .edge-pattern-dotted{stroke-dasharray:2;}#my-svg .marker{fill:#5C6B77;stroke:#5C6B77;}#my-svg .marker.cross{stroke:#5C6B77;}#my-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:14px;}#my-svg p{margin:0;}#my-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#ffffff;}#my-svg .cluster-label text{fill:#333333;}#my-svg .cluster-label span{color:#333333;}#my-svg .cluster-label span p{background-color:transparent;}#my-svg .label text,#my-svg span{fill:#ffffff;color:#ffffff;}#my-svg .node rect,#my-svg .node circle,#my-svg .node ellipse,#my-svg .node polygon,#my-svg .node path{fill:#4A90D9;stroke:#2E6EB5;stroke-width:1px;}#my-svg .rough-node .label text,#my-svg .node .label text,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-anchor:middle;}#my-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#my-svg .rough-node .label,#my-svg .node .label,#my-svg .image-shape .label,#my-svg .icon-shape .label{text-align:center;}#my-svg .node.clickable{cursor:pointer;}#my-svg .root .anchor path{fill:#5C6B77!important;stroke-width:0;stroke:#5C6B77;}#my-svg .arrowheadPath{fill:#0b0b0b;}#my-svg .edgePath .path{stroke:#5C6B77;stroke-width:2.0px;}#my-svg .flowchart-link{stroke:#5C6B77;fill:none;}#my-svg .edgeLabel{background-color:#ffffff;text-align:center;}#my-svg .edgeLabel p{background-color:#ffffff;}#my-svg .edgeLabel rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .labelBkg{background-color:rgba(255, 255, 255, 0.5);}#my-svg .cluster rect{fill:#F0F4F8;stroke:#94B8D9;stroke-width:1px;}#my-svg .cluster text{fill:#333333;}#my-svg .cluster span{color:#333333;}#my-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:#50C878;border:1px solid #3BA35C;border-radius:2px;pointer-events:none;z-index:100;}#my-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333333;}#my-svg rect.text{fill:none;stroke-width:0;}#my-svg .icon-shape,#my-svg .image-shape{background-color:#ffffff;text-align:center;}#my-svg .icon-shape p,#my-svg .image-shape p{background-color:#ffffff;padding:2px;}#my-svg .icon-shape rect,#my-svg .image-shape rect{opacity:0.5;background-color:#ffffff;fill:#ffffff;}#my-svg .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#my-svg .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#my-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}</style><g><marker id="my-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="my-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"><g class="cluster" id="LOCAL" data-look="classic"><rect style="" x="776.484375" y="8" width="213.4375" height="146.25"/><g class="cluster-label" transform="translate(842.0234375, 8)"><foreignObject width="82.359375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Your Machine</p></span></div></foreignObject></g></g><g class="cluster" id="CLOUD" data-look="classic"><rect style="" x="383.640625" y="8" width="246.640625" height="146.25"/><g class="cluster-label" transform="translate(461.203125, 8)"><foreignObject width="91.515625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Cloud Provider</p></span></div></foreignObject></g></g><g class="cluster" id="GW" data-look="classic"><rect style="" x="8" y="8" width="223.171875" height="146.25"/><g class="cluster-label" transform="translate(92.2421875, 8)"><foreignObject width="54.6875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>Gateway</p></span></div></foreignObject></g></g></g><g class="edgePaths"><path d="M196.172,69.68L202.005,68.608C207.839,67.537,219.505,65.393,238.044,64.322C256.583,63.25,281.995,63.25,307.406,63.25C332.818,63.25,358.229,63.25,376.111,64.11C393.992,64.971,404.343,66.691,409.519,67.552L414.695,68.412" id="L_WS_CF_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_WS_CF_0" data-points="W3sieCI6MTk2LjE3MTg3NSwieSI6NjkuNjgwMDIxNzA0MTIzNzl9LHsieCI6MjMxLjE3MTg3NSwieSI6NjMuMjV9LHsieCI6MzA3LjQwNjI1LCJ5Ijo2My4yNX0seyJ4IjozODMuNjQwNjI1LCJ5Ijo2My4yNX0seyJ4Ijo0MTguNjQwNjI1LCJ5Ijo2OS4wNjgxODE4MTgxODE4MX1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M418.641,101.834L412.807,103.028C406.974,104.222,395.307,106.611,376.768,107.806C358.229,109,332.818,109,307.406,109C281.995,109,256.583,109,238.694,107.827C220.806,106.654,210.439,104.309,205.256,103.136L200.073,101.963" id="L_CF_WS_0" class="edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_WS_0" data-points="W3sieCI6NDE4LjY0MDYyNSwieSI6MTAxLjgzMzcwMjg4MjQ4MzM3fSx7IngiOjM4My42NDA2MjUsInkiOjEwOX0seyJ4IjozMDcuNDA2MjUsInkiOjEwOX0seyJ4IjoyMzEuMTcxODc1LCJ5IjoxMDl9LHsieCI6MTk2LjE3MTg3NSwieSI6MTAxLjA4MDA5NTIxODA5MTQzfV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M595.281,69.068L601.115,68.098C606.948,67.129,618.615,65.189,636.632,64.22C654.648,63.25,679.016,63.25,703.383,63.25C727.75,63.25,752.117,63.25,769.479,64.245C786.842,65.24,797.199,67.229,802.378,68.224L807.556,69.219" id="L_CF_LM_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_CF_LM_0" data-points="W3sieCI6NTk1LjI4MTI1LCJ5Ijo2OS4wNjgxODE4MTgxODE4MX0seyJ4Ijo2MzAuMjgxMjUsInkiOjYzLjI1fSx7IngiOjcwMy4zODI4MTI1LCJ5Ijo2My4yNX0seyJ4Ijo3NzYuNDg0Mzc1LCJ5Ijo2My4yNX0seyJ4Ijo4MTEuNDg0Mzc1LCJ5Ijo2OS45NzMyNzk2NDg2MDkwOH1d" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/><path d="M811.484,100.719L805.651,102.099C799.818,103.479,788.151,106.24,770.134,107.62C752.117,109,727.75,109,703.383,109C679.016,109,654.648,109,637.285,107.939C619.921,106.879,609.56,104.757,604.38,103.697L599.2,102.636" id="L_LM_CF_0" class="edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style=";" data-edge="true" data-et="edge" data-id="L_LM_CF_0" data-points="W3sieCI6ODExLjQ4NDM3NSwieSI6MTAwLjcxODg4NzI2MjA3OTA2fSx7IngiOjc3Ni40ODQzNzUsInkiOjEwOX0seyJ4Ijo3MDMuMzgyODEyNSwieSI6MTA5fSx7IngiOjYzMC4yODEyNSwieSI6MTA5fSx7IngiOjU5NS4yODEyNSwieSI6MTAxLjgzMzcwMjg4MjQ4MzM3fV0=" marker-end="url(#my-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel" transform="translate(307.40625, 63.25)"><g class="label" data-id="L_WS_CF_0" transform="translate(-41.234375, -10.5)"><foreignObject width="82.46875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone bisync</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(307.40625, 109)"><g class="label" data-id="L_CF_WS_0" transform="translate(-41.234375, -10.5)"><foreignObject width="82.46875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>rclone bisync</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(703.3828125, 63.25)"><g class="label" data-id="L_CF_LM_0" transform="translate(-38.1015625, -10.5)"><foreignObject width="76.203125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app</p></span></div></foreignObject></g></g><g class="edgeLabel" transform="translate(703.3828125, 109)"><g class="label" data-id="L_LM_CF_0" transform="translate(-38.1015625, -10.5)"><foreignObject width="76.203125" height="21"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel"><p>desktop app</p></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default" id="flowchart-WS-0" transform="translate(119.5859375, 83.75)"><rect class="basic label-container" style="" x="-76.5859375" y="-30.5" width="153.171875" height="61"/><g class="label" style="" transform="translate(-36.5859375, -10.5)"><rect/><foreignObject width="73.171875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>/workspace</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-CF-1" transform="translate(506.9609375, 83.75)"><rect class="basic label-container" style="" x="-88.3203125" y="-30.5" width="176.640625" height="61"/><g class="label" style="" transform="translate(-48.3203125, -10.5)"><rect/><foreignObject width="96.640625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>workspace files</p></span></div></foreignObject></g></g><g class="node default" id="flowchart-LM-2" transform="translate(883.203125, 83.75)"><rect class="basic label-container" style="" x="-71.71875" y="-30.5" width="143.4375" height="61"/><g class="label" style="" transform="translate(-31.71875, -10.5)"><rect/><foreignObject width="63.4375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="nodeLabel"><p>local copy</p></span></div></foreignObject></g></g></g></g></g><style>.edgeLabel {
|
|
2
|
+
color: #333333 !important;
|
|
3
|
+
background-color: #ffffff !important;
|
|
4
|
+
}
|
|
5
|
+
.edgeLabel span {
|
|
6
|
+
color: #333333 !important;
|
|
7
|
+
fill: #333333 !important;
|
|
8
|
+
}
|
|
9
|
+
.edgeLabel p {
|
|
10
|
+
color: #333333 !important;
|
|
11
|
+
}
|
|
12
|
+
.labelBkg {
|
|
13
|
+
background-color: #ffffff !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* Gateway subgraph — green tint */
|
|
17
|
+
#GW rect {
|
|
18
|
+
fill: #E8F5E9 !important;
|
|
19
|
+
stroke: #66BB6A !important;
|
|
20
|
+
}
|
|
21
|
+
#GW .cluster-label span {
|
|
22
|
+
color: #2E7D32 !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
/* Cloud subgraph — amber tint */
|
|
26
|
+
#CLOUD rect {
|
|
27
|
+
fill: #FFF8E1 !important;
|
|
28
|
+
stroke: #FFB74D !important;
|
|
29
|
+
}
|
|
30
|
+
#CLOUD .cluster-label span {
|
|
31
|
+
color: #E65100 !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Local subgraph — blue tint */
|
|
35
|
+
#LOCAL rect {
|
|
36
|
+
fill: #E3F2FD !important;
|
|
37
|
+
stroke: #64B5F6 !important;
|
|
38
|
+
}
|
|
39
|
+
#LOCAL .cluster-label span {
|
|
40
|
+
color: #1565C0 !important;
|
|
41
|
+
}
|
|
42
|
+
</style></svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "openclaw-workspace-sync",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.3",
|
|
4
4
|
"description": "Workspace cloud sync via rclone — mailbox (inbox/outbox), mirror, or bisync (Dropbox, Google Drive, S3, OneDrive, 70+ providers)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
49
|
"build": "tsc",
|
|
50
|
-
"prepublishOnly": "
|
|
51
|
-
"
|
|
50
|
+
"prepublishOnly": "npm run build",
|
|
51
|
+
"render-readme": "node scripts/render-mermaid.js",
|
|
52
52
|
"test": "vitest run",
|
|
53
53
|
"test:watch": "vitest"
|
|
54
54
|
}
|