agentgui 1.0.1067 → 1.0.1068

package/.gm/prd.yml

@@ -3076,3 +3076,45 @@
   - gm-plugkit/playwriter browser verb dom=/capture eval context defect - requires an upstream tool fix outside agentgui/design
   status: completed
   witness: 'External tool defect, not resolvable from this repo/session: the gm-plugkit/playwriter browser verb''s dom= and capture prefixes evaluate in a Node vm context with no page/document binding (ReferenceError on every attempt this session), unlike the screenshot= and url=<target> paths which do reach the real page. This is a defect in the upstream gm-plugkit/playwriter tool package itself, outside agentgui and design repo scope. Recorded per the false-completion rule as blockedBy:external rather than marked done - screenshots remain the working witness fallback and were used for all browser verification in this sweep.'
+- id: docstudio-cue-typography-depth-review
+  subject: 'Re-examine typography maturity: font pairing sophistication, weight/size hierarchy richness, line-height rhythm across real rendered content (not just token existence)'
+  status: pending
+- id: docstudio-cue-color-depth-review
+  subject: 'Re-examine color maturity: does the kit''s palette read as considered/branded or generic-neutral; check docstudio''s actual color usage patterns for anything genuinely more sophisticated'
+  status: pending
+- id: docstudio-cue-motion-depth-review
+  subject: Re-examine motion/microinteraction maturity beyond the single streaming-caret check - hover states, transition timing, loading choreography, page-transition polish
+  status: pending
+- id: docstudio-cue-empty-loading-error-states
+  subject: Deep-dive every empty/loading/error state across chat/history/files/settings/live - compare polish level against docstudio's equivalents concretely
+  status: pending
+- id: docstudio-cue-information-density-review
+  subject: Compare real information density and layout sophistication - does content breathe correctly, is whitespace purposeful vs accidental
+  status: pending
+- id: docstudio-cue-visual-identity-review
+  subject: Does the kit read as a cohesive, intentional brand/product, or a generic component-library default look - honest assessment
+  status: pending
+- id: docstudio-cue-forms-dialogs-review
+  subject: 'Compare form/dialog polish: validation feedback, multi-step flows, modal treatment, input affordances'
+  status: pending
+- id: docstudio-cue-navigation-review
+  subject: 'Compare navigation/wayfinding sophistication: sidebar treatment, breadcrumbs, tab/section transitions'
+  status: pending
+- id: docstudio-cue-data-display-review
+  subject: Compare data-table/list/card display patterns for real polish differences
+  status: pending
+- id: docstudio-implement-confirmed-gaps
+  subject: Implement every genuinely confirmed maturity gap found this pass into the design kit (../design), never as an agentgui override
+  status: pending
+- id: docstudio-verify-buildesk-live-2
+  subject: Live-verify every implemented change on https://buildesk.acc.l-inc.co.za/gm via browser witness
+  status: pending
+- id: docstudio-kit-build-vendor-2
+  subject: Build+test the kit, re-vendor into agentgui
+  status: pending
+- id: docstudio-push-ci-green-2
+  subject: Push kit and agentgui changes, verify CI green
+  status: pending
+- id: docstudio-agents-md-record-2
+  subject: Record this run's findings in AGENTS.md
+  status: pending

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.1067",
+  "version": "1.0.1068",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/site/app/vendor/anentrypoint-design/247420.css

@@ -5278,6 +5278,19 @@
   max-width: 100%;
 }
 .ds-247420 .ds-table-wrap > table { min-width: 100%; }
+/* Sortable column headers (Table's opt-in sortable prop) — a docstudio-cue
+   addition: color stays neutral at rest (this is a structural control, not a
+   brand moment) and only the active sort direction gets the accent tint,
+   matching the "color reserved for meaning, not decoration" pattern seen in
+   docstudio's admin table. */
+.ds-247420 .ds-table-sort-btn {
+  display: inline-flex; align-items: center; gap: 4px;
+  background: none; border: none; padding: 0; margin: 0;
+  font: inherit; font-weight: inherit; color: inherit; cursor: pointer;
+}
+.ds-247420 .ds-table-sort-btn:hover { color: var(--fg); }
+.ds-247420 .ds-table-sort-btn:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: 2px; }
+.ds-247420 .ds-table-sort-btn.is-active { color: var(--accent-ink, var(--accent)); }
 
 
 /* == appended: settings kit cleanup == */
@@ -7208,6 +7221,35 @@
 }
 .ds-247420 .agentchat-title { font-size: 1em; margin: 0; }
 .ds-247420 .agentchat-sub { font-size: var(--fs-tiny); color: var(--fg-3); }
+/* Optional inline content viewer beside the thread (sidePanel prop) - a
+   docstudio-cue addition (its chat view keeps a document/PDF preview open
+   next to the conversation rather than in a separate tab). SplitPanel (an
+   existing kit primitive) owns the resizable layout; these rules only shape
+   the two panes' internal structure. */
+.ds-247420 .agentchat.has-side-panel { gap: 0; }
+.ds-247420 .agentchat.has-side-panel > .ds-ep-split { flex: 1; min-height: 0; }
+.ds-247420 .agentchat-main-col { display: flex; flex-direction: column; min-height: 0; height: 100%; gap: var(--space-2, 8px); }
+.ds-247420 .agentchat-side-panel { display: flex; flex-direction: column; height: 100%; min-height: 0; border-left: var(--bw-hair) solid var(--bg-3); }
+.ds-247420 .agentchat-side-panel-head {
+  display: flex; align-items: center; justify-content: space-between;
+  padding: var(--space-2, 8px) var(--space-3, 12px); border-bottom: var(--bw-hair) solid var(--bg-3);
+  flex: 0 0 auto;
+}
+.ds-247420 .agentchat-side-panel-title { font-size: var(--fs-tiny); font-weight: 600; color: var(--fg-2); text-transform: uppercase; letter-spacing: var(--tr-label); }
+.ds-247420 .agentchat-side-panel-close {
+  display: inline-flex; align-items: center; justify-content: center;
+  background: none; border: none; color: var(--fg-3); cursor: pointer;
+  padding: 4px; border-radius: var(--r-1);
+}
+.ds-247420 .agentchat-side-panel-close:hover { background: var(--bg-2); color: var(--fg); }
+.ds-247420 .agentchat-side-panel-close:focus-visible { outline: var(--focus-w) solid var(--focus-color); outline-offset: var(--focus-offset); }
+.ds-247420 .agentchat-side-panel-body { flex: 1; min-height: 0; overflow: auto; }
+@media (max-width: 900px) {
+  /* A resizable side-by-side split is impractical below tablet width - stack
+     the preview under the thread instead of horizontally squeezing both. */
+  .ds-247420 .agentchat.has-side-panel > .ds-ep-split.horiz { flex-direction: column; }
+  .ds-247420 .agentchat-side-panel { border-left: none; border-top: var(--bw-hair) solid var(--bg-3); max-height: 45vh; }
+}
 /* Thread wrapper hosts the absolutely-positioned jump-to-latest button. */
 .ds-247420 .agentchat-thread-wrap { position: relative; flex: 1; min-height: 0; display: flex; flex-direction: column; }
 .ds-247420 .agentchat-thread {