personal memory agent
a11y: fix muted text contrast and convert to sentence case in support workspace
+24
-24
+24
-24
apps/support/workspace.html
+24
-24
apps/support/workspace.html
···
12
12
padding: 0.5rem 1rem;
13
13
cursor: pointer;
14
14
font-size: 0.9rem;
15
-
color: var(--muted, #888);
15
+
color: var(--muted, #595959);
16
16
border-bottom: 2px solid transparent;
17
17
transition: all 0.15s;
18
18
}
···
41
41
align-items: center;
42
42
margin-bottom: 0.25rem;
43
43
}
44
-
.support-ticket-id { font-size: 0.8rem; color: var(--muted, #888); }
44
+
.support-ticket-id { font-size: 0.8rem; color: var(--muted, #595959); }
45
45
.support-ticket-subject { font-weight: 600; }
46
-
.support-ticket-meta { font-size: 0.8rem; color: var(--muted, #888); margin-top: 0.25rem; }
46
+
.support-ticket-meta { font-size: 0.8rem; color: var(--muted, #595959); margin-top: 0.25rem; }
47
47
.support-status {
48
48
font-size: 0.75rem;
49
49
padding: 0.15rem 0.5rem;
···
63
63
border: none;
64
64
cursor: pointer;
65
65
font-size: 0.9rem;
66
-
color: var(--muted, #888);
66
+
color: var(--muted, #595959);
67
67
padding: 0;
68
68
margin-bottom: 1rem;
69
69
}
···
73
73
padding: 0.75rem 1rem;
74
74
margin-bottom: 0.75rem;
75
75
}
76
-
.support-message-meta { font-size: 0.8rem; color: var(--muted, #888); margin-bottom: 0.25rem; }
76
+
.support-message-meta { font-size: 0.8rem; color: var(--muted, #595959); margin-bottom: 0.25rem; }
77
77
.support-reply-form { margin-top: 1rem; }
78
78
.support-reply-form textarea {
79
79
width: 100%;
···
122
122
margin-bottom: 0.75rem;
123
123
}
124
124
.support-help-card h3 { margin: 0 0 0.5rem 0; font-size: 1rem; }
125
-
.support-help-card p { margin: 0; font-size: 0.9rem; color: var(--muted, #888); }
125
+
.support-help-card p { margin: 0; font-size: 0.9rem; color: var(--muted, #595959); }
126
126
127
127
/* Buttons */
128
128
.support-btn {
···
146
146
.support-empty {
147
147
text-align: center;
148
148
padding: 3rem 1rem;
149
-
color: var(--muted, #888);
149
+
color: var(--muted, #595959);
150
150
}
151
151
.support-disabled {
152
152
text-align: center;
153
153
padding: 3rem 1rem;
154
-
color: var(--muted, #888);
154
+
color: var(--muted, #595959);
155
155
}
156
156
157
157
.support-status-msg {
···
169
169
}
170
170
.support-keyboard-hint {
171
171
font-size: 0.8rem;
172
-
color: var(--muted, #888);
172
+
color: var(--muted, #595959);
173
173
margin-left: 0.5rem;
174
174
}
175
175
···
182
182
display: flex;
183
183
align-items: center;
184
184
gap: 0.35rem;
185
-
color: var(--muted, #888);
185
+
color: var(--muted, #595959);
186
186
margin-top: 0.15rem;
187
187
}
188
188
.support-drop-zone {
···
190
190
border-radius: 8px;
191
191
padding: 1rem;
192
192
text-align: center;
193
-
color: var(--muted, #888);
193
+
color: var(--muted, #595959);
194
194
font-size: 0.85rem;
195
195
margin-top: 0.75rem;
196
196
transition: all 0.15s;
···
216
216
.support-file-entry .remove-file {
217
217
background: none;
218
218
border: none;
219
-
color: var(--muted, #888);
219
+
color: var(--muted, #595959);
220
220
cursor: pointer;
221
221
font-size: 0.9rem;
222
222
padding: 0 0.25rem;
···
247
247
248
248
<!-- Navigation tabs -->
249
249
<nav class="support-nav" role="tablist" aria-label="support sections">
250
-
<button type="button" role="tab" id="tab-tickets" class="active" data-section="tickets" aria-selected="true" aria-controls="section-tickets" tabindex="0">Active Tickets</button>
251
-
<button type="button" role="tab" id="tab-feedback" data-section="feedback" aria-selected="false" aria-controls="section-feedback" tabindex="-1">Feedback</button>
252
-
<button type="button" role="tab" id="tab-help" data-section="help" aria-selected="false" aria-controls="section-help" tabindex="-1">Help & Guidance</button>
250
+
<button type="button" role="tab" id="tab-tickets" class="active" data-section="tickets" aria-selected="true" aria-controls="section-tickets" tabindex="0">active tickets</button>
251
+
<button type="button" role="tab" id="tab-feedback" data-section="feedback" aria-selected="false" aria-controls="section-feedback" tabindex="-1">feedback</button>
252
+
<button type="button" role="tab" id="tab-help" data-section="help" aria-selected="false" aria-controls="section-help" tabindex="-1">help & guidance</button>
253
253
</nav>
254
254
255
255
<!-- Section: Active Tickets -->
···
269
269
<div class="support-feedback-options">
270
270
<label><input type="checkbox" id="feedback-anonymous"> Submit anonymously</label>
271
271
</div>
272
-
<button class="support-btn" id="feedback-submit" type="submit">Send Feedback</button>
272
+
<button class="support-btn" id="feedback-submit" type="submit">send feedback</button>
273
273
<span class="support-keyboard-hint">ctrl+enter to send</span>
274
274
<div id="feedback-status" class="support-status-msg"></div>
275
275
</form>
···
279
279
<!-- Section: Help & Guidance -->
280
280
<div id="section-help" class="support-section" role="tabpanel" aria-labelledby="tab-help">
281
281
<div class="support-help-card">
282
-
<h3>🛟 Getting Help</h3>
282
+
<h3>🛟 getting help</h3>
283
283
<p>Just say "I need help" or "something's not working" in the chat bar. Your sol will handle everything — searching for answers, running diagnostics, and filing a ticket if needed.</p>
284
284
</div>
285
285
<div class="support-help-card">
286
-
<h3>🔍 Search the Knowledge Base</h3>
286
+
<h3>🔍 search the knowledge base</h3>
287
287
<p>Run <code>sol call support search "your question"</code> to find answers in our knowledge base before filing a ticket.</p>
288
288
</div>
289
289
<div class="support-help-card">
290
-
<h3>🩺 Run Diagnostics</h3>
290
+
<h3>🩺 run diagnostics</h3>
291
291
<p>Run <code>sol call support diagnose</code> to check your system health locally — no data is sent anywhere.</p>
292
292
</div>
293
293
<div class="support-help-card">
294
-
<h3>📢 Announcements</h3>
294
+
<h3>📢 announcements</h3>
295
295
<p>Run <code>sol call support announcements</code> to check for product updates and known issues.</p>
296
296
</div>
297
297
<div class="support-help-card">
298
-
<h3>🔒 Privacy</h3>
298
+
<h3>🔒 privacy</h3>
299
299
<p>Nothing leaves your device without your explicit approval. You review every ticket before it's sent and can edit or redact anything. Journal content is never included unless you attach it yourself.</p>
300
300
</div>
301
301
</div>
···
419
419
420
420
const msgs = t.messages || [];
421
421
if (msgs.length) {
422
-
html += '<h3 style="margin-top:1.5rem;">Thread</h3>';
422
+
html += '<h3 style="margin-top:1.5rem;">thread</h3>';
423
423
msgs.forEach(m => {
424
424
let attachHtml = '';
425
425
const atts = m.attachments || [];
···
450
450
</div>
451
451
<div class="support-file-list" id="attach-file-list"></div>
452
452
<div style="display:flex;gap:0.5rem;margin-top:0.5rem;align-items:center;">
453
-
<button class="support-btn" id="reply-submit" type="submit">Send Reply</button>
454
-
<button class="support-btn support-btn-secondary" id="attach-only-submit" type="button" style="display:none;">Upload Files Only</button>
453
+
<button class="support-btn" id="reply-submit" type="submit">send reply</button>
454
+
<button class="support-btn support-btn-secondary" id="attach-only-submit" type="button" style="display:none;">upload files only</button>
455
455
<span class="support-keyboard-hint">ctrl+enter to send</span>
456
456
</div>
457
457
<div id="reply-status" class="support-status-msg"></div>