chore(conductor): Add new track 'Review GUI design and UX refinement'

This commit is contained in:
2026-02-23 16:59:59 -05:00
parent 6287f24e51
commit a359f19cdc
5 changed files with 86 additions and 0 deletions

View File

@@ -12,6 +12,11 @@ This file tracks all major tracks for the project. Each track has its own detail
- [ ] **Track: Review project codebase, documentation related to project, and make sure agenti vendor apis are being used as properly stated by offical documentation from google for gemini and anthropic for claude.** - [ ] **Track: Review project codebase, documentation related to project, and make sure agenti vendor apis are being used as properly stated by offical documentation from google for gemini and anthropic for claude.**
*Link: [./tracks/api_vendor_alignment_20260223/](./tracks/api_vendor_alignment_20260223/)* *Link: [./tracks/api_vendor_alignment_20260223/](./tracks/api_vendor_alignment_20260223/)*
---
- [ ] **Track: Review GUI design. Make sure placment of tunings, features, etc that the gui provides frontend visualization and manipulation for make sense and are in the right place (not in a weird panel or doesn't make sense holistically for its use. Make plan for adjustments and then make major changes to meet resolved goals.**
*Link: [./tracks/gui_layout_refinement_20260223/](./tracks/gui_layout_refinement_20260223/)*

View File

@@ -0,0 +1,5 @@
# Track gui_layout_refinement_20260223 Context
- [Specification](./spec.md)
- [Implementation Plan](./plan.md)
- [Metadata](./metadata.json)

View File

@@ -0,0 +1,8 @@
{
"track_id": "gui_layout_refinement_20260223",
"type": "refactor",
"status": "new",
"created_at": "2026-02-23T12:00:00Z",
"updated_at": "2026-02-23T12:00:00Z",
"description": "Review GUI design. Make sure placment of tunings, features, etc that the gui provides frontend visualization and manipulation for make sense and are in the right place (not in a weird panel or doesn't make sense holistically for its use. Make plan for adjustments and then make major changes to meet resolved goals."
}

View File

@@ -0,0 +1,38 @@
# Implementation Plan: GUI Layout Audit and UX Refinement
## Phase 1: Audit and Structural Design
Perform a thorough review of the current GUI and define the target layout.
- [ ] Task: Audit current GUI panels (AI Settings, Context, Diagnostics, History) and document placement issues.
- [ ] Task: Propose a reorganized layout structure that prioritizes dockable/floatable window flexibility.
- [ ] Task: Review proposal with user and finalize the structural plan.
- [ ] Task: Conductor - User Manual Verification 'Phase 1: Audit and Structural Design' (Protocol in workflow.md)
## Phase 2: Layout Reorganization
Implement the structural changes to panel placements and window behaviors.
- [ ] Task: Refactor `gui.py` panel definitions to align with the new structural plan.
- [ ] Write Tests (Verify panel existence and dockable flags)
- [ ] Implement layout changes
- [ ] Task: Optimize Dear PyGui window configuration for better multi-viewport handling.
- [ ] Write Tests (Verify window persistence/flags)
- [ ] Implement changes
- [ ] Task: Conductor - User Manual Verification 'Phase 2: Layout Reorganization' (Protocol in workflow.md)
## Phase 3: Visual and Tactile Enhancements
Implement Arcade FX and increase information density.
- [ ] Task: Enhance Arcade FX (blinking, animations) for AI state changes and tool execution.
- [ ] Write Tests (Simulate state changes)
- [ ] Implement FX logic in `gui.py`
- [ ] Task: Increase tactile density in diagnostic and context tables.
- [ ] Write Tests (Check widget count/spacing in specific panels)
- [ ] Implement density improvements
- [ ] Task: Conductor - User Manual Verification 'Phase 3: Visual and Tactile Enhancements' (Protocol in workflow.md)
## Phase 4: Iterative Refinement and Final Audit
Fine-tune the UI based on live usage and verify against product guidelines.
- [ ] Task: Perform a "live" walkthrough to identify friction points in the new layout.
- [ ] Task: Final polish of widget spacing, colors, and tactile feedback.
- [ ] Task: Conductor - User Manual Verification 'Phase 4: Iterative Refinement and Final Audit' (Protocol in workflow.md)

View File

@@ -0,0 +1,30 @@
# Specification: GUI Layout Audit and UX Refinement
## Overview
This track focuses on a holistic review and reorganization of the Manual Slop GUI. The goal is to ensure that AI tunings, diagnostic features, context management, and discussion history are logically placed to support an expert-level "Multi-Viewport" workflow. We will strengthen the "Arcade Aesthetics" and "Tactile Density" values while ensuring the layout remains intuitive for power users.
## Scope
- **Review Areas:** AI Configuration, Diagnostics & Logs, Context Management, and Discussion History panels.
- **Paradigm:** Multi-Viewport Focus (optimizing floatable/dockable windows).
- **Aesthetics:** Enhancement of Arcade-style visual feedback and tactile UI density.
## Functional Requirements
1. **Layout Audit:** Analyze current widget placement against holistic use cases. Identify "weirdly placed" features that don't fit the expert-focus workflow.
2. **Multi-Viewport Optimization:** Refine dockable panel behaviors to ensure flexible multi-monitor setups are seamless.
3. **Visual Feedback Overhaul:** Implement or enhance blinking notifications and state-change animations (Arcade FX) for tool execution and AI status.
4. **Information Density Enhancement:** Increase tactile feedback and data density in diagnostic and context panels.
## Non-Functional Requirements
- **Performance:** Ensure layout updates do not introduce lag or violate strict state management principles.
- **Consistency:** Maintain "USA Graphics Company" tactile interaction values.
## Acceptance Criteria
- A comprehensive audit report/plan for adjustments is created.
- GUI layout is reorganized based on the audit results.
- Arcade FX and tactile density enhancements are implemented and verified.
- The redesign is refined iteratively based on user feedback.
## Out of Scope
- Modifying underlying AI SDK integration logic.
- Implementing new core MCP tools.
- Backend project management logic.