dsh-mnemon-source-memory-spaces 0.5.1 → 0.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,281 @@
1
+ .shell .memoryWorkspace {
2
+ flex: 0 0 auto;
3
+ padding: 12px 16px 0;
4
+ border-bottom: 1px solid var(--dsw-alias-border-l1);
5
+ background: var(--mn-surface);
6
+ }
7
+ .shell .memoryWorkspace > [class*='pageHeader'] { margin-bottom: 8px; }
8
+
9
+ .shell .memoryNavigation {
10
+ display: flex;
11
+ min-width: 0;
12
+ flex: 0 0 auto;
13
+ align-items: flex-end;
14
+ gap: 12px;
15
+ padding: 0;
16
+ }
17
+
18
+ .shell .memoryTabs {
19
+ display: flex;
20
+ min-width: 0;
21
+ flex: 1;
22
+ gap: 2px;
23
+ overflow-x: auto;
24
+ scrollbar-width: none;
25
+ }
26
+ .shell .memoryTabs::-webkit-scrollbar { display: none; }
27
+ .shell .memoryTabs button {
28
+ min-width: max-content;
29
+ min-height: 0;
30
+ padding: 6px 12px;
31
+ border: 0;
32
+ border-bottom: 2px solid transparent;
33
+ border-radius: 6px 6px 0 0;
34
+ color: var(--dsw-alias-label-secondary);
35
+ background: transparent;
36
+ font-size: 13px;
37
+ cursor: pointer;
38
+ }
39
+ .shell .memoryTabs button:hover { background: var(--dsw-alias-interactive-bg-hover); }
40
+ .shell .memoryTabs button[data-active] {
41
+ border-bottom-color: var(--dsw-alias-state-business-primary);
42
+ color: var(--dsw-alias-label-primary);
43
+ font-weight: 600;
44
+ }
45
+ .shell .memoryWriteButton { flex: none; }
46
+ .shell .modal section[class*='supervisedComposer'] { overflow: visible; }
47
+ .shell .modal form[class*='supervisedForm'] { padding: 0; }
48
+ .shell .modal [class*='supervisedHeading'] { margin-bottom: 10px; }
49
+ .shell .modal [class*='supervisedHeading'] h3 { display: none; }
50
+ .shell .modal details[class*='advancedWrite'] {
51
+ margin-top: 14px;
52
+ overflow: hidden;
53
+ border: 1px solid var(--dsw-alias-border-l1);
54
+ border-radius: 10px;
55
+ background: var(--dsw-alias-bg-layer-1);
56
+ }
57
+
58
+ .shell [class*='inspectorEye'],
59
+ .shell [class*='inspectorHeading'] button {
60
+ display: inline-flex;
61
+ width: 26px;
62
+ height: 26px;
63
+ min-height: 0;
64
+ align-items: center;
65
+ justify-content: center;
66
+ padding: 0;
67
+ border: 0;
68
+ border-radius: 6px;
69
+ color: var(--dsw-alias-label-secondary);
70
+ background: transparent;
71
+ font-size: 13px;
72
+ }
73
+ .shell [class*='inspectorEye']:hover:not(:disabled),
74
+ .shell [class*='inspectorHeading'] button:hover:not(:disabled) {
75
+ border: 0;
76
+ color: var(--dsw-alias-label-primary);
77
+ background: var(--dsw-alias-interactive-bg-hover);
78
+ }
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
+ .shell [class*='inspectorEye']:disabled {
90
+ cursor: default;
91
+ opacity: .45;
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;
120
+ }
121
+
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
+ .shell [class*='bodyGrid'] {
141
+ grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
142
+ }
143
+ .shell article[class*='bodyCard'] {
144
+ display: flex;
145
+ height: 100%;
146
+ 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
+ }
157
+ .shell .bodyCardHeader {
158
+ display: flex;
159
+ min-width: 0;
160
+ align-items: flex-start;
161
+ justify-content: space-between;
162
+ gap: 12px;
163
+ }
164
+ .shell .bodyDirectoryActions {
165
+ display: flex;
166
+ flex: 0 0 auto;
167
+ align-items: center;
168
+ gap: 8px;
169
+ }
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
+ .shell .bodyCardIdentity {
180
+ display: flex;
181
+ min-width: 0;
182
+ flex: 1;
183
+ align-items: flex-start;
184
+ gap: 8px;
185
+ }
186
+ .shell .bodyCardIdentity > [class*='bodySignal'] {
187
+ width: 6px;
188
+ height: 6px;
189
+ flex: 0 0 auto;
190
+ margin-top: 7px;
191
+ }
192
+ .shell article[class*='bodyCard'][data-reconnecting] .bodyCardIdentity > [class*='bodySignal'] {
193
+ width: 6px;
194
+ height: 6px;
195
+ }
196
+ .shell .bodyCardIdentity > div { display: grid; min-width: 0; flex: 1; gap: 2px; }
197
+ .shell .bodyCardIdentity strong {
198
+ overflow: hidden;
199
+ font-size: 13px;
200
+ line-height: 20px;
201
+ text-overflow: ellipsis;
202
+ white-space: nowrap;
203
+ }
204
+ .shell .bodyCardMeta {
205
+ display: flex;
206
+ min-width: 0;
207
+ align-items: center;
208
+ gap: 8px;
209
+ }
210
+ .shell .bodyCardMeta code {
211
+ min-width: 0;
212
+ overflow: hidden;
213
+ color: var(--dsw-alias-label-tertiary);
214
+ font-size: 11px;
215
+ text-overflow: ellipsis;
216
+ white-space: nowrap;
217
+ }
218
+ .shell .bodyCardMeta [class*='bodyHealth'] { flex: 0 0 auto; font-size: 11px; letter-spacing: 0; }
219
+ .shell .bodyCardHeader > [class*='bodySwitch'] { min-height: 24px; flex: 0 0 auto; }
220
+ .shell article[class*='bodyCard'] > p {
221
+ display: -webkit-box;
222
+ min-height: calc(1.55em * 4);
223
+ max-height: calc(1.55em * 4);
224
+ margin: 12px 0;
225
+ overflow: hidden;
226
+ -webkit-box-orient: vertical;
227
+ -webkit-line-clamp: 4;
228
+ line-height: 1.55;
229
+ }
230
+ .shell .bodyCardFooter {
231
+ display: grid;
232
+ grid-template-columns: minmax(0, 1fr) max-content;
233
+ min-width: 0;
234
+ align-items: center;
235
+ gap: 10px;
236
+ margin-top: auto;
237
+ padding-top: 9px;
238
+ white-space: nowrap;
239
+ }
240
+ .shell .bodyCardStats {
241
+ display: flex;
242
+ min-width: 0;
243
+ flex-wrap: nowrap;
244
+ align-items: center;
245
+ gap: 10px;
246
+ overflow: hidden;
247
+ }
248
+ .shell .bodyCardFooter [class*='bodyCardActions'] {
249
+ display: flex;
250
+ flex: 0 0 auto;
251
+ flex-wrap: nowrap;
252
+ align-items: center;
253
+ gap: 6px;
254
+ }
255
+ .shell [class*='cardActions'] { gap: 6px; }
256
+
257
+ .shell .inspectorGlyph {
258
+ display: grid;
259
+ width: 44px;
260
+ height: 44px;
261
+ margin-bottom: 10px;
262
+ place-items: center;
263
+ border: 1px solid var(--dsw-alias-border-l1);
264
+ border-radius: 10px;
265
+ color: var(--dsw-alias-label-tertiary);
266
+ background: var(--dsw-alias-bg-layer-1);
267
+ font: 20px/1 var(--mn-code);
268
+ opacity: 1;
269
+ }
270
+
271
+ @media (max-width: 760px) {
272
+ .shell .memoryNavigation { padding-inline: 12px; }
273
+ .shell .memoryTabs button { padding-inline: 10px; }
274
+ }
275
+
276
+ @media (prefers-reduced-motion: reduce) {
277
+ .shell [class*='inspectorEye'],
278
+ .shell [class*='inspectorHeading'] button {
279
+ transition: none;
280
+ }
281
+ }