dsh-mnemon-source-memory-spaces 0.5.9 → 0.5.11
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 +84 -52
- package/lib/contracts.d.ts +3 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +52 -114
- package/lib/types/client/pages.d.ts +1 -0
- package/lib/types/client/provider-presentation.d.ts +0 -1
- package/lib/types/contracts.d.ts +3 -1
- package/locale/en.json +6 -0
- package/locale/zh.json +6 -0
- package/package.json +24 -17
- package/presentation/locales.json +8 -6
- package/presentation/page.module.css +264 -246
- package/presentation/sidebar.module.css +60 -123
|
@@ -1,11 +1,22 @@
|
|
|
1
1
|
.shell .memoryWorkspace {
|
|
2
|
+
position: sticky;
|
|
3
|
+
z-index: 12;
|
|
4
|
+
top: 0;
|
|
2
5
|
flex: 0 0 auto;
|
|
3
|
-
|
|
4
|
-
|
|
6
|
+
margin: -20px -24px 16px;
|
|
7
|
+
padding: 20px 24px 0;
|
|
8
|
+
border-bottom: .5px solid var(--dsw-alias-border-l2);
|
|
5
9
|
background: var(--mn-surface);
|
|
6
10
|
}
|
|
7
|
-
.shell .memoryWorkspace > [class*='pageHeader'] { margin-bottom:
|
|
11
|
+
.shell .memoryWorkspace > [class*='pageHeader'] { margin-bottom: 12px; }
|
|
12
|
+
/* A page under the Memory Spaces tabs titles its section rather than the page: the DSH group heading scale. */
|
|
13
|
+
.shell .memoryWorkspace ~ [class*='page'] > [class*='pageHeader'] { margin-bottom: 12px; }
|
|
14
|
+
.shell .memoryWorkspace ~ [class*='page'] > [class*='pageHeader'] h2 { font-size: 14px; line-height: 22px; }
|
|
15
|
+
.shell .memoryWorkspace ~ [class*='page'] > [class*='pageHeader'] p { color: var(--dsw-alias-label-tertiary); font-size: 12px; line-height: 18px; }
|
|
16
|
+
/* Keep secondary controls in flow beneath the one pinned Source header. */
|
|
17
|
+
.shell [class*='relatedPane'], .shell [class*='entityRail'] { position: static; }
|
|
8
18
|
|
|
19
|
+
/* Secondary tabs, as the DSH settings tabs: monochrome underline. */
|
|
9
20
|
.shell .memoryNavigation {
|
|
10
21
|
display: flex;
|
|
11
22
|
min-width: 0;
|
|
@@ -19,124 +30,69 @@
|
|
|
19
30
|
display: flex;
|
|
20
31
|
min-width: 0;
|
|
21
32
|
flex: 1;
|
|
22
|
-
gap:
|
|
33
|
+
gap: 22px;
|
|
23
34
|
overflow-x: auto;
|
|
24
35
|
scrollbar-width: none;
|
|
25
36
|
}
|
|
26
37
|
.shell .memoryTabs::-webkit-scrollbar { display: none; }
|
|
27
38
|
.shell .memoryTabs button {
|
|
39
|
+
position: relative;
|
|
28
40
|
min-width: max-content;
|
|
29
41
|
min-height: 0;
|
|
30
|
-
|
|
42
|
+
margin-bottom: -.5px;
|
|
43
|
+
padding: 6px 1px 9px;
|
|
31
44
|
border: 0;
|
|
32
45
|
border-bottom: 2px solid transparent;
|
|
33
|
-
|
|
34
|
-
color: var(--dsw-alias-label-secondary);
|
|
46
|
+
color: var(--dsw-alias-label-tertiary);
|
|
35
47
|
background: transparent;
|
|
36
48
|
font-size: 13px;
|
|
49
|
+
line-height: 20px;
|
|
37
50
|
cursor: pointer;
|
|
38
51
|
}
|
|
39
|
-
.shell .memoryTabs button:hover {
|
|
52
|
+
.shell .memoryTabs button:hover { color: var(--dsw-alias-label-primary); }
|
|
40
53
|
.shell .memoryTabs button[data-active] {
|
|
41
|
-
border-bottom-color: var(--dsw-alias-
|
|
54
|
+
border-bottom-color: var(--dsw-alias-label-primary);
|
|
42
55
|
color: var(--dsw-alias-label-primary);
|
|
43
|
-
font-weight: 600;
|
|
44
56
|
}
|
|
45
57
|
.shell .memoryWriteButton { flex: none; }
|
|
46
|
-
.shell .modal section[class*='supervisedComposer'] { overflow: visible; }
|
|
58
|
+
.shell .modal section[class*='supervisedComposer'] { overflow: visible; border: 0; }
|
|
47
59
|
.shell .modal form[class*='supervisedForm'] { padding: 0; }
|
|
48
|
-
.shell .modal [class*='supervisedHeading'] { margin-bottom:
|
|
60
|
+
.shell .modal [class*='supervisedHeading'] { margin-bottom: 12px; }
|
|
49
61
|
.shell .modal [class*='supervisedHeading'] h3 { display: none; }
|
|
50
62
|
.shell .modal details[class*='advancedWrite'] {
|
|
51
|
-
margin-top:
|
|
63
|
+
margin-top: 16px;
|
|
52
64
|
overflow: hidden;
|
|
53
|
-
border:
|
|
54
|
-
border-radius:
|
|
55
|
-
background: var(--dsw-alias-bg-layer-1);
|
|
65
|
+
border: .5px solid var(--dsw-alias-settings-card-stroke);
|
|
66
|
+
border-radius: var(--dsw-radius-md);
|
|
56
67
|
}
|
|
57
68
|
|
|
58
69
|
.shell [class*='inspectorEye'],
|
|
59
70
|
.shell [class*='inspectorHeading'] button {
|
|
60
71
|
display: inline-flex;
|
|
61
|
-
width:
|
|
62
|
-
height:
|
|
72
|
+
width: 28px;
|
|
73
|
+
height: 28px;
|
|
63
74
|
min-height: 0;
|
|
64
75
|
align-items: center;
|
|
65
76
|
justify-content: center;
|
|
66
77
|
padding: 0;
|
|
67
78
|
border: 0;
|
|
68
|
-
border-radius:
|
|
69
|
-
color: var(--dsw-alias-label-
|
|
79
|
+
border-radius: var(--dsw-radius-sm);
|
|
80
|
+
color: var(--dsw-alias-label-caption);
|
|
70
81
|
background: transparent;
|
|
71
82
|
font-size: 13px;
|
|
83
|
+
cursor: pointer;
|
|
84
|
+
transition: background-color 120ms ease, color 120ms ease;
|
|
72
85
|
}
|
|
73
86
|
.shell [class*='inspectorEye']:hover:not(:disabled),
|
|
74
87
|
.shell [class*='inspectorHeading'] button:hover:not(:disabled) {
|
|
75
|
-
|
|
76
|
-
color: var(--dsw-alias-label-primary);
|
|
88
|
+
color: var(--dsw-alias-label-secondary);
|
|
77
89
|
background: var(--dsw-alias-interactive-bg-hover);
|
|
78
90
|
}
|
|
79
|
-
|
|
80
|
-
.shell [class*='inspectorEye'],
|
|
81
|
-
.shell [class*='inspectorHeading'] button {
|
|
82
|
-
cursor: pointer;
|
|
83
|
-
transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease, outline-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
|
|
84
|
-
}
|
|
85
|
-
.shell [class*='inspectorEye']:active:not(:disabled),
|
|
86
|
-
.shell [class*='inspectorHeading'] button:active:not(:disabled) {
|
|
87
|
-
transform: translateY(1px);
|
|
88
|
-
}
|
|
89
91
|
.shell [class*='inspectorEye']:disabled {
|
|
90
92
|
cursor: default;
|
|
91
|
-
opacity: .
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.shell [class*='searchControls'] label,
|
|
95
|
-
.shell [class*='fieldWide'] {
|
|
96
|
-
gap: 5px;
|
|
97
|
-
color: var(--dsw-alias-label-secondary);
|
|
98
|
-
font-size: 12px;
|
|
99
|
-
font-weight: 500;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.shell [class*='searchControls'] select,
|
|
103
|
-
.shell [class*='listToolbar'] input,
|
|
104
|
-
.shell [class*='listToolbar'] select,
|
|
105
|
-
.shell [class*='entitySearch'] input {
|
|
106
|
-
min-height: 34px;
|
|
107
|
-
border: 1px solid var(--dsw-alias-border-l2);
|
|
108
|
-
border-radius: 8px;
|
|
109
|
-
padding: 7px 10px;
|
|
110
|
-
color: var(--dsw-alias-label-primary);
|
|
111
|
-
background: var(--dsw-specific-input-major);
|
|
112
|
-
font-size: 13px;
|
|
113
|
-
font-weight: 400;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.shell [class*='entityHeading'] > span,
|
|
117
|
-
.shell [class*='inspectorHeading'] > span {
|
|
118
|
-
font-size: 11px;
|
|
119
|
-
letter-spacing: .06em;
|
|
93
|
+
opacity: .4;
|
|
120
94
|
}
|
|
121
95
|
|
|
122
|
-
.shell [class*='bodyDirectoryHeader'] p,
|
|
123
|
-
.shell [class*='bodyCard'] > p,
|
|
124
|
-
.shell [class*='graphToolbar'],
|
|
125
|
-
.shell [class*='graphFooter'],
|
|
126
|
-
.shell [class*='manualActions'] p { font-size: 12px; }
|
|
127
|
-
|
|
128
|
-
.shell [class*='bodyDirectoryPath'],
|
|
129
|
-
.shell [class*='bodyCard'] footer,
|
|
130
|
-
.shell [class*='bodyHealth'],
|
|
131
|
-
.shell [class*='badge'],
|
|
132
|
-
.shell [class*='entities'] span { font-size: 11px; }
|
|
133
|
-
|
|
134
|
-
.shell [class*='bodySwitch'],
|
|
135
|
-
.shell [class*='graphCanvasControls'] button,
|
|
136
|
-
.shell [class*='advancedWrite'] summary small { font-size: 12px; }
|
|
137
|
-
|
|
138
|
-
.shell [class*='inspectorMeta'] dd { font-size: 13px; }
|
|
139
|
-
|
|
140
96
|
.shell [class*='bodyGrid'] {
|
|
141
97
|
grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
|
|
142
98
|
}
|
|
@@ -144,15 +100,6 @@
|
|
|
144
100
|
display: flex;
|
|
145
101
|
height: 100%;
|
|
146
102
|
flex-direction: column;
|
|
147
|
-
padding: 11px 11px 11px 14px;
|
|
148
|
-
border-color: var(--mn-line);
|
|
149
|
-
border-radius: 8px;
|
|
150
|
-
background: linear-gradient(90deg, color-mix(in srgb, var(--mn-provider-color) 5%, var(--mn-layer-1)), var(--mn-layer-1) 34%);
|
|
151
|
-
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--mn-provider-color) 68%, transparent);
|
|
152
|
-
}
|
|
153
|
-
.shell article[class*='bodyCard'][data-active] {
|
|
154
|
-
border-color: var(--mn-line);
|
|
155
|
-
box-shadow: inset 3px 0 0 color-mix(in srgb, var(--mn-provider-color) 78%, transparent);
|
|
156
103
|
}
|
|
157
104
|
.shell .bodyCardHeader {
|
|
158
105
|
display: flex;
|
|
@@ -167,15 +114,6 @@
|
|
|
167
114
|
align-items: center;
|
|
168
115
|
gap: 8px;
|
|
169
116
|
}
|
|
170
|
-
.shell .bodyDirectoryActions > strong {
|
|
171
|
-
padding: 5px 8px;
|
|
172
|
-
border-radius: 999px;
|
|
173
|
-
color: var(--dsw-alias-state-business-primary);
|
|
174
|
-
background: color-mix(in srgb, var(--dsw-alias-state-business-primary) 8%, transparent);
|
|
175
|
-
font-size: 11px;
|
|
176
|
-
font-weight: 600;
|
|
177
|
-
white-space: nowrap;
|
|
178
|
-
}
|
|
179
117
|
.shell .bodyCardIdentity {
|
|
180
118
|
display: flex;
|
|
181
119
|
min-width: 0;
|
|
@@ -190,13 +128,15 @@
|
|
|
190
128
|
margin-top: 7px;
|
|
191
129
|
}
|
|
192
130
|
.shell article[class*='bodyCard'][data-reconnecting] .bodyCardIdentity > [class*='bodySignal'] {
|
|
193
|
-
width:
|
|
194
|
-
height:
|
|
131
|
+
width: 8px;
|
|
132
|
+
height: 8px;
|
|
133
|
+
margin-top: 6px;
|
|
195
134
|
}
|
|
196
135
|
.shell .bodyCardIdentity > div { display: grid; min-width: 0; flex: 1; gap: 2px; }
|
|
197
136
|
.shell .bodyCardIdentity strong {
|
|
198
137
|
overflow: hidden;
|
|
199
|
-
font-size:
|
|
138
|
+
font-size: 14px;
|
|
139
|
+
font-weight: 500;
|
|
200
140
|
line-height: 20px;
|
|
201
141
|
text-overflow: ellipsis;
|
|
202
142
|
white-space: nowrap;
|
|
@@ -216,26 +156,25 @@
|
|
|
216
156
|
text-overflow: ellipsis;
|
|
217
157
|
white-space: nowrap;
|
|
218
158
|
}
|
|
219
|
-
.shell .bodyCardMeta [class*='bodyHealth'] { flex: 0 0 auto;
|
|
220
|
-
.shell .bodyCardHeader > [class*='bodySwitch'] {
|
|
159
|
+
.shell .bodyCardMeta [class*='bodyHealth'] { flex: 0 0 auto; }
|
|
160
|
+
.shell .bodyCardHeader > [class*='bodySwitch'] { flex: 0 0 auto; }
|
|
221
161
|
.shell article[class*='bodyCard'] > p {
|
|
222
162
|
display: -webkit-box;
|
|
223
|
-
min-height:
|
|
224
|
-
max-height:
|
|
225
|
-
margin:
|
|
163
|
+
min-height: 60px;
|
|
164
|
+
max-height: 60px;
|
|
165
|
+
margin: 10px 0;
|
|
226
166
|
overflow: hidden;
|
|
227
167
|
-webkit-box-orient: vertical;
|
|
228
|
-
-webkit-line-clamp:
|
|
229
|
-
line-height: 1.55;
|
|
168
|
+
-webkit-line-clamp: 3;
|
|
230
169
|
}
|
|
231
170
|
.shell .bodyCardFooter {
|
|
232
171
|
display: grid;
|
|
233
172
|
grid-template-columns: minmax(0, 1fr) max-content;
|
|
234
173
|
min-width: 0;
|
|
235
174
|
align-items: center;
|
|
236
|
-
gap:
|
|
175
|
+
gap: 12px;
|
|
237
176
|
margin-top: auto;
|
|
238
|
-
padding-top:
|
|
177
|
+
padding-top: 10px;
|
|
239
178
|
white-space: nowrap;
|
|
240
179
|
}
|
|
241
180
|
.shell .bodyCardStats {
|
|
@@ -243,7 +182,7 @@
|
|
|
243
182
|
min-width: 0;
|
|
244
183
|
flex-wrap: nowrap;
|
|
245
184
|
align-items: center;
|
|
246
|
-
gap:
|
|
185
|
+
gap: 12px;
|
|
247
186
|
overflow: hidden;
|
|
248
187
|
}
|
|
249
188
|
.shell .bodyCardFooter [class*='bodyCardActions'] {
|
|
@@ -251,31 +190,29 @@
|
|
|
251
190
|
flex: 0 0 auto;
|
|
252
191
|
flex-wrap: nowrap;
|
|
253
192
|
align-items: center;
|
|
254
|
-
gap:
|
|
193
|
+
gap: 8px;
|
|
255
194
|
}
|
|
256
|
-
.shell [class*='cardActions'] { gap:
|
|
195
|
+
.shell [class*='cardActions'] { gap: 8px; }
|
|
257
196
|
|
|
258
197
|
.shell .inspectorGlyph {
|
|
259
198
|
display: grid;
|
|
260
|
-
width:
|
|
261
|
-
height:
|
|
262
|
-
margin-bottom:
|
|
199
|
+
width: 48px;
|
|
200
|
+
height: 48px;
|
|
201
|
+
margin-bottom: 12px;
|
|
263
202
|
place-items: center;
|
|
264
|
-
border:
|
|
265
|
-
border-radius:
|
|
203
|
+
border: .5px solid var(--dsw-alias-border-l3);
|
|
204
|
+
border-radius: var(--dsw-radius-lg);
|
|
266
205
|
color: var(--dsw-alias-label-tertiary);
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
opacity: 1;
|
|
206
|
+
font-size: 20px;
|
|
207
|
+
line-height: 1;
|
|
270
208
|
}
|
|
271
209
|
|
|
272
210
|
@media (max-width: 760px) {
|
|
273
|
-
.shell .
|
|
274
|
-
.shell .memoryTabs button { padding-inline: 10px; }
|
|
211
|
+
.shell .memoryWorkspace { margin: -16px -16px 16px; padding: 16px 16px 0; }
|
|
275
212
|
}
|
|
276
213
|
|
|
277
214
|
@media (max-width: 520px) {
|
|
278
|
-
.shell .memoryTabs
|
|
215
|
+
.shell .memoryTabs { gap: 18px; }
|
|
279
216
|
}
|
|
280
217
|
|
|
281
218
|
@media (prefers-reduced-motion: reduce) {
|