@memtensor/memos-local-openclaw-plugin 0.1.2 → 0.1.4
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/.env.example +13 -5
- package/README.md +180 -68
- package/dist/capture/index.d.ts +5 -7
- package/dist/capture/index.d.ts.map +1 -1
- package/dist/capture/index.js +72 -43
- package/dist/capture/index.js.map +1 -1
- package/dist/ingest/providers/anthropic.d.ts +2 -0
- package/dist/ingest/providers/anthropic.d.ts.map +1 -1
- package/dist/ingest/providers/anthropic.js +110 -1
- package/dist/ingest/providers/anthropic.js.map +1 -1
- package/dist/ingest/providers/bedrock.d.ts +2 -5
- package/dist/ingest/providers/bedrock.d.ts.map +1 -1
- package/dist/ingest/providers/bedrock.js +110 -6
- package/dist/ingest/providers/bedrock.js.map +1 -1
- package/dist/ingest/providers/gemini.d.ts +2 -0
- package/dist/ingest/providers/gemini.d.ts.map +1 -1
- package/dist/ingest/providers/gemini.js +106 -1
- package/dist/ingest/providers/gemini.js.map +1 -1
- package/dist/ingest/providers/index.d.ts +9 -0
- package/dist/ingest/providers/index.d.ts.map +1 -1
- package/dist/ingest/providers/index.js +66 -4
- package/dist/ingest/providers/index.js.map +1 -1
- package/dist/ingest/providers/openai.d.ts +2 -0
- package/dist/ingest/providers/openai.d.ts.map +1 -1
- package/dist/ingest/providers/openai.js +112 -1
- package/dist/ingest/providers/openai.js.map +1 -1
- package/dist/ingest/task-processor.d.ts +63 -0
- package/dist/ingest/task-processor.d.ts.map +1 -0
- package/dist/ingest/task-processor.js +339 -0
- package/dist/ingest/task-processor.js.map +1 -0
- package/dist/ingest/worker.d.ts +1 -1
- package/dist/ingest/worker.d.ts.map +1 -1
- package/dist/ingest/worker.js +18 -13
- package/dist/ingest/worker.js.map +1 -1
- package/dist/recall/engine.d.ts +1 -0
- package/dist/recall/engine.d.ts.map +1 -1
- package/dist/recall/engine.js +21 -11
- package/dist/recall/engine.js.map +1 -1
- package/dist/recall/mmr.d.ts.map +1 -1
- package/dist/recall/mmr.js +3 -1
- package/dist/recall/mmr.js.map +1 -1
- package/dist/storage/sqlite.d.ts +67 -1
- package/dist/storage/sqlite.d.ts.map +1 -1
- package/dist/storage/sqlite.js +251 -5
- package/dist/storage/sqlite.js.map +1 -1
- package/dist/types.d.ts +15 -0
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -1
- package/dist/viewer/html.d.ts +1 -1
- package/dist/viewer/html.d.ts.map +1 -1
- package/dist/viewer/html.js +955 -115
- package/dist/viewer/html.js.map +1 -1
- package/dist/viewer/server.d.ts +3 -0
- package/dist/viewer/server.d.ts.map +1 -1
- package/dist/viewer/server.js +59 -1
- package/dist/viewer/server.js.map +1 -1
- package/index.ts +221 -45
- package/openclaw.plugin.json +20 -45
- package/package.json +3 -4
- package/skill/SKILL.md +59 -0
- package/src/capture/index.ts +85 -45
- package/src/ingest/providers/anthropic.ts +128 -1
- package/src/ingest/providers/bedrock.ts +130 -6
- package/src/ingest/providers/gemini.ts +128 -1
- package/src/ingest/providers/index.ts +74 -8
- package/src/ingest/providers/openai.ts +130 -1
- package/src/ingest/task-processor.ts +380 -0
- package/src/ingest/worker.ts +21 -15
- package/src/recall/engine.ts +22 -12
- package/src/recall/mmr.ts +3 -1
- package/src/storage/sqlite.ts +298 -5
- package/src/types.ts +19 -0
- package/src/viewer/html.ts +955 -115
- package/src/viewer/server.ts +63 -1
- package/SKILL.md +0 -43
- package/www/index.html +0 -606
package/src/viewer/html.ts
CHANGED
|
@@ -23,7 +23,33 @@ export const viewerHTML = `<!DOCTYPE html>
|
|
|
23
23
|
--shadow-lg:0 20px 40px rgba(0,0,0,.35);
|
|
24
24
|
--radius:12px;--radius-lg:14px;--radius-xl:18px;
|
|
25
25
|
}
|
|
26
|
-
|
|
26
|
+
[data-theme="light"]{
|
|
27
|
+
--bg:#f1f5f9;--bg-card:#fff;--bg-card-hover:#f8fafc;
|
|
28
|
+
--border:rgba(0,0,0,.08);--border-glow:rgba(0,187,238,.4);
|
|
29
|
+
--text:#0f172a;--text-sec:#475569;--text-muted:#64748b;
|
|
30
|
+
--pri:#0891b2;--pri-glow:rgba(8,145,178,.12);--pri-dark:#0e7490;
|
|
31
|
+
--pri-grad:linear-gradient(135deg,#0891b2,#0e7490);
|
|
32
|
+
--accent:#dc2626;--accent-glow:rgba(220,38,38,.1);
|
|
33
|
+
--green:#059669;--green-bg:rgba(5,150,105,.1);
|
|
34
|
+
--amber:#d97706;--amber-bg:rgba(217,119,6,.1);
|
|
35
|
+
--violet:#7c3aed;--rose:#e11d48;--rose-bg:rgba(225,29,72,.1);
|
|
36
|
+
--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow:0 4px 12px rgba(0,0,0,.08);
|
|
37
|
+
--shadow-lg:0 20px 40px rgba(0,0,0,.12);
|
|
38
|
+
}
|
|
39
|
+
[data-theme="light"] .auth-screen{background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 50%,#e0e7ff 100%)}
|
|
40
|
+
[data-theme="light"] .auth-card{box-shadow:0 25px 50px -12px rgba(0,0,0,.12)}
|
|
41
|
+
[data-theme="light"] .topbar{background:rgba(255,255,255,.95);border-bottom-color:var(--border)}
|
|
42
|
+
[data-theme="light"] .session-item .count,[data-theme="light"] .kind-tag,[data-theme="light"] .session-tag{background:rgba(0,0,0,.06)}
|
|
43
|
+
[data-theme="light"] .card-content pre{background:rgba(0,0,0,.05);border-color:var(--border)}
|
|
44
|
+
[data-theme="light"] .vscore-badge{background:rgba(59,130,246,.1);color:#3b82f6}
|
|
45
|
+
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}
|
|
46
|
+
[data-theme="light"] .analytics-card{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border-color:rgba(0,0,0,.08)}
|
|
47
|
+
[data-theme="light"] .analytics-section{background:#fff;border-color:rgba(0,0,0,.08)}
|
|
48
|
+
[data-theme="light"] .breakdown-item{background:rgba(0,0,0,.04)}
|
|
49
|
+
[data-theme="light"] .metrics-toolbar .range-btn{background:#fff;border-color:rgba(0,0,0,.1)}
|
|
50
|
+
[data-theme="light"] .metrics-toolbar .range-btn.active{background:rgba(0,0,0,.06);color:var(--text);border-color:rgba(0,0,0,.15)}
|
|
51
|
+
[data-theme="light"] .metrics-toolbar .range-btn:hover{border-color:var(--pri);color:var(--pri)}
|
|
52
|
+
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .2s,color .2s}
|
|
27
53
|
button{cursor:pointer;font-family:inherit;font-size:inherit}
|
|
28
54
|
input,textarea,select{font-family:inherit;font-size:inherit}
|
|
29
55
|
|
|
@@ -35,12 +61,12 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
35
61
|
.auth-card p{color:hsl(0 0% 45.1%);margin-bottom:24px;font-size:14px}
|
|
36
62
|
.auth-card input{width:100%;padding:12px 16px;border:1px solid hsl(0 0% 89.8%);border-radius:8px;font-size:14px;transition:all .2s;margin-bottom:10px;outline:none;background:#fff;color:hsl(0 0% 3.9%)}
|
|
37
63
|
.auth-card input::placeholder{color:hsl(0 0% 45.1%)}
|
|
38
|
-
.auth-card input:focus{border-color
|
|
39
|
-
.auth-card .btn-auth{width:100%;padding:12px;border:none;border-radius:8px;background
|
|
40
|
-
.auth-card .btn-auth:hover{background
|
|
64
|
+
.auth-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}
|
|
65
|
+
.auth-card .btn-auth{width:100%;padding:12px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-weight:600;font-size:14px;transition:all .2s}
|
|
66
|
+
.auth-card .btn-auth:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 8px 25px rgba(59,130,246,.3)}
|
|
41
67
|
.auth-card .error-msg{color:hsl(0 84.2% 60.2%);font-size:13px;margin-top:8px;min-height:20px}
|
|
42
68
|
.auth-card .btn-text{color:hsl(0 0% 45.1%)}
|
|
43
|
-
.auth-card .btn-text:hover{color
|
|
69
|
+
.auth-card .btn-text:hover{color:#3b82f6}
|
|
44
70
|
|
|
45
71
|
.reset-guide{text-align:left;margin-bottom:20px}
|
|
46
72
|
.reset-step{display:flex;gap:14px;margin-bottom:16px}
|
|
@@ -56,10 +82,12 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
56
82
|
|
|
57
83
|
/* ─── App Layout (dark dashboard, same as www) ─── */
|
|
58
84
|
.app{display:none;flex-direction:column;min-height:100vh}
|
|
59
|
-
.topbar{background:rgba(5,5,16,.
|
|
60
|
-
.topbar .brand{display:flex;align-items:center;gap:
|
|
61
|
-
.topbar .brand .icon{width:
|
|
62
|
-
.topbar .
|
|
85
|
+
.topbar{background:rgba(5,5,16,.92);border-bottom:1px solid var(--border);padding:0 28px;height:56px;display:flex;align-items:center;position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}
|
|
86
|
+
.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text);letter-spacing:-.02em;flex-shrink:0}
|
|
87
|
+
.topbar .brand .icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;background:none;border-radius:0}
|
|
88
|
+
.topbar .brand .sub{font-weight:400;color:var(--text-muted);font-size:11px}
|
|
89
|
+
.topbar-center{flex:1;display:flex;justify-content:center}
|
|
90
|
+
.topbar .actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
|
|
63
91
|
|
|
64
92
|
.main-content{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;padding:28px 32px;gap:28px}
|
|
65
93
|
|
|
@@ -87,11 +115,11 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
87
115
|
|
|
88
116
|
/* ─── Feed ─── */
|
|
89
117
|
.feed{flex:1;min-width:0}
|
|
90
|
-
.search-bar{display:flex;gap:
|
|
91
|
-
.search-bar input{flex:1;padding:
|
|
118
|
+
.search-bar{display:flex;gap:10px;margin-bottom:16px;position:relative;align-items:center}
|
|
119
|
+
.search-bar input{flex:1;padding:10px 16px 10px 40px;border:1px solid var(--border);border-radius:10px;font-size:14px;outline:none;background:var(--bg-card);color:var(--text);transition:all .2s}
|
|
92
120
|
.search-bar input::placeholder{color:var(--text-muted)}
|
|
93
121
|
.search-bar input:focus{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-glow)}
|
|
94
|
-
.search-bar .search-icon{position:absolute;left:
|
|
122
|
+
.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}
|
|
95
123
|
.search-meta{font-size:12px;color:var(--text-sec);margin-bottom:14px;padding:0 2px}
|
|
96
124
|
|
|
97
125
|
.filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
|
|
@@ -116,19 +144,25 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
116
144
|
.card-content.show{max-height:600px;overflow-y:auto}
|
|
117
145
|
.card-content pre{white-space:pre-wrap;word-break:break-all;background:rgba(0,0,0,.25);padding:14px;border-radius:10px;font-size:12px;font-family:ui-monospace,monospace;margin-top:10px;border:1px solid var(--border);color:var(--text-sec)}
|
|
118
146
|
.card-actions{display:flex;align-items:center;gap:8px;margin-top:14px}
|
|
119
|
-
.vscore-badge{display:inline-flex;align-items:center;background:
|
|
147
|
+
.vscore-badge{display:inline-flex;align-items:center;background:rgba(59,130,246,.15);color:#60a5fa;font-size:10px;font-weight:700;padding:4px 10px;border-radius:8px;margin-left:auto}
|
|
120
148
|
|
|
121
149
|
/* ─── Buttons ─── */
|
|
122
|
-
.btn{padding:
|
|
150
|
+
.btn{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:13px;font-weight:500;transition:all .18s ease;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
|
|
123
151
|
.btn:hover{border-color:var(--pri);color:var(--pri)}
|
|
124
|
-
.btn-primary{background:var(--
|
|
125
|
-
.btn-primary:hover{background
|
|
126
|
-
.btn-
|
|
127
|
-
.btn-
|
|
128
|
-
.btn-
|
|
129
|
-
.btn-
|
|
130
|
-
.btn-
|
|
152
|
+
.btn-primary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border);font-weight:600}
|
|
153
|
+
.btn-primary:hover{background:rgba(255,255,255,.14);transform:translateY(-1px);border-color:var(--pri);color:var(--pri)}
|
|
154
|
+
.btn-ghost{border-color:transparent;background:transparent;color:var(--text-sec)}
|
|
155
|
+
.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--text)}
|
|
156
|
+
.btn-danger{color:var(--accent);border-color:rgba(230,57,70,.25)}
|
|
157
|
+
.btn-danger:hover{background:rgba(230,57,70,.1);color:var(--accent)}
|
|
158
|
+
.btn-sm{padding:5px 12px;font-size:12px}
|
|
159
|
+
.btn-icon{padding:5px 7px;font-size:15px;border-radius:8px}
|
|
160
|
+
.btn-text{border:none;background:none;color:var(--text-muted);font-size:12px;padding:4px 8px}
|
|
131
161
|
.btn-text:hover{color:var(--pri)}
|
|
162
|
+
[data-theme="light"] .btn-primary{background:rgba(0,0,0,.05);color:var(--text);border-color:rgba(0,0,0,.12)}
|
|
163
|
+
[data-theme="light"] .btn-primary:hover{background:rgba(0,0,0,.08);border-color:var(--pri);color:var(--pri)}
|
|
164
|
+
[data-theme="light"] .btn-ghost{color:var(--text-sec)}
|
|
165
|
+
[data-theme="light"] .btn-ghost:hover{background:rgba(0,0,0,.04);color:var(--text)}
|
|
132
166
|
|
|
133
167
|
/* ─── Modal ─── */
|
|
134
168
|
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:500;align-items:center;justify-content:center;backdrop-filter:blur(8px)}
|
|
@@ -178,72 +212,219 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
178
212
|
.pagination .pg-btn.disabled{opacity:.4;pointer-events:none}
|
|
179
213
|
.pagination .pg-info{font-size:12px;color:var(--text-sec);padding:0 12px}
|
|
180
214
|
|
|
181
|
-
|
|
215
|
+
/* ─── Tasks 视图 ─── */
|
|
216
|
+
.tasks-view{display:none;flex:1;min-width:0;flex-direction:column;gap:16px}
|
|
217
|
+
.tasks-view.show{display:flex}
|
|
218
|
+
.tasks-header{display:flex;flex-direction:column;gap:14px}
|
|
219
|
+
.tasks-stats{display:flex;gap:16px}
|
|
220
|
+
.tasks-stat{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 18px;flex:1;transition:all .2s}
|
|
221
|
+
.tasks-stat:hover{border-color:var(--border-glow)}
|
|
222
|
+
.tasks-stat-value{font-size:22px;font-weight:700;color:var(--text)}
|
|
223
|
+
.tasks-stat-label{font-size:12px;color:var(--text-sec);font-weight:500}
|
|
224
|
+
.tasks-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
|
|
225
|
+
.tasks-list{display:flex;flex-direction:column;gap:10px}
|
|
226
|
+
.task-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}
|
|
227
|
+
.task-card:hover{border-color:var(--border-glow);background:var(--bg-card-hover);transform:translateY(-1px);box-shadow:var(--shadow)}
|
|
228
|
+
.task-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;border-radius:3px 0 0 3px}
|
|
229
|
+
.task-card.status-active::before{background:var(--green)}
|
|
230
|
+
.task-card.status-completed::before{background:var(--pri)}
|
|
231
|
+
.task-card.status-skipped::before{background:var(--text-muted)}
|
|
232
|
+
.task-card.status-skipped{opacity:.6}
|
|
233
|
+
.task-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}
|
|
234
|
+
.task-card-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;flex:1;word-break:break-word}
|
|
235
|
+
.task-card-title:empty::after{content:'Untitled Task';color:var(--text-muted);font-style:italic}
|
|
236
|
+
.task-status-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:20px;flex-shrink:0}
|
|
237
|
+
.task-status-badge.active{color:var(--green);background:var(--green-bg)}
|
|
238
|
+
.task-status-badge.completed{color:var(--pri);background:var(--pri-glow)}
|
|
239
|
+
.task-status-badge.skipped{color:var(--text-muted);background:rgba(128,128,128,.15)}
|
|
240
|
+
.task-card-summary{font-size:13px;color:var(--text-sec);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
|
|
241
|
+
.task-card-summary:empty{display:none}
|
|
242
|
+
.task-card-bottom{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--text-muted)}
|
|
243
|
+
.task-card-bottom .tag{display:flex;align-items:center;gap:4px}
|
|
244
|
+
.task-card-bottom .tag .icon{font-size:12px}
|
|
245
|
+
|
|
246
|
+
/* ─── Task Detail Overlay ─── */
|
|
247
|
+
.task-detail-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px)}
|
|
248
|
+
.task-detail-overlay.show{display:flex}
|
|
249
|
+
.task-detail-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);padding:28px 32px}
|
|
250
|
+
.task-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
|
|
251
|
+
.task-detail-header h2{font-size:18px;font-weight:700;color:var(--text);line-height:1.4;flex:1}
|
|
252
|
+
.task-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:12px;color:var(--text-sec)}
|
|
253
|
+
.task-detail-meta .meta-item{display:flex;align-items:center;gap:5px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:5px 12px}
|
|
254
|
+
.task-detail-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px;font-size:13px;line-height:1.7;color:var(--text);word-break:break-word}
|
|
255
|
+
.task-detail-summary:empty::after{content:'Summary not yet generated (task still active)';color:var(--text-muted);font-style:italic}
|
|
256
|
+
.task-detail-summary .summary-section-title{font-size:14px;font-weight:700;color:var(--text);margin:14px 0 6px 0;padding-bottom:4px;border-bottom:1px solid var(--border)}
|
|
257
|
+
.task-detail-summary .summary-section-title:first-child{margin-top:0}
|
|
258
|
+
.task-detail-summary ul{margin:4px 0 8px 0;padding-left:20px}
|
|
259
|
+
.task-detail-summary li{margin:3px 0;color:var(--text-sec);line-height:1.6}
|
|
260
|
+
.task-detail-chunks-title{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
|
|
261
|
+
.task-detail-chunks{display:flex;flex-direction:column;gap:14px;padding:8px 0}
|
|
262
|
+
.task-chunk-item{display:flex;flex-direction:column;max-width:82%;font-size:13px;line-height:1.6}
|
|
263
|
+
.task-chunk-item.role-user{align-self:flex-end;align-items:flex-end}
|
|
264
|
+
.task-chunk-item.role-assistant,.task-chunk-item.role-tool{align-self:flex-start;align-items:flex-start}
|
|
265
|
+
.task-chunk-role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;padding:0 4px}
|
|
266
|
+
.task-chunk-role.user{color:var(--pri)}
|
|
267
|
+
.task-chunk-role.assistant{color:var(--green)}
|
|
268
|
+
.task-chunk-role.tool{color:var(--amber)}
|
|
269
|
+
.task-chunk-bubble{padding:12px 16px;border-radius:16px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow:hidden;position:relative;transition:all .2s}
|
|
270
|
+
.task-chunk-bubble.expanded{max-height:none}
|
|
271
|
+
.role-user .task-chunk-bubble{background:var(--pri);color:#000;border-bottom-right-radius:4px}
|
|
272
|
+
.role-assistant .task-chunk-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--text-sec);border-bottom-left-radius:4px}
|
|
273
|
+
.role-tool .task-chunk-bubble{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:var(--text-sec);border-bottom-left-radius:4px;font-family:'SF Mono',Monaco,Consolas,monospace;font-size:12px}
|
|
274
|
+
.task-chunk-bubble:hover{filter:brightness(1.05)}
|
|
275
|
+
.task-chunk-time{font-size:10px;color:var(--text-muted);margin-top:3px;padding:0 4px}
|
|
276
|
+
[data-theme="light"] .role-user .task-chunk-bubble{background:var(--pri);color:#fff}
|
|
277
|
+
[data-theme="light"] .role-assistant .task-chunk-bubble{background:#f0f0f0;border:none;color:#333}
|
|
278
|
+
[data-theme="light"] .task-detail-panel{background:#fff}
|
|
279
|
+
[data-theme="light"] .task-card{background:#fff}
|
|
280
|
+
[data-theme="light"] .tasks-stat{background:#fff}
|
|
281
|
+
|
|
282
|
+
/* ─── Analytics / 统计 ─── */
|
|
283
|
+
.nav-tabs{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.06);border-radius:10px;padding:3px}
|
|
284
|
+
.nav-tabs .tab{padding:6px 20px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-sec);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap}
|
|
285
|
+
.nav-tabs .tab:hover{color:var(--text)}
|
|
286
|
+
.nav-tabs .tab.active{color:var(--text);background:rgba(255,255,255,.1);border-color:var(--border);box-shadow:0 1px 4px rgba(0,0,0,.15)}
|
|
287
|
+
[data-theme="light"] .nav-tabs{background:rgba(0,0,0,.05)}
|
|
288
|
+
[data-theme="light"] .nav-tabs .tab.active{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--text)}
|
|
289
|
+
.analytics-view{display:none;flex:1;min-width:0;flex-direction:column;gap:20px}
|
|
290
|
+
.analytics-view.show{display:flex}
|
|
291
|
+
.feed-wrap{flex:1;min-width:0;display:flex;flex-direction:column}
|
|
292
|
+
.feed-wrap.hide{display:none}
|
|
293
|
+
.analytics-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
|
|
294
|
+
.analytics-card{background:linear-gradient(145deg,var(--bg-card) 0%,rgba(255,255,255,.02) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 18px;position:relative;overflow:hidden;transition:all .25s}
|
|
295
|
+
.analytics-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
|
|
296
|
+
.analytics-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:.85}
|
|
297
|
+
.analytics-card.green::before{background:linear-gradient(90deg,var(--green),#34d399)}
|
|
298
|
+
.analytics-card.amber::before{background:linear-gradient(90deg,var(--amber),#fbbf24)}
|
|
299
|
+
.analytics-card.violet::before{background:linear-gradient(90deg,var(--violet),#a78bfa)}
|
|
300
|
+
.analytics-card .ac-value{font-size:26px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1.1}
|
|
301
|
+
.analytics-card .ac-label{font-size:11px;color:var(--text-muted);margin-top:5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}
|
|
302
|
+
.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px}
|
|
303
|
+
.analytics-section h3{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;display:flex;align-items:center;gap:8px}
|
|
304
|
+
.analytics-section h3 .icon{font-size:14px;opacity:.7}
|
|
305
|
+
.chart-bars{display:flex;align-items:flex-end;gap:4px;padding:8px 0;overflow-x:auto}
|
|
306
|
+
.chart-bar-wrap{flex:1;min-width:18px;max-width:60px;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}
|
|
307
|
+
.chart-bar-col{width:100%;height:160px;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch}
|
|
308
|
+
.chart-bar-wrap:hover .chart-bar{filter:brightness(1.25)}
|
|
309
|
+
.chart-bar-wrap:hover .chart-bar-label{color:var(--pri)}
|
|
310
|
+
.chart-bar-wrap:hover .chart-tip{opacity:1;transform:translateX(-50%) translateY(0)}
|
|
311
|
+
.chart-tip{position:absolute;top:-6px;left:50%;transform:translateX(-50%) translateY(4px);background:var(--bg);border:1px solid var(--border);color:var(--text);padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap;z-index:5;pointer-events:none;box-shadow:var(--shadow);opacity:0;transition:all .15s ease}
|
|
312
|
+
.chart-bar{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#60a5fa,#3b82f6);transition:all .3s ease}
|
|
313
|
+
.chart-bar.violet{background:linear-gradient(180deg,var(--violet),#7c3aed)}
|
|
314
|
+
.chart-bar.green{background:linear-gradient(180deg,var(--green),#059669)}
|
|
315
|
+
.chart-bar.zero{background:var(--border);opacity:.4;border-radius:2px}
|
|
316
|
+
.chart-bar-label{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;transition:color .15s}
|
|
317
|
+
.chart-legend{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;font-size:12px;color:var(--text-sec)}
|
|
318
|
+
.chart-legend span{display:inline-flex;align-items:center;gap:6px}
|
|
319
|
+
.chart-legend .dot{width:8px;height:8px;border-radius:50%}
|
|
320
|
+
.chart-legend .dot.pri{background:var(--pri)}
|
|
321
|
+
.chart-legend .dot.violet{background:var(--violet)}
|
|
322
|
+
.chart-legend .dot.green{background:var(--green)}
|
|
323
|
+
.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
|
|
324
|
+
.breakdown-item{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:rgba(0,0,0,.12);border-radius:10px;border:1px solid var(--border);transition:border-color .15s}
|
|
325
|
+
.breakdown-item:hover{border-color:var(--border-glow)}
|
|
326
|
+
.breakdown-item .bd-top{display:flex;align-items:center;justify-content:space-between}
|
|
327
|
+
.breakdown-item .label{font-size:13px;color:var(--text-sec);font-weight:500;text-transform:capitalize}
|
|
328
|
+
.breakdown-item .value{font-size:14px;font-weight:700;color:var(--text)}
|
|
329
|
+
.breakdown-bar-wrap{height:4px;background:rgba(0,0,0,.15);border-radius:2px;overflow:hidden}
|
|
330
|
+
.breakdown-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#60a5fa);transition:width .5s ease}
|
|
331
|
+
.metrics-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
|
|
332
|
+
.metrics-toolbar .range-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-sec);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}
|
|
333
|
+
.metrics-toolbar .range-btn:hover{border-color:var(--pri);color:var(--pri)}
|
|
334
|
+
.metrics-toolbar .range-btn.active{background:rgba(255,255,255,.1);color:var(--text);border-color:var(--border)}
|
|
335
|
+
|
|
336
|
+
.theme-toggle{position:relative;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:14px;border:none;background:transparent}
|
|
337
|
+
.theme-toggle .theme-icon-light{display:none}
|
|
338
|
+
.theme-toggle .theme-icon-dark{display:inline}
|
|
339
|
+
[data-theme="light"] .theme-toggle .theme-icon-light{display:inline}
|
|
340
|
+
[data-theme="light"] .theme-toggle .theme-icon-dark{display:none}
|
|
341
|
+
|
|
342
|
+
.auth-top-actions{position:absolute;top:16px;right:16px;z-index:10;display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:20px;padding:3px}
|
|
343
|
+
.auth-theme-toggle{width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:rgba(255,255,255,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}
|
|
344
|
+
.auth-theme-toggle:hover{background:rgba(255,255,255,.2);color:#fff}
|
|
345
|
+
.auth-theme-toggle .theme-icon-light{display:none}
|
|
346
|
+
.auth-theme-toggle .theme-icon-dark{display:inline}
|
|
347
|
+
[data-theme="light"] .auth-theme-toggle{color:rgba(0,0,0,.45)}
|
|
348
|
+
[data-theme="light"] .auth-theme-toggle:hover{background:rgba(0,0,0,.08);color:#0f172a}
|
|
349
|
+
[data-theme="light"] .auth-top-actions{background:rgba(0,0,0,.06)}
|
|
350
|
+
[data-theme="light"] .auth-theme-toggle .theme-icon-light{display:inline}
|
|
351
|
+
[data-theme="light"] .auth-theme-toggle .theme-icon-dark{display:none}
|
|
352
|
+
|
|
353
|
+
@media(max-width:1100px){.analytics-cards{grid-template-columns:repeat(3,1fr)}}
|
|
354
|
+
@media(max-width:900px){.main-content{flex-direction:column;padding:20px}.sidebar{width:100%}.sidebar .stats-grid{grid-template-columns:repeat(4,1fr)}.analytics-cards{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 16px;gap:8px}.topbar .brand span{display:none}.topbar-center{justify-content:flex-start}}
|
|
182
355
|
</style>
|
|
183
356
|
</head>
|
|
184
357
|
<body>
|
|
185
358
|
|
|
186
359
|
<!-- ─── Auth: Setup Password ─── -->
|
|
187
360
|
<div id="setupScreen" class="auth-screen" style="display:none">
|
|
361
|
+
<div class="auth-top-actions">
|
|
362
|
+
<button class="auth-theme-toggle" onclick="toggleViewerTheme()" title="Toggle light/dark" aria-label="Toggle theme"><span class="theme-icon-dark">\u{1F319}</span><span class="theme-icon-light">\u2600</span></button>
|
|
363
|
+
<button class="auth-theme-toggle" onclick="toggleLang()" aria-label="Switch language"><span data-i18n="lang.switch">EN</span></button>
|
|
364
|
+
</div>
|
|
188
365
|
<div class="auth-card">
|
|
189
366
|
<div class="logo">\u{1F99E}</div>
|
|
190
|
-
<h1>OpenClaw Memory</h1>
|
|
191
|
-
<p style="font-size:12px;color:var(--text-sec);margin-bottom:6px">Powered by MemOS</p>
|
|
192
|
-
<p>Set a password to protect your memories</p>
|
|
193
|
-
<input type="password" id="setupPw" placeholder="Enter a password (4+ characters)" autofocus>
|
|
194
|
-
<input type="password" id="setupPw2" placeholder="Confirm password">
|
|
195
|
-
<button class="btn-auth" onclick="doSetup()">Set Password & Enter</button>
|
|
367
|
+
<h1 data-i18n="title">OpenClaw Memory</h1>
|
|
368
|
+
<p style="font-size:12px;color:var(--text-sec);margin-bottom:6px" data-i18n="subtitle">Powered by MemOS</p>
|
|
369
|
+
<p data-i18n="setup.desc">Set a password to protect your memories</p>
|
|
370
|
+
<input type="password" id="setupPw" data-i18n-ph="setup.pw" placeholder="Enter a password (4+ characters)" autofocus>
|
|
371
|
+
<input type="password" id="setupPw2" data-i18n-ph="setup.pw2" placeholder="Confirm password">
|
|
372
|
+
<button class="btn-auth" onclick="doSetup()" data-i18n="setup.btn">Set Password & Enter</button>
|
|
196
373
|
<div class="error-msg" id="setupErr"></div>
|
|
197
374
|
</div>
|
|
198
375
|
</div>
|
|
199
376
|
|
|
200
377
|
<!-- ─── Auth: Login ─── -->
|
|
201
378
|
<div id="loginScreen" class="auth-screen" style="display:none">
|
|
379
|
+
<div class="auth-top-actions">
|
|
380
|
+
<button class="auth-theme-toggle" onclick="toggleViewerTheme()" title="Toggle light/dark" aria-label="Toggle theme"><span class="theme-icon-dark">\u{1F319}</span><span class="theme-icon-light">\u2600</span></button>
|
|
381
|
+
<button class="auth-theme-toggle" onclick="toggleLang()" aria-label="Switch language"><span data-i18n="lang.switch">EN</span></button>
|
|
382
|
+
</div>
|
|
202
383
|
<div class="auth-card">
|
|
203
384
|
<div class="logo">\u{1F99E}</div>
|
|
204
|
-
<h1>OpenClaw Memory</h1>
|
|
205
|
-
<p style="font-size:12px;color:var(--text-sec);margin-bottom:6px">Powered by MemOS</p>
|
|
206
|
-
<p>Enter your password to access memories</p>
|
|
385
|
+
<h1 data-i18n="title">OpenClaw Memory</h1>
|
|
386
|
+
<p style="font-size:12px;color:var(--text-sec);margin-bottom:6px" data-i18n="subtitle">Powered by MemOS</p>
|
|
387
|
+
<p data-i18n="login.desc">Enter your password to access memories</p>
|
|
207
388
|
<div id="loginForm">
|
|
208
|
-
<input type="password" id="loginPw" placeholder="Password" autofocus>
|
|
209
|
-
<button class="btn-auth" onclick="doLogin()">Unlock</button>
|
|
389
|
+
<input type="password" id="loginPw" data-i18n-ph="login.pw" placeholder="Password" autofocus>
|
|
390
|
+
<button class="btn-auth" onclick="doLogin()" data-i18n="login.btn">Unlock</button>
|
|
210
391
|
<div class="error-msg" id="loginErr"></div>
|
|
211
|
-
<button class="btn-text" style="margin-top:12px;font-size:13px;color:var(--text-sec)" onclick="showResetForm()">Forgot password?</button>
|
|
392
|
+
<button class="btn-text" style="margin-top:12px;font-size:13px;color:var(--text-sec)" onclick="showResetForm()" data-i18n="login.forgot">Forgot password?</button>
|
|
212
393
|
</div>
|
|
213
394
|
<div id="resetForm" style="display:none">
|
|
214
395
|
<div class="reset-guide">
|
|
215
396
|
<div class="reset-step">
|
|
216
397
|
<div class="step-num">1</div>
|
|
217
398
|
<div class="step-body">
|
|
218
|
-
<div class="step-title">Open Terminal</div>
|
|
219
|
-
<div class="step-desc">Run the following command to get your reset token (use the pattern below so you get the line that contains the token):</div>
|
|
399
|
+
<div class="step-title" data-i18n="reset.step1.title">Open Terminal</div>
|
|
400
|
+
<div class="step-desc" data-i18n="reset.step1.desc">Run the following command to get your reset token (use the pattern below so you get the line that contains the token):</div>
|
|
220
401
|
<div class="cmd-box" onclick="copyCmd(this)">
|
|
221
402
|
<code>grep "password reset token:" /tmp/openclaw/openclaw-*.log ~/.openclaw/logs/gateway.log 2>/dev/null | tail -1</code>
|
|
222
|
-
<span class="copy-hint">Click to copy</span>
|
|
403
|
+
<span class="copy-hint" data-i18n="copy.hint">Click to copy</span>
|
|
223
404
|
</div>
|
|
224
405
|
</div>
|
|
225
406
|
</div>
|
|
226
407
|
<div class="reset-step">
|
|
227
408
|
<div class="step-num">2</div>
|
|
228
409
|
<div class="step-body">
|
|
229
|
-
<div class="step-title">Find the token</div>
|
|
230
|
-
<div class="step-desc">In the output, find <span style="font-family:monospace;font-size:12px;color:var(--pri)">password reset token: <strong>a1b2c3d4e5f6...</strong></span> (plain line or inside JSON). Copy the 32-character hex string after the colon.</div>
|
|
410
|
+
<div class="step-title" data-i18n="reset.step2.title">Find the token</div>
|
|
411
|
+
<div class="step-desc" id="resetStep2Desc">In the output, find <span style="font-family:monospace;font-size:12px;color:var(--pri)">password reset token: <strong>a1b2c3d4e5f6...</strong></span> (plain line or inside JSON). Copy the 32-character hex string after the colon.</div>
|
|
231
412
|
</div>
|
|
232
413
|
</div>
|
|
233
414
|
<div class="reset-step">
|
|
234
415
|
<div class="step-num">3</div>
|
|
235
416
|
<div class="step-body">
|
|
236
|
-
<div class="step-title">Paste & reset</div>
|
|
237
|
-
<div class="step-desc">Paste the token below and set your new password.</div>
|
|
417
|
+
<div class="step-title" data-i18n="reset.step3.title">Paste & reset</div>
|
|
418
|
+
<div class="step-desc" data-i18n="reset.step3.desc">Paste the token below and set your new password.</div>
|
|
238
419
|
</div>
|
|
239
420
|
</div>
|
|
240
421
|
</div>
|
|
241
|
-
<input type="text" id="resetToken" placeholder="Paste reset token here" style="margin-bottom:8px;font-family:monospace">
|
|
242
|
-
<input type="password" id="resetNewPw" placeholder="New password (4+ characters)">
|
|
243
|
-
<input type="password" id="resetNewPw2" placeholder="Confirm new password">
|
|
244
|
-
<button class="btn-auth" onclick="doReset()">Reset Password</button>
|
|
422
|
+
<input type="text" id="resetToken" data-i18n-ph="reset.token" placeholder="Paste reset token here" style="margin-bottom:8px;font-family:monospace">
|
|
423
|
+
<input type="password" id="resetNewPw" data-i18n-ph="reset.newpw" placeholder="New password (4+ characters)">
|
|
424
|
+
<input type="password" id="resetNewPw2" data-i18n-ph="reset.newpw2" placeholder="Confirm new password">
|
|
425
|
+
<button class="btn-auth" onclick="doReset()" data-i18n="reset.btn">Reset Password</button>
|
|
245
426
|
<div class="error-msg" id="resetErr"></div>
|
|
246
|
-
<button class="btn-text" style="margin-top:12px;font-size:13px;color:var(--text-sec)" onclick="showLoginForm()">\u2190 Back to login</button>
|
|
427
|
+
<button class="btn-text" style="margin-top:12px;font-size:13px;color:var(--text-sec)" onclick="showLoginForm()" data-i18n="reset.back">\u2190 Back to login</button>
|
|
247
428
|
</div>
|
|
248
429
|
</div>
|
|
249
430
|
</div>
|
|
@@ -253,77 +434,153 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
253
434
|
<div class="topbar">
|
|
254
435
|
<div class="brand">
|
|
255
436
|
<div class="icon">\u{1F99E}</div>
|
|
256
|
-
<span
|
|
437
|
+
<span data-i18n="title">OpenClaw Memory</span>
|
|
438
|
+
</div>
|
|
439
|
+
<div class="topbar-center">
|
|
440
|
+
<nav class="nav-tabs">
|
|
441
|
+
<button class="tab active" data-view="memories" onclick="switchView('memories')" data-i18n="tab.memories">\u{1F4DA} Memories</button>
|
|
442
|
+
<button class="tab" data-view="tasks" onclick="switchView('tasks')" data-i18n="tab.tasks">\u{1F4CB} Tasks</button>
|
|
443
|
+
<button class="tab" data-view="analytics" onclick="switchView('analytics')" data-i18n="tab.analytics">\u{1F4CA} Analytics</button>
|
|
444
|
+
</nav>
|
|
257
445
|
</div>
|
|
258
446
|
<div class="actions">
|
|
259
|
-
<button class="btn btn-
|
|
260
|
-
<button class="btn" onclick="
|
|
261
|
-
<button class="btn btn-
|
|
262
|
-
<button class="btn btn-
|
|
447
|
+
<button class="btn btn-icon" onclick="toggleLang()" aria-label="Switch language" style="font-size:12px;font-weight:700;padding:4px 8px"><span data-i18n="lang.switch">EN</span></button>
|
|
448
|
+
<button class="btn btn-icon theme-toggle" onclick="toggleViewerTheme()" title="Toggle light/dark" aria-label="Toggle theme"><span class="theme-icon-dark">\u{1F319}</span><span class="theme-icon-light">\u2600</span></button>
|
|
449
|
+
<button class="btn btn-ghost btn-sm" onclick="loadAll()" data-i18n="refresh">\u21BB Refresh</button>
|
|
450
|
+
<button class="btn btn-ghost btn-sm" onclick="doLogout()" data-i18n="logout">Logout</button>
|
|
263
451
|
</div>
|
|
264
452
|
</div>
|
|
265
453
|
|
|
266
454
|
<div class="main-content">
|
|
267
455
|
<div class="sidebar" id="sidebar">
|
|
268
456
|
<div class="stats-grid" id="statsGrid">
|
|
269
|
-
<div class="stat-card pri"><div class="stat-value" id="statTotal">-</div><div class="stat-label">Memories</div></div>
|
|
270
|
-
<div class="stat-card green"><div class="stat-value" id="statSessions">-</div><div class="stat-label">Sessions</div></div>
|
|
271
|
-
<div class="stat-card amber"><div class="stat-value" id="statEmbeddings">-</div><div class="stat-label">Embeddings</div></div>
|
|
272
|
-
<div class="stat-card rose"><div class="stat-value" id="statTimeSpan">-</div><div class="stat-label">Days</div></div>
|
|
457
|
+
<div class="stat-card pri"><div class="stat-value" id="statTotal">-</div><div class="stat-label" data-i18n="stat.memories">Memories</div></div>
|
|
458
|
+
<div class="stat-card green"><div class="stat-value" id="statSessions">-</div><div class="stat-label" data-i18n="stat.sessions">Sessions</div></div>
|
|
459
|
+
<div class="stat-card amber"><div class="stat-value" id="statEmbeddings">-</div><div class="stat-label" data-i18n="stat.embeddings">Embeddings</div></div>
|
|
460
|
+
<div class="stat-card rose"><div class="stat-value" id="statTimeSpan">-</div><div class="stat-label" data-i18n="stat.days">Days</div></div>
|
|
273
461
|
</div>
|
|
274
462
|
<div id="embeddingStatus"></div>
|
|
275
|
-
<div class="section-title">Sessions</div>
|
|
463
|
+
<div class="section-title" data-i18n="sidebar.sessions">Sessions</div>
|
|
276
464
|
<div class="session-list" id="sessionList"></div>
|
|
465
|
+
<button class="btn btn-sm btn-ghost" style="width:100%;margin-top:20px;justify-content:center;color:var(--text-muted);font-size:11px" onclick="clearAll()" data-i18n="sidebar.clear">\u{1F5D1} Clear All Data</button>
|
|
277
466
|
</div>
|
|
278
467
|
|
|
468
|
+
<div class="feed-wrap" id="feedWrap">
|
|
279
469
|
<div class="feed">
|
|
280
470
|
<div class="search-bar">
|
|
281
471
|
<span class="search-icon">\u{1F50D}</span>
|
|
282
|
-
<input type="text" id="searchInput" placeholder="Search memories (supports semantic search)..." oninput="debounceSearch()">
|
|
472
|
+
<input type="text" id="searchInput" data-i18n-ph="search.placeholder" placeholder="Search memories (supports semantic search)..." oninput="debounceSearch()">
|
|
283
473
|
</div>
|
|
284
474
|
<div class="search-meta" id="searchMeta"></div>
|
|
285
475
|
<div class="filter-bar" id="filterBar">
|
|
286
|
-
<button class="filter-chip active" data-role="" onclick="setRoleFilter(this,'')">All</button>
|
|
476
|
+
<button class="filter-chip active" data-role="" onclick="setRoleFilter(this,'')" data-i18n="filter.all">All</button>
|
|
287
477
|
<button class="filter-chip" data-role="user" onclick="setRoleFilter(this,'user')">User</button>
|
|
288
478
|
<button class="filter-chip" data-role="assistant" onclick="setRoleFilter(this,'assistant')">Assistant</button>
|
|
289
479
|
<button class="filter-chip" data-role="system" onclick="setRoleFilter(this,'system')">System</button>
|
|
290
480
|
<span class="filter-sep"></span>
|
|
291
481
|
<select id="filterKind" class="filter-select" onchange="applyFilters()">
|
|
292
|
-
<option value="">All kinds</option>
|
|
293
|
-
<option value="paragraph">Paragraph</option>
|
|
294
|
-
<option value="code_block">Code</option>
|
|
295
|
-
<option value="dialog">Dialog</option>
|
|
296
|
-
<option value="list">List</option>
|
|
297
|
-
<option value="error_stack">Error</option>
|
|
298
|
-
<option value="command">Command</option>
|
|
482
|
+
<option value="" data-i18n="filter.allkinds">All kinds</option>
|
|
483
|
+
<option value="paragraph" data-i18n="filter.paragraph">Paragraph</option>
|
|
484
|
+
<option value="code_block" data-i18n="filter.code">Code</option>
|
|
485
|
+
<option value="dialog" data-i18n="filter.dialog">Dialog</option>
|
|
486
|
+
<option value="list" data-i18n="filter.list">List</option>
|
|
487
|
+
<option value="error_stack" data-i18n="filter.error">Error</option>
|
|
488
|
+
<option value="command" data-i18n="filter.command">Command</option>
|
|
299
489
|
</select>
|
|
300
490
|
<select id="filterSort" class="filter-select" onchange="applyFilters()">
|
|
301
|
-
<option value="newest">Newest first</option>
|
|
302
|
-
<option value="oldest">Oldest first</option>
|
|
491
|
+
<option value="newest" data-i18n="filter.newest">Newest first</option>
|
|
492
|
+
<option value="oldest" data-i18n="filter.oldest">Oldest first</option>
|
|
303
493
|
</select>
|
|
304
494
|
</div>
|
|
305
495
|
<div class="date-filter">
|
|
306
|
-
<label>From</label><input type="datetime-local" id="dateFrom" step="1" onchange="applyFilters()">
|
|
307
|
-
<label>To</label><input type="datetime-local" id="dateTo" step="1" onchange="applyFilters()">
|
|
308
|
-
<button class="btn btn-sm btn-text" onclick="clearDateFilter()">Clear</button>
|
|
496
|
+
<label data-i18n="filter.from">From</label><input type="datetime-local" id="dateFrom" step="1" onchange="applyFilters()">
|
|
497
|
+
<label data-i18n="filter.to">To</label><input type="datetime-local" id="dateTo" step="1" onchange="applyFilters()">
|
|
498
|
+
<button class="btn btn-sm btn-text" onclick="clearDateFilter()" data-i18n="filter.clear">Clear</button>
|
|
309
499
|
</div>
|
|
310
500
|
<div class="memory-list" id="memoryList"><div class="spinner"></div></div>
|
|
311
501
|
<div class="pagination" id="pagination"></div>
|
|
312
502
|
</div>
|
|
503
|
+
</div>
|
|
504
|
+
<div class="tasks-view" id="tasksView">
|
|
505
|
+
<div class="tasks-header">
|
|
506
|
+
<div class="tasks-stats">
|
|
507
|
+
<div class="tasks-stat"><span class="tasks-stat-value" id="tasksTotalCount">-</span><span class="tasks-stat-label" data-i18n="tasks.total">Total Tasks</span></div>
|
|
508
|
+
<div class="tasks-stat"><span class="tasks-stat-value" id="tasksActiveCount">-</span><span class="tasks-stat-label" data-i18n="tasks.active">Active</span></div>
|
|
509
|
+
<div class="tasks-stat"><span class="tasks-stat-value" id="tasksCompletedCount">-</span><span class="tasks-stat-label" data-i18n="tasks.completed">Completed</span></div>
|
|
510
|
+
<div class="tasks-stat"><span class="tasks-stat-value" id="tasksSkippedCount">-</span><span class="tasks-stat-label" data-i18n="tasks.status.skipped">Skipped</span></div>
|
|
511
|
+
</div>
|
|
512
|
+
<div class="tasks-filters">
|
|
513
|
+
<button class="filter-chip active" data-task-status="" onclick="setTaskStatusFilter(this,'')" data-i18n="filter.all">All</button>
|
|
514
|
+
<button class="filter-chip" data-task-status="active" onclick="setTaskStatusFilter(this,'active')" data-i18n="tasks.status.active">Active</button>
|
|
515
|
+
<button class="filter-chip" data-task-status="completed" onclick="setTaskStatusFilter(this,'completed')" data-i18n="tasks.status.completed">Completed</button>
|
|
516
|
+
<button class="filter-chip" data-task-status="skipped" onclick="setTaskStatusFilter(this,'skipped')" data-i18n="tasks.status.skipped">Skipped</button>
|
|
517
|
+
<button class="btn btn-sm btn-ghost" onclick="loadTasks()" style="margin-left:auto" data-i18n="refresh">\u21BB Refresh</button>
|
|
518
|
+
</div>
|
|
519
|
+
</div>
|
|
520
|
+
<div class="tasks-list" id="tasksList"><div class="spinner"></div></div>
|
|
521
|
+
<div class="pagination" id="tasksPagination"></div>
|
|
522
|
+
<div class="task-detail-overlay" id="taskDetailOverlay" onclick="closeTaskDetail(event)">
|
|
523
|
+
<div class="task-detail-panel" onclick="event.stopPropagation()">
|
|
524
|
+
<div class="task-detail-header">
|
|
525
|
+
<h2 id="taskDetailTitle"></h2>
|
|
526
|
+
<button class="btn btn-icon" onclick="closeTaskDetail()" title="Close">\u2715</button>
|
|
527
|
+
</div>
|
|
528
|
+
<div class="task-detail-meta" id="taskDetailMeta"></div>
|
|
529
|
+
<div class="task-detail-summary" id="taskDetailSummary"></div>
|
|
530
|
+
<div class="task-detail-chunks-title" data-i18n="tasks.chunks">Related Memories</div>
|
|
531
|
+
<div class="task-detail-chunks" id="taskDetailChunks"></div>
|
|
532
|
+
</div>
|
|
533
|
+
</div>
|
|
534
|
+
</div>
|
|
535
|
+
<div class="analytics-view" id="analyticsView">
|
|
536
|
+
<div class="metrics-toolbar">
|
|
537
|
+
<span style="font-size:12px;color:var(--text-sec);font-weight:600" data-i18n="range">Range</span>
|
|
538
|
+
<button class="range-btn" data-days="7" onclick="setMetricsDays(7)">7 <span data-i18n="range.days">days</span></button>
|
|
539
|
+
<button class="range-btn active" data-days="30" onclick="setMetricsDays(30)">30 <span data-i18n="range.days">days</span></button>
|
|
540
|
+
<button class="range-btn" data-days="90" onclick="setMetricsDays(90)">90 <span data-i18n="range.days">days</span></button>
|
|
541
|
+
<button class="btn btn-sm" onclick="loadMetrics()" style="margin-left:auto" data-i18n="refresh">\u21BB Refresh</button>
|
|
542
|
+
</div>
|
|
543
|
+
<div class="analytics-cards" id="analyticsCards">
|
|
544
|
+
<div class="analytics-card"><div class="ac-value" id="mTotal">-</div><div class="ac-label" data-i18n="analytics.total">Total Memories</div></div>
|
|
545
|
+
<div class="analytics-card green"><div class="ac-value" id="mTodayWrites">-</div><div class="ac-label" data-i18n="analytics.writes">Writes Today</div></div>
|
|
546
|
+
<div class="analytics-card violet"><div class="ac-value" id="mTodayCalls">-</div><div class="ac-label" data-i18n="analytics.calls">Viewer Calls Today</div></div>
|
|
547
|
+
<div class="analytics-card"><div class="ac-value" id="mSessions">-</div><div class="ac-label" data-i18n="analytics.sessions">Sessions</div></div>
|
|
548
|
+
<div class="analytics-card amber"><div class="ac-value" id="mEmbeddings">-</div><div class="ac-label" data-i18n="analytics.embeddings">Embeddings</div></div>
|
|
549
|
+
</div>
|
|
550
|
+
<div class="analytics-section">
|
|
551
|
+
<h3><span class="icon">\u{1F4CA}</span> <span data-i18n="chart.writes">Memory Writes per Day</span></h3>
|
|
552
|
+
<div class="chart-bars" id="chartWrites"></div>
|
|
553
|
+
</div>
|
|
554
|
+
<div class="analytics-section">
|
|
555
|
+
<h3><span class="icon">\u{1F50D}</span> <span data-i18n="chart.calls">Viewer API Calls per Day (List / Search)</span></h3>
|
|
556
|
+
<div class="chart-bars" id="chartCalls"></div>
|
|
557
|
+
<div class="chart-legend"><span><span class="dot pri"></span> <span data-i18n="chart.list">List</span></span><span><span class="dot violet"></span> <span data-i18n="chart.search">Search</span></span></div>
|
|
558
|
+
</div>
|
|
559
|
+
<div class="breakdown-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:24px">
|
|
560
|
+
<div class="analytics-section">
|
|
561
|
+
<h3><span class="icon">\u{1F464}</span> <span data-i18n="breakdown.role">By Role</span></h3>
|
|
562
|
+
<div id="breakdownRole"></div>
|
|
563
|
+
</div>
|
|
564
|
+
<div class="analytics-section">
|
|
565
|
+
<h3><span class="icon">\u{1F4DD}</span> <span data-i18n="breakdown.kind">By Kind</span></h3>
|
|
566
|
+
<div id="breakdownKind"></div>
|
|
567
|
+
</div>
|
|
568
|
+
</div>
|
|
569
|
+
</div>
|
|
313
570
|
</div>
|
|
314
571
|
</div>
|
|
315
572
|
|
|
316
573
|
<!-- ─── Memory Modal ─── -->
|
|
317
574
|
<div class="modal-overlay" id="modalOverlay">
|
|
318
575
|
<div class="modal">
|
|
319
|
-
<h2 id="modalTitle">New Memory</h2>
|
|
320
|
-
<div class="form-group"><label>Role</label><select id="mRole"><option value="user">User</option><option value="assistant">Assistant</option><option value="system">System</option></select></div>
|
|
321
|
-
<div class="form-group"><label>Content</label><textarea id="mContent" rows="4" placeholder="Memory content..."></textarea></div>
|
|
322
|
-
<div class="form-group"><label>Summary</label><input type="text" id="mSummary" placeholder="Brief summary (optional)"></div>
|
|
323
|
-
<div class="form-group"><label>Kind</label><select id="mKind"><option value="paragraph">Paragraph</option><option value="code">Code</option><option value="dialog">Dialog</option></select></div>
|
|
576
|
+
<h2 id="modalTitle" data-i18n="modal.new">New Memory</h2>
|
|
577
|
+
<div class="form-group"><label data-i18n="modal.role">Role</label><select id="mRole"><option value="user">User</option><option value="assistant">Assistant</option><option value="system">System</option></select></div>
|
|
578
|
+
<div class="form-group"><label data-i18n="modal.content">Content</label><textarea id="mContent" rows="4" data-i18n-ph="modal.content.ph" placeholder="Memory content..."></textarea></div>
|
|
579
|
+
<div class="form-group"><label data-i18n="modal.summary">Summary</label><input type="text" id="mSummary" data-i18n-ph="modal.summary.ph" placeholder="Brief summary (optional)"></div>
|
|
580
|
+
<div class="form-group"><label data-i18n="modal.kind">Kind</label><select id="mKind"><option value="paragraph" data-i18n="filter.paragraph">Paragraph</option><option value="code" data-i18n="filter.code">Code</option><option value="dialog" data-i18n="filter.dialog">Dialog</option></select></div>
|
|
324
581
|
<div class="modal-actions">
|
|
325
|
-
<button class="btn" onclick="closeModal()">Cancel</button>
|
|
326
|
-
<button class="btn btn-primary" id="modalSubmit" onclick="submitModal()">Create</button>
|
|
582
|
+
<button class="btn btn-ghost" onclick="closeModal()" data-i18n="modal.cancel">Cancel</button>
|
|
583
|
+
<button class="btn btn-primary" id="modalSubmit" onclick="submitModal()" data-i18n="modal.create">Create</button>
|
|
327
584
|
</div>
|
|
328
585
|
</div>
|
|
329
586
|
</div>
|
|
@@ -332,7 +589,276 @@ input,textarea,select{font-family:inherit;font-size:inherit}
|
|
|
332
589
|
<div class="toast-container" id="toasts"></div>
|
|
333
590
|
|
|
334
591
|
<script>
|
|
335
|
-
let activeSession=null,activeRole='',editingId=null,searchTimer=null,memoryCache={},currentPage=1,totalPages=1,totalCount=0,PAGE_SIZE=30;
|
|
592
|
+
let activeSession=null,activeRole='',editingId=null,searchTimer=null,memoryCache={},currentPage=1,totalPages=1,totalCount=0,PAGE_SIZE=30,metricsDays=30;
|
|
593
|
+
|
|
594
|
+
/* ─── i18n ─── */
|
|
595
|
+
const I18N={
|
|
596
|
+
en:{
|
|
597
|
+
'title':'OpenClaw Memory',
|
|
598
|
+
'subtitle':'Powered by MemOS',
|
|
599
|
+
'setup.desc':'Set a password to protect your memories',
|
|
600
|
+
'setup.pw':'Enter a password (4+ characters)',
|
|
601
|
+
'setup.pw2':'Confirm password',
|
|
602
|
+
'setup.btn':'Set Password & Enter',
|
|
603
|
+
'setup.err.short':'Password must be at least 4 characters',
|
|
604
|
+
'setup.err.mismatch':'Passwords do not match',
|
|
605
|
+
'setup.err.fail':'Setup failed',
|
|
606
|
+
'login.desc':'Enter your password to access memories',
|
|
607
|
+
'login.pw':'Password',
|
|
608
|
+
'login.btn':'Unlock',
|
|
609
|
+
'login.err':'Incorrect password',
|
|
610
|
+
'login.forgot':'Forgot password?',
|
|
611
|
+
'reset.step1.title':'Open Terminal',
|
|
612
|
+
'reset.step1.desc':'Run the following command to get your reset token (use the pattern below so you get the line that contains the token):',
|
|
613
|
+
'reset.step2.title':'Find the token',
|
|
614
|
+
'reset.step2.desc.pre':'In the output, find ',
|
|
615
|
+
'reset.step2.desc.post':' (plain line or inside JSON). Copy the 32-character hex string after the colon.',
|
|
616
|
+
'reset.step3.title':'Paste & reset',
|
|
617
|
+
'reset.step3.desc':'Paste the token below and set your new password.',
|
|
618
|
+
'reset.token':'Paste reset token here',
|
|
619
|
+
'reset.newpw':'New password (4+ characters)',
|
|
620
|
+
'reset.newpw2':'Confirm new password',
|
|
621
|
+
'reset.btn':'Reset Password',
|
|
622
|
+
'reset.err.token':'Please enter the reset token',
|
|
623
|
+
'reset.err.short':'Password must be at least 4 characters',
|
|
624
|
+
'reset.err.mismatch':'Passwords do not match',
|
|
625
|
+
'reset.err.fail':'Reset failed',
|
|
626
|
+
'reset.back':'\\u2190 Back to login',
|
|
627
|
+
'copy.hint':'Click to copy',
|
|
628
|
+
'copy.done':'Copied!',
|
|
629
|
+
'tab.memories':'\\u{1F4DA} Memories',
|
|
630
|
+
'tab.tasks':'\\u{1F4CB} Tasks',
|
|
631
|
+
'tab.analytics':'\\u{1F4CA} Analytics',
|
|
632
|
+
'tasks.total':'Total Tasks',
|
|
633
|
+
'tasks.active':'Active',
|
|
634
|
+
'tasks.completed':'Completed',
|
|
635
|
+
'tasks.status.active':'Active',
|
|
636
|
+
'tasks.status.completed':'Completed',
|
|
637
|
+
'tasks.status.skipped':'Skipped',
|
|
638
|
+
'tasks.empty':'No tasks yet. Tasks are automatically created as you converse.',
|
|
639
|
+
'tasks.loading':'Loading...',
|
|
640
|
+
'tasks.untitled':'Untitled Task',
|
|
641
|
+
'tasks.chunks':'Related Memories',
|
|
642
|
+
'tasks.nochunks':'No memories in this task yet.',
|
|
643
|
+
'tasks.skipped.default':'This conversation was too brief to generate a summary. It will not appear in search results.',
|
|
644
|
+
'refresh':'\\u21BB Refresh',
|
|
645
|
+
'logout':'Logout',
|
|
646
|
+
'stat.memories':'Memories',
|
|
647
|
+
'stat.sessions':'Sessions',
|
|
648
|
+
'stat.embeddings':'Embeddings',
|
|
649
|
+
'stat.days':'Days',
|
|
650
|
+
'sidebar.sessions':'Sessions',
|
|
651
|
+
'sidebar.allsessions':'All Sessions',
|
|
652
|
+
'sidebar.clear':'\\u{1F5D1} Clear All Data',
|
|
653
|
+
'search.placeholder':'Search memories (supports semantic search)...',
|
|
654
|
+
'search.meta.total':' memories total',
|
|
655
|
+
'search.meta.semantic':' semantic',
|
|
656
|
+
'search.meta.text':' text',
|
|
657
|
+
'search.meta.results':' results',
|
|
658
|
+
'filter.all':'All',
|
|
659
|
+
'filter.allkinds':'All kinds',
|
|
660
|
+
'filter.paragraph':'Paragraph',
|
|
661
|
+
'filter.code':'Code',
|
|
662
|
+
'filter.dialog':'Dialog',
|
|
663
|
+
'filter.list':'List',
|
|
664
|
+
'filter.error':'Error',
|
|
665
|
+
'filter.command':'Command',
|
|
666
|
+
'filter.newest':'Newest first',
|
|
667
|
+
'filter.oldest':'Oldest first',
|
|
668
|
+
'filter.from':'From',
|
|
669
|
+
'filter.to':'To',
|
|
670
|
+
'filter.clear':'Clear',
|
|
671
|
+
'empty.text':'No memories found',
|
|
672
|
+
'card.expand':'Expand',
|
|
673
|
+
'card.edit':'Edit',
|
|
674
|
+
'card.delete':'Delete',
|
|
675
|
+
'pagination.total':' total',
|
|
676
|
+
'range':'Range',
|
|
677
|
+
'range.days':'days',
|
|
678
|
+
'analytics.total':'Total Memories',
|
|
679
|
+
'analytics.writes':'Writes Today',
|
|
680
|
+
'analytics.calls':'Viewer Calls Today',
|
|
681
|
+
'analytics.sessions':'Sessions',
|
|
682
|
+
'analytics.embeddings':'Embeddings',
|
|
683
|
+
'chart.writes':'Memory Writes per Day',
|
|
684
|
+
'chart.calls':'Viewer API Calls per Day (List / Search)',
|
|
685
|
+
'chart.nodata':'No data in this range',
|
|
686
|
+
'chart.nocalls':'No viewer calls in this range',
|
|
687
|
+
'chart.list':'List',
|
|
688
|
+
'chart.search':'Search',
|
|
689
|
+
'breakdown.role':'By Role',
|
|
690
|
+
'breakdown.kind':'By Kind',
|
|
691
|
+
'modal.new':'New Memory',
|
|
692
|
+
'modal.edit':'Edit Memory',
|
|
693
|
+
'modal.role':'Role',
|
|
694
|
+
'modal.content':'Content',
|
|
695
|
+
'modal.content.ph':'Memory content...',
|
|
696
|
+
'modal.summary':'Summary',
|
|
697
|
+
'modal.summary.ph':'Brief summary (optional)',
|
|
698
|
+
'modal.kind':'Kind',
|
|
699
|
+
'modal.cancel':'Cancel',
|
|
700
|
+
'modal.create':'Create',
|
|
701
|
+
'modal.save':'Save',
|
|
702
|
+
'modal.err.empty':'Please enter content',
|
|
703
|
+
'toast.created':'Memory created',
|
|
704
|
+
'toast.updated':'Memory updated',
|
|
705
|
+
'toast.deleted':'Memory deleted',
|
|
706
|
+
'toast.opfail':'Operation failed',
|
|
707
|
+
'toast.delfail':'Delete failed',
|
|
708
|
+
'toast.cleared':'All memories cleared',
|
|
709
|
+
'toast.clearfail':'Clear failed',
|
|
710
|
+
'toast.notfound':'Memory not found in cache',
|
|
711
|
+
'confirm.delete':'Delete this memory?',
|
|
712
|
+
'confirm.clearall':'Delete ALL memories? This cannot be undone.',
|
|
713
|
+
'confirm.clearall2':'Are you absolutely sure?',
|
|
714
|
+
'embed.on':'Embedding: ',
|
|
715
|
+
'embed.off':'No embedding model',
|
|
716
|
+
'lang.switch':'中'
|
|
717
|
+
},
|
|
718
|
+
zh:{
|
|
719
|
+
'title':'OpenClaw 记忆',
|
|
720
|
+
'subtitle':'由 MemOS 驱动',
|
|
721
|
+
'setup.desc':'设置密码以保护你的记忆数据',
|
|
722
|
+
'setup.pw':'输入密码（至少4位）',
|
|
723
|
+
'setup.pw2':'确认密码',
|
|
724
|
+
'setup.btn':'设置密码并进入',
|
|
725
|
+
'setup.err.short':'密码至少需要4个字符',
|
|
726
|
+
'setup.err.mismatch':'两次密码不一致',
|
|
727
|
+
'setup.err.fail':'设置失败',
|
|
728
|
+
'login.desc':'输入密码以访问记忆',
|
|
729
|
+
'login.pw':'密码',
|
|
730
|
+
'login.btn':'解锁',
|
|
731
|
+
'login.err':'密码错误',
|
|
732
|
+
'login.forgot':'忘记密码？',
|
|
733
|
+
'reset.step1.title':'打开终端',
|
|
734
|
+
'reset.step1.desc':'运行以下命令获取重置令牌：',
|
|
735
|
+
'reset.step2.title':'找到令牌',
|
|
736
|
+
'reset.step2.desc.pre':'在输出中找到 ',
|
|
737
|
+
'reset.step2.desc.post':'（纯文本行或 JSON 内）。复制冒号后的32位十六进制字符串。',
|
|
738
|
+
'reset.step3.title':'粘贴并重置',
|
|
739
|
+
'reset.step3.desc':'将令牌粘贴到下方并设置新密码。',
|
|
740
|
+
'reset.token':'在此粘贴重置令牌',
|
|
741
|
+
'reset.newpw':'新密码（至少4位）',
|
|
742
|
+
'reset.newpw2':'确认新密码',
|
|
743
|
+
'reset.btn':'重置密码',
|
|
744
|
+
'reset.err.token':'请输入重置令牌',
|
|
745
|
+
'reset.err.short':'密码至少需要4个字符',
|
|
746
|
+
'reset.err.mismatch':'两次密码不一致',
|
|
747
|
+
'reset.err.fail':'重置失败',
|
|
748
|
+
'reset.back':'\\u2190 返回登录',
|
|
749
|
+
'copy.hint':'点击复制',
|
|
750
|
+
'copy.done':'已复制！',
|
|
751
|
+
'tab.memories':'\\u{1F4DA} 记忆',
|
|
752
|
+
'tab.tasks':'\\u{1F4CB} 任务',
|
|
753
|
+
'tab.analytics':'\\u{1F4CA} 分析',
|
|
754
|
+
'tasks.total':'任务总数',
|
|
755
|
+
'tasks.active':'进行中',
|
|
756
|
+
'tasks.completed':'已完成',
|
|
757
|
+
'tasks.status.active':'进行中',
|
|
758
|
+
'tasks.status.completed':'已完成',
|
|
759
|
+
'tasks.status.skipped':'已跳过',
|
|
760
|
+
'tasks.empty':'暂无任务。任务会随着对话自动创建。',
|
|
761
|
+
'tasks.loading':'加载中...',
|
|
762
|
+
'tasks.untitled':'未命名任务',
|
|
763
|
+
'tasks.chunks':'关联记忆',
|
|
764
|
+
'tasks.nochunks':'此任务暂无关联记忆。',
|
|
765
|
+
'tasks.skipped.default':'对话内容过少，未生成摘要。该任务不会出现在检索结果中。',
|
|
766
|
+
'refresh':'\\u21BB 刷新',
|
|
767
|
+
'logout':'退出',
|
|
768
|
+
'stat.memories':'记忆',
|
|
769
|
+
'stat.sessions':'会话',
|
|
770
|
+
'stat.embeddings':'嵌入',
|
|
771
|
+
'stat.days':'天数',
|
|
772
|
+
'sidebar.sessions':'会话列表',
|
|
773
|
+
'sidebar.allsessions':'全部会话',
|
|
774
|
+
'sidebar.clear':'\\u{1F5D1} 清除所有数据',
|
|
775
|
+
'search.placeholder':'搜索记忆（支持语义搜索）...',
|
|
776
|
+
'search.meta.total':' 条记忆',
|
|
777
|
+
'search.meta.semantic':' 语义',
|
|
778
|
+
'search.meta.text':' 文本',
|
|
779
|
+
'search.meta.results':' 条结果',
|
|
780
|
+
'filter.all':'全部',
|
|
781
|
+
'filter.allkinds':'所有类型',
|
|
782
|
+
'filter.paragraph':'段落',
|
|
783
|
+
'filter.code':'代码',
|
|
784
|
+
'filter.dialog':'对话',
|
|
785
|
+
'filter.list':'列表',
|
|
786
|
+
'filter.error':'错误',
|
|
787
|
+
'filter.command':'命令',
|
|
788
|
+
'filter.newest':'最新优先',
|
|
789
|
+
'filter.oldest':'最早优先',
|
|
790
|
+
'filter.from':'起始',
|
|
791
|
+
'filter.to':'截止',
|
|
792
|
+
'filter.clear':'清除',
|
|
793
|
+
'empty.text':'暂无记忆',
|
|
794
|
+
'card.expand':'展开',
|
|
795
|
+
'card.edit':'编辑',
|
|
796
|
+
'card.delete':'删除',
|
|
797
|
+
'pagination.total':' 条',
|
|
798
|
+
'range':'范围',
|
|
799
|
+
'range.days':'天',
|
|
800
|
+
'analytics.total':'总记忆数',
|
|
801
|
+
'analytics.writes':'今日写入',
|
|
802
|
+
'analytics.calls':'今日查看器调用',
|
|
803
|
+
'analytics.sessions':'会话数',
|
|
804
|
+
'analytics.embeddings':'嵌入数',
|
|
805
|
+
'chart.writes':'每日记忆写入',
|
|
806
|
+
'chart.calls':'每日查看器 API 调用（列表 / 搜索）',
|
|
807
|
+
'chart.nodata':'此范围内暂无数据',
|
|
808
|
+
'chart.nocalls':'此范围内暂无查看器调用',
|
|
809
|
+
'chart.list':'列表',
|
|
810
|
+
'chart.search':'搜索',
|
|
811
|
+
'breakdown.role':'按角色',
|
|
812
|
+
'breakdown.kind':'按类型',
|
|
813
|
+
'modal.new':'新建记忆',
|
|
814
|
+
'modal.edit':'编辑记忆',
|
|
815
|
+
'modal.role':'角色',
|
|
816
|
+
'modal.content':'内容',
|
|
817
|
+
'modal.content.ph':'记忆内容...',
|
|
818
|
+
'modal.summary':'摘要',
|
|
819
|
+
'modal.summary.ph':'简要摘要（可选）',
|
|
820
|
+
'modal.kind':'类型',
|
|
821
|
+
'modal.cancel':'取消',
|
|
822
|
+
'modal.create':'创建',
|
|
823
|
+
'modal.save':'保存',
|
|
824
|
+
'modal.err.empty':'请输入内容',
|
|
825
|
+
'toast.created':'记忆已创建',
|
|
826
|
+
'toast.updated':'记忆已更新',
|
|
827
|
+
'toast.deleted':'记忆已删除',
|
|
828
|
+
'toast.opfail':'操作失败',
|
|
829
|
+
'toast.delfail':'删除失败',
|
|
830
|
+
'toast.cleared':'所有记忆已清除',
|
|
831
|
+
'toast.clearfail':'清除失败',
|
|
832
|
+
'toast.notfound':'缓存中未找到此记忆',
|
|
833
|
+
'confirm.delete':'确定要删除这条记忆吗？',
|
|
834
|
+
'confirm.clearall':'确定要删除所有记忆？此操作不可撤销。',
|
|
835
|
+
'confirm.clearall2':'你真的确定吗？',
|
|
836
|
+
'embed.on':'嵌入模型：',
|
|
837
|
+
'embed.off':'无嵌入模型',
|
|
838
|
+
'lang.switch':'EN'
|
|
839
|
+
}
|
|
840
|
+
};
|
|
841
|
+
const LANG_KEY='memos-viewer-lang';
|
|
842
|
+
let curLang=localStorage.getItem(LANG_KEY)||(navigator.language.startsWith('zh')?'zh':'en');
|
|
843
|
+
function t(key){return (I18N[curLang]||I18N.en)[key]||key;}
|
|
844
|
+
function setLang(lang){curLang=lang;localStorage.setItem(LANG_KEY,lang);applyI18n();}
|
|
845
|
+
function toggleLang(){setLang(curLang==='zh'?'en':'zh');}
|
|
846
|
+
|
|
847
|
+
function applyI18n(){
|
|
848
|
+
document.querySelectorAll('[data-i18n]').forEach(el=>{
|
|
849
|
+
const key=el.getAttribute('data-i18n');
|
|
850
|
+
if(key) el.textContent=t(key);
|
|
851
|
+
});
|
|
852
|
+
document.querySelectorAll('[data-i18n-ph]').forEach(el=>{
|
|
853
|
+
const key=el.getAttribute('data-i18n-ph');
|
|
854
|
+
if(key) el.placeholder=t(key);
|
|
855
|
+
});
|
|
856
|
+
const step2=document.getElementById('resetStep2Desc');
|
|
857
|
+
if(step2) step2.innerHTML=t('reset.step2.desc.pre')+'<span style="font-family:monospace;font-size:12px;color:var(--pri)">password reset token: <strong>a1b2c3d4e5f6...</strong></span>'+t('reset.step2.desc.post');
|
|
858
|
+
document.title=t('title')+' - MemOS';
|
|
859
|
+
if(typeof loadStats==='function' && document.getElementById('app').style.display==='flex'){loadStats();}
|
|
860
|
+
if(document.querySelector('.analytics-view.show') && typeof loadMetrics==='function'){loadMetrics();}
|
|
861
|
+
}
|
|
336
862
|
|
|
337
863
|
/* ─── Auth flow ─── */
|
|
338
864
|
async function checkAuth(){
|
|
@@ -354,12 +880,12 @@ async function doSetup(){
|
|
|
354
880
|
const pw=document.getElementById('setupPw').value;
|
|
355
881
|
const pw2=document.getElementById('setupPw2').value;
|
|
356
882
|
const err=document.getElementById('setupErr');
|
|
357
|
-
if(pw.length<4){err.textContent='
|
|
358
|
-
if(pw!==pw2){err.textContent='
|
|
883
|
+
if(pw.length<4){err.textContent=t('setup.err.short');return}
|
|
884
|
+
if(pw!==pw2){err.textContent=t('setup.err.mismatch');return}
|
|
359
885
|
const r=await fetch('/api/auth/setup',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({password:pw})});
|
|
360
886
|
const d=await r.json();
|
|
361
887
|
if(d.ok){document.getElementById('setupScreen').style.display='none';enterApp();}
|
|
362
|
-
else{err.textContent=d.error||'
|
|
888
|
+
else{err.textContent=d.error||t('setup.err.fail')}
|
|
363
889
|
}
|
|
364
890
|
|
|
365
891
|
async function doLogin(){
|
|
@@ -368,7 +894,7 @@ async function doLogin(){
|
|
|
368
894
|
const r=await fetch('/api/auth/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({password:pw})});
|
|
369
895
|
const d=await r.json();
|
|
370
896
|
if(d.ok){document.getElementById('loginScreen').style.display='none';enterApp();}
|
|
371
|
-
else{err.textContent='
|
|
897
|
+
else{err.textContent=t('login.err');document.getElementById('loginPw').value='';document.getElementById('loginPw').focus();}
|
|
372
898
|
}
|
|
373
899
|
|
|
374
900
|
async function doLogout(){
|
|
@@ -392,8 +918,8 @@ function copyCmd(el){
|
|
|
392
918
|
const code=el.querySelector('code').textContent;
|
|
393
919
|
navigator.clipboard.writeText(code).then(()=>{
|
|
394
920
|
el.classList.add('copied');
|
|
395
|
-
el.querySelector('.copy-hint').textContent='
|
|
396
|
-
setTimeout(()=>{el.classList.remove('copied');el.querySelector('.copy-hint').textContent='
|
|
921
|
+
el.querySelector('.copy-hint').textContent=t('copy.done');
|
|
922
|
+
setTimeout(()=>{el.classList.remove('copied');el.querySelector('.copy-hint').textContent=t('copy.hint')},2000);
|
|
397
923
|
});
|
|
398
924
|
}
|
|
399
925
|
|
|
@@ -402,13 +928,13 @@ async function doReset(){
|
|
|
402
928
|
const pw=document.getElementById('resetNewPw').value;
|
|
403
929
|
const pw2=document.getElementById('resetNewPw2').value;
|
|
404
930
|
const err=document.getElementById('resetErr');
|
|
405
|
-
if(!token){err.textContent='
|
|
406
|
-
if(pw.length<4){err.textContent='
|
|
407
|
-
if(pw!==pw2){err.textContent='
|
|
931
|
+
if(!token){err.textContent=t('reset.err.token');return}
|
|
932
|
+
if(pw.length<4){err.textContent=t('reset.err.short');return}
|
|
933
|
+
if(pw!==pw2){err.textContent=t('reset.err.mismatch');return}
|
|
408
934
|
const r=await fetch('/api/auth/reset',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({token,newPassword:pw})});
|
|
409
935
|
const d=await r.json();
|
|
410
936
|
if(d.ok){document.getElementById('loginScreen').style.display='none';enterApp();}
|
|
411
|
-
else{err.textContent=d.error||'
|
|
937
|
+
else{err.textContent=d.error||t('reset.err.fail')}
|
|
412
938
|
}
|
|
413
939
|
|
|
414
940
|
function enterApp(){
|
|
@@ -416,6 +942,281 @@ function enterApp(){
|
|
|
416
942
|
loadAll();
|
|
417
943
|
}
|
|
418
944
|
|
|
945
|
+
function switchView(view){
|
|
946
|
+
document.querySelectorAll('.nav-tabs .tab').forEach(t=>t.classList.toggle('active',t.dataset.view===view));
|
|
947
|
+
const feedWrap=document.getElementById('feedWrap');
|
|
948
|
+
const analyticsView=document.getElementById('analyticsView');
|
|
949
|
+
const tasksView=document.getElementById('tasksView');
|
|
950
|
+
feedWrap.classList.add('hide');
|
|
951
|
+
analyticsView.classList.remove('show');
|
|
952
|
+
tasksView.classList.remove('show');
|
|
953
|
+
if(view==='analytics'){
|
|
954
|
+
analyticsView.classList.add('show');
|
|
955
|
+
loadMetrics();
|
|
956
|
+
} else if(view==='tasks'){
|
|
957
|
+
tasksView.classList.add('show');
|
|
958
|
+
loadTasks();
|
|
959
|
+
} else {
|
|
960
|
+
feedWrap.classList.remove('hide');
|
|
961
|
+
}
|
|
962
|
+
}
|
|
963
|
+
|
|
964
|
+
function setMetricsDays(d){
|
|
965
|
+
metricsDays=d;
|
|
966
|
+
document.querySelectorAll('.metrics-toolbar .range-btn').forEach(btn=>btn.classList.toggle('active',Number(btn.dataset.days)===d));
|
|
967
|
+
loadMetrics();
|
|
968
|
+
}
|
|
969
|
+
|
|
970
|
+
async function loadMetrics(){
|
|
971
|
+
const r=await fetch('/api/metrics?days='+metricsDays);
|
|
972
|
+
const d=await r.json();
|
|
973
|
+
document.getElementById('mTotal').textContent=formatNum(d.totals.memories);
|
|
974
|
+
document.getElementById('mTodayWrites').textContent=formatNum(d.totals.todayWrites);
|
|
975
|
+
document.getElementById('mTodayCalls').textContent=formatNum(d.totals.todayViewerCalls);
|
|
976
|
+
document.getElementById('mSessions').textContent=formatNum(d.totals.sessions);
|
|
977
|
+
document.getElementById('mEmbeddings').textContent=formatNum(d.totals.embeddings);
|
|
978
|
+
renderChartWrites(d.writesPerDay);
|
|
979
|
+
renderChartCalls(d.viewerCallsPerDay);
|
|
980
|
+
renderBreakdown(d.roleBreakdown,'breakdownRole');
|
|
981
|
+
renderBreakdown(d.kindBreakdown,'breakdownKind');
|
|
982
|
+
}
|
|
983
|
+
|
|
984
|
+
function formatNum(n){return n>=1e6?(n/1e6).toFixed(1)+'M':n>=1e3?(n/1e3).toFixed(1)+'k':String(n);}
|
|
985
|
+
|
|
986
|
+
/* ─── Tasks View Logic ─── */
|
|
987
|
+
let tasksStatusFilter='';
|
|
988
|
+
let tasksPage=0;
|
|
989
|
+
const TASKS_PER_PAGE=20;
|
|
990
|
+
|
|
991
|
+
function setTaskStatusFilter(btn,status){
|
|
992
|
+
document.querySelectorAll('.tasks-filters .filter-chip').forEach(c=>c.classList.remove('active'));
|
|
993
|
+
btn.classList.add('active');
|
|
994
|
+
tasksStatusFilter=status;
|
|
995
|
+
tasksPage=0;
|
|
996
|
+
loadTasks();
|
|
997
|
+
}
|
|
998
|
+
|
|
999
|
+
async function loadTasks(){
|
|
1000
|
+
const list=document.getElementById('tasksList');
|
|
1001
|
+
list.innerHTML='<div class="spinner"></div>';
|
|
1002
|
+
try{
|
|
1003
|
+
const params=new URLSearchParams({limit:String(TASKS_PER_PAGE),offset:String(tasksPage*TASKS_PER_PAGE)});
|
|
1004
|
+
if(tasksStatusFilter) params.set('status',tasksStatusFilter);
|
|
1005
|
+
const r=await fetch('/api/tasks?'+params);
|
|
1006
|
+
const data=await r.json();
|
|
1007
|
+
|
|
1008
|
+
// stats
|
|
1009
|
+
const allR=await fetch('/api/tasks?limit=1&offset=0');
|
|
1010
|
+
const allD=await allR.json();
|
|
1011
|
+
document.getElementById('tasksTotalCount').textContent=formatNum(allD.total);
|
|
1012
|
+
|
|
1013
|
+
const activeR=await fetch('/api/tasks?status=active&limit=1&offset=0');
|
|
1014
|
+
const activeD=await activeR.json();
|
|
1015
|
+
document.getElementById('tasksActiveCount').textContent=formatNum(activeD.total);
|
|
1016
|
+
|
|
1017
|
+
const compR=await fetch('/api/tasks?status=completed&limit=1&offset=0');
|
|
1018
|
+
const compD=await compR.json();
|
|
1019
|
+
document.getElementById('tasksCompletedCount').textContent=formatNum(compD.total);
|
|
1020
|
+
|
|
1021
|
+
const skipR=await fetch('/api/tasks?status=skipped&limit=1&offset=0');
|
|
1022
|
+
const skipD=await skipR.json();
|
|
1023
|
+
document.getElementById('tasksSkippedCount').textContent=formatNum(skipD.total);
|
|
1024
|
+
|
|
1025
|
+
if(!data.tasks||data.tasks.length===0){
|
|
1026
|
+
list.innerHTML='<div style="text-align:center;padding:48px;color:var(--text-muted);font-size:14px" data-i18n="tasks.empty">'+t('tasks.empty')+'</div>';
|
|
1027
|
+
document.getElementById('tasksPagination').innerHTML='';
|
|
1028
|
+
return;
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
list.innerHTML=data.tasks.map(task=>{
|
|
1032
|
+
const timeStr=formatTime(task.startedAt);
|
|
1033
|
+
const endStr=task.endedAt?formatTime(task.endedAt):'';
|
|
1034
|
+
const durationStr=task.endedAt?formatDuration(task.endedAt-task.startedAt):'';
|
|
1035
|
+
return '<div class="task-card status-'+task.status+'" onclick="openTaskDetail(\\''+task.id+'\\')">'+
|
|
1036
|
+
'<div class="task-card-top">'+
|
|
1037
|
+
'<div class="task-card-title">'+esc(task.title)+'</div>'+
|
|
1038
|
+
'<span class="task-status-badge '+task.status+'">'+task.status+'</span>'+
|
|
1039
|
+
'</div>'+
|
|
1040
|
+
(task.summary?'<div class="task-card-summary">'+esc(task.summary)+'</div>':'')+
|
|
1041
|
+
'<div class="task-card-bottom">'+
|
|
1042
|
+
'<span class="tag"><span class="icon">\\u{1F4C5}</span> '+timeStr+'</span>'+
|
|
1043
|
+
(durationStr?'<span class="tag"><span class="icon">\\u23F1</span> '+durationStr+'</span>':'')+
|
|
1044
|
+
'<span class="tag"><span class="icon">\\u{1F4DD}</span> '+task.chunkCount+' '+(task.chunkCount===1?'chunk':'chunks')+'</span>'+
|
|
1045
|
+
'<span class="tag"><span class="icon">\\u{1F4C2}</span> '+task.sessionKey.slice(0,12)+'</span>'+
|
|
1046
|
+
'</div>'+
|
|
1047
|
+
'</div>';
|
|
1048
|
+
}).join('');
|
|
1049
|
+
|
|
1050
|
+
renderTasksPagination(data.total);
|
|
1051
|
+
}catch(e){
|
|
1052
|
+
list.innerHTML='<div style="text-align:center;padding:24px;color:var(--rose)">Failed to load tasks</div>';
|
|
1053
|
+
}
|
|
1054
|
+
}
|
|
1055
|
+
|
|
1056
|
+
function renderTasksPagination(total){
|
|
1057
|
+
const el=document.getElementById('tasksPagination');
|
|
1058
|
+
const pages=Math.ceil(total/TASKS_PER_PAGE);
|
|
1059
|
+
if(pages<=1){el.innerHTML='';return;}
|
|
1060
|
+
let html='<button class="pg-btn'+(tasksPage===0?' disabled':'')+'" onclick="tasksPage=Math.max(0,tasksPage-1);loadTasks()">\\u2190</button>';
|
|
1061
|
+
const start=Math.max(0,tasksPage-2),end=Math.min(pages,tasksPage+3);
|
|
1062
|
+
for(let i=start;i<end;i++){
|
|
1063
|
+
html+='<button class="pg-btn'+(i===tasksPage?' active':'')+'" onclick="tasksPage='+i+';loadTasks()">'+(i+1)+'</button>';
|
|
1064
|
+
}
|
|
1065
|
+
html+='<button class="pg-btn'+(tasksPage>=pages-1?' disabled':'')+'" onclick="tasksPage=Math.min('+(pages-1)+',tasksPage+1);loadTasks()">\\u2192</button>';
|
|
1066
|
+
html+='<span class="pg-info">'+total+' '+t('pagination.total')+'</span>';
|
|
1067
|
+
el.innerHTML=html;
|
|
1068
|
+
}
|
|
1069
|
+
|
|
1070
|
+
async function openTaskDetail(taskId){
|
|
1071
|
+
const overlay=document.getElementById('taskDetailOverlay');
|
|
1072
|
+
overlay.classList.add('show');
|
|
1073
|
+
document.getElementById('taskDetailTitle').textContent=t('tasks.loading');
|
|
1074
|
+
document.getElementById('taskDetailMeta').innerHTML='';
|
|
1075
|
+
document.getElementById('taskDetailSummary').textContent='';
|
|
1076
|
+
document.getElementById('taskDetailChunks').innerHTML='<div class="spinner"></div>';
|
|
1077
|
+
|
|
1078
|
+
try{
|
|
1079
|
+
const r=await fetch('/api/task/'+taskId);
|
|
1080
|
+
const task=await r.json();
|
|
1081
|
+
|
|
1082
|
+
document.getElementById('taskDetailTitle').textContent=task.title||t('tasks.untitled');
|
|
1083
|
+
|
|
1084
|
+
const meta=[
|
|
1085
|
+
'<span class="meta-item"><span class="task-status-badge '+task.status+'">'+task.status+'</span></span>',
|
|
1086
|
+
'<span class="meta-item">\\u{1F4C5} '+formatTime(task.startedAt)+'</span>',
|
|
1087
|
+
];
|
|
1088
|
+
if(task.endedAt) meta.push('<span class="meta-item">\\u2192 '+formatTime(task.endedAt)+'</span>');
|
|
1089
|
+
meta.push('<span class="meta-item">\\u{1F4C2} '+task.sessionKey+'</span>');
|
|
1090
|
+
meta.push('<span class="meta-item">\\u{1F4DD} '+task.chunks.length+' chunks</span>');
|
|
1091
|
+
document.getElementById('taskDetailMeta').innerHTML=meta.join('');
|
|
1092
|
+
|
|
1093
|
+
var summaryEl=document.getElementById('taskDetailSummary');
|
|
1094
|
+
if(task.status==='skipped'){
|
|
1095
|
+
summaryEl.innerHTML='<div style="color:var(--text-muted);font-style:italic;display:flex;align-items:flex-start;gap:8px"><span style="font-size:18px">\\u26A0\\uFE0F</span><span>'+esc(task.summary||t('tasks.skipped.default'))+'</span></div>';
|
|
1096
|
+
}else{
|
|
1097
|
+
summaryEl.innerHTML=renderSummaryHtml(task.summary);
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
if(task.chunks.length===0){
|
|
1101
|
+
document.getElementById('taskDetailChunks').innerHTML='<div style="color:var(--text-muted);padding:12px;font-size:13px">'+t('tasks.nochunks')+'</div>';
|
|
1102
|
+
}else{
|
|
1103
|
+
document.getElementById('taskDetailChunks').innerHTML=task.chunks.map(c=>{
|
|
1104
|
+
var roleLabel=c.role==='user'?'You':c.role==='assistant'?'Assistant':c.role.toUpperCase();
|
|
1105
|
+
return '<div class="task-chunk-item role-'+c.role+'">'+
|
|
1106
|
+
'<div class="task-chunk-role '+c.role+'">'+roleLabel+'</div>'+
|
|
1107
|
+
'<div class="task-chunk-bubble" onclick="this.classList.toggle(\\\'expanded\\\')">'+esc(c.content)+'</div>'+
|
|
1108
|
+
'<div class="task-chunk-time">'+formatTime(c.createdAt)+'</div>'+
|
|
1109
|
+
'</div>';
|
|
1110
|
+
}).join('');
|
|
1111
|
+
}
|
|
1112
|
+
}catch(e){
|
|
1113
|
+
document.getElementById('taskDetailTitle').textContent='Error';
|
|
1114
|
+
document.getElementById('taskDetailChunks').innerHTML='<div style="color:var(--rose)">Failed to load task details</div>';
|
|
1115
|
+
}
|
|
1116
|
+
}
|
|
1117
|
+
|
|
1118
|
+
function closeTaskDetail(event){
|
|
1119
|
+
if(event && event.target!==document.getElementById('taskDetailOverlay')) return;
|
|
1120
|
+
document.getElementById('taskDetailOverlay').classList.remove('show');
|
|
1121
|
+
}
|
|
1122
|
+
|
|
1123
|
+
function formatDuration(ms){
|
|
1124
|
+
const s=Math.floor(ms/1000);
|
|
1125
|
+
if(s<60) return s+'s';
|
|
1126
|
+
const m=Math.floor(s/60);
|
|
1127
|
+
if(m<60) return m+'min';
|
|
1128
|
+
const h=Math.floor(m/60);
|
|
1129
|
+
if(h<24) return h+'h '+((m%60)>0?(m%60)+'min':'');
|
|
1130
|
+
const d=Math.floor(h/24);
|
|
1131
|
+
return d+'d '+((h%24)>0?(h%24)+'h':'');
|
|
1132
|
+
}
|
|
1133
|
+
|
|
1134
|
+
function formatTime(ts){
|
|
1135
|
+
if(!ts) return '-';
|
|
1136
|
+
return new Date(ts).toLocaleString('zh-CN',{month:'2-digit',day:'2-digit',hour:'2-digit',minute:'2-digit'});
|
|
1137
|
+
}
|
|
1138
|
+
|
|
1139
|
+
function fillDays(rows,days){
|
|
1140
|
+
const map=new Map((rows||[]).map(r=>[r.date,{...r}]));
|
|
1141
|
+
const out=[];const now=new Date();
|
|
1142
|
+
for(let i=days-1;i>=0;i--){
|
|
1143
|
+
const d=new Date(now);d.setDate(d.getDate()-i);
|
|
1144
|
+
const dateStr=d.toISOString().slice(0,10);
|
|
1145
|
+
const row=map.get(dateStr)||{};
|
|
1146
|
+
out.push({date:dateStr,count:row.count??0,list:row.list??0,search:row.search??0,total:(row.list??0)+(row.search??0)});
|
|
1147
|
+
}
|
|
1148
|
+
if(days>21){
|
|
1149
|
+
const weeks=[];let i=0;
|
|
1150
|
+
while(i<out.length){
|
|
1151
|
+
const chunk=out.slice(i,i+7);
|
|
1152
|
+
const first=chunk[0].date,last=chunk[chunk.length-1].date;
|
|
1153
|
+
const c=chunk.reduce((s,r)=>s+r.count,0);
|
|
1154
|
+
const l=chunk.reduce((s,r)=>s+r.list,0);
|
|
1155
|
+
const se=chunk.reduce((s,r)=>s+r.search,0);
|
|
1156
|
+
const label=first.slice(5,10)+'~'+last.slice(8,10);
|
|
1157
|
+
weeks.push({date:label,count:c,list:l,search:se,total:l+se});
|
|
1158
|
+
i+=7;
|
|
1159
|
+
}
|
|
1160
|
+
return weeks;
|
|
1161
|
+
}
|
|
1162
|
+
return out;
|
|
1163
|
+
}
|
|
1164
|
+
|
|
1165
|
+
function renderBars(el,data,valueKey,H){
|
|
1166
|
+
const vals=data.map(d=>d[valueKey]??0);
|
|
1167
|
+
if(vals.every(v=>v===0)){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:20px;text-align:center">'+t('chart.nodata')+'</div>';return;}
|
|
1168
|
+
const max=Math.max(1,...vals);
|
|
1169
|
+
el.innerHTML=data.map(r=>{
|
|
1170
|
+
const v=r[valueKey]??0;
|
|
1171
|
+
const label=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):r.date);
|
|
1172
|
+
if(v===0){
|
|
1173
|
+
return '<div class="chart-bar-wrap"><div class="chart-tip">0</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:2px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
|
|
1174
|
+
}
|
|
1175
|
+
const h=Math.max(8,Math.round((v/max)*H));
|
|
1176
|
+
return '<div class="chart-bar-wrap"><div class="chart-tip">'+v+'</div><div class="chart-bar-col"><div class="chart-bar" style="height:'+h+'px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
|
|
1177
|
+
}).join('');
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1180
|
+
function renderChartWrites(rows){
|
|
1181
|
+
const el=document.getElementById('chartWrites');
|
|
1182
|
+
const filled=fillDays(rows?.map(r=>({date:r.date,count:r.count})),metricsDays);
|
|
1183
|
+
renderBars(el,filled,'count',160);
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
function renderChartCalls(rows){
|
|
1187
|
+
const el=document.getElementById('chartCalls');
|
|
1188
|
+
const filled=fillDays(rows?.map(r=>({date:r.date,list:r.list,search:r.search})),metricsDays);
|
|
1189
|
+
const vals=filled.map(f=>f.total);
|
|
1190
|
+
if(vals.every(v=>v===0)){el.innerHTML='<div style="color:var(--text-muted);font-size:13px;padding:20px;text-align:center">'+t('chart.nocalls')+'</div>';return;}
|
|
1191
|
+
const max=Math.max(1,...vals);
|
|
1192
|
+
const H=160;
|
|
1193
|
+
el.innerHTML=filled.map(r=>{
|
|
1194
|
+
const label=r.date.includes('~')?r.date:(r.date.length>5?r.date.slice(5):r.date);
|
|
1195
|
+
if(r.total===0){
|
|
1196
|
+
return '<div class="chart-bar-wrap"><div class="chart-tip">0</div><div class="chart-bar-col"><div class="chart-bar zero" style="height:2px"></div></div><div class="chart-bar-label">'+label+'</div></div>';
|
|
1197
|
+
}
|
|
1198
|
+
const totalH=Math.max(8,Math.round((r.total/max)*H));
|
|
1199
|
+
const listH=r.list?Math.max(3,Math.round((r.list/r.total)*totalH)):0;
|
|
1200
|
+
const searchH=r.search?totalH-listH:0;
|
|
1201
|
+
const tip='List: '+r.list+', Search: '+r.search;
|
|
1202
|
+
let bars='';
|
|
1203
|
+
if(searchH>0) bars+='<div class="chart-bar violet" style="height:'+searchH+'px"></div>';
|
|
1204
|
+
if(listH>0) bars+='<div class="chart-bar" style="height:'+listH+'px"></div>';
|
|
1205
|
+
return '<div class="chart-bar-wrap"><div class="chart-tip">'+tip+'</div><div class="chart-bar-col"><div style="display:flex;flex-direction:column;gap:1px">'+bars+'</div></div><div class="chart-bar-label">'+label+'</div></div>';
|
|
1206
|
+
}).join('');
|
|
1207
|
+
}
|
|
1208
|
+
|
|
1209
|
+
function renderBreakdown(obj,containerId){
|
|
1210
|
+
const el=document.getElementById(containerId);
|
|
1211
|
+
if(!el)return;
|
|
1212
|
+
const entries=Object.entries(obj||{}).sort((a,b)=>b[1]-a[1]);
|
|
1213
|
+
const total=entries.reduce((s,[,v])=>s+v,0)||1;
|
|
1214
|
+
el.innerHTML=entries.map(([label,value])=>{
|
|
1215
|
+
const pct=Math.round((value/total)*100);
|
|
1216
|
+
return '<div class="breakdown-item"><div class="bd-top"><span class="label">'+esc(label)+'</span><span class="value">'+value+' <span style="font-size:11px;font-weight:500;color:var(--text-muted)">('+pct+'%)</span></span></div><div class="breakdown-bar-wrap"><div class="breakdown-bar" style="width:'+pct+'%"></div></div></div>';
|
|
1217
|
+
}).join('');
|
|
1218
|
+
}
|
|
1219
|
+
|
|
419
1220
|
/* ─── Data loading ─── */
|
|
420
1221
|
async function loadAll(){
|
|
421
1222
|
await Promise.all([loadStats(),loadMemories()]);
|
|
@@ -432,13 +1233,13 @@ async function loadStats(){
|
|
|
432
1233
|
|
|
433
1234
|
const provEl=document.getElementById('embeddingStatus');
|
|
434
1235
|
if(d.embeddingProvider && d.embeddingProvider!=='none'){
|
|
435
|
-
provEl.innerHTML='<div class="provider-badge"><span>\\u2713</span>
|
|
1236
|
+
provEl.innerHTML='<div class="provider-badge"><span>\\u2713</span> '+t('embed.on')+d.embeddingProvider+'</div>';
|
|
436
1237
|
} else {
|
|
437
|
-
provEl.innerHTML='<div class="provider-badge offline"><span>\\u26A0</span>
|
|
1238
|
+
provEl.innerHTML='<div class="provider-badge offline"><span>\\u26A0</span> '+t('embed.off')+'</div>';
|
|
438
1239
|
}
|
|
439
1240
|
|
|
440
1241
|
const sl=document.getElementById('sessionList');
|
|
441
|
-
sl.innerHTML='<div class="session-item'+(activeSession===null?' active':'')+'" onclick="filterSession(null)"><span>
|
|
1242
|
+
sl.innerHTML='<div class="session-item'+(activeSession===null?' active':'')+'" onclick="filterSession(null)"><span>'+t('sidebar.allsessions')+'</span><span class="count">'+d.totalMemories+'</span></div>';
|
|
442
1243
|
(d.sessions||[]).forEach(s=>{
|
|
443
1244
|
const isActive=activeSession===s.session_key;
|
|
444
1245
|
const name=s.session_key.length>20?s.session_key.slice(0,8)+'...'+s.session_key.slice(-8):s.session_key;
|
|
@@ -472,7 +1273,7 @@ async function loadMemories(page){
|
|
|
472
1273
|
const d=await r.json();
|
|
473
1274
|
totalPages=d.totalPages||1;
|
|
474
1275
|
totalCount=d.total||0;
|
|
475
|
-
document.getElementById('searchMeta').textContent=totalCount+'
|
|
1276
|
+
document.getElementById('searchMeta').textContent=totalCount+t('search.meta.total');
|
|
476
1277
|
renderMemories(d.memories||[]);
|
|
477
1278
|
renderPagination();
|
|
478
1279
|
}
|
|
@@ -486,9 +1287,9 @@ async function doSearch(q){
|
|
|
486
1287
|
const r=await fetch('/api/search?'+p.toString());
|
|
487
1288
|
const d=await r.json();
|
|
488
1289
|
const meta=[];
|
|
489
|
-
if(d.vectorCount>0) meta.push(d.vectorCount+'
|
|
490
|
-
if(d.ftsCount>0) meta.push(d.ftsCount+'
|
|
491
|
-
meta.push(d.total+'
|
|
1290
|
+
if(d.vectorCount>0) meta.push(d.vectorCount+t('search.meta.semantic'));
|
|
1291
|
+
if(d.ftsCount>0) meta.push(d.ftsCount+t('search.meta.text'));
|
|
1292
|
+
meta.push(d.total+t('search.meta.results'));
|
|
492
1293
|
document.getElementById('searchMeta').textContent=meta.join(' \\u00B7 ');
|
|
493
1294
|
renderMemories(d.results||[]);
|
|
494
1295
|
document.getElementById('pagination').innerHTML='';
|
|
@@ -532,7 +1333,7 @@ function clearDateFilter(){
|
|
|
532
1333
|
function renderMemories(items){
|
|
533
1334
|
const list=document.getElementById('memoryList');
|
|
534
1335
|
if(!items.length){
|
|
535
|
-
list.innerHTML='<div class="empty"><div class="icon">\\u{1F4ED}</div><p>
|
|
1336
|
+
list.innerHTML='<div class="empty"><div class="icon">\\u{1F4ED}</div><p>'+t('empty.text')+'</p></div>';
|
|
536
1337
|
return;
|
|
537
1338
|
}
|
|
538
1339
|
items.forEach(m=>{memoryCache[m.id]=m});
|
|
@@ -551,9 +1352,9 @@ function renderMemories(items){
|
|
|
551
1352
|
'<div class="card-summary">'+summary+'</div>'+
|
|
552
1353
|
'<div class="card-content" id="content-'+id+'"><pre>'+content+'</pre></div>'+
|
|
553
1354
|
'<div class="card-actions">'+
|
|
554
|
-
'<button class="btn btn-sm btn-
|
|
555
|
-
'<button class="btn btn-sm" onclick="openEditModal(\\''+id+'\\')">
|
|
556
|
-
'<button class="btn btn-sm btn-
|
|
1355
|
+
'<button class="btn btn-sm btn-ghost" onclick="toggleContent(\\''+id+'\\')">'+t('card.expand')+'</button>'+
|
|
1356
|
+
'<button class="btn btn-sm btn-ghost" onclick="openEditModal(\\''+id+'\\')">'+t('card.edit')+'</button>'+
|
|
1357
|
+
'<button class="btn btn-sm btn-ghost" style="color:var(--accent)" onclick="deleteMemory(\\''+id+'\\')">'+t('card.delete')+'</button>'+
|
|
557
1358
|
vscore+
|
|
558
1359
|
'</div></div>';
|
|
559
1360
|
}).join('');
|
|
@@ -576,7 +1377,7 @@ function renderPagination(){
|
|
|
576
1377
|
prev=p;
|
|
577
1378
|
}
|
|
578
1379
|
h+='<button class="pg-btn'+(currentPage>=totalPages?' disabled':'')+'" onclick="goPage('+(currentPage+1)+')">\u203A</button>';
|
|
579
|
-
h+='<span class="pg-info">'+totalCount+'
|
|
1380
|
+
h+='<span class="pg-info">'+totalCount+t('pagination.total')+'</span>';
|
|
580
1381
|
el.innerHTML=h;
|
|
581
1382
|
}
|
|
582
1383
|
|
|
@@ -597,11 +1398,43 @@ function esc(s){
|
|
|
597
1398
|
return s.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"');
|
|
598
1399
|
}
|
|
599
1400
|
|
|
1401
|
+
function renderSummaryHtml(raw){
|
|
1402
|
+
if(!raw)return'';
|
|
1403
|
+
var lines=raw.split('\\n');
|
|
1404
|
+
var html=[];
|
|
1405
|
+
var inList=false;
|
|
1406
|
+
var sectionRe=new RegExp('^(\u{1F3AF}|\u{1F4CB}|\u2705|\u{1F4A1})\\\\s+(.+)$');
|
|
1407
|
+
var listRe=new RegExp('^- (.+)$');
|
|
1408
|
+
for(var i=0;i<lines.length;i++){
|
|
1409
|
+
var line=lines[i];
|
|
1410
|
+
var hm=line.match(sectionRe);
|
|
1411
|
+
if(hm){
|
|
1412
|
+
if(inList){html.push('</ul>');inList=false;}
|
|
1413
|
+
html.push('<div class="summary-section-title">'+esc(line)+'</div>');
|
|
1414
|
+
continue;
|
|
1415
|
+
}
|
|
1416
|
+
var lm=line.match(listRe);
|
|
1417
|
+
if(lm){
|
|
1418
|
+
if(!inList){html.push('<ul>');inList=true;}
|
|
1419
|
+
html.push('<li>'+esc(lm[1])+'</li>');
|
|
1420
|
+
continue;
|
|
1421
|
+
}
|
|
1422
|
+
if(line.trim()===''){
|
|
1423
|
+
if(inList){html.push('</ul>');inList=false;}
|
|
1424
|
+
continue;
|
|
1425
|
+
}
|
|
1426
|
+
if(inList){html.push('</ul>');inList=false;}
|
|
1427
|
+
html.push('<p style="margin:4px 0">'+esc(line)+'</p>');
|
|
1428
|
+
}
|
|
1429
|
+
if(inList)html.push('</ul>');
|
|
1430
|
+
return html.join('');
|
|
1431
|
+
}
|
|
1432
|
+
|
|
600
1433
|
/* ─── CRUD ─── */
|
|
601
1434
|
function openCreateModal(){
|
|
602
1435
|
editingId=null;
|
|
603
|
-
document.getElementById('modalTitle').textContent='
|
|
604
|
-
document.getElementById('modalSubmit').textContent='
|
|
1436
|
+
document.getElementById('modalTitle').textContent=t('modal.new');
|
|
1437
|
+
document.getElementById('modalSubmit').textContent=t('modal.create');
|
|
605
1438
|
document.getElementById('mRole').value='user';
|
|
606
1439
|
document.getElementById('mContent').value='';
|
|
607
1440
|
document.getElementById('mSummary').value='';
|
|
@@ -611,10 +1444,10 @@ function openCreateModal(){
|
|
|
611
1444
|
|
|
612
1445
|
function openEditModal(id){
|
|
613
1446
|
const m=memoryCache[id];
|
|
614
|
-
if(!m){toast('
|
|
1447
|
+
if(!m){toast(t('toast.notfound'),'error');return}
|
|
615
1448
|
editingId=id;
|
|
616
|
-
document.getElementById('modalTitle').textContent='
|
|
617
|
-
document.getElementById('modalSubmit').textContent='
|
|
1449
|
+
document.getElementById('modalTitle').textContent=t('modal.edit');
|
|
1450
|
+
document.getElementById('modalSubmit').textContent=t('modal.save');
|
|
618
1451
|
document.getElementById('mRole').value=m.role||'user';
|
|
619
1452
|
document.getElementById('mContent').value=m.content||'';
|
|
620
1453
|
document.getElementById('mSummary').value=m.summary||'';
|
|
@@ -633,7 +1466,7 @@ async function submitModal(){
|
|
|
633
1466
|
summary:document.getElementById('mSummary').value,
|
|
634
1467
|
kind:document.getElementById('mKind').value,
|
|
635
1468
|
};
|
|
636
|
-
if(!data.content.trim()){toast('
|
|
1469
|
+
if(!data.content.trim()){toast(t('modal.err.empty'),'error');return}
|
|
637
1470
|
let r;
|
|
638
1471
|
if(editingId){
|
|
639
1472
|
r=await fetch('/api/memory/'+editingId,{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});
|
|
@@ -641,25 +1474,25 @@ async function submitModal(){
|
|
|
641
1474
|
r=await fetch('/api/memory',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)});
|
|
642
1475
|
}
|
|
643
1476
|
const d=await r.json();
|
|
644
|
-
if(d.ok){toast(editingId?'
|
|
645
|
-
else{toast(d.error||'
|
|
1477
|
+
if(d.ok){toast(editingId?t('toast.updated'):t('toast.created'),'success');closeModal();loadAll();}
|
|
1478
|
+
else{toast(d.error||t('toast.opfail'),'error')}
|
|
646
1479
|
}
|
|
647
1480
|
|
|
648
1481
|
async function deleteMemory(id){
|
|
649
|
-
if(!confirm('
|
|
1482
|
+
if(!confirm(t('confirm.delete')))return;
|
|
650
1483
|
const r=await fetch('/api/memory/'+id,{method:'DELETE'});
|
|
651
1484
|
const d=await r.json();
|
|
652
|
-
if(d.ok){toast('
|
|
653
|
-
else{toast('
|
|
1485
|
+
if(d.ok){toast(t('toast.deleted'),'success');loadAll();}
|
|
1486
|
+
else{toast(t('toast.delfail'),'error')}
|
|
654
1487
|
}
|
|
655
1488
|
|
|
656
1489
|
async function clearAll(){
|
|
657
|
-
if(!confirm('
|
|
658
|
-
if(!confirm('
|
|
1490
|
+
if(!confirm(t('confirm.clearall')))return;
|
|
1491
|
+
if(!confirm(t('confirm.clearall2')))return;
|
|
659
1492
|
const r=await fetch('/api/memories',{method:'DELETE'});
|
|
660
1493
|
const d=await r.json();
|
|
661
|
-
if(d.ok){toast('
|
|
662
|
-
else{toast('
|
|
1494
|
+
if(d.ok){toast(t('toast.cleared'),'success');loadAll();}
|
|
1495
|
+
else{toast(t('toast.clearfail'),'error')}
|
|
663
1496
|
}
|
|
664
1497
|
|
|
665
1498
|
/* ─── Toast ─── */
|
|
@@ -673,9 +1506,16 @@ function toast(msg,type='info'){
|
|
|
673
1506
|
setTimeout(()=>t.remove(),3500);
|
|
674
1507
|
}
|
|
675
1508
|
|
|
1509
|
+
/* ─── Theme ─── */
|
|
1510
|
+
const VIEWER_THEME_KEY='memos-viewer-theme';
|
|
1511
|
+
function initViewerTheme(){const s=localStorage.getItem(VIEWER_THEME_KEY);const theme=(s==='light'||s==='dark')?s:'dark';document.documentElement.setAttribute('data-theme',theme);}
|
|
1512
|
+
function toggleViewerTheme(){const el=document.documentElement;const cur=el.getAttribute('data-theme')||'dark';const next=cur==='dark'?'light':'dark';el.setAttribute('data-theme',next);localStorage.setItem(VIEWER_THEME_KEY,next);}
|
|
1513
|
+
initViewerTheme();
|
|
1514
|
+
|
|
676
1515
|
/* ─── Init ─── */
|
|
677
1516
|
document.getElementById('modalOverlay').addEventListener('click',e=>{if(e.target.id==='modalOverlay')closeModal()});
|
|
678
1517
|
document.getElementById('searchInput').addEventListener('keydown',e=>{if(e.key==='Escape'){e.target.value='';loadMemories()}});
|
|
1518
|
+
applyI18n();
|
|
679
1519
|
checkAuth();
|
|
680
1520
|
</script>
|
|
681
1521
|
</body>
|