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