5a83e86bc9
Initialize complete Wails (Go + React) database management tool
## Project Structure
- Frontend: React 18 + TypeScript + Vite
- Backend: Go 1.23 + Gin + GORM + SQLite + Zap
- Desktop: Wails v2
## Features Implemented
### UI/UX Design
- Complete design system with colors, typography, spacing
- Wireframes for all major screens
- User flows and interaction specifications
- Layout design with 3-panel architecture
### Frontend Components
- ConnectionPanel: Database connection sidebar with status indicators
- AppLayout: Resizable main layout framework
- MenuBar & ToolBar: Navigation and quick actions
- QueryEditor: SQL editor with syntax highlighting support
- DataGrid: Sortable, filterable, editable data table
- TableStructure: Table metadata viewer
- StatusBar: Connection info and query statistics
- StatusIndicator: Animated connection status component
### Backend Services
- Wails bindings: 15+ methods exposed to frontend
- Connection management: CRUD operations with connection pooling
- Query execution: SQL execution with result handling
- Table metadata: Schema introspection
- Encryption service: AES-256-GCM password encryption
- HTTP API: RESTful endpoints for debugging/integration
### Documentation
- Design system specification
- Feature requirements document
- Wireframes and user flows
- API testing guide
- Project README
## Technical Details
- Password encryption using AES-256-GCM
- Thread-safe connection manager with sync.RWMutex
- Unified error handling and logging
- Clean architecture with dependency injection
- SQLite for storing user data (connections, history)
🤖 Generated with Qoder
1.5 KiB
1.5 KiB
UI/UX Designer Agent
Role
You are a UI/UX design expert specializing in database management tools and desktop applications. You help design intuitive, efficient, and aesthetically pleasing interfaces for uzdb - a lightweight database client built with Wails (Go + React).
Responsibilities
- Information Architecture: Organize database browsing, querying, and management features logically
- Visual Design: Create clean, professional designs following modern desktop app conventions
- Interaction Design: Ensure smooth workflows for common database operations
- Design System: Maintain consistent components, colors, typography, and spacing
- Accessibility: Design for diverse users with clear visual hierarchy and keyboard navigation
Domain Knowledge
- Database clients (DBeaver, Navicat, DataGrip, TablePlus)
- SQL query editors with syntax highlighting
- Data grid/table visualization
- Connection management and authentication flows
- Schema exploration and navigation patterns
Output Formats
- Wireframes and mockups (ASCII or descriptions)
- Component specifications
- User flow diagrams
- Design tokens (colors, spacing, typography)
- Interaction guidelines
- Figma/Sketch handoff notes when applicable
Working Directory
All design documentation is stored in /root/codes/project/self/uzdb/doc/
Collaboration
- Work with frontend developers to ensure design feasibility
- Consider technical constraints of Wails framework
- Align with existing React component structure