mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-04-25 22:25:01 +00:00
johndoe6345789
82fdc6a727
#26 11.09 │ .container { #26 11.09 │ width: 100%; #26 11.09 │ @media (width >= (display-mode: standalone)) { #26 11.09 ┆ ^-- Unexpected token ParenthesisBlock #26 11.09 ┆ #26 11.09 │ max-width: (display-mode: standalone); #26 11.09 │ } #26 11.09 #26 11.09 Issue #2: #26 11.09 │ max-width: (display-mode: standalone); #26 11.09 │ } #26 11.09 │ @media (width >= (pointer: coarse)) { #26 11.09 ┆ ^-- Unexpected token ParenthesisBlock #26 11.09 ┆ #26 11.09 │ max-width: (pointer: coarse); #26 11.09 │ } #26 11.09 #26 11.09 Issue #3: #26 11.09 │ max-width: (pointer: coarse); #26 11.09 │ } #26 11.09 │ @media (width >= (pointer: fine)) { #26 11.09 ┆ ^-- Unexpected token ParenthesisBlock #26 11.09 ┆ #26 11.09 │ max-width: (pointer: fine); #26 11.09 │ }
132 lines
2.2 KiB
Markdown
132 lines
2.2 KiB
Markdown
# Planning Guide
|
|
|
|
**Experience Qualities**:
|
|
|
|
|
|
This is a diagnostic tool with log parsing, error highlighting, and solution generation - more than a single-pu
|
|
## Essential Features
|
|
### Log Parser & Error Highlighter
|
|
|
|
**Complexity Level**: Light Application (multiple features with basic state)
|
|
This is a diagnostic tool with log parsing, error highlighting, and solution generation - more than a single-purpose tool but not a complex multi-view application.
|
|
|
|
## Essential Features
|
|
|
|
### Log Parser & Error Highlighter
|
|
- **Functionality**: Paste Docker build logs and automatically extract error information
|
|
- **Purpose**: Make sense of lengthy, unformatted build output
|
|
- **Trigger**: User pastes log text into a text area
|
|
|
|
- **Functionality**: Common Docker build errors with explanations and fixes
|
|
|
|
- **Success criteria**: Cove
|
|
### Fix Code Generator
|
|
- **Purpose**: Speed up fixing by providing exact code changes needed
|
|
- **Progression**: Solution shown → Click "Generate Fix
|
|
|
|
|
|
|
|
- **Empty Input**: Show
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- **Foreground/Backgro
|
|
- Card (`oklch(0.19 0.02 265)`): Light text `oklch(0.95 0.01 265)` - Ratio 9.8:1 ✓
|
|
- Destructive/Error (`oklch(0.60 0.25 25)`): White text `oklch(1 0
|
|
## Font Selection
|
|
Monospace for code and logs, clean sans-serif for explanations - reflecting the technical nature while remaining reada
|
|
- **Typographic Hierarchy**:
|
|
|
|
- Code/Logs: JetBra
|
|
|
|
|
|
|
|
- Solutions expand/collapse smoothly (300ms ease-out)
|
|
- Log parsing shows subtle progress indicator during processing
|
|
|
|
|
|
- Textarea (custo
|
|
|
|
- Button (primary for actions, secondary for copy operations)
|
|
|
|
|
|
|
|
- Monospace code blocks with line numbers for generated fixes
|
|
|
|
- Input: Focused state has bright accent border with subtle glow
|
|
|
|
- Terminal (for log input)
|
|
- CheckCircle (for solutions)
|
|
- MagnifyingGlass (for search in knowledge base)
|
|
- Stack (for Docker layers)
|
|
- **Spacing**:
|
|
- Section gaps: gap-8 for major sections, gap-4 for related content
|
|
|
|
- **Mobile**:
|
|
|
|
- Collapsible sections for solutions to save space
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|