@lemoncat7/dsh-knowledge 1.1.1 → 1.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/lib/client.js +1 -1
- package/lib/client.js.map +1 -1
- package/package.json +1 -1
- package/web/app.js +286 -114
- package/web/styles.css +297 -26
package/web/styles.css
CHANGED
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
--shadow: 0 18px 48px rgb(30 45 70 / 10%);
|
|
27
27
|
--radius: 16px;
|
|
28
28
|
--sidebar-width: 236px;
|
|
29
|
+
--scrollbar-thumb: color-mix(in srgb, var(--text-tertiary) 42%, transparent);
|
|
30
|
+
--scrollbar-thumb-hover: color-mix(in srgb, var(--text-secondary) 58%, transparent);
|
|
29
31
|
}
|
|
30
32
|
|
|
31
33
|
@media (prefers-color-scheme: dark) {
|
|
@@ -71,15 +73,135 @@ body {
|
|
|
71
73
|
|
|
72
74
|
button, input, select, textarea { font: inherit; }
|
|
73
75
|
|
|
76
|
+
button {
|
|
77
|
+
-webkit-appearance: none;
|
|
78
|
+
appearance: none;
|
|
79
|
+
margin: 0;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
input[type="search"] {
|
|
83
|
+
-webkit-appearance: none;
|
|
84
|
+
appearance: none;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
input[type="search"]::-webkit-search-cancel-button,
|
|
88
|
+
input[type="search"]::-webkit-search-decoration {
|
|
89
|
+
-webkit-appearance: none;
|
|
90
|
+
appearance: none;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
input[type="checkbox"],
|
|
94
|
+
input[type="radio"] {
|
|
95
|
+
-webkit-appearance: none;
|
|
96
|
+
appearance: none;
|
|
97
|
+
width: 16px;
|
|
98
|
+
height: 16px;
|
|
99
|
+
display: inline-grid;
|
|
100
|
+
place-content: center;
|
|
101
|
+
flex: none;
|
|
102
|
+
margin: 0;
|
|
103
|
+
border: 1px solid var(--border-strong);
|
|
104
|
+
background: var(--surface);
|
|
105
|
+
color: var(--on-accent);
|
|
106
|
+
transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
input[type="checkbox"] { border-radius: 5px; }
|
|
110
|
+
input[type="radio"] { border-radius: 50%; }
|
|
111
|
+
|
|
112
|
+
input[type="checkbox"]::before {
|
|
113
|
+
content: "";
|
|
114
|
+
width: 7px;
|
|
115
|
+
height: 4px;
|
|
116
|
+
border-bottom: 1.7px solid currentColor;
|
|
117
|
+
border-left: 1.7px solid currentColor;
|
|
118
|
+
opacity: 0;
|
|
119
|
+
transform: translateY(-1px) rotate(-45deg) scale(.72);
|
|
120
|
+
transition: opacity .12s ease, transform .15s cubic-bezier(.2, .8, .2, 1);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
input[type="radio"]::before {
|
|
124
|
+
content: "";
|
|
125
|
+
width: 6px;
|
|
126
|
+
height: 6px;
|
|
127
|
+
border-radius: 50%;
|
|
128
|
+
background: currentColor;
|
|
129
|
+
opacity: 0;
|
|
130
|
+
transform: scale(.55);
|
|
131
|
+
transition: opacity .12s ease, transform .15s cubic-bezier(.2, .8, .2, 1);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
input[type="checkbox"]:checked,
|
|
135
|
+
input[type="radio"]:checked {
|
|
136
|
+
border-color: var(--accent);
|
|
137
|
+
background: var(--accent);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
input[type="checkbox"]:checked::before,
|
|
141
|
+
input[type="radio"]:checked::before {
|
|
142
|
+
opacity: 1;
|
|
143
|
+
transform: translateY(-1px) rotate(-45deg) scale(1);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
input[type="radio"]:checked::before { transform: scale(1); }
|
|
147
|
+
input[type="checkbox"]:hover:not(:disabled),
|
|
148
|
+
input[type="radio"]:hover:not(:disabled) { border-color: var(--accent); }
|
|
149
|
+
|
|
74
150
|
button, select, input[type="checkbox"], input[type="range"] { cursor: pointer; }
|
|
75
151
|
|
|
76
|
-
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
|
|
152
|
+
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible {
|
|
77
153
|
outline: 3px solid color-mix(in srgb, var(--accent) 36%, transparent);
|
|
78
154
|
outline-offset: 2px;
|
|
79
155
|
}
|
|
80
156
|
|
|
81
157
|
button:disabled { cursor: not-allowed; opacity: .56; }
|
|
82
158
|
|
|
159
|
+
::selection { background: var(--accent-soft); color: var(--text); }
|
|
160
|
+
|
|
161
|
+
input:-webkit-autofill,
|
|
162
|
+
input:-webkit-autofill:hover,
|
|
163
|
+
input:-webkit-autofill:focus {
|
|
164
|
+
-webkit-text-fill-color: var(--text);
|
|
165
|
+
box-shadow: 0 0 0 1000px var(--surface) inset;
|
|
166
|
+
caret-color: var(--text);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
html,
|
|
170
|
+
.mount-table,
|
|
171
|
+
.note-tree,
|
|
172
|
+
.note-editor-scroll,
|
|
173
|
+
.markdown-preview pre,
|
|
174
|
+
.markdown-table-scroll,
|
|
175
|
+
.candidate-comparison pre,
|
|
176
|
+
.dialog-body,
|
|
177
|
+
.textarea {
|
|
178
|
+
scrollbar-width: thin;
|
|
179
|
+
scrollbar-color: var(--scrollbar-thumb) transparent;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
:where(html, .mount-table, .note-tree, .note-editor-scroll, .markdown-preview pre, .markdown-table-scroll, .candidate-comparison pre, .dialog-body, .textarea)::-webkit-scrollbar {
|
|
183
|
+
width: 8px;
|
|
184
|
+
height: 8px;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
:where(html, .mount-table, .note-tree, .note-editor-scroll, .markdown-preview pre, .markdown-table-scroll, .candidate-comparison pre, .dialog-body, .textarea)::-webkit-scrollbar-track {
|
|
188
|
+
background: transparent;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
:where(html, .mount-table, .note-tree, .note-editor-scroll, .markdown-preview pre, .markdown-table-scroll, .candidate-comparison pre, .dialog-body, .textarea)::-webkit-scrollbar-thumb {
|
|
192
|
+
min-width: 28px;
|
|
193
|
+
min-height: 28px;
|
|
194
|
+
border: 2px solid transparent;
|
|
195
|
+
border-radius: 999px;
|
|
196
|
+
background: var(--scrollbar-thumb);
|
|
197
|
+
background-clip: padding-box;
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
:where(html, .mount-table, .note-tree, .note-editor-scroll, .markdown-preview pre, .markdown-table-scroll, .candidate-comparison pre, .dialog-body, .textarea)::-webkit-scrollbar-thumb:hover {
|
|
201
|
+
background: var(--scrollbar-thumb-hover);
|
|
202
|
+
background-clip: padding-box;
|
|
203
|
+
}
|
|
204
|
+
|
|
83
205
|
.visually-hidden {
|
|
84
206
|
position: absolute;
|
|
85
207
|
width: 1px;
|
|
@@ -138,12 +260,26 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
138
260
|
border: 1px solid var(--border-strong);
|
|
139
261
|
border-radius: 9px;
|
|
140
262
|
padding: 9px 11px;
|
|
141
|
-
background: var(--surface);
|
|
263
|
+
background-color: var(--surface);
|
|
142
264
|
color: var(--text);
|
|
143
265
|
transition: border-color .15s ease, box-shadow .15s ease;
|
|
144
266
|
}
|
|
145
267
|
|
|
146
268
|
.input, .select { height: 40px; min-height: 40px; font: inherit; line-height: 20px; }
|
|
269
|
+
.select {
|
|
270
|
+
-webkit-appearance: none;
|
|
271
|
+
appearance: none;
|
|
272
|
+
padding-right: 34px;
|
|
273
|
+
background-image:
|
|
274
|
+
linear-gradient(45deg, transparent 50%, var(--text-tertiary) 50%),
|
|
275
|
+
linear-gradient(135deg, var(--text-tertiary) 50%, transparent 50%);
|
|
276
|
+
background-position:
|
|
277
|
+
calc(100% - 15px) calc(50% - 1px),
|
|
278
|
+
calc(100% - 11px) calc(50% - 1px);
|
|
279
|
+
background-size: 4px 4px, 4px 4px;
|
|
280
|
+
background-repeat: no-repeat;
|
|
281
|
+
}
|
|
282
|
+
.select option { background: var(--dialog-surface); color: var(--text); }
|
|
147
283
|
.textarea { min-height: 132px; resize: vertical; }
|
|
148
284
|
.input::placeholder, .textarea::placeholder { color: var(--text-tertiary); }
|
|
149
285
|
.input:focus, .select:focus, .textarea:focus { border-color: var(--accent); }
|
|
@@ -227,21 +363,18 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
227
363
|
.sidebar-footer .button { justify-self: start; }
|
|
228
364
|
|
|
229
365
|
.app-sidebar-resizer {
|
|
230
|
-
position:
|
|
366
|
+
position: sticky;
|
|
367
|
+
top: 0;
|
|
231
368
|
z-index: 12;
|
|
232
369
|
width: 6px;
|
|
233
370
|
min-width: 6px;
|
|
371
|
+
height: 100vh;
|
|
372
|
+
height: 100dvh;
|
|
234
373
|
cursor: col-resize;
|
|
235
374
|
touch-action: none;
|
|
236
375
|
background: transparent;
|
|
237
376
|
outline-offset: -2px;
|
|
238
377
|
}
|
|
239
|
-
.app-sidebar-resizer {
|
|
240
|
-
position: sticky;
|
|
241
|
-
top: 0;
|
|
242
|
-
height: 100vh;
|
|
243
|
-
height: 100dvh;
|
|
244
|
-
}
|
|
245
378
|
.app-sidebar-resizer::before {
|
|
246
379
|
content: "";
|
|
247
380
|
position: absolute;
|
|
@@ -390,6 +523,39 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
390
523
|
.panel-body { padding: 8px; }
|
|
391
524
|
|
|
392
525
|
.bases-page { display: grid; gap: 26px; }
|
|
526
|
+
.app-shell[data-base-detail="true"] .topbar { min-height: 68px; padding-block: 11px; }
|
|
527
|
+
.app-shell[data-base-detail="true"] .topbar h1 { font-size: 19px; }
|
|
528
|
+
.app-shell[data-base-detail="true"] .page { width: 100%; max-width: none; padding: 16px clamp(14px, 2vw, 24px) 22px; }
|
|
529
|
+
.library-detail { min-width: 0; display: grid; gap: 14px; }
|
|
530
|
+
.library-detail-header {
|
|
531
|
+
min-width: 0;
|
|
532
|
+
display: grid;
|
|
533
|
+
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
534
|
+
align-items: center;
|
|
535
|
+
gap: 12px 16px;
|
|
536
|
+
border: 1px solid var(--border);
|
|
537
|
+
border-radius: 14px;
|
|
538
|
+
padding: 12px 14px;
|
|
539
|
+
background: var(--surface);
|
|
540
|
+
}
|
|
541
|
+
.library-detail-back { align-self: center; gap: 7px; }
|
|
542
|
+
.library-detail-back::before {
|
|
543
|
+
content: "";
|
|
544
|
+
width: 7px;
|
|
545
|
+
height: 7px;
|
|
546
|
+
flex: none;
|
|
547
|
+
border-left: 1.5px solid currentColor;
|
|
548
|
+
border-bottom: 1.5px solid currentColor;
|
|
549
|
+
transform: rotate(45deg);
|
|
550
|
+
}
|
|
551
|
+
.library-detail-identity { min-width: 0; display: flex; align-items: center; gap: 11px; }
|
|
552
|
+
.library-detail-identity > div { min-width: 0; }
|
|
553
|
+
.library-detail-title-line { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
|
|
554
|
+
.library-detail-title-line h2 { min-width: 0; overflow: hidden; margin: 0; color: var(--text); font-size: 16px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
|
|
555
|
+
.library-detail-identity p { overflow: hidden; margin: 3px 0 0; color: var(--text-tertiary); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
|
|
556
|
+
.library-detail-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
|
|
557
|
+
.library-detail-notice { border: 1px solid color-mix(in srgb, var(--warning) 28%, var(--border)); border-radius: 10px; padding: 9px 12px; background: var(--warning-soft); color: var(--warning); font-size: 12px; }
|
|
558
|
+
.library-detail .note-workspace { height: calc(100dvh - 246px); min-height: 520px; }
|
|
393
559
|
.workspace-switcher { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--border); padding-bottom: 18px; }
|
|
394
560
|
.workspace-switcher-leading { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
|
|
395
561
|
.workspace-switcher p { max-width: 56ch; margin: 0; color: var(--text-tertiary); font-size: 12px; text-align: right; }
|
|
@@ -439,8 +605,11 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
439
605
|
.base-card-meta strong { display: block; margin-bottom: 1px; color: var(--text-tertiary); font-size: 10px; font-weight: 550; }
|
|
440
606
|
.base-card-actions { grid-column: 4; grid-row: 1 / span 2; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
|
|
441
607
|
.archived-bases { margin-top: 18px; }
|
|
442
|
-
.archived-bases summary { display: flex; align-items: center;
|
|
443
|
-
.
|
|
608
|
+
.archived-bases summary { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; border-radius: 10px; padding: 9px 12px; background: var(--surface-soft); color: var(--text-secondary); cursor: pointer; font-size: 12px; font-weight: 600; list-style: none; }
|
|
609
|
+
.archived-bases summary::-webkit-details-marker { display: none; }
|
|
610
|
+
.archived-bases summary::after { content: ""; width: 7px; height: 7px; flex: none; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; opacity: .72; transform: rotate(45deg) translate(-1px, -1px); transition: transform .16s ease; }
|
|
611
|
+
.archived-bases[open] summary::after { transform: rotate(225deg) translate(-1px, -1px); }
|
|
612
|
+
.summary-count { min-width: 23px; margin-left: auto; border-radius: 6px; padding: 1px 7px; background: var(--surface); color: var(--text-tertiary); text-align: center; font-variant-numeric: tabular-nums; }
|
|
444
613
|
.mount-context { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
|
|
445
614
|
.context-pill { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: var(--surface-soft); }
|
|
446
615
|
.context-pill strong { color: var(--text-secondary); }
|
|
@@ -458,7 +627,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
458
627
|
.mount-list-row:hover { background: var(--surface-hover); }
|
|
459
628
|
.mount-list-row.is-selected { background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); }
|
|
460
629
|
.mount-select { width: 28px; height: 28px; display: grid; place-items: center; cursor: pointer; }
|
|
461
|
-
.mount-select input { width: 16px; height: 16px;
|
|
630
|
+
.mount-select input { width: 16px; height: 16px; }
|
|
462
631
|
.mount-list-main { min-width: 0; }
|
|
463
632
|
.mount-list-title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
|
|
464
633
|
.mount-list-main p { overflow: hidden; margin: 4px 0 0; color: var(--text-secondary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
|
|
@@ -508,14 +677,35 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
508
677
|
.note-tree-base:hover, .note-tree-document:hover, .note-tree-new:hover { background: var(--surface-hover); color: var(--text); }
|
|
509
678
|
.tree-disclosure { width: 7px; height: 7px; flex: none; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(-45deg); transition: transform .16s ease; }
|
|
510
679
|
.note-tree-group[data-expanded="true"] .tree-disclosure { transform: rotate(45deg) translate(-1px, -1px); }
|
|
511
|
-
.tree-folder-icon {
|
|
512
|
-
|
|
680
|
+
.tree-folder-icon {
|
|
681
|
+
width: 17px;
|
|
682
|
+
height: 15px;
|
|
683
|
+
flex: none;
|
|
684
|
+
background: currentColor;
|
|
685
|
+
opacity: .54;
|
|
686
|
+
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3E%3Cpath d='M1.5 5V3.2c0-.75.6-1.35 1.35-1.35H7c.42 0 .82.2 1.08.53L9.6 4.3h7.55c.75 0 1.35.6 1.35 1.35v7.8c0 .75-.6 1.35-1.35 1.35H2.85c-.75 0-1.35-.6-1.35-1.35V5Zm.35.15h16.3' fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
|
|
687
|
+
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 17'%3E%3Cpath d='M1.5 5V3.2c0-.75.6-1.35 1.35-1.35H7c.42 0 .82.2 1.08.53L9.6 4.3h7.55c.75 0 1.35.6 1.35 1.35v7.8c0 .75-.6 1.35-1.35 1.35H2.85c-.75 0-1.35-.6-1.35-1.35V5Zm.35.15h16.3' fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
|
|
688
|
+
transition: color .15s ease, opacity .15s ease;
|
|
689
|
+
}
|
|
690
|
+
.note-tree-base:hover .tree-folder-icon { opacity: .7; }
|
|
691
|
+
.note-tree-group[data-expanded="true"] .tree-folder-icon { color: var(--accent); opacity: .8; }
|
|
513
692
|
.tree-base-name { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
514
693
|
.tree-count { min-width: 20px; color: var(--text-tertiary); font-size: 10px; font-variant-numeric: tabular-nums; text-align: right; }
|
|
515
694
|
.note-tree-documents { display: grid; gap: 1px; margin: 1px 0 5px 18px; padding-left: 10px; border-left: 1px solid color-mix(in srgb, var(--border-strong) 55%, transparent); }
|
|
516
695
|
.note-tree-document { position: relative; min-height: 38px; gap: 8px; border-radius: 7px; padding: 5px 8px; }
|
|
517
696
|
.note-tree-document[aria-current="page"] { background: color-mix(in srgb, var(--accent) 9%, var(--surface)); color: var(--text); box-shadow: inset 2px 0 0 color-mix(in srgb, var(--accent) 72%, transparent); }
|
|
518
|
-
.tree-document-icon {
|
|
697
|
+
.tree-document-icon {
|
|
698
|
+
width: 14px;
|
|
699
|
+
height: 17px;
|
|
700
|
+
flex: none;
|
|
701
|
+
background: currentColor;
|
|
702
|
+
opacity: .52;
|
|
703
|
+
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cg fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 1.5h6.5l4 4v12H2.75z'/%3E%3Cpath d='M9.25 1.75v4h3.75M5.25 9h5.25M5.25 12h4.25'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
|
|
704
|
+
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 19'%3E%3Cg fill='none' stroke='black' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.75 1.5h6.5l4 4v12H2.75z'/%3E%3Cpath d='M9.25 1.75v4h3.75M5.25 9h5.25M5.25 12h4.25'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
|
|
705
|
+
transition: color .15s ease, opacity .15s ease;
|
|
706
|
+
}
|
|
707
|
+
.note-tree-document:hover .tree-document-icon { opacity: .72; }
|
|
708
|
+
.note-tree-document[aria-current="page"] .tree-document-icon { color: var(--accent); opacity: .88; }
|
|
519
709
|
.tree-document-copy { min-width: 0; flex: 1; }
|
|
520
710
|
.note-tree-document > .badge { min-height: 17px; padding: 1px 5px; font-size: 8px; }
|
|
521
711
|
.tree-document-copy strong, .tree-document-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
|
@@ -524,7 +714,15 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
524
714
|
.note-tree-new { min-height: 30px; gap: 7px; border-radius: 7px; padding: 4px 8px; color: var(--text-tertiary); font-size: 11px; }
|
|
525
715
|
.note-tree-footer { border-top: 1px solid var(--border); padding: 8px 11px; }
|
|
526
716
|
.note-tree-empty { padding: 28px 12px; color: var(--text-tertiary); font-size: 12px; text-align: center; }
|
|
527
|
-
.note-editor {
|
|
717
|
+
.note-editor {
|
|
718
|
+
min-width: 0;
|
|
719
|
+
min-height: 0;
|
|
720
|
+
display: grid;
|
|
721
|
+
grid-template-rows: auto minmax(0, 1fr) auto;
|
|
722
|
+
background: var(--surface);
|
|
723
|
+
container-name: note-editor;
|
|
724
|
+
container-type: inline-size;
|
|
725
|
+
}
|
|
528
726
|
.note-editor-empty { place-items: center; display: grid; padding: 32px; }
|
|
529
727
|
.note-empty-content { max-width: 360px; text-align: center; }
|
|
530
728
|
.note-empty-content h3 { margin: 16px 0 5px; font-size: 17px; }
|
|
@@ -533,7 +731,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
533
731
|
.note-editor-toolbar { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--border); padding: 9px 14px 9px 20px; }
|
|
534
732
|
.note-breadcrumb { min-width: 0; display: flex; align-items: center; gap: 7px; overflow: hidden; color: var(--text-tertiary); font-size: 11px; white-space: nowrap; }
|
|
535
733
|
.note-breadcrumb strong { overflow: hidden; color: var(--text-secondary); font-weight: 560; text-overflow: ellipsis; }
|
|
536
|
-
.note-editor-actions { display: flex; align-items: center; gap: 6px; }
|
|
734
|
+
.note-editor-actions { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
|
|
537
735
|
.editor-save-status { margin-right: 4px; color: var(--text-tertiary); font-size: 10px; white-space: nowrap; }
|
|
538
736
|
.note-mode-switch { display: inline-flex; gap: 2px; border: 1px solid var(--border); border-radius: 8px; padding: 2px; background: var(--surface-soft); }
|
|
539
737
|
.note-mode-switch button { min-width: 48px; min-height: 28px; border: 0; border-radius: 6px; padding: 4px 9px; background: transparent; color: var(--text-tertiary); font-size: 11px; font-weight: 600; }
|
|
@@ -558,6 +756,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
558
756
|
.document-finalized-banner small { color: var(--text-tertiary); white-space: nowrap; }
|
|
559
757
|
.note-paper {
|
|
560
758
|
width: 100%;
|
|
759
|
+
min-width: 0;
|
|
561
760
|
min-height: 100%;
|
|
562
761
|
margin: 0;
|
|
563
762
|
padding: clamp(34px, 5cqi, 72px) max(clamp(24px, 6cqi, 84px), calc((100% - 1120px) / 2)) 90px;
|
|
@@ -568,7 +767,7 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
568
767
|
.note-document-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; margin: 14px 0 30px; color: var(--text-tertiary); font-size: 10px; }
|
|
569
768
|
.note-body-editor { width: 100%; min-height: 420px; border: 0; padding: 0 0 80px; resize: none; overflow: hidden; background: transparent; color: var(--text-secondary); font-family: inherit; font-size: 15px; line-height: 1.82; outline: none; }
|
|
570
769
|
.note-body-editor::placeholder { color: color-mix(in srgb, var(--text-tertiary) 70%, transparent); }
|
|
571
|
-
.markdown-preview { min-height: 420px; padding-bottom: 80px; color: var(--text-secondary); font-size: 15px; line-height: 1.78; overflow-wrap: anywhere; }
|
|
770
|
+
.markdown-preview { min-width: 0; max-width: 100%; min-height: 420px; padding-bottom: 80px; color: var(--text-secondary); font-size: 15px; line-height: 1.78; overflow-wrap: anywhere; }
|
|
572
771
|
.markdown-preview.is-empty { color: var(--text-tertiary); }
|
|
573
772
|
.markdown-preview > :first-child { margin-top: 0; }
|
|
574
773
|
.markdown-preview > :last-child { margin-bottom: 0; }
|
|
@@ -585,21 +784,73 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
585
784
|
.markdown-preview blockquote { border-left: 3px solid color-mix(in srgb, var(--accent) 35%, var(--border)); padding: .1em 0 .1em 1em; color: var(--text-tertiary); }
|
|
586
785
|
.markdown-preview code, .markdown-preview pre { font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
|
|
587
786
|
.markdown-preview :not(pre) > code { border: 1px solid var(--border); border-radius: 5px; padding: .12em .35em; background: var(--surface-soft); color: var(--text); font-size: .9em; }
|
|
588
|
-
.markdown-preview pre { overflow: auto; margin: 1.15em 0; border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; background: var(--surface-soft); color: var(--text); font-size: 13px; line-height: 1.65; tab-size: 2; }
|
|
787
|
+
.markdown-preview pre { max-width: 100%; overflow: auto; margin: 1.15em 0; border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; background: var(--surface-soft); color: var(--text); font-size: 13px; line-height: 1.65; tab-size: 2; }
|
|
589
788
|
.markdown-preview pre code { font: inherit; }
|
|
590
|
-
.markdown-
|
|
789
|
+
.markdown-table-scroll {
|
|
790
|
+
width: 100%;
|
|
791
|
+
max-width: 100%;
|
|
792
|
+
overflow-x: auto;
|
|
793
|
+
margin: 1.15em 0;
|
|
794
|
+
border: 1px solid var(--border);
|
|
795
|
+
border-radius: 10px;
|
|
796
|
+
overscroll-behavior-inline: contain;
|
|
797
|
+
touch-action: pan-x pan-y;
|
|
798
|
+
-webkit-overflow-scrolling: touch;
|
|
799
|
+
}
|
|
800
|
+
.markdown-table-scroll:focus-visible { outline-offset: 2px; }
|
|
801
|
+
.markdown-preview table { width: max-content; min-width: 100%; margin: 0; border-collapse: collapse; font-size: 13px; }
|
|
591
802
|
.markdown-preview th, .markdown-preview td { border-bottom: 1px solid var(--border); padding: 9px 11px; text-align: left; vertical-align: top; }
|
|
803
|
+
.markdown-preview tbody tr:last-child td { border-bottom: 0; }
|
|
592
804
|
.markdown-preview th { color: var(--text); font-weight: 650; }
|
|
593
805
|
.markdown-preview hr { height: 1px; margin: 2em 0; border: 0; background: var(--border); }
|
|
594
806
|
.markdown-preview img { max-width: 100%; height: auto; border-radius: 10px; }
|
|
595
807
|
.note-inspector { min-height: 48px; display: flex; align-items: center; gap: 16px; border-top: 1px solid var(--border); padding: 7px 16px; background: color-mix(in srgb, var(--surface-soft) 35%, var(--surface)); }
|
|
596
808
|
.note-inspector label { display: flex; align-items: center; gap: 7px; color: var(--text-tertiary); font-size: 10px; }
|
|
597
|
-
.note-inspector input, .note-meta-select { height: 30px; border: 1px solid transparent; border-radius: 6px; padding: 4px 7px; background: transparent; color: var(--text-secondary); outline: none; }
|
|
598
|
-
.note-
|
|
809
|
+
.note-inspector input, .note-meta-select { height: 30px; border: 1px solid transparent; border-radius: 6px; padding: 4px 7px; background-color: transparent; color: var(--text-secondary); outline: none; }
|
|
810
|
+
.note-meta-select {
|
|
811
|
+
-webkit-appearance: none;
|
|
812
|
+
appearance: none;
|
|
813
|
+
padding-right: 25px;
|
|
814
|
+
background-image:
|
|
815
|
+
linear-gradient(45deg, transparent 50%, var(--text-tertiary) 50%),
|
|
816
|
+
linear-gradient(135deg, var(--text-tertiary) 50%, transparent 50%);
|
|
817
|
+
background-position:
|
|
818
|
+
calc(100% - 12px) calc(50% - 1px),
|
|
819
|
+
calc(100% - 8px) calc(50% - 1px);
|
|
820
|
+
background-size: 4px 4px, 4px 4px;
|
|
821
|
+
background-repeat: no-repeat;
|
|
822
|
+
}
|
|
823
|
+
.note-inspector input:focus, .note-meta-select:focus { border-color: var(--border-strong); background-color: var(--surface); }
|
|
599
824
|
.note-tags-field { min-width: 0; flex: 1; }
|
|
600
825
|
.note-tags-field input { width: min(100%, 360px); }
|
|
601
826
|
.note-format-hint { margin-left: auto; color: var(--text-tertiary); font-size: 9px; white-space: nowrap; }
|
|
602
827
|
|
|
828
|
+
@container note-editor (max-width: 700px) {
|
|
829
|
+
.note-editor-toolbar {
|
|
830
|
+
min-height: 0;
|
|
831
|
+
display: grid;
|
|
832
|
+
grid-template-columns: minmax(0, 1fr);
|
|
833
|
+
align-items: stretch;
|
|
834
|
+
gap: 7px;
|
|
835
|
+
padding: 9px 12px;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
.note-editor-actions {
|
|
839
|
+
width: 100%;
|
|
840
|
+
justify-content: flex-start;
|
|
841
|
+
}
|
|
842
|
+
|
|
843
|
+
.note-mode-switch { margin-right: auto; }
|
|
844
|
+
.editor-save-status { margin-left: auto; }
|
|
845
|
+
}
|
|
846
|
+
|
|
847
|
+
@container note-editor (max-width: 480px) {
|
|
848
|
+
.note-breadcrumb { display: none; }
|
|
849
|
+
.note-mode-switch { flex: 1 1 112px; }
|
|
850
|
+
.note-mode-switch button { min-width: 0; flex: 1; }
|
|
851
|
+
.note-editor-actions > .button { flex: 1 1 auto; }
|
|
852
|
+
}
|
|
853
|
+
|
|
603
854
|
.list { display: grid; gap: 8px; }
|
|
604
855
|
.list-row {
|
|
605
856
|
min-width: 0;
|
|
@@ -729,6 +980,21 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
729
980
|
.form-grid .span-2 { grid-column: 1 / -1; }
|
|
730
981
|
.check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
|
|
731
982
|
.check-option { display: flex; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: 8px; padding: 9px; }
|
|
983
|
+
.range-row { min-height: 30px; display: grid; grid-template-columns: minmax(0, 1fr) 44px; align-items: center; gap: 12px; }
|
|
984
|
+
.range-row input[type="range"] {
|
|
985
|
+
-webkit-appearance: none;
|
|
986
|
+
appearance: none;
|
|
987
|
+
width: 100%;
|
|
988
|
+
height: 20px;
|
|
989
|
+
margin: 0;
|
|
990
|
+
background: transparent;
|
|
991
|
+
}
|
|
992
|
+
.range-row input[type="range"]::-webkit-slider-runnable-track { height: 4px; border-radius: 999px; background: var(--surface-soft); box-shadow: inset 0 0 0 1px var(--border); }
|
|
993
|
+
.range-row input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; margin-top: -6px; border: 2px solid var(--surface-raised); border-radius: 50%; background: var(--accent); box-shadow: 0 1px 4px color-mix(in srgb, var(--text) 18%, transparent); }
|
|
994
|
+
.range-row input[type="range"]::-moz-range-track { height: 4px; border: 0; border-radius: 999px; background: var(--surface-soft); box-shadow: inset 0 0 0 1px var(--border); }
|
|
995
|
+
.range-row input[type="range"]::-moz-range-progress { height: 4px; border-radius: 999px; background: var(--accent); }
|
|
996
|
+
.range-row input[type="range"]::-moz-range-thumb { width: 12px; height: 12px; border: 2px solid var(--surface-raised); border-radius: 50%; background: var(--accent); box-shadow: 0 1px 4px color-mix(in srgb, var(--text) 18%, transparent); }
|
|
997
|
+
.range-value { color: var(--text-secondary); font-size: 12px; font-variant-numeric: tabular-nums; text-align: right; }
|
|
732
998
|
|
|
733
999
|
.history { display: grid; gap: 12px; }
|
|
734
1000
|
.history-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
|
|
@@ -797,6 +1063,10 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
797
1063
|
.workspace-switcher-leading { align-items: flex-start; }
|
|
798
1064
|
.workspace-switcher p { text-align: left; }
|
|
799
1065
|
.workspace-tabs { align-self: flex-start; }
|
|
1066
|
+
.library-detail-header { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
|
|
1067
|
+
.library-detail-back { grid-column: 1 / -1; justify-self: start; }
|
|
1068
|
+
.library-detail-actions { align-self: center; }
|
|
1069
|
+
.library-detail .note-workspace { height: calc(100dvh - 260px); }
|
|
800
1070
|
.knowledge-base-toolbar { align-items: stretch; flex-direction: column; gap: 8px; }
|
|
801
1071
|
.base-search { max-width: none; }
|
|
802
1072
|
.base-result-summary { margin-left: 0; }
|
|
@@ -818,10 +1088,6 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
818
1088
|
.note-editor { grid-column: 1; }
|
|
819
1089
|
.note-tree-header { padding-left: 11px; }
|
|
820
1090
|
.note-tree-header span, .tree-document-copy small, .tree-count { display: none; }
|
|
821
|
-
.note-editor-toolbar { align-items: flex-start; padding: 8px 10px 8px 14px; }
|
|
822
|
-
.note-breadcrumb { display: none; }
|
|
823
|
-
.note-editor-actions { width: 100%; justify-content: flex-end; }
|
|
824
|
-
.note-mode-switch { margin-right: auto; }
|
|
825
1091
|
.note-paper { padding: 32px 24px 60px; }
|
|
826
1092
|
.document-finalized-banner { grid-template-columns: 1fr; margin: 12px; }
|
|
827
1093
|
.document-finalized-banner p { grid-column: 1; }
|
|
@@ -864,6 +1130,11 @@ button:disabled { cursor: not-allowed; opacity: .56; }
|
|
|
864
1130
|
.topbar-actions .button.primary::before { content: "+"; font-size: 18px; }
|
|
865
1131
|
.workspace-tabs { width: 100%; }
|
|
866
1132
|
.workspace-tabs .tab { min-width: 0; flex: 1; justify-content: center; padding-inline: 8px; }
|
|
1133
|
+
.library-detail-header { grid-template-columns: minmax(0, 1fr); }
|
|
1134
|
+
.library-detail-back, .library-detail-actions { grid-column: 1; }
|
|
1135
|
+
.library-detail-actions { justify-content: flex-start; }
|
|
1136
|
+
.library-detail-actions .button { flex: 1 1 auto; }
|
|
1137
|
+
.library-detail .note-workspace { height: calc(100dvh - 320px); min-height: 460px; }
|
|
867
1138
|
.document-toolbar-actions { width: 100%; }
|
|
868
1139
|
.document-toolbar-actions .button.primary { margin-left: auto; }
|
|
869
1140
|
.form-grid { grid-template-columns: 1fr; }
|