agentgui 1.0.870 → 1.0.872
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/CHANGELOG.md +9 -0
- package/package.json +1 -1
- package/static/css/main.css +34 -1
- package/static/index.html +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
## [Unreleased] - GUI a11y pass
|
|
2
|
+
|
|
3
|
+
- index.html: remove `maximum-scale=1.0` and `user-scalable=no` from viewport (WCAG 1.4.4 — low-vision users need pinch-zoom)
|
|
4
|
+
- index.html: add `theme-color` meta with light/dark media queries (native tab/chrome tinting on mobile)
|
|
5
|
+
- index.html: add skip-to-conversation link as first body child for keyboard users
|
|
6
|
+
- main.css: add `:focus-visible` outline for keyboard nav (previously no default visible focus ring)
|
|
7
|
+
- main.css: add `@media (prefers-reduced-motion: reduce)` to collapse animations/transitions for users with vestibular disorders or motion-sensitivity OS setting
|
|
8
|
+
- main.css: `.skip-link` styles (off-screen until focused)
|
|
9
|
+
|
|
1
10
|
## [Unreleased] - GUI observability + workflow-plugin fix
|
|
2
11
|
|
|
3
12
|
- Fix regression from prior commit: workflow-plugin.js declared `dependencies: ['git','database']` but git plugin was deleted; plugin init failed with "Plugin git not found in registry". Removed unused git dep and stale binding.
|
package/package.json
CHANGED
package/static/css/main.css
CHANGED
|
@@ -3248,4 +3248,37 @@
|
|
|
3248
3248
|
color: var(--color-text);
|
|
3249
3249
|
max-width: 120px;
|
|
3250
3250
|
}
|
|
3251
|
-
|
|
3251
|
+
|
|
3252
|
+
|
|
3253
|
+
.skip-link {
|
|
3254
|
+
position: absolute;
|
|
3255
|
+
top: -40px;
|
|
3256
|
+
left: 0;
|
|
3257
|
+
background: var(--color-primary, #3b82f6);
|
|
3258
|
+
color: #fff;
|
|
3259
|
+
padding: 8px 16px;
|
|
3260
|
+
z-index: 10000;
|
|
3261
|
+
text-decoration: none;
|
|
3262
|
+
border-radius: 0 0 4px 0;
|
|
3263
|
+
font-weight: 600;
|
|
3264
|
+
}
|
|
3265
|
+
.skip-link:focus {
|
|
3266
|
+
top: 0;
|
|
3267
|
+
}
|
|
3268
|
+
|
|
3269
|
+
:focus-visible {
|
|
3270
|
+
outline: 2px solid var(--color-primary, #3b82f6);
|
|
3271
|
+
outline-offset: 2px;
|
|
3272
|
+
border-radius: 2px;
|
|
3273
|
+
}
|
|
3274
|
+
|
|
3275
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3276
|
+
*,
|
|
3277
|
+
*::before,
|
|
3278
|
+
*::after {
|
|
3279
|
+
animation-duration: 0.01ms !important;
|
|
3280
|
+
animation-iteration-count: 1 !important;
|
|
3281
|
+
transition-duration: 0.01ms !important;
|
|
3282
|
+
scroll-behavior: auto !important;
|
|
3283
|
+
}
|
|
3284
|
+
}
|
package/static/index.html
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
<html lang="en" class="light">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0,
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
|
6
6
|
<meta name="description" content="AgentGUI - Real-time Claude Code Execution Visualization">
|
|
7
|
+
<meta name="theme-color" content="#3b82f6" media="(prefers-color-scheme: light)">
|
|
8
|
+
<meta name="theme-color" content="#1e293b" media="(prefers-color-scheme: dark)">
|
|
7
9
|
<title>AgentGUI</title>
|
|
8
10
|
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Crect width='100' height='100' rx='20' fill='%233b82f6'/%3E%3Ctext x='50' y='68' font-size='50' font-family='sans-serif' font-weight='bold' fill='white' text-anchor='middle'%3EG%3C/text%3E%3C/svg%3E">
|
|
9
11
|
<link rel="preload" href="/gm/css/main.css" as="style">
|
|
@@ -41,6 +43,8 @@
|
|
|
41
43
|
<link rel="stylesheet" href="/gm/css/tools-popup.css" media="print" onload="this.media='all'">
|
|
42
44
|
</head>
|
|
43
45
|
<body>
|
|
46
|
+
<a href="#app" class="skip-link">Skip to conversation</a>
|
|
47
|
+
|
|
44
48
|
<!-- Sidebar overlay (mobile) -->
|
|
45
49
|
<div class="sidebar-overlay" data-sidebar-overlay></div>
|
|
46
50
|
|