anentrypoint-design 0.0.216 → 0.0.217
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/app-shell.css +6 -0
- package/chat.css +9 -0
- package/dist/247420.css +14 -0
- package/dist/247420.js +11 -11
- package/package.json +1 -1
- package/src/components/agent-chat.js +1 -1
- package/src/components/shell.js +4 -2
- package/src/markdown.js +8 -4
package/app-shell.css
CHANGED
|
@@ -2681,6 +2681,12 @@ input[type="password"]:not(:placeholder-shown) + .input-clear {
|
|
|
2681
2681
|
Accessibility Enhancements
|
|
2682
2682
|
-------------------------------------------------------------- */
|
|
2683
2683
|
|
|
2684
|
+
/* Base focus-visible: 2px ring + 2px offset clears dark bg-3 surfaces (WCAG 1.4.11) */
|
|
2685
|
+
:focus-visible {
|
|
2686
|
+
outline: 2px solid var(--accent);
|
|
2687
|
+
outline-offset: 2px;
|
|
2688
|
+
}
|
|
2689
|
+
|
|
2684
2690
|
/* Enhanced focus-visible for all interactive elements */
|
|
2685
2691
|
[role="button"]:focus-visible,
|
|
2686
2692
|
[role="link"]:focus-visible,
|
package/chat.css
CHANGED
|
@@ -300,6 +300,15 @@
|
|
|
300
300
|
.agentchat-cwd-text { max-width: 42vw; }
|
|
301
301
|
.agentchat-controls { gap: .4em; }
|
|
302
302
|
}
|
|
303
|
+
/* 360px: buttons fill full width so they remain tappable at the narrowest phones */
|
|
304
|
+
@media (max-width: 400px) {
|
|
305
|
+
.agentchat-controls .btn, .agentchat-controls .btn-primary,
|
|
306
|
+
.agentchat-controls button { flex: 1 1 100%; }
|
|
307
|
+
}
|
|
308
|
+
/* Coarse-pointer (touch): raise cwd button to 44px minimum tap target */
|
|
309
|
+
@media (pointer: coarse) {
|
|
310
|
+
.agentchat-cwd-btn { min-height: 44px; }
|
|
311
|
+
}
|
|
303
312
|
|
|
304
313
|
/* ----------------------------------------------------------------------------
|
|
305
314
|
Global status disc — a CSS-drawn status indicator (no text glyph) usable
|
package/dist/247420.css
CHANGED
|
@@ -3128,6 +3128,12 @@
|
|
|
3128
3128
|
Accessibility Enhancements
|
|
3129
3129
|
-------------------------------------------------------------- */
|
|
3130
3130
|
|
|
3131
|
+
/* Base focus-visible: 2px ring + 2px offset clears dark bg-3 surfaces (WCAG 1.4.11) */
|
|
3132
|
+
.ds-247420 :focus-visible {
|
|
3133
|
+
outline: 2px solid var(--accent);
|
|
3134
|
+
outline-offset: 2px;
|
|
3135
|
+
}
|
|
3136
|
+
|
|
3131
3137
|
/* Enhanced focus-visible for all interactive elements */
|
|
3132
3138
|
.ds-247420[role="button"]:focus-visible,
|
|
3133
3139
|
.ds-247420[role="link"]:focus-visible,
|
|
@@ -5729,6 +5735,14 @@
|
|
|
5729
5735
|
.ds-247420 .agentchat-cwd-text { max-width: 42vw; }
|
|
5730
5736
|
.ds-247420 .agentchat-controls { gap: .4em; }
|
|
5731
5737
|
}
|
|
5738
|
+
/* 360px: buttons fill full width so they remain tappable at the narrowest phones */
|
|
5739
|
+
@media (max-width: 400px) {
|
|
5740
|
+
.ds-247420 .agentchat-controls .btn, .ds-247420 .agentchat-controls .btn-primary, .ds-247420 .agentchat-controls button { flex: 1 1 100%; }
|
|
5741
|
+
}
|
|
5742
|
+
/* Coarse-pointer (touch): raise cwd button to 44px minimum tap target */
|
|
5743
|
+
@media (pointer: coarse) {
|
|
5744
|
+
.ds-247420 .agentchat-cwd-btn { min-height: 44px; }
|
|
5745
|
+
}
|
|
5732
5746
|
|
|
5733
5747
|
/* ----------------------------------------------------------------------------
|
|
5734
5748
|
Global status disc — a CSS-drawn status indicator (no text glyph) usable
|